fixed the sidebar issue

app.log

@@ -54842,3 +54842,45 @@ For troubleshooting, visit: https://python.langchain.com/docs/troubleshooting/er
 2025-06-11 00:25:24:__main__:INFO: Starting the interface
 2025-06-11 00:26:09:__main__:INFO: Starting the interface
 2025-06-11 00:28:10:__main__:INFO: Starting the interface
+2025-06-25 07:58:26:__main__:INFO: Starting the interface
+2025-06-25 07:58:53:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-25 07:59:44:__main__:INFO: Prompt: You are a helpful assistant.
+2025-06-25 07:59:49:__main__:ERROR: Exception occurred
+Traceback (most recent call last):
+  File "C:\_projects\huggingface_agents\mcp-hacthon\DIY_agent\version0.0.2\DIY_assistant\app.py", line 115, in chat_fn
+    async for stream_mode, chunk in graph.astream(
+    ...<56 lines>...
+                    yield output, gr.skip(), gr.skip()
+  File "C:\_projects\huggingface_agents\mcp-hacthon\DIY_agent\version0.0.2\DIY_assistant\venv\Lib\site-packages\langgraph\pregel\__init__.py", line 2677, in astream
+    raise GraphRecursionError(msg)
+langgraph.errors.GraphRecursionError: Recursion limit of 20 reached without hitting a stop condition. You can increase the limit by setting the `recursion_limit` config key.
+For troubleshooting, visit: https://python.langchain.com/docs/troubleshooting/errors/GRAPH_RECURSION_LIMIT
+2025-06-25 08:00:58:__main__:INFO: Prompt: You are a helpful assistant.
+2025-06-25 08:01:24:__main__:INFO: Prompt: You are a helpful assistant.
+2025-06-25 08:01:48:__main__:INFO: Prompt: You are a helpful assistant.
+2025-06-25 08:02:22:__main__:INFO: Prompt: You are a helpful assistant.
+2025-06-25 08:02:35:__main__:INFO: Prompt: You are a helpful assistant.
+2025-06-25 08:03:34:__main__:ERROR: Exception occurred
+Traceback (most recent call last):
+  File "C:\_projects\huggingface_agents\mcp-hacthon\DIY_agent\version0.0.2\DIY_assistant\app.py", line 115, in chat_fn
+    async for stream_mode, chunk in graph.astream(
+    ...<56 lines>...
+                    yield output, gr.skip(), gr.skip()
+  File "C:\_projects\huggingface_agents\mcp-hacthon\DIY_agent\version0.0.2\DIY_assistant\venv\Lib\site-packages\langgraph\pregel\__init__.py", line 2677, in astream
+    raise GraphRecursionError(msg)
+langgraph.errors.GraphRecursionError: Recursion limit of 20 reached without hitting a stop condition. You can increase the limit by setting the `recursion_limit` config key.
+For troubleshooting, visit: https://python.langchain.com/docs/troubleshooting/errors/GRAPH_RECURSION_LIMIT
+2025-06-26 07:52:38:__main__:INFO: Starting the interface
+2025-06-26 07:53:03:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:07:53:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:08:07:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:08:16:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:08:34:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:09:15:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:09:33:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:09:48:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:09:50:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:10:13:__main__:INFO: Starting the interface
+2025-06-26 08:10:16:__main__:INFO: Greeting added for new user via handle_initial_greeting_load.
+2025-06-26 08:10:39:__main__:INFO: Prompt: You are a helpful assistant.
+2025-06-26 08:10:51:__main__:INFO: Prompt: You are a helpful assistant.

app.py

@@ -592,111 +592,62 @@ if __name__ == "__main__":
             str()
         )
         prompt_textbox.change(lambda prompt: prompt, inputs=[prompt_textbox], outputs=[current_prompt_state])
+
+        MAX_CHATS_IN_SIDEBAR = 25
+
         with gr.Sidebar() as sidebar:
-            @gr.render(inputs=[tab_edit_uuid_state, end_of_assistant_response_state, sidebar_names_state, current_uuid_state, chatbot, offloaded_tabs_data_storage])
-            def render_chats(tab_uuid_edit, end_of_chat_response, sidebar_summaries, active_uuid, messages, tabs):
-                current_tab_button_text = ""
-                if active_uuid not in sidebar_summaries:
-                    current_tab_button_text = "Current Chat"
-                elif active_uuid not in tabs:
-                    current_tab_button_text = sidebar_summaries[active_uuid]
-                if current_tab_button_text:
-                    unique_id = f"current-tab-{active_uuid}-{uuid4()}"
-                    gr.Button(
-                        current_tab_button_text, 
-                        elem_classes=["chat-tab", "active"], 
-                        elem_id=unique_id # Add unique elem_id
-                    )
-                for chat_uuid, tab in reversed(tabs.items()):
-                    elem_classes = ["chat-tab"]
-                    if chat_uuid == active_uuid:
-                        elem_classes.append("active")
-                    button_uuid_state = gr.State(chat_uuid)
-                    with gr.Row():
-                        clear_tab_button = gr.Button(
-                            "🗑",
-                            scale=0,
-                            elem_classes=["tab-button-control"],
-                            elem_id=f"delete-btn-{chat_uuid}-{uuid4()}"  # Add unique ID
-                        )
-                        clear_tab_button.click(
-                            fn=delete_tab,
-                            inputs=[
-                                current_uuid_state,
-                                button_uuid_state,
-                                sidebar_names_state,
-                                offloaded_tabs_data_storage
-                            ],
-                            outputs=[
-                                sidebar_names_state,
-                                offloaded_tabs_data_storage,
-                                chat_interface.chatbot_value
-                            ]
-                        )
-                        chat_button_text = sidebar_summaries.get(chat_uuid)
-                        if not chat_button_text:
-                            chat_button_text = str(chat_uuid)
-                        if chat_uuid != tab_uuid_edit:
-                            set_edit_tab_button = gr.Button(
-                                "✎",
-                                scale=0,
-                                elem_classes=["tab-button-control"],
-                                elem_id=f"edit-btn-{chat_uuid}-{uuid4()}"  # Add unique ID
-                            )
-                            set_edit_tab_button.click(
-                                fn=lambda x: x,
-                                inputs=[button_uuid_state],
-                                outputs=[tab_edit_uuid_state]
-                            )
-                            chat_tab_button = gr.Button(
-                                chat_button_text,
-                                elem_id=f"chat-{chat_uuid}-{uuid4()}",  # Add truly unique ID
-                                elem_classes=elem_classes,
-                                scale=2
-                            )
-                            chat_tab_button.click(
-                                fn=switch_tab,
-                                inputs=[
-                                    button_uuid_state,
-                                    offloaded_tabs_data_storage,
-                                    current_langgraph_state,
-                                    current_uuid_state,
-                                    chatbot,
-                                    prompt_textbox
-                                ],
-                                outputs=[
-                                    current_langgraph_state,
-                                    current_uuid_state,
-                                    chat_interface.chatbot_value,
-                                    offloaded_tabs_data_storage,
-                                    prompt_textbox,
-                                    *followup_question_buttons
-                                ]
-                            )
-                        else:
-                            chat_tab_text = gr.Textbox(
-                                chat_button_text,
-                                scale=2,
-                                interactive=True,
-                                show_label=False,
-                                elem_id=f"edit-text-{chat_uuid}-{uuid4()}"  # Add unique ID
-                            )
-                            chat_tab_text.submit(
-                                fn=submit_edit_tab,
-                                inputs=[
-                                    button_uuid_state,
-                                    sidebar_names_state,
-                                    chat_tab_text
-                                ],
-                                outputs=[
-                                    sidebar_names_state,
-                                    tab_edit_uuid_state
-                                ]
-                            )
-                    # )
-                # return chat_tabs, sidebar_summaries
             new_chat_button = gr.Button("New Chat", elem_id="new-chat-button")
-        chatbot.clear(fn=clear, outputs=[current_langgraph_state, current_uuid_state])
+            
+            # --- This is the "Component Pool" ---
+            # We create a fixed number of rows for our chats and hide them initially.
+            sidebar_chat_rows = []
+            for i in range(MAX_CHATS_IN_SIDEBAR):
+                with gr.Row(visible=False, elem_classes="chat-tab-row") as row:
+                    # We need a gr.State to hold the unique ID for each chat in the list
+                    chat_id_state = gr.State()
+
+                    # The main button to switch to the chat
+                    chat_button = gr.Button(scale=2)
+                    
+                    # The delete button for the chat
+                    delete_button = gr.Button("🗑", scale=0, elem_classes=["tab-button-control"])
+
+                    sidebar_chat_rows.append({
+                        "row": row,
+                        "chat_id_state": chat_id_state,
+                        "chat_button": chat_button,
+                        "delete_button": delete_button
+                    })
+        
+        def update_sidebar_display(sidebar_summaries, all_tabs_data, active_uuid):
+            updates = []
+            
+            # Use reversed to show the newest chats on top
+            chat_uuids_to_display = list(reversed(list(all_tabs_data.keys())))
+
+            for i in range(MAX_CHATS_IN_SIDEBAR):
+                if i < len(chat_uuids_to_display):
+                    # If we have a chat for this slot, we make the row visible and update it.
+                    chat_uuid = chat_uuids_to_display[i]
+                    chat_name = sidebar_summaries.get(chat_uuid, f"Chat {i+1}")
+                    
+                    elem_classes = ["chat-tab", "active"] if chat_uuid == active_uuid else ["chat-tab"]
+                    
+                    updates.extend([
+                        gr.update(visible=True), # Show the row
+                        chat_uuid,               # Set the UUID for this row
+                        gr.update(value=chat_name, elem_classes=elem_classes), # Update the button text/style
+                        gr.update(visible=True)  # Show the delete button
+                    ])
+                else:
+                    # If there's no chat for this slot, we hide the entire row.
+                    updates.extend([
+                        gr.update(visible=False), # Hide the row
+                        None,                     # Clear the state
+                        gr.update(value=""),      # Clear button text
+                        gr.update(visible=False)  # Hide delete button
+                    ])
+            return updates
         
         chat_interface = gr.ChatInterface(
             chatbot=chatbot,
@@ -712,11 +663,204 @@ if __name__ == "__main__":
                 current_langgraph_state,
                 end_of_assistant_response_state
             ],
-            type="messages",
             multimodal=multimodal,
             textbox=textbox,
         )
 
+        # --- Define all event listeners ONCE, outside of any update function ---
+        for components in sidebar_chat_rows:
+            # Event listener for switching to a different chat
+            components["chat_button"].click(
+                fn=switch_tab,
+                inputs=[
+                    components["chat_id_state"], # The UUID of the clicked tab
+                    offloaded_tabs_data_storage,
+                    current_langgraph_state,
+                    current_uuid_state,
+                    chatbot,
+                    prompt_textbox
+                ],
+                outputs=[
+                    current_langgraph_state,
+                    current_uuid_state,
+                    chat_interface.chatbot,
+                    offloaded_tabs_data_storage,
+                    prompt_textbox,
+                    *followup_question_buttons,
+                ]
+            )
+
+            # Event listener for deleting a chat
+            components["delete_button"].click(
+                fn=delete_tab,
+                inputs=[
+                    current_uuid_state,
+                    components["chat_id_state"], # The UUID of the tab to delete
+                    sidebar_names_state,
+                    offloaded_tabs_data_storage
+                ],
+                outputs=[
+                    sidebar_names_state,
+                    offloaded_tabs_data_storage,
+                    chat_interface.chatbot
+                ]
+            )
+
+        # --- This section replaces the @gr.render decorator ---
+        # We trigger the update function whenever the underlying data changes.
+        sidebar_update_triggers = [
+            sidebar_names_state, 
+            offloaded_tabs_data_storage, 
+            current_uuid_state,
+        ]
+        
+        # The list of all components we need to update
+        sidebar_update_outputs = []
+        for comp_dict in sidebar_chat_rows:
+            sidebar_update_outputs.extend(comp_dict.values())
+
+        for trigger in sidebar_update_triggers:
+            trigger.change(
+                fn=update_sidebar_display,
+                inputs=[sidebar_names_state, offloaded_tabs_data_storage, current_uuid_state],
+                outputs=sidebar_update_outputs,
+                show_progress="hidden"
+            )
+        
+        # Also trigger an update when the app loads
+        demo.load(
+            fn=update_sidebar_display,
+            inputs=[sidebar_names_state, offloaded_tabs_data_storage, current_uuid_state],
+            outputs=sidebar_update_outputs,
+            show_progress="hidden"
+        )
+
+
+        # with gr.Sidebar() as sidebar:
+        #     @gr.render(inputs=[tab_edit_uuid_state, end_of_assistant_response_state, sidebar_names_state, current_uuid_state, chatbot, offloaded_tabs_data_storage])
+        #     def render_chats(tab_uuid_edit, end_of_chat_response, sidebar_summaries, active_uuid, messages, tabs):
+        #         current_tab_button_text = ""
+        #         if active_uuid not in sidebar_summaries:
+        #             current_tab_button_text = "Current Chat"
+        #         elif active_uuid not in tabs:
+        #             current_tab_button_text = sidebar_summaries[active_uuid]
+        #         if current_tab_button_text:
+        #             unique_id = f"current-tab-{active_uuid}-{uuid4()}"
+        #             gr.Button(
+        #                 current_tab_button_text, 
+        #                 elem_classes=["chat-tab", "active"], 
+        #                 elem_id=unique_id # Add unique elem_id
+        #             )
+        #         for chat_uuid, tab in reversed(tabs.items()):
+        #             elem_classes = ["chat-tab"]
+        #             if chat_uuid == active_uuid:
+        #                 elem_classes.append("active")
+        #             button_uuid_state = gr.State(chat_uuid)
+        #             with gr.Row():
+        #                 clear_tab_button = gr.Button(
+        #                     "🗑",
+        #                     scale=0,
+        #                     elem_classes=["tab-button-control"],
+        #                     elem_id=f"delete-btn-{chat_uuid}-{uuid4()}"  # Add unique ID
+        #                 )
+        #                 clear_tab_button.click(
+        #                     fn=delete_tab,
+        #                     inputs=[
+        #                         current_uuid_state,
+        #                         button_uuid_state,
+        #                         sidebar_names_state,
+        #                         offloaded_tabs_data_storage
+        #                     ],
+        #                     outputs=[
+        #                         sidebar_names_state,
+        #                         offloaded_tabs_data_storage,
+        #                         chat_interface.chatbot_value
+        #                     ]
+        #                 )
+        #                 chat_button_text = sidebar_summaries.get(chat_uuid)
+        #                 if not chat_button_text:
+        #                     chat_button_text = str(chat_uuid)
+        #                 if chat_uuid != tab_uuid_edit:
+        #                     set_edit_tab_button = gr.Button(
+        #                         "✎",
+        #                         scale=0,
+        #                         elem_classes=["tab-button-control"],
+        #                         elem_id=f"edit-btn-{chat_uuid}-{uuid4()}"  # Add unique ID
+        #                     )
+        #                     set_edit_tab_button.click(
+        #                         fn=lambda x: x,
+        #                         inputs=[button_uuid_state],
+        #                         outputs=[tab_edit_uuid_state]
+        #                     )
+        #                     chat_tab_button = gr.Button(
+        #                         chat_button_text,
+        #                         elem_id=f"chat-{chat_uuid}-{uuid4()}",  # Add truly unique ID
+        #                         elem_classes=elem_classes,
+        #                         scale=2
+        #                     )
+        #                     chat_tab_button.click(
+        #                         fn=switch_tab,
+        #                         inputs=[
+        #                             button_uuid_state,
+        #                             offloaded_tabs_data_storage,
+        #                             current_langgraph_state,
+        #                             current_uuid_state,
+        #                             chatbot,
+        #                             prompt_textbox
+        #                         ],
+        #                         outputs=[
+        #                             current_langgraph_state,
+        #                             current_uuid_state,
+        #                             chat_interface.chatbot_value,
+        #                             offloaded_tabs_data_storage,
+        #                             prompt_textbox,
+        #                             *followup_question_buttons
+        #                         ]
+        #                     )
+        #                 else:
+        #                     chat_tab_text = gr.Textbox(
+        #                         chat_button_text,
+        #                         scale=2,
+        #                         interactive=True,
+        #                         show_label=False,
+        #                         elem_id=f"edit-text-{chat_uuid}-{uuid4()}"  # Add unique ID
+        #                     )
+        #                     chat_tab_text.submit(
+        #                         fn=submit_edit_tab,
+        #                         inputs=[
+        #                             button_uuid_state,
+        #                             sidebar_names_state,
+        #                             chat_tab_text
+        #                         ],
+        #                         outputs=[
+        #                             sidebar_names_state,
+        #                             tab_edit_uuid_state
+        #                         ]
+        #                     )
+        #             # )
+        #         # return chat_tabs, sidebar_summaries
+        #     new_chat_button = gr.Button("New Chat", elem_id="new-chat-button")
+        # chatbot.clear(fn=clear, outputs=[current_langgraph_state, current_uuid_state])
+        
+        # chat_interface = gr.ChatInterface(
+        #     chatbot=chatbot,
+        #     fn=chat_fn,
+        #     additional_inputs=[
+        #         current_langgraph_state,
+        #         current_uuid_state,
+        #         prompt_textbox,
+        #         checkbox_search_enabled,
+        #         checkbox_download_website_text,
+        #     ],
+        #     additional_outputs=[
+        #         current_langgraph_state,
+        #         end_of_assistant_response_state
+        #     ],
+        #     type="messages",
+        #     multimodal=multimodal,
+        #     textbox=textbox,
+        # )
+
         new_chat_button.click(
             new_tab,
             inputs=[
@@ -846,9 +990,9 @@ if __name__ == "__main__":
             return current_prompt
 
     
-    # demo.launch(server_name="127.0.0.1", server_port=8080, share=True)
+    demo.launch(server_name="127.0.0.1", server_port=8080, share=True)
 
-    demo.launch(server_name="0.0.0.0", server_port=7860, share=True)
+    # demo.launch(server_name="0.0.0.0", server_port=7860, share=True)
 
 
 

setup.md

@@ -0,0 +1,6 @@
+create a virtual enviremetn | windows --> python -m venv venv
+activate the virtual environment | ./venv/scripts/activate
+instll the requirements | pip install -r requirements.txt
+run the project | gradio app.py
+
+**make sure environment variable are set correctly**