feat(web): 运行状态加资源监控（CPU / 内存 / 网络 / 磁盘读写与趋势、进程 CPU），首页换成运行状态简版卡

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei

apps/web/app/api/system.ts

@@ -4,6 +4,7 @@ import type {
   StorageCleanupTarget,
   SystemHealth,
   SystemHealthHistory,
+  SystemResources,
   SystemStorage,
 } from "@umt/contracts";
 import { apiData } from "~/lib/api.ts";
@@ -50,3 +51,12 @@ export function useStorageCleanup() {
     onSuccess: () => void qc.invalidateQueries({ queryKey: qk.sub("system", "storage") }),
   });
 }
+
+/** 资源监控:CPU / 内存 / 网络 / 磁盘读写的当前值与最近 minutes 分钟趋势(服务端每 5 秒采样) */
+export function useSystemResources(minutes = 60, refetchMs = 5_000) {
+  return useQuery({
+    queryKey: qk.sub("system", "resources", minutes),
+    queryFn: ({ signal }) => apiData<SystemResources>("/system/resources", { params: { minutes }, signal }),
+    refetchInterval: refetchMs,
+  });
+}