Update app.py

app.py

@@ -1,5 +1,8 @@
 import streamlit as st
 import json
+import time
+from bokeh.plotting import figure
+from bokeh.models import ColumnDataSource
 
 urls = [
     "https://huggingface.co/spaces/awacke1/CB-GR-Chatbot-Blenderbot",
@@ -80,17 +83,6 @@ emoji_mapping = {
     "Streamlit": "🌠"
 }
 
-# Map each URL name to its most relevant emoji
-url_emojis = []
-for name in url_names:
-    associated_emoji = "🔗"  # Default emoji
-    for keyword, emoji in emoji_mapping.items():
-        if keyword in name:
-            associated_emoji = emoji
-            break
-    url_emojis.append(associated_emoji)
-
-
 def get_emoji(name):
     for key, emoji in emoji_mapping.items():
         if key in name:
@@ -113,20 +105,17 @@ def main():
     
     if 'current_url' not in st.session_state:
         st.session_state.current_url = None
-    
+
     votes = load_votes()
     
-    # Create two columns
     col1, col2 = st.columns([1, 2])
     
     with col1:
-        # Create sorted list of items
         items = [{"url": url, "name": url.split('/')[-1], 
                  "emoji": get_emoji(url.split('/')[-1]), 
                  "votes": votes[url]} for url in urls]
         items.sort(key=lambda x: (-x["votes"], x["name"]))
         
-        # Display buttons in 2 columns within col1
         button_cols = st.columns(2)
         for i, item in enumerate(items):
             with button_cols[i % 2]:
@@ -139,18 +128,31 @@ def main():
 
     with col2:
         if st.session_state.current_url:
-            st.components.iframe(st.session_state.current_url, height=800, scrolling=True)
+            html_string = f"""
+            <div style="width:100%; height:800px; overflow:hidden;">
+                <iframe src="{st.session_state.current_url}"
+                        width="100%"
+                        height="100%"
+                        frameborder="0"
+                        scrolling="yes"
+                        style="border: 1px solid #ddd;">
+                </iframe>
+            </div>
+            """
+            st.components.v1.html(html_string, height=800)
         else:
-            st.write("Select an app to view")
+            st.info("Select an app to view")
 
-    # Display vote graph at bottom of col1
     if any(votes.values()):
         with col1:
             source = ColumnDataSource({
                 'names': [i["name"] for i in items if votes[i["url"]] > 0],
                 'votes': [i["votes"] for i in items if votes[i["url"]] > 0]
             })
-            p = figure(x_range=source.data['names'], height=250, title="Vote Counts")
+            p = figure(x_range=source.data['names'], 
+                      height=250, 
+                      title="Vote Counts",
+                      toolbar_location=None)
             p.vbar(x='names', top='votes', width=0.9, source=source)
             p.xaxis.major_label_orientation = 1.2
             st.bokeh_chart(p)