Update app.py

app.py

@@ -593,70 +593,29 @@ Please provide a concise summary of the most relevant bookmarks that match the u
 def build_app():
     try:
         logger.info("Building Gradio app")
-        with gr.Blocks(css="""
-        .card {
-            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-            transition: 0.3s;
-        }
-        .card:hover {
-            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
-        }
-
-        /* Dynamic Theme Styling */
-        @media (prefers-color-scheme: dark) {
-            body {
-                color: white;
-                background-color: #121212;
-            }
-            .card {
-                background-color: #1e1e1e;
-            }
-            a {
-                color: #bb86fc;
-            }
-            h1, h2, h3, p, strong {
-                color: inherit;
-            }
-        }
-
-        @media (prefers-color-scheme: light) {
-            body {
-                color: black;
-                background-color: white;
-            }
-            .card {
-                background-color: #fff;
-            }
-            a {
-                color: #1a0dab;
-            }
-            h1, h2, h3, p, strong {
-                color: inherit;
-            }
-        }
-        """) as demo:
+        with gr.Blocks(css="app.css") as demo:  # Load external CSS file
             # Shared states
             state_bookmarks = gr.State([])
             chat_history = gr.State([])
 
             # General Overview
             gr.Markdown("""
-    # 📚 SmartMarks - AI Browser Bookmarks Manager
+# 📚 SmartMarks - AI Browser Bookmarks Manager
 
-    Welcome to **SmartMarks**, your intelligent assistant for managing browser bookmarks. SmartMarks leverages AI to help you organize, search, and interact with your bookmarks seamlessly. Whether you're looking to categorize your links, retrieve information quickly, or maintain an updated list, SmartMarks has you covered.
+Welcome to **SmartMarks**, your intelligent assistant for managing browser bookmarks. SmartMarks leverages AI to help you organize, search, and interact with your bookmarks seamlessly. Whether you're looking to categorize your links, retrieve information quickly, or maintain an updated list, SmartMarks has you covered.
 
-    ---
+---
 
-    ## 🚀 **How to Use SmartMarks**
+## 🚀 **How to Use SmartMarks**
 
-    SmartMarks is divided into three main sections:
+SmartMarks is divided into three main sections:
 
-    1. **📂 Upload and Process Bookmarks:** Import your existing bookmarks and let SmartMarks analyze and categorize them for you.
-    2. **💬 Chat with Bookmarks:** Interact with your bookmarks using natural language queries to find relevant links effortlessly.
-    3. **🛠️ Manage Bookmarks:** View, edit, delete, and export your bookmarks with ease.
+1. **📂 Upload and Process Bookmarks:** Import your existing bookmarks and let SmartMarks analyze and categorize them for you.
+2. **💬 Chat with Bookmarks:** Interact with your bookmarks using natural language queries to find relevant links effortlessly.
+3. **🛠️ Manage Bookmarks:** View, edit, delete, and export your bookmarks with ease.
 
-    Navigate through the tabs to explore each feature in detail.
-    """)
+Navigate through the tabs to explore each feature in detail.
+""")
 
             # Define Manage Bookmarks components outside the tab for global access
             bookmark_selector = gr.CheckboxGroup(label="✅ Select Bookmarks", choices=[])
@@ -665,21 +624,21 @@ def build_app():
             # Upload and Process Bookmarks Tab
             with gr.Tab("Upload and Process Bookmarks"):
                 gr.Markdown("""
-    ## 📂 **Upload and Process Bookmarks**
+## 📂 **Upload and Process Bookmarks**
 
-    ### 📝 **Steps to Upload and Process:**
+### 📝 **Steps to Upload and Process:**
 
-    1. **🔽 Upload Bookmarks File:**
-       - Click on the **"📁 Upload Bookmarks HTML File"** button.
-       - Select your browser's exported bookmarks HTML file from your device.
+1. **🔽 Upload Bookmarks File:**
+   - Click on the **"📁 Upload Bookmarks HTML File"** button.
+   - Select your browser's exported bookmarks HTML file from your device.
 
-    2. **⚙️ Process Bookmarks:**
-       - After uploading, click on the **"⚙️ Process Bookmarks"** button.
-       - SmartMarks will parse your bookmarks, fetch additional information, generate summaries, and categorize each link based on predefined categories.
+2. **⚙️ Process Bookmarks:**
+   - After uploading, click on the **"⚙️ Process Bookmarks"** button.
+   - SmartMarks will parse your bookmarks, fetch additional information, generate summaries, and categorize each link based on predefined categories.
 
-    3. **📄 View Processed Bookmarks:**
-       - Once processing is complete, your bookmarks will be displayed in an organized and visually appealing format below.
-    """)
+3. **📄 View Processed Bookmarks:**
+   - Once processing is complete, your bookmarks will be displayed in an organized and visually appealing format below.
+""")
 
                 upload = gr.File(label="📁 Upload Bookmarks HTML File", type='binary')
                 process_button = gr.Button("⚙️ Process Bookmarks")
@@ -695,22 +654,22 @@ def build_app():
             # Chat with Bookmarks Tab
             with gr.Tab("Chat with Bookmarks"):
                 gr.Markdown("""
-    ## 💬 **Chat with Bookmarks**
+## 💬 **Chat with Bookmarks**
 
-    ### 🤖 **How to Interact:**
+### 🤖 **How to Interact:**
 
-    1. **✍️ Enter Your Query:**
-       - In the **"✍️ Ask about your bookmarks"** textbox, type your question or keyword related to your bookmarks. For example, "Do I have any bookmarks about GenerativeAI?"
+1. **✍️ Enter Your Query:**
+   - In the **"✍️ Ask about your bookmarks"** textbox, type your question or keyword related to your bookmarks. For example, "Do I have any bookmarks about GenerativeAI?"
 
-    2. **📨 Submit Your Query:**
-       - Click the **"📨 Send"** button to submit your query.
+2. **📨 Submit Your Query:**
+   - Click the **"📨 Send"** button to submit your query.
 
-    3. **📈 Receive AI-Driven Responses:**
-       - SmartMarks will analyze your query and provide relevant bookmarks that match your request, making it easier to find specific links without manual searching.
+3. **📈 Receive AI-Driven Responses:**
+   - SmartMarks will analyze your query and provide relevant bookmarks that match your request, making it easier to find specific links without manual searching.
 
-    4. **🗂️ View Chat History:**
-       - All your queries and the corresponding AI responses are displayed in the chat history for your reference.
-    """)
+4. **🗂️ View Chat History:**
+   - All your queries and the corresponding AI responses are displayed in the chat history for your reference.
+""")
 
                 with gr.Row():
                     chat_history_display = gr.Chatbot(label="🗨️ Chat History")
@@ -740,31 +699,31 @@ def build_app():
             # Manage Bookmarks Tab
             with gr.Tab("Manage Bookmarks"):
                 gr.Markdown("""
-    ## 🛠️ **Manage Bookmarks**
+## 🛠️ **Manage Bookmarks**
 
-    ### 🗂️ **Features:**
+### 🗂️ **Features:**
 
-    1. **👁️ View Bookmarks:**
-       - All your processed bookmarks are displayed here with their respective categories and summaries.
+1. **👁️ View Bookmarks:**
+   - All your processed bookmarks are displayed here with their respective categories and summaries.
 
-    2. **✅ Select Bookmarks:**
-       - Use the checkboxes next to each bookmark to select one, multiple, or all bookmarks you wish to manage.
+2. **✅ Select Bookmarks:**
+   - Use the checkboxes next to each bookmark to select one, multiple, or all bookmarks you wish to manage.
 
-    3. **🗑️ Delete Selected Bookmarks:**
-       - After selecting the desired bookmarks, click the **"🗑️ Delete Selected Bookmarks"** button to remove them from your list.
+3. **🗑️ Delete Selected Bookmarks:**
+   - After selecting the desired bookmarks, click the **"🗑️ Delete Selected Bookmarks"** button to remove them from your list.
 
-    4. **✏️ Edit Categories:**
-       - Select the bookmarks you want to re-categorize.
-       - Choose a new category from the dropdown menu labeled **"🆕 New Category"**.
-       - Click the **"✏️ Edit Category of Selected Bookmarks"** button to update their categories.
+4. **✏️ Edit Categories:**
+   - Select the bookmarks you want to re-categorize.
+   - Choose a new category from the dropdown menu labeled **"🆕 New Category"**.
+   - Click the **"✏️ Edit Category of Selected Bookmarks"** button to update their categories.
 
-    5. **💾 Export Bookmarks:**
-       - Click the **"💾 Export Bookmarks"** button to download your updated bookmarks as an HTML file.
-       - This file can be uploaded back to your browser to reflect the changes made within SmartMarks.
+5. **💾 Export Bookmarks:**
+   - Click the **"💾 Export Bookmarks"** button to download your updated bookmarks as an HTML file.
+   - This file can be uploaded back to your browser to reflect the changes made within SmartMarks.
 
-    6. **🔄 Refresh Bookmarks:**
-       - Click the **"🔄 Refresh Bookmarks"** button to ensure the latest state is reflected in the display.
-    """)
+6. **🔄 Refresh Bookmarks:**
+   - Click the **"🔄 Refresh Bookmarks"** button to ensure the latest state is reflected in the display.
+""")
 
                 manage_output = gr.Textbox(label="🔄 Manage Output", interactive=False)
                 new_category_input = gr.Dropdown(label="🆕 New Category", choices=CATEGORIES, value="Uncategorized")