umtandClaude Fable 5.1
b22c440139
- 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]>
59 lines
2.6 KiB
TypeScript
59 lines
2.6 KiB
TypeScript
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>
|
|
</>
|
|
);
|
|
}
|