chore: scaffold monorepo and migrate uhd_web design system (W0-A)

- pnpm workspace: apps/{web,server}, packages/{contracts,db,domain,adapters,tasks,agent,testkit}
- server: Hono + zod-openapi, API Key auth with scopes, redacting pino logger, SSE event bus with replay, worker heartbeat
- db: Kysely + pg, file migrator, 0001_init (settings/api_key/audit_event/outbox_event)
- web: React Router 7 SPA console shell with 12 workspace placeholders, uhd_web tokens/ui/guard scripts
- docs: ADR-001 (Node over Deno), dev runbook, design system rules

Co-Authored-By: Claude Fable 5.1 <[email protected]>
This commit is contained in:
umtandClaude Fable 5.1 committed 2026-09-27 17:36:26 +08:00
commit b22c440139
138 files changed
+14455

No files matched your search

+58
View File
@@ -0,0 +1,58 @@
import { Activity, AlertTriangle, CircleCheck, HardDrive, ListTodo, Radio, Sparkles } from "lucide-react";
import { useHealth } from "~/api/health";
import { EmptyState } from "~/components/console/empty-state";
import { PageHeader } from "~/components/console/page-header";
import { StatusBadge } from "~/components/console/status-badge";
import { formatDateTime } from "~/lib/utils";
// 首页六区块(REQ §13.4.3),W3 接入正式状态投影
const SECTIONS = [
{ title: "自动化概览", icon: Sparkles, hint: "今日新增、升级与已核验入库" },
{ title: "当前工作", icon: Activity, hint: "正在搜索/下载/整理/核验的目标" },
{ title: "需要我处理", icon: AlertTriangle, hint: "根因级事项与剩余决策" },
{ title: "缓存与保留", icon: HardDrive, hint: "使用率、在途预留与可清理量" },
{ title: "来源健康", icon: Radio, hint: "站点、qB、Emby、模型上游" },
{ title: "最近产出", icon: ListTodo, hint: "新增的集与版本、整理前后路径" },
];
function ServiceStatus() {
const { data, isPending, isError, error } = useHealth();
if (isPending) return <StatusBadge>检查中</StatusBadge>;
if (isError) return <StatusBadge tone="destructive">服务不可达:{error.message}</StatusBadge>;
return (
<div className="flex flex-wrap items-center gap-2">
<StatusBadge tone={data.status === "ok" ? "success" : "warning"}>
服务{data.status === "ok" ? "正常" : "降级"}
</StatusBadge>
<StatusBadge tone={data.db === "ok" ? "success" : data.db === "down" ? "destructive" : "neutral"}>
数据库 {data.db === "ok" ? "正常" : data.db === "down" ? "不可用" : "未知"}
</StatusBadge>
<span className="text-meta text-muted-foreground">
v{data.version} · {data.role} · {formatDateTime(data.time)}
</span>
</div>
);
}
export default function Home() {
return (
<>
<PageHeader
title="首页"
description="系统是否在推进目标、完成了什么、还有什么缺口、是否需要你。"
actions={<ServiceStatus />}
/>
<div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
{SECTIONS.map((s) => (
<section key={s.title} className="pg-slab rounded-xl p-5">
<div className="mb-3 flex items-center gap-2">
<s.icon className="h-4 w-4 text-muted-foreground" />
<h2 className="text-body font-semibold text-foreground">{s.title}</h2>
</div>
<EmptyState icon={CircleCheck} title="暂无数据" description={s.hint} plain className="py-8" />
</section>
))}
</div>
</>
);
}