feat(web): make the site workbench the home of sites

- 站点工作台: 登记站点 dialog (built-in site definitions or custom).
- Site detail tabs: 整理视图 / 原站视图 / 快照与 Feed / 账号 (account list +
  credential form).
- 来源健康 (was 来源/Feed/快照): cross-site health table + all feeds; site
  names deep-link to the site's 快照与 Feed tab. Feed table extracted to
  components/workbench/feed-table.tsx.

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

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

@@ -1,23 +1,19 @@
 import type { Site, SiteAccount } from "@umt/contracts";
-import { ArrowRight, Camera, Globe, RefreshCw } from "lucide-react";
+import { ArrowRight, Camera, Globe, Plus, RefreshCw } from "lucide-react";
+import { useState } from "react";
 import { Link } from "react-router";
 import { toast } from "sonner";
 import { snapshotStale, useSiteAccounts, useSites, useSnapshotSite, useToggleSite } from "~/api/sites.ts";
 import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty-state.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 { Button } from "~/components/ui/button.tsx";
 import { Switch } from "~/components/ui/switch.tsx";
 import { accountSummary, circuitLabel, relTime, SITE_HEALTH } from "~/components/workbench/release-fields.ts";
+import { ADAPTER_LABEL, SiteRegisterDialog } from "~/components/workbench/site-register-dialog.tsx";
 import { errorMessage } from "~/lib/api.ts";
 
-const ADAPTER_LABEL: Record<Site["adapter"], string> = {
-  nexusphp: "NexusPHP",
-  mteam_api: "M-Team API",
-  api: "站点 API",
-  generic_rss: "通用 RSS",
-};
-
 function SiteCard({ site, accounts }: { site: Site; accounts: SiteAccount[] }) {
   const toggle = useToggleSite();
   const snap = useSnapshotSite();
@@ -31,7 +27,7 @@ function SiteCard({ site, accounts }: { site: Site; accounts: SiteAccount[] }) {
       <div className="flex items-start justify-between gap-3">
         <div className="min-w-0">
           <Link
-            to={`/console/sites/${site.id}`}
+            to={consolePath("sites", site.id)}
             className="block truncate text-lead font-semibold text-foreground hover:underline"
           >
             {site.name}
@@ -62,7 +58,9 @@ function SiteCard({ site, accounts }: { site: Site; accounts: SiteAccount[] }) {
 
       <div className="mt-3 flex flex-wrap gap-1.5">
         <StatusBadge tone={health.tone}>{health.label}</StatusBadge>
-        <StatusBadge tone={account.tone}>账号:{account.label}</StatusBadge>
+        <Link to={`${consolePath("sites", site.id)}?tab=accounts`} className="hover:opacity-80">
+          <StatusBadge tone={account.tone}>账号:{account.label}</StatusBadge>
+        </Link>
         {circuit ? <StatusBadge tone="warning">{circuit}</StatusBadge> : null}
       </div>
 
@@ -102,8 +100,8 @@ function SiteCard({ site, accounts }: { site: Site; accounts: SiteAccount[] }) {
           快照
         </Button>
         <Button asChild size="sm" variant="outline">
-          <Link to={`/console/sites/${site.id}`}>
-            打开工作台
+          <Link to={consolePath("sites", site.id)}>
+            打开
             <ArrowRight />
           </Link>
         </Button>
@@ -112,8 +110,11 @@ function SiteCard({ site, accounts }: { site: Site; accounts: SiteAccount[] }) {
   );
 }
 
+export const meta = () => [{ title: "站点工作台 · UHD 媒体自动化控制台" }];
+
 export default function SitesPage() {
   const sites = useSites();
+  const [registering, setRegistering] = useState(false);
   const accounts = useSiteAccounts();
   const bySite = new Map<string, SiteAccount[]>();
   for (const a of accounts.data?.items ?? []) bySite.set(a.siteId, [...(bySite.get(a.siteId) ?? []), a]);
@@ -121,12 +122,18 @@ export default function SitesPage() {
   return (
     <>
       <PageHeader
-        title="PT 站点工作台"
+        title="站点工作台"
         actions={
-          <Button variant="outline" size="sm" onClick={() => void sites.refetch()} disabled={sites.isFetching}>
-            <RefreshCw className={sites.isFetching ? "animate-spin" : undefined} />
-            刷新
-          </Button>
+          <>
+            <Button variant="outline" size="sm" onClick={() => void sites.refetch()} disabled={sites.isFetching}>
+              <RefreshCw className={sites.isFetching ? "animate-spin" : undefined} />
+              刷新
+            </Button>
+            <Button size="sm" onClick={() => setRegistering(true)}>
+              <Plus />
+              登记站点
+            </Button>
+          </>
         }
       />
       {sites.isPending ? (
@@ -139,10 +146,11 @@ export default function SitesPage() {
         <EmptyState
           icon={Globe}
           title="还没有登记站点"
-          description="在来源页或系统设置里登记站点和账号后,站点会列在这里。"
+          description="登记站点并填写账号凭证后,可在这里浏览和搜索资源。"
           action={
-            <Button asChild variant="outline" size="sm">
-              <Link to="/console/sources">去来源页</Link>
+            <Button size="sm" onClick={() => setRegistering(true)}>
+              <Plus />
+              登记站点
             </Button>
           }
         />
@@ -153,6 +161,7 @@ export default function SitesPage() {
           ))}
         </div>
       )}
+      {registering ? <SiteRegisterDialog open onOpenChange={setRegistering} /> : null}
     </>
   );
 }