feat(web): site center page, add-site wizard, credentials, health and user-data chart (FE-2)

- 资源 → 站点:卡片 / 列表切换(URL ?view= + localStorage 记住),筛选全部 / 已启用 / 需处理,
  按分享率 / 上传 / 上次登录排序;卡片显示账号状态、凭证类型、上次登录、上传 / 下载 / 分享率、
  等级 / VIP、做种、健康检测结果与时间、快照、限流
- 操作:检测健康、刷新登录(wait:true 同步结果)、更新凭证、编辑(限流 / 快照 / 代理)、启停、
  删除(确认框列出影响)
- 添加站点向导:按适配器分组选 23 个定义(未实测标注)→ 名称 / 域名覆盖 / 凭证三选一
  (馒头默认 API Key)→ 保存并测试(刷新登录 + 健康检测);验证码 / 二次验证提示改用 Cookie
  并链接待处理
- 站点详情:概览(用户数据磁贴 + 30 天上传 / 下载与分享率折线,recharts,无彩)/ 资源 /
  快照与 Feed / 账号(凭证管理、Passkey、登录历史)
- 设置"站点与账号"改为"站点默认"(限流、快照周期、UA、代理、做种页数)
- 侧栏改名"站点";smoke 补站点路由;依赖新增 recharts

Co-Authored-By: Claude Opus 5.5 <[email protected]>

apps/web/app/routes/console/sites.$siteId.tsx

@@ -1,11 +1,23 @@
 import type { ResolutionStatus, WorkbenchRelease } from "@umt/contracts";
-import { ArrowLeft, Bot, Camera, Globe, Plus, Radar, SearchX, TriangleAlert } from "lucide-react";
+import {
+  Activity,
+  ArrowLeft,
+  Bot,
+  Camera,
+  Globe,
+  LoaderCircle,
+  Plus,
+  Radar,
+  RefreshCw,
+  SearchX,
+  TriangleAlert,
+} from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
-import { Link, useParams, useSearchParams } from "react-router";
+import { Link, useNavigate, useParams, useSearchParams } from "react-router";
 import { toast } from "sonner";
 import { useInventory } from "~/api/inventory.ts";
 import { type ReleaseFilters, useSiteReleases } from "~/api/releases.ts";
-import { snapshotStale, useSite, useSiteAccounts, useSnapshotSite } from "~/api/sites.ts";
+import { snapshotStale, useSites, useSnapshotSite } from "~/api/sites.ts";
 import { openAgentDrawer } from "~/components/agent/agent-store.ts";
 import { DetailSection } from "~/components/console/detail-sheet.tsx";
 import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
@@ -13,21 +25,17 @@ import { FilterBar, FilterSelect } from "~/components/console/filter-bar.tsx";
 import { consolePath } from "~/components/console/nav.ts";
 import { PageHeader } from "~/components/console/page-header.tsx";
 import { StatusBadge } from "~/components/console/status-badge.tsx";
+import { SiteAccountsTab } from "~/components/sites/site-accounts-tab.tsx";
+import { SiteMoreMenu } from "~/components/sites/site-card.tsx";
+import { type SiteDialog, SiteDialogHost, useSiteChecks } from "~/components/sites/site-dialogs.tsx";
+import { ACCOUNT_OVERALL, healthLine, hostOf, overallStatus, primaryAccount } from "~/components/sites/site-fields.ts";
+import { SiteOverview } from "~/components/sites/site-overview.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs.tsx";
 import { FeedTable } from "~/components/workbench/feed-table.tsx";
 import { ReleaseDetailSheet } from "~/components/workbench/release-detail-sheet.tsx";
-import {
-  accountSummary,
-  categoryLabel,
-  circuitLabel,
-  hrOf,
-  isFree,
-  relTime,
-  SITE_HEALTH,
-} from "~/components/workbench/release-fields.ts";
+import { categoryLabel, circuitLabel, hrOf, isFree, relTime } from "~/components/workbench/release-fields.ts";
 import { ReleaseRow } from "~/components/workbench/release-list.tsx";
-import { SiteAccountsPanel } from "~/components/workbench/site-accounts.tsx";
 import { SnapshotPanel } from "~/components/workbench/snapshot-panel.tsx";
 import { errorMessage } from "~/lib/api.ts";
 
@@ -89,18 +97,23 @@ function useDebounced<T>(value: T, ms = 400) {
   return v;
 }
 
-const TABS = ["organized", "origin", "snapshots", "accounts"] as const;
+const TABS = ["overview", "resources", "snapshots", "accounts"] as const;
+/** 旧页签(整理视图 / 原站视图)落到"资源" */
+const LEGACY_TAB: Record<string, string> = { organized: "resources", origin: "resources" };
 
 export const meta = () => [{ title: "站点 · UHD 媒体自动化控制台" }];
 
 export default function SiteWorkbenchPage() {
   const { siteId = "" } = useParams();
   const [params, setParams] = useSearchParams();
+  const navigate = useNavigate();
   const rawTab = params.get("tab") ?? "";
-  const tab = (TABS as readonly string[]).includes(rawTab) ? rawTab : "organized";
+  const mapped = LEGACY_TAB[rawTab] ?? rawTab;
+  const tab = (TABS as readonly string[]).includes(mapped) ? mapped : "overview";
   const [creatingFeed, setCreatingFeed] = useState(false);
-  const site = useSite(siteId);
-  const accounts = useSiteAccounts(siteId);
+  const [dialog, setDialog] = useState<SiteDialog | null>(null);
+  const checks = useSiteChecks(setDialog);
+  const sites = useSites();
   const snap = useSnapshotSite();
 
   const [qInput, setQInput] = useState("");
@@ -118,7 +131,7 @@ export default function SiteWorkbenchPage() {
     promotion: promotion || undefined,
     resolution: (resolution || undefined) as ResolutionStatus | undefined,
   };
-  const releases = useSiteReleases(siteId, filters, live);
+  const releases = useSiteReleases(tab === "resources" ? siteId : "", filters, live);
   // 实时补查只对当前搜索生效一次
   // biome-ignore lint/correctness/useExhaustiveDependencies: 条件变化时回到快照优先
   useEffect(() => setLive(false), [q, category, promotion, resolution]);
@@ -137,7 +150,7 @@ export default function SiteWorkbenchPage() {
     return [...m].map(([value, label]) => ({ value, label }));
   }, [all, category]);
 
-  const s = site.data;
+  const s = sites.data?.items.find((x) => x.id === siteId);
   const refreshFailed = !!releases.error && !!releases.data;
   // 刷新失败时整页数据都标过期;否则早于 2 个快照周期确认的条目标过期
   const staleBefore = refreshFailed ? now + 1 : s ? now - (s.snapshotIntervalSec ?? 3600) * 2000 : null;
@@ -153,27 +166,49 @@ export default function SiteWorkbenchPage() {
   };
   const anyFilter = !!(qInput || category || promotion || resolution || localActive);
 
-  if (site.error && !s) return <ErrorState error={site.error} onRetry={() => void site.refetch()} />;
+  if (sites.error && !sites.data) return <ErrorState error={sites.error} onRetry={() => void sites.refetch()} />;
+  if (sites.data && !s)
+    return (
+      <EmptyState
+        icon={Globe}
+        title="站点不存在或已删除"
+        description="回到站点页查看现有站点"
+        action={
+          <Button asChild size="sm" variant="outline">
+            <Link to={consolePath("sites")}>
+              <ArrowLeft />
+              返回站点
+            </Link>
+          </Button>
+        }
+      />
+    );
 
-  const health = s ? SITE_HEALTH[s.healthStatus] : null;
-  const account = accountSummary(accounts.data?.items ?? []);
+  const account = s ? ACCOUNT_OVERALL[overallStatus(s)] : null;
+  const health = s ? healthLine(s.lastHealth, s.lastHealthAt) : null;
   const circuit = s ? circuitLabel(s) : null;
+  const hasAccount = !!s?.accounts?.some((a) => a.enabled && a.authKind !== "passkey");
 
   return (
     <>
       <PageHeader
-        title={s?.name ?? "站点工作台"}
+        title={s?.name ?? "站点"}
         description={
           s ? (
             <span className="flex flex-wrap items-center gap-1.5">
-              {health ? <StatusBadge tone={health.tone}>{health.label}</StatusBadge> : null}
-              <StatusBadge tone={account.tone}>账号:{account.label}</StatusBadge>
+              <a
+                href={s.baseUrl}
+                target="_blank"
+                rel="noreferrer noopener"
+                className="text-meta text-muted-foreground hover:text-foreground hover:underline"
+              >
+                {hostOf(s.baseUrl)}
+              </a>
+              {account ? <StatusBadge tone={account.tone}>账号{account.label}</StatusBadge> : null}
+              {health ? <StatusBadge tone={health.tone}>健康 {health.text}</StatusBadge> : null}
               {!s.enabled ? <StatusBadge tone="warning">站点已停用,只显示历史数据</StatusBadge> : null}
               {circuit ? <StatusBadge tone="warning">{circuit}</StatusBadge> : null}
-              <span className="text-meta text-muted-foreground">
-                快照 {relTime(coverage?.lastSnapshotAt ?? s.lastSnapshotAt)}
-              </span>
-              {snapshotStale(s) ? <StatusBadge tone="warning">快照过期</StatusBadge> : null}
+              {s.snapshotEnabled && snapshotStale(s) ? <StatusBadge tone="warning">快照过期</StatusBadge> : null}
             </span>
           ) : (
             "加载中…"
@@ -184,15 +219,40 @@ export default function SiteWorkbenchPage() {
             <Button asChild variant="ghost" size="sm">
               <Link to={consolePath("sites")}>
                 <ArrowLeft />
-                站点工作台
+                站点
               </Link>
             </Button>
+            {s ? (
+              <>
+                <Button
+                  variant="outline"
+                  size="sm"
+                  disabled={!s.enabled || checks.isBusy(s.id, "health")}
+                  onClick={() => void checks.checkHealth(s)}
+                >
+                  {checks.isBusy(s.id, "health") ? <LoaderCircle className="animate-spin" /> : <Activity />}
+                  <span className="sr-only sm:not-sr-only">检测健康</span>
+                </Button>
+                <Button
+                  variant="outline"
+                  size="sm"
+                  disabled={!hasAccount || checks.isBusy(s.id, "login")}
+                  title={hasAccount ? undefined : "先填写凭证"}
+                  onClick={() => void checks.refreshLogin(s, primaryAccount(s.accounts))}
+                >
+                  {checks.isBusy(s.id, "login") ? <LoaderCircle className="animate-spin" /> : <RefreshCw />}
+                  <span className="sr-only sm:not-sr-only">刷新登录</span>
+                </Button>
+                <SiteMoreMenu site={s} onDialog={setDialog} />
+              </>
+            ) : null}
             <Button
               variant="ghost"
               size="sm"
               onClick={() => openAgentDrawer({ label: `站点:${s?.name ?? siteId}`, siteId })}
             >
-              <Bot />问 Agent
+              <Bot />
+              <span className="sr-only sm:not-sr-only">问 Agent</span>
             </Button>
           </>
         }
@@ -203,7 +263,7 @@ export default function SiteWorkbenchPage() {
         onValueChange={(v) =>
           setParams(
             (p) => {
-              if (v === "organized") p.delete("tab");
+              if (v === "overview") p.delete("tab");
               else p.set("tab", v);
               return p;
             },
@@ -212,13 +272,15 @@ export default function SiteWorkbenchPage() {
         }
       >
         <TabsList aria-label="站点分节">
-          <TabsTrigger value="organized">整理视图</TabsTrigger>
-          <TabsTrigger value="origin">原站视图</TabsTrigger>
+          <TabsTrigger value="overview">概览</TabsTrigger>
+          <TabsTrigger value="resources">资源</TabsTrigger>
           <TabsTrigger value="snapshots">快照与 Feed</TabsTrigger>
           <TabsTrigger value="accounts">账号</TabsTrigger>
         </TabsList>
 
-        <TabsContent value="organized">
+        <TabsContent value="overview">{s ? <SiteOverview site={s} /> : <LoadingState rows={4} />}</TabsContent>
+
+        <TabsContent value="resources">
           <FilterBar
             search={{ value: qInput, onChange: setQInput, placeholder: "搜索标题 / 副标题 / 站点 ID" }}
             onReset={anyFilter ? reset : undefined}
@@ -357,10 +419,6 @@ export default function SiteWorkbenchPage() {
           </div>
         </TabsContent>
 
-        <TabsContent value="origin">
-          <EmptyState icon={Globe} title="原站视图暂未提供" description={<>资源详情里有站点 ID,可据此到原站查看。</>} />
-        </TabsContent>
-
         <TabsContent value="snapshots">
           <div className="space-y-8">
             {s ? <SnapshotPanel site={s} /> : <LoadingState rows={3} />}
@@ -378,9 +436,17 @@ export default function SiteWorkbenchPage() {
           </div>
         </TabsContent>
 
-        <TabsContent value="accounts">{s ? <SiteAccountsPanel site={s} /> : <LoadingState rows={3} />}</TabsContent>
+        <TabsContent value="accounts">
+          {s ? <SiteAccountsTab site={s} checks={checks} onDialog={setDialog} /> : <LoadingState rows={3} />}
+        </TabsContent>
       </Tabs>
 
+      <SiteDialogHost
+        dialog={dialog}
+        onClose={() => setDialog(null)}
+        onDeleted={() => navigate(consolePath("sites"))}
+      />
+
       <ReleaseDetailSheet
         siteId={siteId}
         release={selected}