fix

app.py

@@ -306,13 +306,6 @@ with gr.Blocks(title="Model Test Results Dashboard", css=load_css(), js=js_func)
 
         # Main content area
         with gr.Column(scale=4, elem_classes=["main-content"]):
-            # New Regressions Panel (at the top for visibility)
-            regressions_panel = gr.Markdown(
-                value=get_regressions_text(),
-                elem_classes=["regressions-panel"],
-                visible=True
-            )
-            
             # Current view components
             with gr.Column(visible=True, elem_classes=["current-view"]) as current_view:
                 # Summary display (default view)
@@ -323,6 +316,19 @@ with gr.Blocks(title="Model Test Results Dashboard", css=load_css(), js=js_func)
                     elem_classes=["plot-container"],
                     visible=True
                 )
+                
+                # New Regressions section (at the bottom, collapsible)
+                regressions_toggle_button = gr.Button(
+                    "► New Regressions",
+                    variant="secondary",
+                    elem_classes=["regressions-header"]
+                )
+                
+                with gr.Column(elem_classes=["regressions-content", "regressions-content-hidden"]) as regressions_content:
+                    regressions_panel = gr.Markdown(
+                        value=get_regressions_text(),
+                        elem_classes=["regressions-panel"]
+                    )
 
                 # Detailed view components (hidden by default)
                 with gr.Column(visible=False, elem_classes=["detail-view"]) as detail_view:
@@ -487,6 +493,31 @@ with gr.Blocks(title="Model Test Results Dashboard", css=load_css(), js=js_func)
         outputs=[all_models_container, amd_failures_container, nvidia_failures_container, both_failures_container]
     )
 
+    # Regressions panel toggle functionality
+    def toggle_regressions_panel(current_visible):
+        """Toggle the visibility of the regressions panel."""
+        new_visible = not current_visible
+        arrow = "▼" if new_visible else "►"
+        button_text = f"{arrow} New Regressions"
+        
+        # Use CSS classes instead of Gradio visibility
+        css_classes = ["regressions-content"]
+        if new_visible:
+            css_classes.append("regressions-content-visible")
+        else:
+            css_classes.append("regressions-content-hidden")
+            
+        return gr.update(value=button_text), gr.update(elem_classes=css_classes), new_visible
+    
+    # Track regressions panel visibility state
+    regressions_visible = gr.State(False)
+    
+    regressions_toggle_button.click(
+        fn=toggle_regressions_panel,
+        inputs=[regressions_visible],
+        outputs=[regressions_toggle_button, regressions_content, regressions_visible]
+    )
+
     # Model toggle functionality
     def toggle_model_list(current_visible):
         """Toggle the visibility of the model list."""

styles.css

@@ -594,13 +594,58 @@ h1, h2, h3, p, .markdown {
     flex-direction: column !important;
 }
 
+/* Regressions header button */
+.regressions-header {
+    margin: 15px 0px 10px 0px !important;
+    background: linear-gradient(135deg, #2a2a2a, #1e1e1e) !important;
+    color: white !important;
+    border: 1px solid #8B4513 !important;
+    border-radius: 5px !important;
+    font-weight: 600 !important;
+    font-size: 14px !important;
+    font-family: monospace !important;
+    text-align: left !important;
+    width: 100% !important;
+    transition: all 0.3s ease !important;
+}
+
+.regressions-header:hover {
+    background: linear-gradient(135deg, #3a3a3a, #2e2e2e) !important;
+    border-color: #B8621B !important;
+}
+
+/* Collapsible regressions content */
+.regressions-content-visible {
+    max-height: 800px !important;
+    overflow-y: auto !important;
+    transition: max-height 0.3s ease !important;
+    scrollbar-width: thin !important;
+    -ms-overflow-style: none !important;
+}
+
+.regressions-content-visible::-webkit-scrollbar {
+    width: 8px !important;
+    background: transparent !important;
+}
+
+.regressions-content-visible::-webkit-scrollbar-thumb {
+    background-color: #333333 !important;
+    border-radius: 4px !important;
+}
+
+.regressions-content-hidden {
+    max-height: 0 !important;
+    overflow: hidden !important;
+    transition: max-height 0.3s ease !important;
+}
+
 /* New Regressions Panel */
 .regressions-panel {
     background: linear-gradient(145deg, #2a1a1a, #1a0f0f) !important;
     border: 2px solid #8B4513 !important;
     border-radius: 8px !important;
     padding: 15px 20px !important;
-    margin: 15px 0px !important;
+    margin: 0px 0px 15px 0px !important;
     box-shadow: 0 4px 12px rgba(255, 107, 107, 0.2) !important;
     animation: pulse-border 2s ease-in-out infinite !important;
 }