collapse side bar

app.py

@@ -606,15 +606,20 @@ except TypeError:
     demo = gr.Blocks(title="RFM Evaluation Server")
 
 with demo:
-    gr.Markdown(
-        """
-        # RFM (Reward Foundation Model) Evaluation Server
-        """
-    )
+    # Header with title and toggle button
+    with gr.Row():
+        sidebar_toggle_btn = gr.Button("☰ Toggle Sidebar", variant="secondary", size="sm", elem_id="sidebar-toggle")
+        gr.Markdown(
+            """
+            # RFM (Reward Foundation Model) Evaluation Server
+            """,
+            elem_id="main-title",
+        )
 
     # Hidden state to store server URL and model mapping (define before use)
     server_url_state = gr.State(value=None)
     model_url_mapping_state = gr.State(value={})  # Maps model_name -> server_url
+    sidebar_visible_state = gr.State(value=True)  # Track sidebar visibility
 
     # Function definitions for event handlers
     def discover_and_select_models(base_url: str):
@@ -697,10 +702,22 @@ with demo:
             server_url,
         )
 
+    # Toggle function for sidebar
+    def toggle_sidebar(visible):
+        """Toggle sidebar visibility."""
+        new_visible = not visible
+        button_text = "☰ Show Sidebar" if not new_visible else "☰ Hide Sidebar"
+        return (
+            new_visible,
+            gr.update(visible=new_visible),
+            gr.update(value=button_text),
+        )
+
     # Main layout with sidebar and content area
     with gr.Row():
-        # Sidebar for model selection and info
-        with gr.Column(scale=1, min_width=300):
+        # Sidebar for model selection and info (controlled by visibility state)
+        sidebar_column = gr.Column(scale=1, min_width=300, visible=True)
+        with sidebar_column:
             gr.Markdown("### 🔧 Model Configuration")
             
             base_url_input = gr.Textbox(
@@ -744,6 +761,13 @@ with demo:
 
         # Main content area with tabs
         with gr.Column(scale=4):
+            # Wire up the toggle button
+            sidebar_toggle_btn.click(
+                fn=toggle_sidebar,
+                inputs=[sidebar_visible_state],
+                outputs=[sidebar_visible_state, sidebar_column, sidebar_toggle_btn],
+            )
+            
             with gr.Tabs():
                 with gr.Tab("Progress Prediction"):
                     gr.Markdown("### Progress & Success Prediction")