stuff

src/pages/dashboard.py

@@ -1,6 +1,6 @@
 from typing import Literal
 from nicegui import ui
-from components.circular_progress import MetricCircle, LargeMetricCircle, ColorfulMetricCard
+from components.circular_progress import MetricCircle, LargeMetricCircle, ColorfulMetricCard, MetricCircleAdv
 from utils import SystemMonitor, GPUMonitor
 
 """
@@ -58,6 +58,8 @@ class DashboardPage(ui.column):
         # Main content area with proper viewport handling
         with self:
             with ui.column().classes('w-full max-w-6xl mx-auto p-6 gap-6'):
+                with ui.grid(columns=4).classes('w-full gap-4'):
+                    MetricCircleAdv('CPU', system_monitor, 'cpu_percent', '', icon='memory', formatting='percent', color='#e879f9')
                 # Top stats grid
                 with ui.grid(columns=4).classes('w-full gap-4'):
                     # CPU metric with binding