refactor: 前端视觉重构 — Layout/HeadMenu 骨架、SummaryCards 合并、Card 分组、Drawer 概览重设计

src/web/hooks/use-queries.ts

@@ -9,6 +9,8 @@ const queryKeys = {
     ["metrics", targetId, from, to, bucket] as const,
 };
 
+export const DASHBOARD_REFRESH_INTERVAL_MS = 8000;
+
 export async function fetchJson<T>(url: string): Promise<T> {
   const response = await fetch(url);
   if (!response.ok) throw new Error(`HTTP ${response.status}`);
@@ -19,7 +21,7 @@ export function useDashboard() {
   return useQuery({
     queryFn: () => fetchJson<DashboardResponse>("/api/dashboard?window=24h&recentLimit=30"),
     queryKey: queryKeys.dashboard(),
-    refetchInterval: 8000,
+    refetchInterval: DASHBOARD_REFRESH_INTERVAL_MS,
     refetchIntervalInBackground: false,
   });
 }