docs(plan): on-demand site detail page parsing (HHClub details.php)

Co-Authored-By: Claude Fable 5.1 <[email protected]>

apps/web/app/routes/console/library.$id.tsx

@@ -11,11 +11,13 @@ import { EntityMetadataField as FieldEnum, FinalFieldValue } from "@umt/contract
 import {
   ArrowLeft,
   CalendarClock,
+  CalendarPlus,
   ChevronRight,
   FolderTree,
   GitMerge,
   Lock,
   LockOpen,
+  PackageSearch,
   PencilLine,
   RefreshCw,
   SearchX,
@@ -23,6 +25,7 @@ import {
 import { useState } from "react";
 import { Link, useParams } from "react-router";
 import { toast } from "sonner";
+import { mediaServers } from "~/api/instances.ts";
 import {
   useEntityDetail,
   useLibraryDetail,
@@ -63,6 +66,9 @@ import {
 } from "~/components/library/parts.tsx";
 import { SlotCard } from "~/components/library/slot-card.tsx";
 import { EntityNamingButton } from "~/components/naming/entity-naming-dialog.tsx";
+import { useReleaseSearchLauncher } from "~/components/search/search-sections.tsx";
+import { EmbyBadge } from "~/components/search/work-card.tsx";
+import { SubscriptionFormDialog } from "~/components/subscriptions/subscription-form.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { errorMessage } from "~/lib/api.ts";
 import { formatBytes, formatDateTime } from "~/lib/utils.ts";
@@ -576,6 +582,9 @@ export default function LibraryDetailPage() {
   const detail = useLibraryDetail(id);
   const entity = useEntityDetail(id);
   const [merging, setMerging] = useState(false);
+  const [subscribing, setSubscribing] = useState(false);
+  const launcher = useReleaseSearchLauncher();
+  const ms = mediaServers.useList();
 
   const back = (
     <Link
@@ -645,8 +654,29 @@ export default function LibraryDetailPage() {
             {e.originalTitle ? ` · ${e.originalTitle}` : ""}
           </p>
           <p className="mt-1 font-mono text-meta break-all text-muted-foreground">{e.id}</p>
+          {(ms.data?.items.length ?? 0) > 0 ? (
+            <div className="mt-1.5 flex flex-wrap gap-1">
+              <EmbyBadge refOf={{ mediaEntityId: e.id }} />
+            </div>
+          ) : null}
         </div>
         <div className="flex flex-wrap gap-2">
+          {e.status !== "merged" ? (
+            <>
+              <Button size="sm" onClick={() => setSubscribing(true)}>
+                <CalendarPlus />
+                订阅
+              </Button>
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={() => launcher.open({ title: e.title, ref: `local:${e.id}` })}
+              >
+                <PackageSearch />
+                搜索资源
+              </Button>
+            </>
+          ) : null}
           <Button asChild variant="outline" size="sm">
             <Link to={`${consolePath("subscriptions")}?mediaEntityId=${e.id}`}>
               <CalendarClock />
@@ -676,6 +706,19 @@ export default function LibraryDetailPage() {
         <DownloadsPanel detail={d} />
       </div>
       <MergeDialog entity={e} open={merging} onOpenChange={setMerging} />
+      {subscribing ? (
+        <SubscriptionFormDialog
+          initialTarget={{
+            kind: "entity",
+            id: e.id,
+            title: e.title,
+            year: e.year,
+            mediaKind: e.kind === "movie" ? "movie" : e.kind === "variety" ? "variety" : "series",
+          }}
+          onClose={() => setSubscribing(false)}
+        />
+      ) : null}
+      {launcher.dialog}
     </>
   );
 }