Update app.py

app.py

@@ -722,12 +722,6 @@ def build_app():
             # Initialize state
             state_bookmarks = gr.State([])
 
-            # Define 'bookmark_selector' first
-            bookmark_selector = gr.CheckboxGroup(
-                label="✅ Select Bookmarks",
-                choices=[]
-            )
-
             # General Overview
             gr.Markdown("""
 # 📚 SmartMarks - AI Browser Bookmarks Manager
@@ -747,7 +741,7 @@ SmartMarks is divided into three main sections:
 Navigate through the tabs to explore each feature in detail.
 """)
 
-            # Upload and Process Bookmarks Tab
+            # Define tabs
             with gr.Tab("Upload and Process Bookmarks"):
                 gr.Markdown("""
 ## 📂 **Upload and Process Bookmarks**
@@ -765,7 +759,6 @@ Navigate through the tabs to explore each feature in detail.
 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")
                 output_text = gr.Textbox(label="✅ Output", interactive=False)
@@ -774,10 +767,9 @@ Navigate through the tabs to explore each feature in detail.
                 process_button.click(
                     process_uploaded_file,
                     inputs=[upload, state_bookmarks],
-                    outputs=[output_text, bookmark_display, state_bookmarks, bookmark_display, bookmark_selector]
+                    outputs=[output_text, bookmark_display, state_bookmarks, bookmark_display, "bookmark_selector"]
                 )
 
-            # Chat with Bookmarks Tab
             with gr.Tab("Chat with Bookmarks"):
                 gr.Markdown("""
 ## 💬 **Chat with Bookmarks**
@@ -796,7 +788,6 @@ Navigate through the tabs to explore each feature in detail.
 4. **View Chat History:**
    - All your queries and the corresponding AI responses are displayed in the chat history for your reference.
 """)
-
                 chatbot = gr.Chatbot(label="💬 Chat with SmartMarks", type='messages')
                 user_input = gr.Textbox(
                     label="✍️ Ask about your bookmarks",
@@ -810,7 +801,6 @@ Navigate through the tabs to explore each feature in detail.
                     outputs=chatbot
                 )
 
-            # Manage Bookmarks Tab
             with gr.Tab("Manage Bookmarks"):
                 gr.Markdown("""
 ## 🛠️ **Manage Bookmarks**
@@ -838,9 +828,7 @@ Navigate through the tabs to explore each feature in detail.
 6. **Refresh Bookmarks:**
    - Click the **"🔄 Refresh Bookmarks"** button to ensure the latest state is reflected in the display.
 """)
-
                 manage_output = gr.Textbox(label="🔄 Status", interactive=False)
-                # 'bookmark_selector' is already defined above
                 new_category = gr.Dropdown(
                     label="🆕 New Category",
                     choices=CATEGORIES,
@@ -848,6 +836,13 @@ Navigate through the tabs to explore each feature in detail.
                 )
                 bookmark_display_manage = gr.HTML(label="📄 Bookmarks")
 
+                with gr.Row():
+                    # Define 'bookmark_selector' inside the tab
+                    bookmark_selector = gr.CheckboxGroup(
+                        label="✅ Select Bookmarks",
+                        choices=[]
+                    )
+
                 with gr.Row():
                     delete_button = gr.Button("🗑️ Delete Selected")
                     edit_category_button = gr.Button("✏️ Edit Category")