@burdenoff/microfe-hookmovies 2026.705.2 → 2026.706.1

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

@@ -1,323 +1,999 @@
 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 { useAddCredit as ee, useArchiveTitle as te, useCheckEntitlement as ne, useCreateEpisode as re, useCreateSeason as ie, usePeople as ae, useRecordProgress as oe, useReviews as se, useStudios as ce, useTitle as le, useTransitionTitle as ue, useUpdateTitle as de } from "../../hooks/useHookMoviesApi.js";
+import { formatDate as fe, formatEnumLabel as r } from "../../utils/formatters.js";
+import { ErrorState as pe, LoadingState as me } from "../../components/StateViews.js";
+import { RatingDisplay as he } from "../../components/RatingDisplay.js";
+import { useState as i } from "react";
+import { Archive as ge, ArrowLeft as _e, Calendar as ve, CheckCircle2 as ye, Clock as be, Globe as xe, Languages as Se, Layers as Ce, Lock as we, Pencil as Te, Play as Ee, Plus as a, ShieldCheck as De, Sparkles as Oe, Star as ke, UserPlus as Ae, Users as je, X as Me } from "lucide-react";
+import { useParams as Ne } from "react-router-dom";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { GlassCard as l } from "@burdenoff/fe-libs/ui";
 //#region src/hookmovies/pages/catalog/TitleDetailPage.tsx
-var k = {
-	DRAFT: [
-		"IN_REVIEW",
-		"SCHEDULED",
-		"PUBLISHED"
-	],
+var u = {
+	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 }, {
+}, Pe = [
+	"MOVIE",
+	"SERIES",
+	"SHORT_FILM",
+	"DOCUMENTARY",
+	"ANIME",
+	"SHORT_FORM",
+	"LONG_FORM",
+	"LIVE_EVENT",
+	"TRAILER",
+	"COLLECTION",
+	"FAST_CHANNEL"
+], Fe = [
+	"ACTOR",
+	"DIRECTOR",
+	"WRITER",
+	"PRODUCER",
+	"CINEMATOGRAPHER",
+	"EDITOR",
+	"COMPOSER",
+	"VOICE_ACTOR",
+	"CREW"
+], d = "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)]", f = "mb-1.5 block text-xs font-medium text-text-secondary", p = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), m = (e) => e.trim() ? new Date(e).toISOString() : void 0, h = () => {
+	let { id: h } = Ne(), { navigateTo: g } = e(), { data: _, isLoading: Ie, isError: Le, refetch: Re } = le(h), v = ue(), y = te(), ze = se({ titleId: h }, {
 		limit: 10,
 		offset: 0
-	}), [z, B] = f(null);
-	if (N) return /* @__PURE__ */ E(t, {
+	}), b = de(), x = ee(), S = ie(), C = re(), w = oe(), T = ne(h), Be = ce({
+		limit: 200,
+		offset: 0
+	}), [E, D] = i(null), [O, k] = i("none"), [A, j] = i(""), [M, N] = i("MOVIE"), [P, F] = i(""), [I, L] = i(""), [R, z] = i(""), [B, V] = i(""), [Ve, He] = i(""), [H, Ue] = i(""), [U, We] = i(""), [Ge, Ke] = i(""), [qe, Je] = i(""), [Ye, Xe] = i(!1), [Ze, Qe] = i(""), [W, $e] = i(""), [et, tt] = i("ACTOR"), [nt, rt] = i(""), [G, it] = i(""), at = ae({
+		limit: 50,
+		offset: 0
+	}, Ze), [K, ot] = i(""), [st, ct] = i(""), [lt, ut] = i(""), [dt, ft] = i(""), [pt, mt] = i(""), [q, ht] = i(""), [J, gt] = i(""), [_t, vt] = i(""), [Y, yt] = i(""), [bt, xt] = i(""), [St, Ct] = i(!1);
+	if (Ie) return /* @__PURE__ */ s(t, {
 		title: "Title",
-		children: /* @__PURE__ */ E(u, { label: "Loading title…" })
+		children: /* @__PURE__ */ s(me, { label: "Loading title…" })
 	});
-	if (P || !M) return /* @__PURE__ */ E(t, {
+	if (Le || !_) return /* @__PURE__ */ s(t, {
 		title: "Title",
-		children: /* @__PURE__ */ E(l, {
+		children: /* @__PURE__ */ s(pe, {
 			title: "Title not found",
 			message: "This title may have been archived or you may not have access.",
-			onRetry: () => void F()
+			onRetry: () => void Re()
 		})
 	});
-	let V = async (e) => {
-		B(null);
+	let X = _.type === "SERIES", Z = () => k("none"), wt = () => {
+		D(null), j(_.title), N(_.type), F(_.synopsis ?? ""), L(_.genres.join(", ")), z(_.tags.join(", ")), V(_.originalLanguage ?? ""), He(_.originCountry ?? ""), Ue(_.releaseYear ? String(_.releaseYear) : ""), We(_.runtimeMinutes ? String(_.runtimeMinutes) : ""), Ke(_.certification ?? ""), Je(_.studioId ?? ""), Xe(_.aiDisclosure), k("edit");
+	}, Tt = async (e) => {
+		D(null);
 		try {
-			await I.mutateAsync({
-				id: M.id,
+			await v.mutateAsync({
+				id: _.id,
 				status: e
 			});
 		} catch (e) {
-			B(e instanceof Error ? e.message : "Transition failed");
+			D(e instanceof Error ? e.message : "Transition failed");
+		}
+	}, Et = async () => {
+		D(null);
+		try {
+			await y.mutateAsync(_.id), g("catalog/titles");
+		} catch (e) {
+			D(e instanceof Error ? e.message : "Archive failed");
+		}
+	}, Dt = async (e) => {
+		if (e.preventDefault(), D(null), !A.trim()) {
+			D("Title is required.");
+			return;
+		}
+		let t = {
+			title: A.trim(),
+			type: M,
+			synopsis: P.trim() || void 0,
+			genres: p(I),
+			tags: p(R),
+			originalLanguage: B.trim() || void 0,
+			originCountry: Ve.trim() || void 0,
+			releaseYear: H.trim() ? Number(H) : void 0,
+			runtimeMinutes: U.trim() ? Number(U) : void 0,
+			certification: Ge.trim() || void 0,
+			studioId: qe || void 0,
+			aiDisclosure: Ye
+		};
+		try {
+			await b.mutateAsync({
+				id: _.id,
+				input: t
+			}), Z();
+		} catch (e) {
+			D(e instanceof Error ? e.message : "Failed to update title");
+		}
+	}, Ot = async (e) => {
+		if (e.preventDefault(), D(null), !W) {
+			D("Select a person to credit.");
+			return;
+		}
+		try {
+			await x.mutateAsync({
+				personId: W,
+				titleId: _.id,
+				role: et,
+				characterName: nt.trim() || void 0,
+				billingOrder: G.trim() ? Number(G) : void 0
+			}), $e(""), rt(""), it(""), Qe(""), Z();
+		} catch (e) {
+			D(e instanceof Error ? e.message : "Failed to add credit");
+		}
+	}, kt = async (e) => {
+		if (e.preventDefault(), D(null), !K.trim()) {
+			D("Season number is required.");
+			return;
+		}
+		try {
+			await S.mutateAsync({
+				titleId: _.id,
+				number: Number(K),
+				name: st.trim() || void 0,
+				synopsis: lt.trim() || void 0,
+				airDate: m(dt)
+			}), ot(""), ct(""), ut(""), ft(""), Z();
+		} catch (e) {
+			D(e instanceof Error ? e.message : "Failed to add season");
+		}
+	}, At = async (e) => {
+		if (e.preventDefault(), D(null), !q.trim()) {
+			D("Episode number is required.");
+			return;
+		}
+		if (!J.trim()) {
+			D("Episode name is required.");
+			return;
+		}
+		try {
+			await C.mutateAsync({
+				titleId: _.id,
+				number: Number(q),
+				name: J.trim(),
+				seasonId: pt || void 0,
+				synopsis: _t.trim() || void 0,
+				runtimeMinutes: Y.trim() ? Number(Y) : void 0,
+				airDate: m(bt)
+			}), mt(""), ht(""), gt(""), vt(""), yt(""), xt(""), Z();
+		} catch (e) {
+			D(e instanceof Error ? e.message : "Failed to add episode");
+		}
+	}, jt = async () => {
+		if (D(null), Ct(!1), !T.data?.entitled) {
+			D("You are not entitled to watch this title.");
+			return;
 		}
-	}, H = async () => {
-		B(null);
 		try {
-			await L.mutateAsync(M.id), j("catalog/titles");
+			await w.mutateAsync({
+				titleId: _.id,
+				positionSeconds: (_.runtimeMinutes ?? 0) * 60,
+				completed: !0,
+				lastDevice: "web"
+			}), Ct(!0);
 		} catch (e) {
-			B(e instanceof Error ? e.message : "Archive failed");
+			D(e instanceof Error ? e.message : "Failed to record progress");
 		}
-	}, 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,
+	}, Q = ze.data?.items ?? [], Mt = Q.length > 0 ? Q.reduce((e, t) => e + t.score, 0) / Q.length : null, $ = [];
+	_.releaseDate ? $.push({
+		icon: ve,
 		label: "Release",
-		value: s(M.releaseDate)
-	}) : M.releaseYear && G.push({
-		icon: h,
+		value: fe(_.releaseDate)
+	}) : _.releaseYear && $.push({
+		icon: ve,
 		label: "Year",
-		value: String(M.releaseYear)
-	}), M.runtimeMinutes && G.push({
-		icon: g,
+		value: String(_.releaseYear)
+	}), _.runtimeMinutes && $.push({
+		icon: be,
 		label: "Runtime",
-		value: `${M.runtimeMinutes} min`
-	}), M.originalLanguage && G.push({
-		icon: v,
+		value: `${_.runtimeMinutes} min`
+	}), _.originalLanguage && $.push({
+		icon: Se,
 		label: "Language",
-		value: M.originalLanguage
-	}), M.originCountry && G.push({
-		icon: _,
+		value: _.originalLanguage
+	}), _.originCountry && $.push({
+		icon: xe,
 		label: "Country",
-		value: M.originCountry
-	}), M.certification && G.push({
-		icon: b,
+		value: _.originCountry
+	}), _.certification && $.push({
+		icon: De,
 		label: "Certification",
-		value: M.certification
-	}), /* @__PURE__ */ D(t, {
-		title: /* @__PURE__ */ D("span", {
+		value: _.certification
+	});
+	let Nt = at.data?.items ?? [];
+	return /* @__PURE__ */ c(t, {
+		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: () => g("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" })
+			}), _.title]
+		}),
+		description: `${r(_.type)}${_.studio ? ` · ${_.studio.name}` : ""}`,
+		actions: /* @__PURE__ */ c("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ c("button", {
+				type: "button",
+				onClick: wt,
+				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(n, { status: _.status })]
 		}),
-		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",
+		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
+			}),
+			O === "edit" && /* @__PURE__ */ c(l, {
+				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: Z,
+						className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
+						"aria-label": "Close edit form",
+						children: /* @__PURE__ */ s(Me, { className: "h-4 w-4" })
+					})]
+				}), /* @__PURE__ */ c("form", {
+					onSubmit: Dt,
+					className: "space-y-5",
+					children: [
+						/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+							htmlFor: "edit-title",
+							className: f,
+							children: "Title *"
+						}), /* @__PURE__ */ s("input", {
+							id: "edit-title",
+							type: "text",
+							value: A,
+							onChange: (e) => j(e.target.value),
+							className: d,
+							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: f,
+								children: "Type"
+							}), /* @__PURE__ */ s("select", {
+								id: "edit-type",
+								value: M,
+								onChange: (e) => N(e.target.value),
+								className: d,
+								children: Pe.map((e) => /* @__PURE__ */ s("option", {
+									value: e,
+									children: r(e)
+								}, e))
+							})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+								htmlFor: "edit-studio",
+								className: f,
+								children: "Studio"
+							}), /* @__PURE__ */ c("select", {
+								id: "edit-studio",
+								value: qe,
+								onChange: (e) => Je(e.target.value),
+								className: d,
+								children: [/* @__PURE__ */ s("option", {
+									value: "",
+									children: "No studio"
+								}), (Be.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: f,
 							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: P,
+							onChange: (e) => F(e.target.value),
+							rows: 4,
+							className: d
+						})] }),
+						/* @__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: f,
+								children: "Genres (comma-separated)"
+							}), /* @__PURE__ */ s("input", {
+								id: "edit-genres",
+								type: "text",
+								value: I,
+								onChange: (e) => L(e.target.value),
+								placeholder: "Drama, Thriller",
+								className: d
+							})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+								htmlFor: "edit-tags",
+								className: f,
+								children: "Tags (comma-separated)"
+							}), /* @__PURE__ */ s("input", {
+								id: "edit-tags",
+								type: "text",
+								value: R,
+								onChange: (e) => z(e.target.value),
+								placeholder: "award-winner, indie",
+								className: d
+							})] })]
+						}),
+						/* @__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: f,
+									children: "Original Language"
+								}), /* @__PURE__ */ s("input", {
+									id: "edit-language",
+									type: "text",
+									value: B,
+									onChange: (e) => V(e.target.value),
+									placeholder: "en",
+									className: d
+								})] }),
+								/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+									htmlFor: "edit-country",
+									className: f,
+									children: "Origin Country"
+								}), /* @__PURE__ */ s("input", {
+									id: "edit-country",
+									type: "text",
+									value: Ve,
+									onChange: (e) => He(e.target.value),
+									placeholder: "US",
+									className: d
+								})] }),
+								/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+									htmlFor: "edit-certification",
+									className: f,
+									children: "Certification"
+								}), /* @__PURE__ */ s("input", {
+									id: "edit-certification",
+									type: "text",
+									value: Ge,
+									onChange: (e) => Ke(e.target.value),
+									placeholder: "PG-13",
+									className: d
+								})] })
 							]
-						}), 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)
-								})]
-							}, 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__ */ 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: f,
+								children: "Release Year"
+							}), /* @__PURE__ */ s("input", {
+								id: "edit-year",
+								type: "number",
+								value: H,
+								onChange: (e) => Ue(e.target.value),
+								placeholder: "2026",
+								className: d
+							})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+								htmlFor: "edit-runtime",
+								className: f,
+								children: "Runtime (minutes)"
+							}), /* @__PURE__ */ s("input", {
+								id: "edit-runtime",
+								type: "number",
+								value: U,
+								onChange: (e) => We(e.target.value),
+								placeholder: "120",
+								className: d
+							})] })]
+						}),
+						/* @__PURE__ */ c("label", {
+							className: "flex items-center gap-2 text-sm text-text-primary",
+							children: [/* @__PURE__ */ s("input", {
+								type: "checkbox",
+								checked: Ye,
+								onChange: (e) => Xe(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: b.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: b.isPending ? "Saving…" : "Save changes"
+							}), /* @__PURE__ */ s("button", {
+								type: "button",
+								onClick: Z,
+								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: [
+						_.synopsis && /* @__PURE__ */ c(l, {
+							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: _.synopsis
+							})]
+						}),
+						/* @__PURE__ */ c(l, {
+							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 (",
+											_.credits.length,
+											")"
+										]
+									}), /* @__PURE__ */ c("button", {
+										type: "button",
+										onClick: () => {
+											D(null), k(O === "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"]
+									})]
+								}),
+								O === "credit" && /* @__PURE__ */ c("form", {
+									onSubmit: Ot,
+									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: f,
+											children: "Search people"
+										}), /* @__PURE__ */ s("input", {
+											id: "credit-search",
+											type: "text",
+											value: Ze,
+											onChange: (e) => Qe(e.target.value),
+											placeholder: "Type a name to filter…",
+											className: d
+										})] }),
+										/* @__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: f,
+												children: "Person *"
+											}), /* @__PURE__ */ c("select", {
+												id: "credit-person",
+												value: W,
+												onChange: (e) => $e(e.target.value),
+												className: d,
+												required: !0,
+												children: [/* @__PURE__ */ s("option", {
+													value: "",
+													children: at.isLoading ? "Loading people…" : Nt.length === 0 ? "No people found" : "Select a person"
+												}), Nt.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: f,
+												children: "Role"
+											}), /* @__PURE__ */ s("select", {
+												id: "credit-role",
+												value: et,
+												onChange: (e) => tt(e.target.value),
+												className: d,
+												children: Fe.map((e) => /* @__PURE__ */ s("option", {
+													value: e,
+													children: r(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: f,
+												children: "Character name"
+											}), /* @__PURE__ */ s("input", {
+												id: "credit-character",
+												type: "text",
+												value: nt,
+												onChange: (e) => rt(e.target.value),
+												placeholder: "e.g. Captain Rao",
+												className: d
+											})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+												htmlFor: "credit-billing",
+												className: f,
+												children: "Billing order"
+											}), /* @__PURE__ */ s("input", {
+												id: "credit-billing",
+												type: "number",
+												value: G,
+												onChange: (e) => it(e.target.value),
+												placeholder: "1",
+												className: d
+											})] })]
+										}),
+										/* @__PURE__ */ c("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ c("button", {
+												type: "submit",
+												disabled: x.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(a, { className: "h-4 w-4" }), x.isPending ? "Adding…" : "Add credit"]
+											}), /* @__PURE__ */ s("button", {
+												type: "button",
+												onClick: Z,
+												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"
+											})]
+										})
+									]
+								}),
+								_.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: [..._.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: r(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(l, {
+							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 (",
+											_.episodes.length,
+											")"
 										]
-									}), e.synopsis && /* @__PURE__ */ E("p", {
-										className: "line-clamp-1 text-xs text-text-secondary",
-										children: e.synopsis
+									}), X && /* @__PURE__ */ c("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ c("button", {
+											type: "button",
+											onClick: () => {
+												D(null), k(O === "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(a, { className: "h-3.5 w-3.5" }), "Add season"]
+										}), /* @__PURE__ */ c("button", {
+											type: "button",
+											onClick: () => {
+												D(null), k(O === "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(a, { className: "h-3.5 w-3.5" }), "Add episode"]
+										})]
 									})]
-								}), e.runtimeMinutes && /* @__PURE__ */ D("span", {
-									className: "text-xs text-text-secondary",
-									children: [e.runtimeMinutes, " min"]
+								}),
+								X && O === "season" && /* @__PURE__ */ c("form", {
+									onSubmit: kt,
+									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: f,
+												children: "Season number *"
+											}), /* @__PURE__ */ s("input", {
+												id: "season-number",
+												type: "number",
+												value: K,
+												onChange: (e) => ot(e.target.value),
+												placeholder: "1",
+												className: d,
+												required: !0
+											})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+												htmlFor: "season-name",
+												className: f,
+												children: "Name"
+											}), /* @__PURE__ */ s("input", {
+												id: "season-name",
+												type: "text",
+												value: st,
+												onChange: (e) => ct(e.target.value),
+												placeholder: "Season 1",
+												className: d
+											})] })]
+										}),
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+											htmlFor: "season-synopsis",
+											className: f,
+											children: "Synopsis"
+										}), /* @__PURE__ */ s("textarea", {
+											id: "season-synopsis",
+											value: lt,
+											onChange: (e) => ut(e.target.value),
+											rows: 3,
+											className: d
+										})] }),
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+											htmlFor: "season-airdate",
+											className: f,
+											children: "Air date"
+										}), /* @__PURE__ */ s("input", {
+											id: "season-airdate",
+											type: "date",
+											value: dt,
+											onChange: (e) => ft(e.target.value),
+											className: d
+										})] }),
+										/* @__PURE__ */ c("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ c("button", {
+												type: "submit",
+												disabled: S.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(a, { className: "h-4 w-4" }), S.isPending ? "Adding…" : "Add season"]
+											}), /* @__PURE__ */ s("button", {
+												type: "button",
+												onClick: Z,
+												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"
+											})]
+										})
+									]
+								}),
+								X && O === "episode" && /* @__PURE__ */ c("form", {
+									onSubmit: At,
+									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: f,
+												children: "Season"
+											}), /* @__PURE__ */ c("select", {
+												id: "episode-season",
+												value: pt,
+												onChange: (e) => mt(e.target.value),
+												className: d,
+												children: [/* @__PURE__ */ s("option", {
+													value: "",
+													children: "No season"
+												}), [..._.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: f,
+												children: "Episode number *"
+											}), /* @__PURE__ */ s("input", {
+												id: "episode-number",
+												type: "number",
+												value: q,
+												onChange: (e) => ht(e.target.value),
+												placeholder: "1",
+												className: d,
+												required: !0
+											})] })]
+										}),
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+											htmlFor: "episode-name",
+											className: f,
+											children: "Name *"
+										}), /* @__PURE__ */ s("input", {
+											id: "episode-name",
+											type: "text",
+											value: J,
+											onChange: (e) => gt(e.target.value),
+											placeholder: "Pilot",
+											className: d,
+											required: !0
+										})] }),
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+											htmlFor: "episode-synopsis",
+											className: f,
+											children: "Synopsis"
+										}), /* @__PURE__ */ s("textarea", {
+											id: "episode-synopsis",
+											value: _t,
+											onChange: (e) => vt(e.target.value),
+											rows: 3,
+											className: d
+										})] }),
+										/* @__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: f,
+												children: "Runtime (minutes)"
+											}), /* @__PURE__ */ s("input", {
+												id: "episode-runtime",
+												type: "number",
+												value: Y,
+												onChange: (e) => yt(e.target.value),
+												placeholder: "45",
+												className: d
+											})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+												htmlFor: "episode-airdate",
+												className: f,
+												children: "Air date"
+											}), /* @__PURE__ */ s("input", {
+												id: "episode-airdate",
+												type: "date",
+												value: bt,
+												onChange: (e) => xt(e.target.value),
+												className: d
+											})] })]
+										}),
+										/* @__PURE__ */ c("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ c("button", {
+												type: "submit",
+												disabled: C.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(a, { className: "h-4 w-4" }), C.isPending ? "Adding…" : "Add episode"]
+											}), /* @__PURE__ */ s("button", {
+												type: "button",
+												onClick: Z,
+												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"
+											})]
+										})
+									]
+								}),
+								_.episodes.length === 0 ? /* @__PURE__ */ s("p", {
+									className: "text-sm text-text-secondary",
+									children: X ? "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: [..._.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(l, {
+							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 (",
+										Q.length,
+										")"
+									]
+								}), Mt !== null && /* @__PURE__ */ s(he, {
+									value: Mt / 2,
+									count: Q.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
-							})]
-						}), 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 })]
+							}), Q.length === 0 ? /* @__PURE__ */ s("p", {
+								className: "text-sm text-text-secondary",
+								children: "No reviews yet."
+							}) : /* @__PURE__ */ s("ul", {
+								className: "space-y-3",
+								children: Q.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(n, { status: e.status })]
+										})]
+									}), e.body && /* @__PURE__ */ s("p", {
+										className: "mt-1 text-sm text-text-secondary",
+										children: e.body
 									})]
-								}), e.body && /* @__PURE__ */ E("p", {
-									className: "mt-1 text-sm text-text-secondary",
-									children: e.body
+								}, e.id))
+							})]
+						})
+					]
+				}), /* @__PURE__ */ c("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ c(l, {
+							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"]
+							}), T.isLoading ? /* @__PURE__ */ s("p", {
+								className: "text-sm text-text-secondary",
+								children: "Checking access…"
+							}) : T.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 T.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", {
+							}) : T.data?.entitled ? /* @__PURE__ */ c("div", {
+								className: "space-y-3",
+								children: [T.data.modes.length > 0 && /* @__PURE__ */ s("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: T.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: r(e)
+									}, e))
+								}), St ? /* @__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: w.isPending,
+									onClick: () => void jt(),
+									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" }), w.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(l, {
+							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: [u[_.status].map((e) => /* @__PURE__ */ s("button", {
+										type: "button",
+										disabled: v.isPending,
+										onClick: () => void Tt(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: r(e)
+									}, e)), u[_.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"]
+								}),
+								_.status !== "ARCHIVED" && /* @__PURE__ */ c("button", {
+									type: "button",
+									disabled: y.isPending,
+									onClick: () => void Et(),
+									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(l, {
+							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);
+								}), _.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))
-						})] })]
-					})
-				]
-			})]
-		})]
+						}),
+						(_.genres.length > 0 || _.tags.length > 0) && /* @__PURE__ */ c(l, {
+							treatment: "metric",
+							className: "border-border-seam p-5",
+							children: [_.genres.length > 0 && /* @__PURE__ */ c(o, { 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: _.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))
+							})] }), _.tags.length > 0 && /* @__PURE__ */ c(o, { 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: _.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 { h as TitleDetailPage };
 
 //# sourceMappingURL=TitleDetailPage.js.map