ASdf

app.py

@@ -338,6 +338,17 @@ document.addEventListener('DOMContentLoaded', function() {
 });
 """
 
+TOGGLE_SIDEBAR_JS = """
+function toggleSidebarVisibility() {
+    const sidebar = document.querySelector(".gradio-sidebar");
+    if (!sidebar) {
+        console.error("Error: Could not find the sidebar element");
+        return;
+    }
+    sidebar.classList.toggle("sidebar-collapsed");
+}
+"""
+
 if __name__ == "__main__":
     logger.info("Starting the interface")
     with gr.Blocks(title="Langgraph Template", fill_height=True, css=CSS) as app:
@@ -378,6 +389,8 @@ if __name__ == "__main__":
         )
         with gr.Column():
             prompt_textbox = gr.Textbox(show_label=False, interactive=True)
+        with gr.Row():
+                toggle_sidebar_button = gr.Button("Toggle Sidebar", elem_id="toggle-sidebar-button")
         with gr.Row():
             checkbox_search_enabled = gr.Checkbox(
                 value=True,
@@ -562,6 +575,12 @@ if __name__ == "__main__":
             ]
         )
 
+        toggle_sidebar_button.click(
+            fn=lambda: None,  # No Python function needed
+            inputs=[],
+            outputs=[]
+        ).success(lambda: None, js=TOGGLE_SIDEBAR_JS)
+
         def click_followup_button(btn):
             buttons = [gr.Button(visible=False) for _ in range(len(followup_question_buttons))]
             return btn, *buttons