feat(web): W5-C subscription progress, manual search and episode total

- subscription sheet: 立即搜索, active-search times, 追更进度 (per-season total with source/lock, per-episode state chips, in-flight/deferred counts) and set/lock season episode total - labels for subscription pending and candidate decision deferred Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-09-27 23:34:13 +08:00
1 parent 7aa6cac717
commit 80780add66
@@ -6,6 +6,7 @@ import {
  SubscriptionCreate,
  SubscriptionMediaKind,
  SubscriptionMode,
+  type SubscriptionProgress,
  type SubscriptionStatus,
 } from "@umt/contracts";
 import { CalendarClock, Check, FilePlus2, Pause, Play, Plus, Search, XCircle } from "lucide-react";
@@ -17,6 +18,9 @@ import {
  type SubscriptionFilters,
  useCreateSubscription,
  useEntityTitle,
+  useSearchSubscription,
+  useSetEpisodeTotal,
+  useSubscriptionProgress,
  useSubscriptions,
  useUpdateSubscription,
 } from "~/api/subscriptions.ts";
@@ -248,6 +252,13 @@ function SubscriptionsTab() {

 function SubscriptionSheet({ sub, onClose }: { sub: Subscription | null; onClose: () => void }) {
  const update = useUpdateSubscription();
+  const search = useSearchSubscription();
+  const runSearch = () =>
+    sub &&
+    search.mutate(sub.id, {
+      onSuccess: () => toast.success("已开始在已开启站点搜索,结果会按收录目标自动评估"),
+      onError: (e) => toast.error(errorMessage(e)),
+    });
  const title = useEntityTitle(sub?.mediaEntityId);
  const setStatus = (status: SubscriptionStatus, done: string) =>
    sub
@@ -270,7 +281,13 @@ function SubscriptionSheet({ sub, onClose }: { sub: Subscription | null; onClose
      footer={
        sub && sub.status !== "cancelled" && sub.status !== "completed" ? (
          <>
-            {sub.status === "active" ? (
+            {sub.mediaEntityId ? (
+              <Button variant="outline" onClick={runSearch} disabled={search.isPending}>
+                <Search />
+                {search.isPending ? "搜索中…" : "立即搜索"}
+              </Button>
+            ) : null}
+            {sub.status === "active" || sub.status === "pending" ? (
              <Button
                variant="outline"
                onClick={() => setStatus("paused", "已暂停,不再发起新下载")}
@@ -320,11 +337,22 @@ function SubscriptionSheet({ sub, onClose }: { sub: Subscription | null; onClose
                },
                { label: "状态说明", value: sub.statusReason },
                { label: "最近检查", value: formatDateTime(sub.lastCheckedAt) },
+                {
+                  label: "主动搜索",
+                  value: sub.lastSearchedAt
+                    ? `上次 ${formatDateTime(sub.lastSearchedAt)}${sub.nextSearchAt ? ` · 下次 ${formatDateTime(sub.nextSearchAt)}` : " · 周期搜索已关"}`
+                    : "尚未搜索",
+                },
                { label: "创建", value: `${formatDateTime(sub.createdAt)} · ${sub.createdBy ?? "—"}` },
                { label: "策略版本", value: sub.policyRevisionId ?? "按当前已发布策略", mono: !!sub.policyRevisionId },
              ]}
            />
          </DetailSection>
+          {sub.mediaEntityId && sub.mediaKind !== "movie" ? (
+            <DetailSection title="追更进度">
+              <ProgressPanel subId={sub.id} readOnly={sub.status === "cancelled"} />
+            </DetailSection>
+          ) : null}
          <DetailSection title="追踪方式">
            <SubscriptionEditForm key={`${sub.id}-${sub.updatedAt}`} sub={sub} />
          </DetailSection>
@@ -341,6 +369,119 @@ function SubscriptionSheet({ sub, onClose }: { sub: Subscription | null; onClose
  );
 }

+const UNIT_STATE: Record<
+  SubscriptionProgress["seasons"][number]["units"][number]["state"],
+  { label: string; cls: string }
+> = {
+  covered: { label: "已入库", cls: "border-success/30 bg-success/10 text-foreground" },
+  inflight: { label: "下载中", cls: "border-foreground/30 bg-foreground/[0.06] text-foreground" },
+  missing: { label: "缺失", cls: "border-border text-muted-foreground" },
+  suspected_missing: { label: "疑似缺集", cls: "border-warning/50 bg-warning/10 text-foreground" },
+  out_of_range: { label: "不在范围", cls: "border-dashed border-border text-muted-foreground" },
+};
+
+/** 每季总集数(来源/锁定)+ 每集状态;可手动设置总集数(不锁定只升) */
+function ProgressPanel({ subId, readOnly }: { subId: string; readOnly: boolean }) {
+  const id = useId();
+  const progress = useSubscriptionProgress(subId);
+  const setTotal = useSetEpisodeTotal();
+  const [season, setSeason] = useState("1");
+  const [total, setTotalValue] = useState("");
+  const [locked, setLocked] = useState(false);
+  if (progress.isPending) return <p className="text-caption text-muted-foreground">读取中…</p>;
+  if (progress.isError) return <p className="text-caption text-destructive">{errorMessage(progress.error)}</p>;
+  const p = progress.data;
+  const save = () =>
+    setTotal.mutate(
+      { id: subId, seasonNumber: Number(season), total: Number(total), locked },
+      {
+        onSuccess: () => {
+          toast.success(locked ? "总集数已锁定" : "总集数已更新(只升)");
+          setTotalValue("");
+        },
+        onError: (e) => toast.error(errorMessage(e)),
+      },
+    );
+  return (
+    <div className="space-y-3">
+      {!p.completable ? (
+        <p className="text-meta text-muted-foreground">总集数未知或元数据未就绪:继续追踪,不会自动结束。</p>
+      ) : null}
+      {p.seasons.length === 0 ? <p className="text-caption text-muted-foreground">还没有季信息。</p> : null}
+      {p.seasons.map((s) => (
+        <div key={s.seasonNumber} className="space-y-1.5">
+          <p className="text-sm font-medium text-foreground">
+            第 {s.seasonNumber} 季 · {s.totalKnown ? `共 ${s.episodeTotal} 集` : "总集数未知"}
+            <span className="text-meta text-muted-foreground">
+              {s.totalSource ? `(${s.totalSource}${s.totalLocked ? ",已锁定" : ""})` : ""}
+              {s.complete ? " · 已齐" : ""}
+            </span>
+          </p>
+          <div className="flex flex-wrap gap-1">
+            {s.units.map((u) => (
+              <span
+                key={u.episode}
+                title={`E${u.episode} ${UNIT_STATE[u.state].label}${u.quality ? ` · ${u.quality.resolution ?? ""} ${u.quality.source ?? ""}${u.quality.pri !== null ? ` pri ${u.quality.pri}` : ""}` : ""}`}
+                className={cn("rounded-md border px-1.5 py-0.5 font-mono text-meta", UNIT_STATE[u.state].cls)}
+              >
+                E{String(u.episode).padStart(2, "0")}
+              </span>
+            ))}
+          </div>
+          {s.suspectedMissing.length ? (
+            <p className="text-meta text-muted-foreground">
+              疑似缺集:{s.suspectedMissing.map((e) => `E${e}`).join("、")}
+            </p>
+          ) : null}
+        </div>
+      ))}
+      {p.slots.some((x) => x.inflightPlans.length > 1 || x.deferred > 0) ? (
+        <ul className="space-y-0.5 text-meta text-muted-foreground">
+          {p.slots.map((x) => (
+            <li key={x.slotId}>
+              {x.name}:在途 {x.inflightPlans.length} 个计划,延后 {x.deferred} 个发布
+            </li>
+          ))}
+        </ul>
+      ) : null}
+      {readOnly ? null : (
+        <div className="flex flex-wrap items-end gap-2">
+          <FormField label="季" htmlFor={`${id}-s`}>
+            <Input
+              id={`${id}-s`}
+              className="w-16"
+              inputMode="numeric"
+              value={season}
+              onChange={(e) => setSeason(e.target.value)}
+            />
+          </FormField>
+          <FormField label="总集数" htmlFor={`${id}-t`}>
+            <Input
+              id={`${id}-t`}
+              className="w-20"
+              inputMode="numeric"
+              value={total}
+              onChange={(e) => setTotalValue(e.target.value)}
+            />
+          </FormField>
+          <label className="flex h-9 items-center gap-1.5 text-sm text-foreground">
+            <input type="checkbox" checked={locked} onChange={(e) => setLocked(e.target.checked)} />
+            锁定
+          </label>
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={save}
+            disabled={setTotal.isPending || !/^\d+$/.test(total) || Number(total) < 1 || !/^\d+$/.test(season)}
+          >
+            设置总集数
+          </Button>
+        </div>
+      )}
+    </div>
+  );
+}
+
 function SubscriptionEditForm({ sub }: { sub: Subscription }) {
  const id = useId();
  const update = useUpdateSubscription();