Dashboard UI overhaul: modern design with system stats, SVG icons, Inter font, theme toggle, loading states, and log modal

dashboard/backend/main.py

@@ -1,10 +1,11 @@
 from fastapi import FastAPI
 from fastapi.staticfiles import StaticFiles
-from routers import docker_router, gitea, files, terminal
+from routers import docker_router, gitea, files, terminal, system
 
 app = FastAPI(title="NAS Dashboard")
 app.include_router(docker_router.router, prefix="/api/docker")
 app.include_router(gitea.router, prefix="/api/gitea")
 app.include_router(files.router, prefix="/api/files")
+app.include_router(system.router, prefix="/api/system")
 app.add_api_websocket_route("/ws/terminal", terminal.ws_endpoint)
 app.mount("/", StaticFiles(directory="/app/static", html=True), name="static")

dashboard/backend/requirements.txt

@@ -1,5 +1,6 @@
 fastapi==0.115.0
-uvicorn==0.30.6
+uvicorn[standard]==0.30.0
 docker==7.1.0
-httpx==0.27.2
+httpx==0.27.0
 python-multipart==0.0.9
+psutil==6.1.0

dashboard/backend/routers/system.py

@@ -0,0 +1,38 @@
+import shutil
+import psutil
+import platform
+import time
+from fastapi import APIRouter
+
+router = APIRouter()
+
+
+@router.get("/stats")
+def system_stats():
+    disk = shutil.disk_usage("/volume1")
+    mem = psutil.virtual_memory()
+    cpu_pct = psutil.cpu_percent(interval=0.5)
+    load_1, load_5, load_15 = psutil.getloadavg()
+    uptime_s = time.time() - psutil.boot_time()
+
+    days = int(uptime_s // 86400)
+    hours = int((uptime_s % 86400) // 3600)
+
+    return {
+        "cpu_percent": cpu_pct,
+        "cpu_count": psutil.cpu_count(),
+        "load_avg": [round(load_1, 2), round(load_5, 2), round(load_15, 2)],
+        "memory": {
+            "total": mem.total,
+            "used": mem.used,
+            "percent": mem.percent,
+        },
+        "disk": {
+            "total": disk.total,
+            "used": disk.used,
+            "free": disk.free,
+            "percent": round(disk.used / disk.total * 100, 1),
+        },
+        "uptime": f"{days}d {hours}h",
+        "platform": platform.platform(),
+    }