@burdenoff/microfe-hookmovies 2026.705.2 → 2026.706.2

package/dist/hookmovies/pages/catalog/TitleDetailPage.js

@@ -1,323 +1,1397 @@
 import { useHookMovies as e } from "../../context/HookMoviesContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { StatusBadge as n } from "../../components/StatusBadge.js";
-import { useArchiveTitle as r, useReviews as i, useTitle as a, useTransitionTitle as o } from "../../hooks/useHookMoviesApi.js";
-import { formatDate as s, formatEnumLabel as c } from "../../utils/formatters.js";
-import { ErrorState as l, LoadingState as u } from "../../components/StateViews.js";
-import { RatingDisplay as d } from "../../components/RatingDisplay.js";
-import { useState as f } from "react";
-import { Archive as p, ArrowLeft as m, Calendar as h, Clock as g, Globe as _, Languages as v, Layers as y, ShieldCheck as b, Sparkles as x, Star as S, Users as C } from "lucide-react";
-import { useParams as w } from "react-router-dom";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { GlassCard as O } from "@burdenoff/fe-libs/ui";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { useAddCredit as i, useArchiveTitle as a, useCheckEntitlement as o, useClips as s, useCreateClip as c, useCreateEpisode as l, useCreateSeason as u, useDeleteClip as ee, usePeople as te, useRecordProgress as ne, useReviews as re, useStudios as ie, useTitle as ae, useTransitionTitle as oe, useUpdateTitle as se } from "../../hooks/useHookMoviesApi.js";
+import { formatDate as ce, formatEnumLabel as d } from "../../utils/formatters.js";
+import { FILE_FOLDERS as f, uploadFileToFiles as le, useFileUrl as p } from "../../hooks/useFiles.js";
+import { ErrorState as ue, LoadingState as de } from "../../components/StateViews.js";
+import { EmptyState as fe } from "../../components/EmptyState.js";
+import { Pagination as pe } from "../../components/Pagination.js";
+import { RatingDisplay as me } from "../../components/RatingDisplay.js";
+import { useRef as he, useState as m } from "react";
+import { Archive as ge, ArrowLeft as _e, Calendar as ve, CheckCircle2 as ye, Clapperboard as h, Clock as be, Film as g, Globe as xe, Image as _, Languages as Se, Layers as Ce, Loader2 as v, Lock as we, Pencil as Te, Play as Ee, Plus as y, ShieldCheck as De, Sparkles as Oe, Star as ke, Trash2 as b, Upload as x, UserPlus as Ae, Users as je, Video as Me, X as Ne } from "lucide-react";
+import { useParams as Pe } from "react-router-dom";
+import { Fragment as Fe, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { GlassCard as w } from "@burdenoff/fe-libs/ui";
 //#region src/hookmovies/pages/catalog/TitleDetailPage.tsx
-var k = {
-	DRAFT: [
-		"IN_REVIEW",
-		"SCHEDULED",
-		"PUBLISHED"
-	],
+var Ie = {
+	DRAFT: ["IN_REVIEW"],
 	IN_REVIEW: [
-		"DRAFT",
 		"SCHEDULED",
-		"PUBLISHED"
+		"PUBLISHED",
+		"DRAFT"
 	],
-	SCHEDULED: ["PUBLISHED", "DRAFT"],
+	SCHEDULED: ["PUBLISHED", "IN_REVIEW"],
 	PUBLISHED: ["UNPUBLISHED"],
-	UNPUBLISHED: ["PUBLISHED", "ARCHIVED"],
+	UNPUBLISHED: ["PUBLISHED"],
 	ARCHIVED: []
-}, A = () => {
-	let { id: A } = w(), { navigateTo: j } = e(), { data: M, isLoading: N, isError: P, refetch: F } = a(A), I = o(), L = r(), R = i({ titleId: A }, {
+}, Le = [
+	"MOVIE",
+	"SERIES",
+	"SHORT_FILM",
+	"DOCUMENTARY",
+	"ANIME",
+	"SHORT_FORM",
+	"LONG_FORM",
+	"LIVE_EVENT",
+	"TRAILER",
+	"COLLECTION",
+	"FAST_CHANNEL"
+], Re = [
+	"ACTOR",
+	"DIRECTOR",
+	"WRITER",
+	"PRODUCER",
+	"CINEMATOGRAPHER",
+	"EDITOR",
+	"COMPOSER",
+	"VOICE_ACTOR",
+	"CREW"
+], T = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", E = "mb-1.5 block text-xs font-medium text-text-secondary", ze = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), Be = (e) => e.trim() ? new Date(e).toISOString() : void 0, Ve = (e) => `${Math.floor(e / 60)}:${Math.floor(e % 60).toString().padStart(2, "0")}`, He = [
+	{
+		field: "posterFileId",
+		label: "Poster",
+		kind: "image",
+		folder: f.artwork,
+		accept: "image/*",
+		icon: _,
+		hint: "Vertical key art (2:3)."
+	},
+	{
+		field: "backdropFileId",
+		label: "Backdrop",
+		kind: "image",
+		folder: f.artwork,
+		accept: "image/*",
+		icon: _,
+		hint: "Wide hero art (16:9)."
+	},
+	{
+		field: "trailerFileId",
+		label: "Trailer",
+		kind: "video",
+		folder: f.masters,
+		accept: "video/*",
+		icon: g,
+		hint: "Promo trailer master."
+	},
+	{
+		field: "videoFileId",
+		label: "Video master",
+		kind: "video",
+		folder: f.masters,
+		accept: "video/*",
+		icon: h,
+		hint: "Full-length feature master."
+	}
+], Ue = ({ titleId: e, config: n, currentFileId: r }) => {
+	let i = se(), a = p(r), o = he(null), [s, c] = m(!1), [l, u] = m(null), ee = n.icon, te = async (t) => {
+		let r = t.target.files?.[0];
+		if (t.target.value = "", r) {
+			u(null), c(!0);
+			try {
+				let t = await le(r, n.folder), a = {};
+				a[n.field] = t.id, await i.mutateAsync({
+					id: e,
+					input: a
+				});
+			} catch (e) {
+				u(e instanceof Error ? e.message : "Upload failed");
+			} finally {
+				c(!1);
+			}
+		}
+	}, ne = async () => {
+		u(null), c(!0);
+		try {
+			let t = { [n.field]: null };
+			await i.mutateAsync({
+				id: e,
+				input: t
+			});
+		} catch (e) {
+			u(e instanceof Error ? e.message : "Could not remove file");
+		} finally {
+			c(!1);
+		}
+	};
+	return /* @__PURE__ */ C("div", {
+		className: "rounded-xl border border-border-seam bg-bg-surface p-4",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "mb-3 flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ C("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ S(ee, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S("h3", {
+						className: "text-sm font-medium text-text-primary",
+						children: n.label
+					})]
+				}), r && /* @__PURE__ */ S("span", {
+					className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[10px] font-medium text-status-success-text",
+					children: "Set"
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: t("relative flex items-center justify-center overflow-hidden rounded-lg border border-border-subtle bg-bg-sunken", n.kind === "image" ? "aspect-[3/4]" : "aspect-video"),
+				children: s ? /* @__PURE__ */ C("div", {
+					className: "flex flex-col items-center gap-2 text-text-secondary",
+					children: [/* @__PURE__ */ S(v, { className: "h-6 w-6 animate-spin" }), /* @__PURE__ */ S("span", {
+						className: "text-xs",
+						children: "Uploading…"
+					})]
+				}) : r ? a.isLoading ? /* @__PURE__ */ S(v, { className: "h-6 w-6 animate-spin text-text-secondary" }) : a.data ? n.kind === "image" ? /* @__PURE__ */ S("img", {
+					src: a.data,
+					alt: `${n.label} artwork`,
+					className: "h-full w-full object-cover"
+				}) : /* @__PURE__ */ S("video", {
+					src: a.data,
+					controls: !0,
+					preload: "metadata",
+					className: "h-full w-full bg-bg-canvas object-contain",
+					children: /* @__PURE__ */ S("track", { kind: "captions" })
+				}) : /* @__PURE__ */ C("div", {
+					className: "flex flex-col items-center gap-1 text-text-secondary",
+					children: [/* @__PURE__ */ S(ee, { className: "h-6 w-6" }), /* @__PURE__ */ S("span", {
+						className: "text-xs",
+						children: "Preview unavailable"
+					})]
+				}) : /* @__PURE__ */ C("button", {
+					type: "button",
+					onClick: () => o.current?.click(),
+					className: "flex h-full w-full flex-col items-center justify-center gap-2 text-text-secondary transition-colors hover:text-text-primary",
+					children: [/* @__PURE__ */ S(x, { className: "h-6 w-6" }), /* @__PURE__ */ C("span", {
+						className: "text-xs",
+						children: ["Upload ", n.label.toLowerCase()]
+					})]
+				})
+			}),
+			/* @__PURE__ */ S("p", {
+				className: "mt-2 text-[11px] text-text-secondary",
+				children: n.hint
+			}),
+			l && /* @__PURE__ */ S("p", {
+				className: "mt-2 text-xs text-status-error-text",
+				children: l
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "mt-3 flex items-center gap-2",
+				children: [/* @__PURE__ */ C("button", {
+					type: "button",
+					disabled: s,
+					onClick: () => o.current?.click(),
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-2.5 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
+					children: [/* @__PURE__ */ S(x, { className: "h-3.5 w-3.5" }), r ? "Replace" : "Upload"]
+				}), r && /* @__PURE__ */ C("button", {
+					type: "button",
+					disabled: s,
+					onClick: () => void ne(),
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-status-error-border px-2.5 py-1 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
+					children: [/* @__PURE__ */ S(b, { className: "h-3.5 w-3.5" }), "Remove"]
+				})]
+			}),
+			/* @__PURE__ */ S("input", {
+				ref: o,
+				type: "file",
+				accept: n.accept,
+				className: "hidden",
+				onChange: (e) => void te(e),
+				"aria-label": `Upload ${n.label}`
+			})
+		]
+	});
+}, We = ({ clip: e, onDelete: t, deleting: n }) => {
+	let r = p(e.posterFileId), i = p(e.posterFileId ? void 0 : e.videoFileId);
+	return /* @__PURE__ */ C("div", {
+		className: "flex flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface",
+		children: [/* @__PURE__ */ C("div", {
+			className: "relative aspect-[9/16] w-full overflow-hidden bg-bg-sunken",
+			children: [e.posterFileId ? r.isLoading ? /* @__PURE__ */ S("div", {
+				className: "flex h-full w-full items-center justify-center",
+				children: /* @__PURE__ */ S(v, { className: "h-5 w-5 animate-spin text-text-secondary" })
+			}) : r.data ? /* @__PURE__ */ S("img", {
+				src: r.data,
+				alt: e.caption ?? "Clip poster",
+				className: "h-full w-full object-cover"
+			}) : /* @__PURE__ */ S("div", {
+				className: "flex h-full w-full items-center justify-center text-text-secondary",
+				children: /* @__PURE__ */ S(g, { className: "h-6 w-6" })
+			}) : i.isLoading ? /* @__PURE__ */ S("div", {
+				className: "flex h-full w-full items-center justify-center",
+				children: /* @__PURE__ */ S(v, { className: "h-5 w-5 animate-spin text-text-secondary" })
+			}) : i.data ? /* @__PURE__ */ S("video", {
+				src: i.data,
+				controls: !0,
+				preload: "metadata",
+				className: "h-full w-full bg-bg-canvas object-contain",
+				children: /* @__PURE__ */ S("track", { kind: "captions" })
+			}) : /* @__PURE__ */ S("div", {
+				className: "flex h-full w-full items-center justify-center text-text-secondary",
+				children: /* @__PURE__ */ S(g, { className: "h-6 w-6" })
+			}), e.durationSeconds != null && /* @__PURE__ */ S("span", {
+				className: "absolute bottom-2 right-2 rounded bg-bg-canvas/80 px-1.5 py-0.5 text-[10px] font-medium text-text-primary",
+				children: Ve(e.durationSeconds)
+			})]
+		}), /* @__PURE__ */ C("div", {
+			className: "flex flex-1 flex-col gap-2 p-3",
+			children: [
+				/* @__PURE__ */ S("p", {
+					className: "line-clamp-2 text-sm text-text-primary",
+					children: e.caption ?? "Untitled clip"
+				}),
+				e.language && /* @__PURE__ */ S("span", {
+					className: "w-fit rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] uppercase tracking-wide text-text-secondary",
+					children: e.language
+				}),
+				/* @__PURE__ */ C("button", {
+					type: "button",
+					disabled: n,
+					onClick: () => t(e),
+					className: "mt-auto inline-flex items-center justify-center gap-1.5 rounded-lg border border-status-error-border px-2.5 py-1 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
+					children: [/* @__PURE__ */ S(b, { className: "h-3.5 w-3.5" }), n ? "Deleting…" : "Delete"]
+				})
+			]
+		})]
+	});
+}, Ge = 12, Ke = () => {
+	let { id: t } = Pe(), { navigateTo: p } = e(), { data: h, isLoading: g, isError: v, refetch: b } = ae(t), Ve = oe(), Ke = a(), qe = re({ titleId: t }, {
 		limit: 10,
 		offset: 0
-	}), [z, B] = f(null);
-	if (N) return /* @__PURE__ */ E(t, {
+	}), D = se(), O = i(), k = u(), A = l(), j = ne(), M = o(t), Je = ie({
+		limit: 200,
+		offset: 0
+	}), [Ye, Xe] = m(0), N = s(t, void 0, {
+		limit: Ge,
+		offset: Ye * Ge
+	}), Ze = c(), Qe = ee(), [$e, P] = m(null), [et, F] = m(!1), [I, tt] = m(null), [nt, rt] = m(""), [L, it] = m(""), [at, ot] = m(""), [st, ct] = m(!1), [lt, R] = m(null), [ut, dt] = m(null), z = he(null), [B, V] = m("none"), [H, ft] = m(""), [pt, mt] = m("MOVIE"), [ht, gt] = m(""), [_t, vt] = m(""), [yt, bt] = m(""), [xt, St] = m(""), [Ct, wt] = m(""), [U, Tt] = m(""), [W, Et] = m(""), [Dt, Ot] = m(""), [kt, At] = m(""), [jt, Mt] = m(!1), [Nt, Pt] = m(""), [G, Ft] = m(""), [It, Lt] = m("ACTOR"), [Rt, zt] = m(""), [K, Bt] = m(""), Vt = te({
+		limit: 50,
+		offset: 0
+	}, Nt), [q, Ht] = m(""), [Ut, Wt] = m(""), [Gt, Kt] = m(""), [qt, Jt] = m(""), [Yt, Xt] = m(""), [J, Zt] = m(""), [Qt, $t] = m(""), [en, tn] = m(""), [nn, rn] = m(""), [an, on] = m(""), [sn, cn] = m(!1);
+	if (g) return /* @__PURE__ */ S(n, {
 		title: "Title",
-		children: /* @__PURE__ */ E(u, { label: "Loading title…" })
+		children: /* @__PURE__ */ S(de, { label: "Loading title…" })
 	});
-	if (P || !M) return /* @__PURE__ */ E(t, {
+	if (v || !h) return /* @__PURE__ */ S(n, {
 		title: "Title",
-		children: /* @__PURE__ */ E(l, {
+		children: /* @__PURE__ */ S(ue, {
 			title: "Title not found",
 			message: "This title may have been archived or you may not have access.",
-			onRetry: () => void F()
+			onRetry: () => void b()
 		})
 	});
-	let V = async (e) => {
-		B(null);
+	let Y = h.type === "SERIES", X = () => V("none"), ln = () => {
+		P(null), ft(h.title), mt(h.type), gt(h.synopsis ?? ""), vt(h.genres.join(", ")), bt(h.tags.join(", ")), St(h.originalLanguage ?? ""), wt(h.originCountry ?? ""), Tt(h.releaseYear ? String(h.releaseYear) : ""), Et(h.runtimeMinutes ? String(h.runtimeMinutes) : ""), Ot(h.certification ?? ""), At(h.studioId ?? ""), Mt(h.aiDisclosure), V("edit");
+	}, un = async (e) => {
+		P(null);
 		try {
-			await I.mutateAsync({
-				id: M.id,
+			await Ve.mutateAsync({
+				id: h.id,
 				status: e
 			});
 		} catch (e) {
-			B(e instanceof Error ? e.message : "Transition failed");
+			P(e instanceof Error ? e.message : "Transition failed");
 		}
-	}, H = async () => {
-		B(null);
+	}, dn = async () => {
+		P(null);
 		try {
-			await L.mutateAsync(M.id), j("catalog/titles");
+			await Ke.mutateAsync(h.id), p("catalog/titles");
 		} catch (e) {
-			B(e instanceof Error ? e.message : "Archive failed");
+			P(e instanceof Error ? e.message : "Archive failed");
 		}
-	}, U = R.data?.items ?? [], W = U.length > 0 ? U.reduce((e, t) => e + t.score, 0) / U.length : null, G = [];
-	return M.releaseDate ? G.push({
-		icon: h,
+	}, fn = async (e) => {
+		if (e.preventDefault(), P(null), !H.trim()) {
+			P("Title is required.");
+			return;
+		}
+		let t = {
+			title: H.trim(),
+			type: pt,
+			synopsis: ht.trim() || void 0,
+			genres: ze(_t),
+			tags: ze(yt),
+			originalLanguage: xt.trim() || void 0,
+			originCountry: Ct.trim() || void 0,
+			releaseYear: U.trim() ? Number(U) : void 0,
+			runtimeMinutes: W.trim() ? Number(W) : void 0,
+			certification: Dt.trim() || void 0,
+			studioId: kt || void 0,
+			aiDisclosure: jt
+		};
+		try {
+			await D.mutateAsync({
+				id: h.id,
+				input: t
+			}), X();
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to update title");
+		}
+	}, pn = async (e) => {
+		if (e.preventDefault(), P(null), !G) {
+			P("Select a person to credit.");
+			return;
+		}
+		try {
+			await O.mutateAsync({
+				personId: G,
+				titleId: h.id,
+				role: It,
+				characterName: Rt.trim() || void 0,
+				billingOrder: K.trim() ? Number(K) : void 0
+			}), Ft(""), zt(""), Bt(""), Pt(""), X();
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to add credit");
+		}
+	}, mn = async (e) => {
+		if (e.preventDefault(), P(null), !q.trim()) {
+			P("Season number is required.");
+			return;
+		}
+		try {
+			await k.mutateAsync({
+				titleId: h.id,
+				number: Number(q),
+				name: Ut.trim() || void 0,
+				synopsis: Gt.trim() || void 0,
+				airDate: Be(qt)
+			}), Ht(""), Wt(""), Kt(""), Jt(""), X();
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to add season");
+		}
+	}, hn = async (e) => {
+		if (e.preventDefault(), P(null), !J.trim()) {
+			P("Episode number is required.");
+			return;
+		}
+		if (!Qt.trim()) {
+			P("Episode name is required.");
+			return;
+		}
+		try {
+			await A.mutateAsync({
+				titleId: h.id,
+				number: Number(J),
+				name: Qt.trim(),
+				seasonId: Yt || void 0,
+				synopsis: en.trim() || void 0,
+				runtimeMinutes: nn.trim() ? Number(nn) : void 0,
+				airDate: Be(an)
+			}), Xt(""), Zt(""), $t(""), tn(""), rn(""), on(""), X();
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to add episode");
+		}
+	}, gn = async () => {
+		if (P(null), cn(!1), !M.data?.entitled) {
+			P("You are not entitled to watch this title.");
+			return;
+		}
+		try {
+			await j.mutateAsync({
+				titleId: h.id,
+				positionSeconds: (h.runtimeMinutes ?? 0) * 60,
+				completed: !0,
+				lastDevice: "web"
+			}), cn(!0);
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to record progress");
+		}
+	}, _n = async (e) => {
+		if (e.preventDefault(), R(null), !I) {
+			R("Select a clip video to upload.");
+			return;
+		}
+		ct(!0);
+		try {
+			let e = await le(I, f.clips);
+			await Ze.mutateAsync({
+				titleId: h.id,
+				videoFileId: e.id,
+				caption: nt.trim() || void 0,
+				durationSeconds: L.trim() ? Number(L) : void 0,
+				language: at.trim() || void 0
+			}), tt(null), rt(""), it(""), ot(""), z.current && (z.current.value = ""), F(!1), Xe(0);
+		} catch (e) {
+			R(e instanceof Error ? e.message : "Failed to add clip");
+		} finally {
+			ct(!1);
+		}
+	}, vn = async (e) => {
+		P(null), dt(e.id);
+		try {
+			await Qe.mutateAsync({
+				id: e.id,
+				titleId: h.id
+			});
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to delete clip");
+		} finally {
+			dt(null);
+		}
+	}, Z = qe.data?.items ?? [], Q = N.data?.items ?? [], yn = Z.length > 0 ? Z.reduce((e, t) => e + t.score, 0) / Z.length : null, $ = [];
+	h.releaseDate ? $.push({
+		icon: ve,
 		label: "Release",
-		value: s(M.releaseDate)
-	}) : M.releaseYear && G.push({
-		icon: h,
+		value: ce(h.releaseDate)
+	}) : h.releaseYear && $.push({
+		icon: ve,
 		label: "Year",
-		value: String(M.releaseYear)
-	}), M.runtimeMinutes && G.push({
-		icon: g,
+		value: String(h.releaseYear)
+	}), h.runtimeMinutes && $.push({
+		icon: be,
 		label: "Runtime",
-		value: `${M.runtimeMinutes} min`
-	}), M.originalLanguage && G.push({
-		icon: v,
+		value: `${h.runtimeMinutes} min`
+	}), h.originalLanguage && $.push({
+		icon: Se,
 		label: "Language",
-		value: M.originalLanguage
-	}), M.originCountry && G.push({
-		icon: _,
+		value: h.originalLanguage
+	}), h.originCountry && $.push({
+		icon: xe,
 		label: "Country",
-		value: M.originCountry
-	}), M.certification && G.push({
-		icon: b,
+		value: h.originCountry
+	}), h.certification && $.push({
+		icon: De,
 		label: "Certification",
-		value: M.certification
-	}), /* @__PURE__ */ D(t, {
-		title: /* @__PURE__ */ D("span", {
+		value: h.certification
+	});
+	let bn = Vt.data?.items ?? [];
+	return /* @__PURE__ */ C(n, {
+		title: /* @__PURE__ */ C("span", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ E("button", {
+			children: [/* @__PURE__ */ S("button", {
 				type: "button",
-				onClick: () => j("catalog/titles"),
+				onClick: () => p("catalog/titles"),
 				className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
 				"aria-label": "Back to catalog",
-				children: /* @__PURE__ */ E(m, { className: "h-5 w-5" })
-			}), M.title]
+				children: /* @__PURE__ */ S(_e, { className: "h-5 w-5" })
+			}), h.title]
 		}),
-		description: `${c(M.type)}${M.studio ? ` · ${M.studio.name}` : ""}`,
-		actions: /* @__PURE__ */ E(n, { status: M.status }),
-		children: [z && /* @__PURE__ */ E("div", {
-			className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
-			children: z
-		}), /* @__PURE__ */ D("div", {
-			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ D("div", {
-				className: "space-y-6 lg:col-span-2",
-				children: [
-					M.synopsis && /* @__PURE__ */ D(O, {
-						treatment: "metric",
-						className: "border-border-seam p-5",
-						children: [/* @__PURE__ */ E("h2", {
-							className: "mb-2 text-sm font-semibold text-text-primary",
+		description: `${d(h.type)}${h.studio ? ` · ${h.studio.name}` : ""}`,
+		actions: /* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ C("button", {
+				type: "button",
+				onClick: ln,
+				className: "inline-flex items-center gap-2 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+				children: [/* @__PURE__ */ S(Te, { className: "h-3.5 w-3.5" }), "Edit"]
+			}), /* @__PURE__ */ S(r, { status: h.status })]
+		}),
+		children: [
+			$e && /* @__PURE__ */ S("div", {
+				className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
+				children: $e
+			}),
+			B === "edit" && /* @__PURE__ */ C(w, {
+				treatment: "metric",
+				className: "mb-6 border-border-seam p-5",
+				children: [/* @__PURE__ */ C("div", {
+					className: "mb-4 flex items-center justify-between",
+					children: [/* @__PURE__ */ S("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "Edit title"
+					}), /* @__PURE__ */ S("button", {
+						type: "button",
+						onClick: X,
+						className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
+						"aria-label": "Close edit form",
+						children: /* @__PURE__ */ S(Ne, { className: "h-4 w-4" })
+					})]
+				}), /* @__PURE__ */ C("form", {
+					onSubmit: fn,
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+							htmlFor: "edit-title",
+							className: E,
+							children: "Title *"
+						}), /* @__PURE__ */ S("input", {
+							id: "edit-title",
+							type: "text",
+							value: H,
+							onChange: (e) => ft(e.target.value),
+							className: T,
+							required: !0
+						})] }),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								htmlFor: "edit-type",
+								className: E,
+								children: "Type"
+							}), /* @__PURE__ */ S("select", {
+								id: "edit-type",
+								value: pt,
+								onChange: (e) => mt(e.target.value),
+								className: T,
+								children: Le.map((e) => /* @__PURE__ */ S("option", {
+									value: e,
+									children: d(e)
+								}, e))
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								htmlFor: "edit-studio",
+								className: E,
+								children: "Studio"
+							}), /* @__PURE__ */ C("select", {
+								id: "edit-studio",
+								value: kt,
+								onChange: (e) => At(e.target.value),
+								className: T,
+								children: [/* @__PURE__ */ S("option", {
+									value: "",
+									children: "No studio"
+								}), (Je.data?.items ?? []).map((e) => /* @__PURE__ */ S("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
+							})] })]
+						}),
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+							htmlFor: "edit-synopsis",
+							className: E,
 							children: "Synopsis"
-						}), /* @__PURE__ */ E("p", {
-							className: "text-sm leading-relaxed text-text-secondary",
-							children: M.synopsis
-						})]
-					}),
-					/* @__PURE__ */ D(O, {
-						treatment: "metric",
-						className: "border-border-seam p-5",
-						children: [/* @__PURE__ */ D("h2", {
-							className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
+						}), /* @__PURE__ */ S("textarea", {
+							id: "edit-synopsis",
+							value: ht,
+							onChange: (e) => gt(e.target.value),
+							rows: 4,
+							className: T
+						})] }),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								htmlFor: "edit-genres",
+								className: E,
+								children: "Genres (comma-separated)"
+							}), /* @__PURE__ */ S("input", {
+								id: "edit-genres",
+								type: "text",
+								value: _t,
+								onChange: (e) => vt(e.target.value),
+								placeholder: "Drama, Thriller",
+								className: T
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								htmlFor: "edit-tags",
+								className: E,
+								children: "Tags (comma-separated)"
+							}), /* @__PURE__ */ S("input", {
+								id: "edit-tags",
+								type: "text",
+								value: yt,
+								onChange: (e) => bt(e.target.value),
+								placeholder: "award-winner, indie",
+								className: T
+							})] })]
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 							children: [
-								/* @__PURE__ */ E(C, { className: "h-4 w-4" }),
-								"Cast & Crew (",
-								M.credits.length,
-								")"
+								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+									htmlFor: "edit-language",
+									className: E,
+									children: "Original Language"
+								}), /* @__PURE__ */ S("input", {
+									id: "edit-language",
+									type: "text",
+									value: xt,
+									onChange: (e) => St(e.target.value),
+									placeholder: "en",
+									className: T
+								})] }),
+								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+									htmlFor: "edit-country",
+									className: E,
+									children: "Origin Country"
+								}), /* @__PURE__ */ S("input", {
+									id: "edit-country",
+									type: "text",
+									value: Ct,
+									onChange: (e) => wt(e.target.value),
+									placeholder: "US",
+									className: T
+								})] }),
+								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+									htmlFor: "edit-certification",
+									className: E,
+									children: "Certification"
+								}), /* @__PURE__ */ S("input", {
+									id: "edit-certification",
+									type: "text",
+									value: Dt,
+									onChange: (e) => Ot(e.target.value),
+									placeholder: "PG-13",
+									className: T
+								})] })
 							]
-						}), M.credits.length === 0 ? /* @__PURE__ */ E("p", {
-							className: "text-sm text-text-secondary",
-							children: "No credits recorded yet."
-						}) : /* @__PURE__ */ E("ul", {
-							className: "divide-y divide-border-seam",
-							children: [...M.credits].sort((e, t) => e.billingOrder - t.billingOrder).map((e) => /* @__PURE__ */ D("li", {
-								className: "flex items-center justify-between py-2",
-								children: [/* @__PURE__ */ D("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ E("p", {
-										className: "truncate text-sm font-medium text-text-primary",
-										children: e.person?.name ?? "Unknown person"
-									}), e.characterName && /* @__PURE__ */ D("p", {
-										className: "text-xs text-text-secondary",
-										children: ["as ", e.characterName]
-									})]
-								}), /* @__PURE__ */ E("span", {
-									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
-									children: c(e.role)
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								htmlFor: "edit-year",
+								className: E,
+								children: "Release Year"
+							}), /* @__PURE__ */ S("input", {
+								id: "edit-year",
+								type: "number",
+								value: U,
+								onChange: (e) => Tt(e.target.value),
+								placeholder: "2026",
+								className: T
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+								htmlFor: "edit-runtime",
+								className: E,
+								children: "Runtime (minutes)"
+							}), /* @__PURE__ */ S("input", {
+								id: "edit-runtime",
+								type: "number",
+								value: W,
+								onChange: (e) => Et(e.target.value),
+								placeholder: "120",
+								className: T
+							})] })]
+						}),
+						/* @__PURE__ */ C("label", {
+							className: "flex items-center gap-2 text-sm text-text-primary",
+							children: [/* @__PURE__ */ S("input", {
+								type: "checkbox",
+								checked: jt,
+								onChange: (e) => Mt(e.target.checked),
+								className: "h-4 w-4 rounded border-border-subtle"
+							}), "This title contains AI-generated or AI-altered content"]
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "flex items-center gap-3 pt-1",
+							children: [/* @__PURE__ */ S("button", {
+								type: "submit",
+								disabled: D.isPending,
+								className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+								children: D.isPending ? "Saving…" : "Save changes"
+							}), /* @__PURE__ */ S("button", {
+								type: "button",
+								onClick: X,
+								className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+								children: "Cancel"
+							})]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ C("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [/* @__PURE__ */ C("div", {
+								className: "mb-4",
+								children: [/* @__PURE__ */ C("h2", {
+									className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+									children: [/* @__PURE__ */ S(_, { className: "h-4 w-4" }), "Artwork & Media"]
+								}), /* @__PURE__ */ S("p", {
+									className: "mt-1 text-xs text-text-secondary",
+									children: "Poster and backdrop art, plus the trailer and full-length video master. Files are stored in the workspace files service; the title keeps only a reference."
 								})]
-							}, e.id))
-						})]
-					}),
-					(M.seasons.length > 0 || M.episodes.length > 0) && /* @__PURE__ */ D(O, {
-						treatment: "metric",
-						className: "border-border-seam p-5",
-						children: [/* @__PURE__ */ D("h2", {
-							className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
+							}), /* @__PURE__ */ S("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
+								children: He.map((e) => /* @__PURE__ */ S(Ue, {
+									titleId: h.id,
+									config: e,
+									currentFileId: h[e.field]
+								}, e.field))
+							})]
+						}),
+						h.synopsis && /* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [/* @__PURE__ */ S("h2", {
+								className: "mb-2 text-sm font-semibold text-text-primary",
+								children: "Synopsis"
+							}), /* @__PURE__ */ S("p", {
+								className: "text-sm leading-relaxed text-text-secondary",
+								children: h.synopsis
+							})]
+						}),
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
 							children: [
-								/* @__PURE__ */ E(y, { className: "h-4 w-4" }),
-								"Episodes (",
-								M.episodes.length,
-								")"
+								/* @__PURE__ */ C("div", {
+									className: "mb-3 flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ C("h2", {
+										className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+										children: [
+											/* @__PURE__ */ S(je, { className: "h-4 w-4" }),
+											"Cast & Crew (",
+											h.credits.length,
+											")"
+										]
+									}), /* @__PURE__ */ C("button", {
+										type: "button",
+										onClick: () => {
+											P(null), V(B === "credit" ? "none" : "credit");
+										},
+										className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-2.5 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+										children: [/* @__PURE__ */ S(Ae, { className: "h-3.5 w-3.5" }), "Add credit"]
+									})]
+								}),
+								B === "credit" && /* @__PURE__ */ C("form", {
+									onSubmit: pn,
+									className: "mb-4 space-y-4 rounded-lg border border-border-seam bg-bg-surface p-4",
+									children: [
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+											htmlFor: "credit-search",
+											className: E,
+											children: "Search people"
+										}), /* @__PURE__ */ S("input", {
+											id: "credit-search",
+											type: "text",
+											value: Nt,
+											onChange: (e) => Pt(e.target.value),
+											placeholder: "Type a name to filter…",
+											className: T
+										})] }),
+										/* @__PURE__ */ C("div", {
+											className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "credit-person",
+												className: E,
+												children: "Person *"
+											}), /* @__PURE__ */ C("select", {
+												id: "credit-person",
+												value: G,
+												onChange: (e) => Ft(e.target.value),
+												className: T,
+												required: !0,
+												children: [/* @__PURE__ */ S("option", {
+													value: "",
+													children: Vt.isLoading ? "Loading people…" : bn.length === 0 ? "No people found" : "Select a person"
+												}), bn.map((e) => /* @__PURE__ */ C("option", {
+													value: e.id,
+													children: [e.name, e.knownFor ? ` — ${e.knownFor}` : ""]
+												}, e.id))]
+											})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "credit-role",
+												className: E,
+												children: "Role"
+											}), /* @__PURE__ */ S("select", {
+												id: "credit-role",
+												value: It,
+												onChange: (e) => Lt(e.target.value),
+												className: T,
+												children: Re.map((e) => /* @__PURE__ */ S("option", {
+													value: e,
+													children: d(e)
+												}, e))
+											})] })]
+										}),
+										/* @__PURE__ */ C("div", {
+											className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "credit-character",
+												className: E,
+												children: "Character name"
+											}), /* @__PURE__ */ S("input", {
+												id: "credit-character",
+												type: "text",
+												value: Rt,
+												onChange: (e) => zt(e.target.value),
+												placeholder: "e.g. Captain Rao",
+												className: T
+											})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "credit-billing",
+												className: E,
+												children: "Billing order"
+											}), /* @__PURE__ */ S("input", {
+												id: "credit-billing",
+												type: "number",
+												value: K,
+												onChange: (e) => Bt(e.target.value),
+												placeholder: "1",
+												className: T
+											})] })]
+										}),
+										/* @__PURE__ */ C("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ C("button", {
+												type: "submit",
+												disabled: O.isPending,
+												className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+												children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), O.isPending ? "Adding…" : "Add credit"]
+											}), /* @__PURE__ */ S("button", {
+												type: "button",
+												onClick: X,
+												className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+												children: "Cancel"
+											})]
+										})
+									]
+								}),
+								h.credits.length === 0 ? /* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: "No credits recorded yet."
+								}) : /* @__PURE__ */ S("ul", {
+									className: "divide-y divide-border-seam",
+									children: [...h.credits].sort((e, t) => e.billingOrder - t.billingOrder).map((e) => /* @__PURE__ */ C("li", {
+										className: "flex items-center justify-between py-2",
+										children: [/* @__PURE__ */ C("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ S("p", {
+												className: "truncate text-sm font-medium text-text-primary",
+												children: e.person?.name ?? "Unknown person"
+											}), e.characterName && /* @__PURE__ */ C("p", {
+												className: "text-xs text-text-secondary",
+												children: ["as ", e.characterName]
+											})]
+										}), /* @__PURE__ */ S("span", {
+											className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
+											children: d(e.role)
+										})]
+									}, e.id))
+								})
 							]
-						}), /* @__PURE__ */ E("ul", {
-							className: "divide-y divide-border-seam",
-							children: [...M.episodes].sort((e, t) => e.number - t.number).map((e) => /* @__PURE__ */ D("li", {
-								className: "flex items-center justify-between py-2",
-								children: [/* @__PURE__ */ D("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ D("p", {
-										className: "truncate text-sm font-medium text-text-primary",
+						}),
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "mb-3 flex flex-wrap items-center justify-between gap-3",
+									children: [/* @__PURE__ */ C("h2", {
+										className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
 										children: [
-											e.number,
-											". ",
-											e.name
+											/* @__PURE__ */ S(Ce, { className: "h-4 w-4" }),
+											"Episodes (",
+											h.episodes.length,
+											")"
 										]
-									}), e.synopsis && /* @__PURE__ */ E("p", {
-										className: "line-clamp-1 text-xs text-text-secondary",
-										children: e.synopsis
+									}), Y && /* @__PURE__ */ C("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => {
+												P(null), V(B === "season" ? "none" : "season");
+											},
+											className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-2.5 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+											children: [/* @__PURE__ */ S(y, { className: "h-3.5 w-3.5" }), "Add season"]
+										}), /* @__PURE__ */ C("button", {
+											type: "button",
+											onClick: () => {
+												P(null), V(B === "episode" ? "none" : "episode");
+											},
+											className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-2.5 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+											children: [/* @__PURE__ */ S(y, { className: "h-3.5 w-3.5" }), "Add episode"]
+										})]
 									})]
-								}), e.runtimeMinutes && /* @__PURE__ */ D("span", {
-									className: "text-xs text-text-secondary",
-									children: [e.runtimeMinutes, " min"]
+								}),
+								Y && B === "season" && /* @__PURE__ */ C("form", {
+									onSubmit: mn,
+									className: "mb-4 space-y-4 rounded-lg border border-border-seam bg-bg-surface p-4",
+									children: [
+										/* @__PURE__ */ C("div", {
+											className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "season-number",
+												className: E,
+												children: "Season number *"
+											}), /* @__PURE__ */ S("input", {
+												id: "season-number",
+												type: "number",
+												value: q,
+												onChange: (e) => Ht(e.target.value),
+												placeholder: "1",
+												className: T,
+												required: !0
+											})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "season-name",
+												className: E,
+												children: "Name"
+											}), /* @__PURE__ */ S("input", {
+												id: "season-name",
+												type: "text",
+												value: Ut,
+												onChange: (e) => Wt(e.target.value),
+												placeholder: "Season 1",
+												className: T
+											})] })]
+										}),
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+											htmlFor: "season-synopsis",
+											className: E,
+											children: "Synopsis"
+										}), /* @__PURE__ */ S("textarea", {
+											id: "season-synopsis",
+											value: Gt,
+											onChange: (e) => Kt(e.target.value),
+											rows: 3,
+											className: T
+										})] }),
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+											htmlFor: "season-airdate",
+											className: E,
+											children: "Air date"
+										}), /* @__PURE__ */ S("input", {
+											id: "season-airdate",
+											type: "date",
+											value: qt,
+											onChange: (e) => Jt(e.target.value),
+											className: T
+										})] }),
+										/* @__PURE__ */ C("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ C("button", {
+												type: "submit",
+												disabled: k.isPending,
+												className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+												children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), k.isPending ? "Adding…" : "Add season"]
+											}), /* @__PURE__ */ S("button", {
+												type: "button",
+												onClick: X,
+												className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+												children: "Cancel"
+											})]
+										})
+									]
+								}),
+								Y && B === "episode" && /* @__PURE__ */ C("form", {
+									onSubmit: hn,
+									className: "mb-4 space-y-4 rounded-lg border border-border-seam bg-bg-surface p-4",
+									children: [
+										/* @__PURE__ */ C("div", {
+											className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "episode-season",
+												className: E,
+												children: "Season"
+											}), /* @__PURE__ */ C("select", {
+												id: "episode-season",
+												value: Yt,
+												onChange: (e) => Xt(e.target.value),
+												className: T,
+												children: [/* @__PURE__ */ S("option", {
+													value: "",
+													children: "No season"
+												}), [...h.seasons].sort((e, t) => e.number - t.number).map((e) => /* @__PURE__ */ S("option", {
+													value: e.id,
+													children: e.name ? `${e.number}. ${e.name}` : `Season ${e.number}`
+												}, e.id))]
+											})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "episode-number",
+												className: E,
+												children: "Episode number *"
+											}), /* @__PURE__ */ S("input", {
+												id: "episode-number",
+												type: "number",
+												value: J,
+												onChange: (e) => Zt(e.target.value),
+												placeholder: "1",
+												className: T,
+												required: !0
+											})] })]
+										}),
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+											htmlFor: "episode-name",
+											className: E,
+											children: "Name *"
+										}), /* @__PURE__ */ S("input", {
+											id: "episode-name",
+											type: "text",
+											value: Qt,
+											onChange: (e) => $t(e.target.value),
+											placeholder: "Pilot",
+											className: T,
+											required: !0
+										})] }),
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+											htmlFor: "episode-synopsis",
+											className: E,
+											children: "Synopsis"
+										}), /* @__PURE__ */ S("textarea", {
+											id: "episode-synopsis",
+											value: en,
+											onChange: (e) => tn(e.target.value),
+											rows: 3,
+											className: T
+										})] }),
+										/* @__PURE__ */ C("div", {
+											className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "episode-runtime",
+												className: E,
+												children: "Runtime (minutes)"
+											}), /* @__PURE__ */ S("input", {
+												id: "episode-runtime",
+												type: "number",
+												value: nn,
+												onChange: (e) => rn(e.target.value),
+												placeholder: "45",
+												className: T
+											})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "episode-airdate",
+												className: E,
+												children: "Air date"
+											}), /* @__PURE__ */ S("input", {
+												id: "episode-airdate",
+												type: "date",
+												value: an,
+												onChange: (e) => on(e.target.value),
+												className: T
+											})] })]
+										}),
+										/* @__PURE__ */ C("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ C("button", {
+												type: "submit",
+												disabled: A.isPending,
+												className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+												children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), A.isPending ? "Adding…" : "Add episode"]
+											}), /* @__PURE__ */ S("button", {
+												type: "button",
+												onClick: X,
+												className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+												children: "Cancel"
+											})]
+										})
+									]
+								}),
+								h.episodes.length === 0 ? /* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: Y ? "No episodes yet. Add a season, then episodes, to build out this series." : "No episodes recorded for this title."
+								}) : /* @__PURE__ */ S("ul", {
+									className: "divide-y divide-border-seam",
+									children: [...h.episodes].sort((e, t) => e.number - t.number).map((e) => /* @__PURE__ */ C("li", {
+										className: "flex items-center justify-between py-2",
+										children: [/* @__PURE__ */ C("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ C("p", {
+												className: "truncate text-sm font-medium text-text-primary",
+												children: [
+													e.number,
+													". ",
+													e.name
+												]
+											}), e.synopsis && /* @__PURE__ */ S("p", {
+												className: "line-clamp-1 text-xs text-text-secondary",
+												children: e.synopsis
+											})]
+										}), e.runtimeMinutes && /* @__PURE__ */ C("span", {
+											className: "text-xs text-text-secondary",
+											children: [e.runtimeMinutes, " min"]
+										})]
+									}, e.id))
+								})
+							]
+						}),
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [/* @__PURE__ */ C("div", {
+								className: "mb-3 flex items-center justify-between",
+								children: [/* @__PURE__ */ C("h2", {
+									className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+									children: [
+										/* @__PURE__ */ S(ke, { className: "h-4 w-4" }),
+										"Reviews (",
+										Z.length,
+										")"
+									]
+								}), yn !== null && /* @__PURE__ */ S(me, {
+									value: yn / 2,
+									count: Z.length
 								})]
-							}, e.id))
-						})]
-					}),
-					/* @__PURE__ */ D(O, {
-						treatment: "metric",
-						className: "border-border-seam p-5",
-						children: [/* @__PURE__ */ D("div", {
-							className: "mb-3 flex items-center justify-between",
-							children: [/* @__PURE__ */ D("h2", {
-								className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-								children: [
-									/* @__PURE__ */ E(S, { className: "h-4 w-4" }),
-									"Reviews (",
-									U.length,
-									")"
-								]
-							}), W !== null && /* @__PURE__ */ E(d, {
-								value: W / 2,
-								count: U.length
+							}), Z.length === 0 ? /* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: "No reviews yet."
+							}) : /* @__PURE__ */ S("ul", {
+								className: "space-y-3",
+								children: Z.map((e) => /* @__PURE__ */ C("li", {
+									className: "rounded-lg border border-border-seam bg-bg-surface p-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ C("span", {
+											className: "text-sm font-semibold text-text-primary",
+											children: [e.score, "/10"]
+										}), /* @__PURE__ */ C("div", {
+											className: "flex items-center gap-2",
+											children: [e.verifiedWatch && /* @__PURE__ */ S("span", {
+												className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[10px] text-status-success-text",
+												children: "Verified"
+											}), /* @__PURE__ */ S(r, { status: e.status })]
+										})]
+									}), e.body && /* @__PURE__ */ S("p", {
+										className: "mt-1 text-sm text-text-secondary",
+										children: e.body
+									})]
+								}, e.id))
 							})]
-						}), U.length === 0 ? /* @__PURE__ */ E("p", {
-							className: "text-sm text-text-secondary",
-							children: "No reviews yet."
-						}) : /* @__PURE__ */ E("ul", {
-							className: "space-y-3",
-							children: U.map((e) => /* @__PURE__ */ D("li", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-3",
-								children: [/* @__PURE__ */ D("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ D("span", {
-										className: "text-sm font-semibold text-text-primary",
-										children: [e.score, "/10"]
-									}), /* @__PURE__ */ D("div", {
-										className: "flex items-center gap-2",
-										children: [e.verifiedWatch && /* @__PURE__ */ E("span", {
-											className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[10px] text-status-success-text",
-											children: "Verified"
-										}), /* @__PURE__ */ E(n, { status: e.status })]
+						}),
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "mb-3 flex flex-wrap items-center justify-between gap-3",
+									children: [/* @__PURE__ */ C("h2", {
+										className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+										children: [
+											/* @__PURE__ */ S(Me, { className: "h-4 w-4" }),
+											"Clips (",
+											N.data?.totalCount ?? Q.length,
+											")"
+										]
+									}), /* @__PURE__ */ C("button", {
+										type: "button",
+										onClick: () => {
+											R(null), F((e) => !e);
+										},
+										className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-2.5 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+										children: [/* @__PURE__ */ S(y, { className: "h-3.5 w-3.5" }), "Add clip"]
 									})]
-								}), e.body && /* @__PURE__ */ E("p", {
-									className: "mt-1 text-sm text-text-secondary",
-									children: e.body
+								}),
+								et && /* @__PURE__ */ C("form", {
+									onSubmit: _n,
+									className: "mb-4 space-y-4 rounded-lg border border-border-seam bg-bg-surface p-4",
+									children: [
+										/* @__PURE__ */ C("div", { children: [
+											/* @__PURE__ */ S("label", {
+												htmlFor: "clip-file",
+												className: E,
+												children: "Clip video * (short vertical MP4)"
+											}),
+											/* @__PURE__ */ S("input", {
+												id: "clip-file",
+												ref: z,
+												type: "file",
+												accept: "video/*",
+												onChange: (e) => tt(e.target.files?.[0] ?? null),
+												className: T
+											}),
+											I && /* @__PURE__ */ C("p", {
+												className: "mt-1 truncate text-xs text-text-secondary",
+												children: ["Selected: ", I.name]
+											})
+										] }),
+										/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+											htmlFor: "clip-caption",
+											className: E,
+											children: "Caption"
+										}), /* @__PURE__ */ S("input", {
+											id: "clip-caption",
+											type: "text",
+											value: nt,
+											onChange: (e) => rt(e.target.value),
+											placeholder: "e.g. Official teaser",
+											className: T
+										})] }),
+										/* @__PURE__ */ C("div", {
+											className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "clip-duration",
+												className: E,
+												children: "Duration (seconds)"
+											}), /* @__PURE__ */ S("input", {
+												id: "clip-duration",
+												type: "number",
+												min: 0,
+												value: L,
+												onChange: (e) => it(e.target.value),
+												placeholder: "30",
+												className: T
+											})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
+												htmlFor: "clip-language",
+												className: E,
+												children: "Language"
+											}), /* @__PURE__ */ S("input", {
+												id: "clip-language",
+												type: "text",
+												value: at,
+												onChange: (e) => ot(e.target.value),
+												placeholder: "en",
+												className: T
+											})] })]
+										}),
+										lt && /* @__PURE__ */ S("p", {
+											className: "text-xs text-status-error-text",
+											children: lt
+										}),
+										/* @__PURE__ */ C("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ C("button", {
+												type: "submit",
+												disabled: st,
+												className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50",
+												children: [/* @__PURE__ */ S(x, { className: "h-4 w-4" }), st ? "Uploading…" : "Add clip"]
+											}), /* @__PURE__ */ S("button", {
+												type: "button",
+												onClick: () => {
+													F(!1), R(null);
+												},
+												className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+												children: "Cancel"
+											})]
+										})
+									]
+								}),
+								N.isLoading ? /* @__PURE__ */ S(de, {
+									label: "Loading clips…",
+									className: "min-h-[20vh]"
+								}) : N.isError ? /* @__PURE__ */ S(ue, {
+									title: "Could not load clips",
+									message: "Something went wrong fetching this title's clips.",
+									onRetry: () => void N.refetch(),
+									className: "min-h-[20vh]"
+								}) : Q.length === 0 ? /* @__PURE__ */ S(fe, {
+									title: "No clips yet",
+									description: "Upload a short vertical clip to promote this title."
+								}) : /* @__PURE__ */ C(Fe, { children: [/* @__PURE__ */ S("div", {
+									className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4",
+									children: Q.map((e) => /* @__PURE__ */ S(We, {
+										clip: e,
+										deleting: ut === e.id,
+										onDelete: (e) => void vn(e)
+									}, e.id))
+								}), /* @__PURE__ */ S(pe, {
+									page: Ye,
+									hasMore: N.data?.pageInfo.hasMore ?? !1,
+									shownCount: Q.length,
+									onPageChange: Xe
+								})] })
+							]
+						})
+					]
+				}), /* @__PURE__ */ C("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [/* @__PURE__ */ C("h2", {
+								className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
+								children: [/* @__PURE__ */ S(Ee, { className: "h-4 w-4" }), "Watch"]
+							}), M.isLoading ? /* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: "Checking access…"
+							}) : M.isError ? /* @__PURE__ */ C("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ S("p", {
+									className: "text-sm text-status-error-text",
+									children: "Could not check entitlement."
+								}), /* @__PURE__ */ S("button", {
+									type: "button",
+									onClick: () => void M.refetch(),
+									className: "rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
+									children: "Retry"
 								})]
-							}, e.id))
-						})]
-					})
-				]
-			}), /* @__PURE__ */ D("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ D(O, {
-						treatment: "metric",
-						className: "border-border-seam p-5",
-						children: [
-							/* @__PURE__ */ E("h2", {
-								className: "mb-3 text-sm font-semibold text-text-primary",
-								children: "Publication"
-							}),
-							/* @__PURE__ */ D("div", {
-								className: "flex flex-wrap gap-2",
-								children: [k[M.status].map((e) => /* @__PURE__ */ E("button", {
+							}) : M.data?.entitled ? /* @__PURE__ */ C("div", {
+								className: "space-y-3",
+								children: [M.data.modes.length > 0 && /* @__PURE__ */ S("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: M.data.modes.map((e) => /* @__PURE__ */ S("span", {
+										className: "rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs text-status-success-text",
+										children: d(e)
+									}, e))
+								}), sn ? /* @__PURE__ */ C("p", {
+									className: "flex items-center gap-2 text-sm text-status-success-text",
+									children: [/* @__PURE__ */ S(ye, { className: "h-4 w-4" }), "Marked as watched — see Continue Watching."]
+								}) : /* @__PURE__ */ C("button", {
 									type: "button",
-									disabled: I.isPending,
-									onClick: () => void V(e),
-									className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
-									children: c(e)
-								}, e)), k[M.status].length === 0 && /* @__PURE__ */ E("p", {
-									className: "text-xs text-text-secondary",
-									children: "No further transitions available."
+									disabled: j.isPending,
+									onClick: () => void gn(),
+									className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+									children: [/* @__PURE__ */ S(Ee, { className: "h-4 w-4" }), j.isPending ? "Saving…" : "Mark as watched"]
 								})]
-							}),
-							M.status !== "ARCHIVED" && /* @__PURE__ */ D("button", {
-								type: "button",
-								disabled: L.isPending,
-								onClick: () => void H(),
-								className: "mt-3 inline-flex items-center gap-2 rounded-lg border border-status-error-border px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50 transition-colors",
-								children: [/* @__PURE__ */ E(p, { className: "h-3.5 w-3.5" }), "Archive Title"]
-							})
-						]
-					}),
-					/* @__PURE__ */ D(O, {
-						treatment: "metric",
-						className: "border-border-seam p-5",
-						children: [/* @__PURE__ */ E("h2", {
-							className: "mb-3 text-sm font-semibold text-text-primary",
-							children: "Details"
-						}), /* @__PURE__ */ D("dl", {
-							className: "space-y-2",
-							children: [G.map((e) => {
-								let t = e.icon;
-								return /* @__PURE__ */ D("div", {
-									className: "flex items-center justify-between text-sm",
-									children: [/* @__PURE__ */ D("dt", {
-										className: "flex items-center gap-2 text-text-secondary",
-										children: [/* @__PURE__ */ E(t, { className: "h-3.5 w-3.5" }), e.label]
-									}), /* @__PURE__ */ E("dd", {
-										className: "font-medium text-text-primary",
-										children: e.value
+							}) : /* @__PURE__ */ C("div", {
+								className: "flex items-start gap-2 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2.5",
+								children: [/* @__PURE__ */ S(we, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: "You are not entitled to watch this title. Grant an entitlement or add a rights window to enable playback."
+								})]
+							})]
+						}),
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [
+								/* @__PURE__ */ S("h2", {
+									className: "mb-3 text-sm font-semibold text-text-primary",
+									children: "Publication"
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "flex flex-wrap gap-2",
+									children: [Ie[h.status].map((e) => /* @__PURE__ */ S("button", {
+										type: "button",
+										disabled: Ve.isPending,
+										onClick: () => void un(e),
+										className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+										children: d(e)
+									}, e)), Ie[h.status].length === 0 && /* @__PURE__ */ S("p", {
+										className: "text-xs text-text-secondary",
+										children: "No further transitions available."
 									})]
-								}, e.label);
-							}), M.aiDisclosure && /* @__PURE__ */ D("div", {
-								className: "flex items-center gap-2 pt-1 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ E(x, { className: "h-3.5 w-3.5" }), "Contains AI-generated content"]
+								}),
+								h.status !== "ARCHIVED" && /* @__PURE__ */ C("button", {
+									type: "button",
+									disabled: Ke.isPending,
+									onClick: () => void dn(),
+									className: "mt-3 inline-flex items-center gap-2 rounded-lg border border-status-error-border px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-50 transition-colors",
+									children: [/* @__PURE__ */ S(ge, { className: "h-3.5 w-3.5" }), "Archive Title"]
+								})
+							]
+						}),
+						/* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [/* @__PURE__ */ S("h2", {
+								className: "mb-3 text-sm font-semibold text-text-primary",
+								children: "Details"
+							}), /* @__PURE__ */ C("dl", {
+								className: "space-y-2",
+								children: [$.map((e) => {
+									let t = e.icon;
+									return /* @__PURE__ */ C("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [/* @__PURE__ */ C("dt", {
+											className: "flex items-center gap-2 text-text-secondary",
+											children: [/* @__PURE__ */ S(t, { className: "h-3.5 w-3.5" }), e.label]
+										}), /* @__PURE__ */ S("dd", {
+											className: "font-medium text-text-primary",
+											children: e.value
+										})]
+									}, e.label);
+								}), h.aiDisclosure && /* @__PURE__ */ C("div", {
+									className: "flex items-center gap-2 pt-1 text-sm text-text-secondary",
+									children: [/* @__PURE__ */ S(Oe, { className: "h-3.5 w-3.5" }), "Contains AI-generated content"]
+								})]
 							})]
-						})]
-					}),
-					(M.genres.length > 0 || M.tags.length > 0) && /* @__PURE__ */ D(O, {
-						treatment: "metric",
-						className: "border-border-seam p-5",
-						children: [M.genres.length > 0 && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("h3", {
-							className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary",
-							children: "Genres"
-						}), /* @__PURE__ */ E("div", {
-							className: "mb-3 flex flex-wrap gap-1.5",
-							children: M.genres.map((e) => /* @__PURE__ */ E("span", {
-								className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-primary",
-								children: e
-							}, e))
-						})] }), M.tags.length > 0 && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("h3", {
-							className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary",
-							children: "Tags"
-						}), /* @__PURE__ */ E("div", {
-							className: "flex flex-wrap gap-1.5",
-							children: M.tags.map((e) => /* @__PURE__ */ E("span", {
-								className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
-								children: e
-							}, e))
-						})] })]
-					})
-				]
-			})]
-		})]
+						}),
+						(h.genres.length > 0 || h.tags.length > 0) && /* @__PURE__ */ C(w, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [h.genres.length > 0 && /* @__PURE__ */ C(Fe, { children: [/* @__PURE__ */ S("h3", {
+								className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary",
+								children: "Genres"
+							}), /* @__PURE__ */ S("div", {
+								className: "mb-3 flex flex-wrap gap-1.5",
+								children: h.genres.map((e) => /* @__PURE__ */ S("span", {
+									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-primary",
+									children: e
+								}, e))
+							})] }), h.tags.length > 0 && /* @__PURE__ */ C(Fe, { children: [/* @__PURE__ */ S("h3", {
+								className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary",
+								children: "Tags"
+							}), /* @__PURE__ */ S("div", {
+								className: "flex flex-wrap gap-1.5",
+								children: h.tags.map((e) => /* @__PURE__ */ S("span", {
+									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
+									children: e
+								}, e))
+							})] })]
+						})
+					]
+				})]
+			})
+		]
 	});
 };
 //#endregion
-export { A as TitleDetailPage };
+export { Ke as TitleDetailPage };
 
 //# sourceMappingURL=TitleDetailPage.js.map