ui fixes

web/layout_manager.py

@@ -17,11 +17,32 @@ class DashboardLayoutManager:
     
     def create_main_layout(self):
         """Create the main dashboard layout"""
-        return html.Div([
-            self._create_header(),
-            self._create_interval_component(),
-            self._create_main_content()
-        ], className="container-fluid")
+        try:
+            print("Creating main layout...")
+            header = self._create_header()
+            print("Header created")
+            interval_component = self._create_interval_component()
+            print("Interval component created")
+            main_content = self._create_main_content()
+            print("Main content created")
+            
+            layout = html.Div([
+                header,
+                interval_component,
+                main_content
+            ], className="container-fluid")
+            
+            print("Main layout created successfully")
+            return layout
+        except Exception as e:
+            print(f"Error creating main layout: {e}")
+            import traceback
+            traceback.print_exc()
+            # Return a simple error layout
+            return html.Div([
+                html.H1("Dashboard Error", className="text-danger"),
+                html.P(f"Error creating layout: {str(e)}", className="text-danger")
+            ])
     
     def _create_header(self):
         """Create the dashboard header"""
@@ -52,7 +73,15 @@ class DashboardLayoutManager:
             dcc.Interval(
                 id='slow-interval-component',
                 interval=10000,  # Update every 10 seconds (0.1 Hz) - OPTIMIZED
-                n_intervals=0
+                n_intervals=0,
+                disabled=False
+            ),
+            # Fast interval for testing (5 seconds)
+            dcc.Interval(
+                id='fast-interval-component',
+                interval=5000,  # Update every 5 seconds for testing
+                n_intervals=0,
+                disabled=False
             ),
             # WebSocket-based updates for high-frequency data (no interval needed)
             html.Div(id='websocket-updates-container', style={'display': 'none'})
@@ -357,10 +386,16 @@ class DashboardLayoutManager:
                 html.Div([
                     html.Div([
                         html.Div([
-                            html.H6([
-                                html.I(className="fas fa-brain me-2"),
-                                "Models & Training Progress",
-                            ], className="card-title mb-2"),
+                            html.Div([
+                                html.H6([
+                                    html.I(className="fas fa-brain me-2"),
+                                    "Models & Training Progress",
+                                ], className="card-title mb-2"),
+                                html.Button([
+                                    html.I(className="fas fa-sync-alt me-1"),
+                                    "Refresh"
+                                ], id="refresh-training-metrics-btn", className="btn btn-sm btn-outline-primary")
+                            ], className="d-flex justify-content-between align-items-center mb-2"),
                             html.Div(
                                 id="training-metrics",
                                 style={"height": "300px", "overflowY": "auto"},