@burdenoff/microfe-hookmovies 2026.801.1 → 2026.829.1

package/dist/hookmovies/HookMoviesRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HookMoviesRoot.d.ts","sourceRoot":"","sources":["../../src/hookmovies/HookMoviesRoot.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmBhC,OAAO,KAAK,EAAE,mBAAmB,EAAW,MAAM,SAAS,CAAC;AAY5D,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAiJlD,CAAC"}
+{"version":3,"file":"HookMoviesRoot.d.ts","sourceRoot":"","sources":["../../src/hookmovies/HookMoviesRoot.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmBhC,OAAO,KAAK,EAAE,mBAAmB,EAAW,MAAM,SAAS,CAAC;AAY5D,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0IlD,CAAC"}

package/dist/hookmovies/HookMoviesRoot.js

@@ -1,129 +1,126 @@
 import { HookMoviesProvider as e } from "./context/HookMoviesContext.js";
-import { HookMoviesRoutes as t } from "./HookMoviesRoutes.js";
-import { useCallback as n, useEffect as r } from "react";
+import { useTr as t } from "../shared/hooks/useTr.js";
+import { HookMoviesRoutes as n } from "./HookMoviesRoutes.js";
+import { useEffect as r } from "react";
 import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Building2 as s, Clapperboard as c, Film as l, Home as u, ListVideo as d, Megaphone as f, ScrollText as p, Star as m, Ticket as h, Users as g } from "lucide-react";
-import { jsx as _ } from "react/jsx-runtime";
-import { FeatureFlagProvider as v } from "@burdenoff/fe-libs/shared/feature-flags";
+import { Building2 as o, Clapperboard as s, Film as c, Home as l, ListVideo as u, Megaphone as d, ScrollText as f, Star as p, Ticket as m, Users as h } from "lucide-react";
+import { jsx as g } from "react/jsx-runtime";
+import { FeatureFlagProvider as _ } from "@burdenoff/fe-libs/shared/feature-flags";
 //#region src/hookmovies/HookMoviesRoot.tsx
-var y = new i({ defaultOptions: { queries: {
+var v = new i({ defaultOptions: { queries: {
 	staleTime: 300 * 1e3,
 	retry: 1
-} } }), b = (i) => {
-	let { registerNavItems: b, registerFooterItems: x, basePath: S = "/" } = i, { t: C } = o(), w = n((e, t) => {
-		let n = C(e);
-		return n === e ? t : n;
-	}, [C]), T = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+} } }), y = (i) => {
+	let { registerNavItems: y, registerFooterItems: b, basePath: x = "/" } = i, S = t(), C = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
 	return r(() => {
-		if (b) return b([
+		if (y) return y([
 			{
 				id: "hookmovies-home",
-				label: w("hookmovies.nav.home", "Overview"),
-				path: T(S, ""),
-				icon: /* @__PURE__ */ _(u, { size: 20 }),
+				label: S("hookmovies.nav.home", "Overview"),
+				path: C(x, ""),
+				icon: /* @__PURE__ */ g(l, { size: 20 }),
 				order: 1,
 				group: "main"
 			},
 			{
 				id: "hookmovies-titles",
-				label: w("hookmovies.nav.titles", "Catalog"),
-				path: T(S, "catalog/titles"),
-				icon: /* @__PURE__ */ _(l, { size: 20 }),
+				label: S("hookmovies.nav.titles", "Catalog"),
+				path: C(x, "catalog/titles"),
+				icon: /* @__PURE__ */ g(c, { size: 20 }),
 				order: 10,
 				group: "catalog"
 			},
 			{
 				id: "hookmovies-studios",
-				label: w("hookmovies.nav.studios", "Studios"),
-				path: T(S, "catalog/studios"),
-				icon: /* @__PURE__ */ _(s, { size: 20 }),
+				label: S("hookmovies.nav.studios", "Studios"),
+				path: C(x, "catalog/studios"),
+				icon: /* @__PURE__ */ g(o, { size: 20 }),
 				order: 11,
 				group: "catalog"
 			},
 			{
 				id: "hookmovies-people",
-				label: w("hookmovies.nav.people", "People"),
-				path: T(S, "catalog/people"),
-				icon: /* @__PURE__ */ _(g, { size: 20 }),
+				label: S("hookmovies.nav.people", "People"),
+				path: C(x, "catalog/people"),
+				icon: /* @__PURE__ */ g(h, { size: 20 }),
 				order: 12,
 				group: "catalog"
 			},
 			{
 				id: "hookmovies-productions",
-				label: w("hookmovies.nav.productions", "Productions"),
-				path: T(S, "productions"),
-				icon: /* @__PURE__ */ _(c, { size: 20 }),
+				label: S("hookmovies.nav.productions", "Productions"),
+				path: C(x, "productions"),
+				icon: /* @__PURE__ */ g(s, { size: 20 }),
 				order: 20,
 				group: "production"
 			},
 			{
 				id: "hookmovies-auditions",
-				label: w("hookmovies.nav.auditions", "Auditions"),
-				path: T(S, "auditions"),
-				icon: /* @__PURE__ */ _(f, { size: 20 }),
+				label: S("hookmovies.nav.auditions", "Auditions"),
+				path: C(x, "auditions"),
+				icon: /* @__PURE__ */ g(d, { size: 20 }),
 				order: 21,
 				group: "production"
 			},
 			{
 				id: "hookmovies-reviews",
-				label: w("hookmovies.nav.reviews", "Reviews"),
-				path: T(S, "engagement/reviews"),
-				icon: /* @__PURE__ */ _(m, { size: 20 }),
+				label: S("hookmovies.nav.reviews", "Reviews"),
+				path: C(x, "engagement/reviews"),
+				icon: /* @__PURE__ */ g(p, { size: 20 }),
 				order: 30,
 				group: "audience"
 			},
 			{
 				id: "hookmovies-rights",
-				label: w("hookmovies.nav.rights", "Rights & Distribution"),
-				path: T(S, "distribution/rights"),
-				icon: /* @__PURE__ */ _(p, { size: 20 }),
+				label: S("hookmovies.nav.rights", "Rights & Distribution"),
+				path: C(x, "distribution/rights"),
+				icon: /* @__PURE__ */ g(f, { size: 20 }),
 				order: 31,
 				group: "audience"
 			},
 			{
 				id: "hookmovies-lists",
-				label: w("hookmovies.nav.lists", "My Library"),
-				path: T(S, "library/lists"),
-				icon: /* @__PURE__ */ _(d, { size: 20 }),
+				label: S("hookmovies.nav.lists", "My Library"),
+				path: C(x, "library/lists"),
+				icon: /* @__PURE__ */ g(u, { size: 20 }),
 				order: 40,
 				group: "library"
 			},
 			{
 				id: "hookmovies-entitlements",
-				label: w("hookmovies.nav.entitlements", "My Entitlements"),
-				path: T(S, "library/entitlements"),
-				icon: /* @__PURE__ */ _(h, { size: 20 }),
+				label: S("hookmovies.nav.entitlements", "My Entitlements"),
+				path: C(x, "library/entitlements"),
+				icon: /* @__PURE__ */ g(m, { size: 20 }),
 				order: 41,
 				group: "library"
 			}
 		]);
 	}, [
-		b,
-		S,
-		w
+		y,
+		x,
+		S
 	]), r(() => {
-		if (x) return x([{
+		if (b) return b([{
 			id: "hookmovies-status",
-			label: w("hookmovies.footer.ready", "HookMovies Ready"),
+			label: S("hookmovies.footer.ready", "HookMovies Ready"),
 			type: "status",
 			order: 10,
 			section: "left"
 		}]);
-	}, [x, w]), /* @__PURE__ */ _(a, {
-		client: y,
-		children: /* @__PURE__ */ _(v, {
+	}, [b, S]), /* @__PURE__ */ g(a, {
+		client: v,
+		children: /* @__PURE__ */ g(_, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ _(e, {
+			children: /* @__PURE__ */ g(e, {
 				...i,
-				children: /* @__PURE__ */ _(t, {})
+				children: /* @__PURE__ */ g(n, {})
 			})
 		})
 	});
 };
 //#endregion
-export { b as HookMoviesRoot };
+export { y as HookMoviesRoot };
 
 //# sourceMappingURL=HookMoviesRoot.js.map

package/dist/hookmovies/HookMoviesRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"HookMoviesRoot.js","names":[],"sources":["../../src/hookmovies/HookMoviesRoot.tsx"],"sourcesContent":["/**\n * HookMovies Root Component\n * @module hookmovies\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Home,\n  Film,\n  Building2,\n  Users,\n  Clapperboard,\n  Megaphone,\n  Star,\n  ScrollText,\n  ListVideo,\n  Ticket,\n} from 'lucide-react';\nimport { HookMoviesProvider } from './context/HookMoviesContext';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { HookMoviesRoutes } from './HookMoviesRoutes';\nimport type { HookMoviesRootProps, NavItem } from './types';\n\n// Create a query client for this microfrontend\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      retry: 1,\n    },\n  },\n});\n\nexport const HookMoviesRoot: FC<HookMoviesRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Helper to join paths correctly\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with shell on mount\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      // Overview\n      {\n        id: 'hookmovies-home',\n        label: t('hookmovies.nav.home', 'Overview'),\n        path: joinPath(basePath, ''),\n        icon: <Home size={20} />,\n        order: 1,\n        group: 'main',\n      },\n\n      // Catalog\n      {\n        id: 'hookmovies-titles',\n        label: t('hookmovies.nav.titles', 'Catalog'),\n        path: joinPath(basePath, 'catalog/titles'),\n        icon: <Film size={20} />,\n        order: 10,\n        group: 'catalog',\n      },\n      {\n        id: 'hookmovies-studios',\n        label: t('hookmovies.nav.studios', 'Studios'),\n        path: joinPath(basePath, 'catalog/studios'),\n        icon: <Building2 size={20} />,\n        order: 11,\n        group: 'catalog',\n      },\n      {\n        id: 'hookmovies-people',\n        label: t('hookmovies.nav.people', 'People'),\n        path: joinPath(basePath, 'catalog/people'),\n        icon: <Users size={20} />,\n        order: 12,\n        group: 'catalog',\n      },\n\n      // Production\n      {\n        id: 'hookmovies-productions',\n        label: t('hookmovies.nav.productions', 'Productions'),\n        path: joinPath(basePath, 'productions'),\n        icon: <Clapperboard size={20} />,\n        order: 20,\n        group: 'production',\n      },\n      {\n        id: 'hookmovies-auditions',\n        label: t('hookmovies.nav.auditions', 'Auditions'),\n        path: joinPath(basePath, 'auditions'),\n        icon: <Megaphone size={20} />,\n        order: 21,\n        group: 'production',\n      },\n\n      // Audience & distribution\n      {\n        id: 'hookmovies-reviews',\n        label: t('hookmovies.nav.reviews', 'Reviews'),\n        path: joinPath(basePath, 'engagement/reviews'),\n        icon: <Star size={20} />,\n        order: 30,\n        group: 'audience',\n      },\n      {\n        id: 'hookmovies-rights',\n        label: t('hookmovies.nav.rights', 'Rights & Distribution'),\n        path: joinPath(basePath, 'distribution/rights'),\n        icon: <ScrollText size={20} />,\n        order: 31,\n        group: 'audience',\n      },\n\n      // Library (self-scoped)\n      {\n        id: 'hookmovies-lists',\n        label: t('hookmovies.nav.lists', 'My Library'),\n        path: joinPath(basePath, 'library/lists'),\n        icon: <ListVideo size={20} />,\n        order: 40,\n        group: 'library',\n      },\n      {\n        id: 'hookmovies-entitlements',\n        label: t('hookmovies.nav.entitlements', 'My Entitlements'),\n        path: joinPath(basePath, 'library/entitlements'),\n        icon: <Ticket size={20} />,\n        order: 41,\n        group: 'library',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, t]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'hookmovies-status',\n        label: t('hookmovies.footer.ready', 'HookMovies Ready'),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, t]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <HookMoviesProvider {...props}>\n          <HookMoviesRoutes />\n        </HookMoviesProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"HookMoviesRoot.js","names":[],"sources":["../../src/hookmovies/HookMoviesRoot.tsx"],"sourcesContent":["/**\n * HookMovies Root Component\n * @module hookmovies\n */\n\nimport type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport {\n  Home,\n  Film,\n  Building2,\n  Users,\n  Clapperboard,\n  Megaphone,\n  Star,\n  ScrollText,\n  ListVideo,\n  Ticket,\n} from 'lucide-react';\nimport { HookMoviesProvider } from './context/HookMoviesContext';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useTr } from '../shared/hooks/useTr';\nimport { HookMoviesRoutes } from './HookMoviesRoutes';\nimport type { HookMoviesRootProps, NavItem } from './types';\n\n// Create a query client for this microfrontend\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      retry: 1,\n    },\n  },\n});\n\nexport const HookMoviesRoot: FC<HookMoviesRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const tr = useTr();\n\n  // Helper to join paths correctly\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith('/') ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with shell on mount\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      // Overview\n      {\n        id: 'hookmovies-home',\n        label: tr('hookmovies.nav.home', 'Overview'),\n        path: joinPath(basePath, ''),\n        icon: <Home size={20} />,\n        order: 1,\n        group: 'main',\n      },\n\n      // Catalog\n      {\n        id: 'hookmovies-titles',\n        label: tr('hookmovies.nav.titles', 'Catalog'),\n        path: joinPath(basePath, 'catalog/titles'),\n        icon: <Film size={20} />,\n        order: 10,\n        group: 'catalog',\n      },\n      {\n        id: 'hookmovies-studios',\n        label: tr('hookmovies.nav.studios', 'Studios'),\n        path: joinPath(basePath, 'catalog/studios'),\n        icon: <Building2 size={20} />,\n        order: 11,\n        group: 'catalog',\n      },\n      {\n        id: 'hookmovies-people',\n        label: tr('hookmovies.nav.people', 'People'),\n        path: joinPath(basePath, 'catalog/people'),\n        icon: <Users size={20} />,\n        order: 12,\n        group: 'catalog',\n      },\n\n      // Production\n      {\n        id: 'hookmovies-productions',\n        label: tr('hookmovies.nav.productions', 'Productions'),\n        path: joinPath(basePath, 'productions'),\n        icon: <Clapperboard size={20} />,\n        order: 20,\n        group: 'production',\n      },\n      {\n        id: 'hookmovies-auditions',\n        label: tr('hookmovies.nav.auditions', 'Auditions'),\n        path: joinPath(basePath, 'auditions'),\n        icon: <Megaphone size={20} />,\n        order: 21,\n        group: 'production',\n      },\n\n      // Audience & distribution\n      {\n        id: 'hookmovies-reviews',\n        label: tr('hookmovies.nav.reviews', 'Reviews'),\n        path: joinPath(basePath, 'engagement/reviews'),\n        icon: <Star size={20} />,\n        order: 30,\n        group: 'audience',\n      },\n      {\n        id: 'hookmovies-rights',\n        label: tr('hookmovies.nav.rights', 'Rights & Distribution'),\n        path: joinPath(basePath, 'distribution/rights'),\n        icon: <ScrollText size={20} />,\n        order: 31,\n        group: 'audience',\n      },\n\n      // Library (self-scoped)\n      {\n        id: 'hookmovies-lists',\n        label: tr('hookmovies.nav.lists', 'My Library'),\n        path: joinPath(basePath, 'library/lists'),\n        icon: <ListVideo size={20} />,\n        order: 40,\n        group: 'library',\n      },\n      {\n        id: 'hookmovies-entitlements',\n        label: tr('hookmovies.nav.entitlements', 'My Entitlements'),\n        path: joinPath(basePath, 'library/entitlements'),\n        icon: <Ticket size={20} />,\n        order: 41,\n        group: 'library',\n      },\n    ];\n\n    const cleanup = registerNavItems(navItems);\n    return cleanup;\n  }, [registerNavItems, basePath, tr]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: 'hookmovies-status',\n        label: tr('hookmovies.footer.ready', 'HookMovies Ready'),\n        type: 'status' as const,\n        order: 10,\n        section: 'left' as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems, tr]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <HookMoviesProvider {...props}>\n          <HookMoviesRoutes />\n        </HookMoviesProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":"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"}

package/dist/hookmovies/components/AddToListButton.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+
+interface AddToListButtonProps {
+    /** The catalog title to add / remove. */
+    titleId: string;
+    /** Used for accessible labels so the control reads well out of context. */
+    titleName?: string;
+    /**
+     * `cta` — a full labelled button for hero / detail call-to-action rows.
+     * `icon` — a compact square button for poster cards.
+     */
+    variant?: 'cta' | 'icon';
+    className?: string;
+}
+export declare const AddToListButton: FC<AddToListButtonProps>;
+export {};
+//# sourceMappingURL=AddToListButton.d.ts.map

package/dist/hookmovies/components/AddToListButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToListButton.d.ts","sourceRoot":"","sources":["../../../src/hookmovies/components/AddToListButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAuC,MAAM,OAAO,CAAC;AA+BrE,UAAU,oBAAoB;IAC5B,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0UpD,CAAC"}

package/dist/hookmovies/components/AddToListButton.js

@@ -0,0 +1,217 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { cn as t } from "../utils/cn.js";
+import { parseListItems as n, useCreateList as r, useMyLists as i, useUpdateList as a } from "../hooks/useHookMoviesApi.js";
+import { ErrorState as o, LoadingState as s } from "./StateViews.js";
+import { useEffect as c, useState as l } from "react";
+import { Bookmark as u, Check as d, ListPlus as f, ListVideo as p, Loader2 as m, Plus as h, X as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/hookmovies/components/AddToListButton.tsx
+var b = {
+	limit: 100,
+	offset: 0
+}, x = ["WATCHLIST", "PLAYLIST"], S = {
+	WATCHLIST: u,
+	PLAYLIST: p
+}, C = (e) => e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "), w = "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)]", T = "mb-1.5 block text-xs font-medium text-text-secondary", E = ({ titleId: u, titleName: p, variant: E = "cta", className: D }) => {
+	let O = e(), [k, A] = l(!1), [j, M] = l(!1), [N, P] = l(null), [F, I] = l(null), [L, R] = l(""), [z, B] = l("WATCHLIST"), V = i(void 0, b), H = a(), U = r(), W = V.data?.items ?? [], G = W.filter((e) => n(e.items).some((e) => e.titleId === u)).length > 0;
+	c(() => {
+		if (!k) return;
+		let e = (e) => {
+			e.key === "Escape" && A(!1);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [k]);
+	let K = () => {
+		A(!1), M(!1), I(null);
+	}, q = async (e) => {
+		I(null), P(e.id);
+		let t = n(e.items), r = t.some((e) => e.titleId === u) ? t.filter((e) => e.titleId !== u) : [...t, {
+			titleId: u,
+			note: null
+		}];
+		try {
+			await H.mutateAsync({
+				id: e.id,
+				input: { items: r }
+			});
+		} catch (e) {
+			I(e instanceof Error ? e.message : O("hookmovies.list.updateError", "Failed to update the list (you can only edit your own)"));
+		} finally {
+			P(null);
+		}
+	}, J = async (e) => {
+		if (e.preventDefault(), I(null), !L.trim()) {
+			I(O("hookmovies.list.nameRequired", "Name is required."));
+			return;
+		}
+		try {
+			await U.mutateAsync({
+				name: L.trim(),
+				kind: z,
+				visibility: "PRIVATE",
+				items: [{
+					titleId: u,
+					note: null
+				}]
+			}), R(""), B("WATCHLIST"), M(!1);
+		} catch (e) {
+			I(e instanceof Error ? e.message : O("hookmovies.list.createError", "Failed to create the list"));
+		}
+	}, Y = p ? ` ${p}` : "", X = G ? O("hookmovies.list.inYourLists", "In your lists") : O("hookmovies.list.addToList", "Add to List");
+	return /* @__PURE__ */ y(_, { children: [E === "icon" ? /* @__PURE__ */ v("button", {
+		type: "button",
+		onClick: () => A(!0),
+		"aria-label": `${X}${Y ? ` —${Y}` : ""}`,
+		title: X,
+		className: t("inline-flex size-8 items-center justify-center rounded-lg border border-border-seam", "bg-bg-overlay/80 text-text-secondary backdrop-blur-sm transition-colors", "hover:border-border-strong hover:text-text-primary", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", G && "text-status-success-text", D),
+		children: v(G ? d : f, { className: "h-4 w-4" })
+	}) : /* @__PURE__ */ y("button", {
+		type: "button",
+		onClick: () => A(!0),
+		"aria-label": `${X}${Y ? ` —${Y}` : ""}`,
+		className: t("inline-flex items-center gap-2 rounded-xl border border-border-seam bg-bg-surface/60", "px-5 py-2.5 text-sm font-semibold text-text-primary backdrop-blur transition-colors", "hover:bg-bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", D),
+		children: [G ? /* @__PURE__ */ v(d, { className: "h-5 w-5 text-status-success-text" }) : /* @__PURE__ */ v(h, { className: "h-5 w-5" }), X]
+	}), k && /* @__PURE__ */ v("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/90 p-4 backdrop-blur-sm",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": O("hookmovies.list.dialogAria", "Add{{title}} to a list", { title: Y }),
+		onClick: K,
+		children: /* @__PURE__ */ y("div", {
+			className: "relative w-full max-w-md overflow-hidden rounded-2xl border border-border-seam bg-bg-surface shadow-2xl",
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ y("div", {
+				className: "flex items-start justify-between gap-3 border-b border-border-seam px-5 py-4",
+				children: [/* @__PURE__ */ y("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ v("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: O("hookmovies.list.dialogTitle", "Add to a list")
+					}), /* @__PURE__ */ v("p", {
+						className: "mt-0.5 line-clamp-1 text-xs text-text-secondary",
+						children: p ?? O("hookmovies.list.dialogDescription", "Pick one of your watchlists or playlists.")
+					})]
+				}), /* @__PURE__ */ v("button", {
+					type: "button",
+					onClick: K,
+					"aria-label": O("common.close", "Close"),
+					className: "rounded-md p-1 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+					children: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+				})]
+			}), /* @__PURE__ */ y("div", {
+				className: "px-5 py-4",
+				children: [
+					F && /* @__PURE__ */ v("div", {
+						role: "alert",
+						className: "mb-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-xs text-status-error-text",
+						children: F
+					}),
+					V.isLoading ? /* @__PURE__ */ v(s, {
+						label: O("hookmovies.list.loading", "Loading your lists…"),
+						className: "min-h-[8rem]"
+					}) : V.isError ? /* @__PURE__ */ v(o, {
+						title: O("hookmovies.list.loadError", "Couldn't load your lists"),
+						onRetry: () => void V.refetch(),
+						className: "min-h-[8rem]"
+					}) : W.length === 0 ? /* @__PURE__ */ v("p", {
+						className: "mb-3 text-sm text-text-secondary",
+						children: O("hookmovies.list.empty", "You don't have any lists yet — create one below and this title goes straight into it.")
+					}) : /* @__PURE__ */ v("ul", {
+						className: "-mx-1 max-h-[45vh] space-y-1 overflow-y-auto px-1",
+						children: W.map((e) => {
+							let r = S[e.kind], i = n(e.items).some((e) => e.titleId === u), a = N === e.id;
+							return /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
+								type: "button",
+								onClick: () => void q(e),
+								disabled: a,
+								"aria-pressed": i,
+								className: t("flex w-full items-center gap-3 rounded-lg border px-3 py-2 text-left transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", "disabled:opacity-60", i ? "border-status-success-border bg-status-success-bg-subtle" : "border-border-subtle hover:border-border-strong hover:bg-bg-sunken"),
+								children: [
+									/* @__PURE__ */ v(r, { className: "h-4 w-4 shrink-0 text-text-secondary" }),
+									/* @__PURE__ */ y("span", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ v("span", {
+											className: "line-clamp-1 block text-sm font-medium text-text-primary",
+											children: e.name
+										}), /* @__PURE__ */ y("span", {
+											className: "block text-[11px] text-text-secondary",
+											children: [
+												C(e.kind),
+												" · ",
+												e.itemCount,
+												" ",
+												e.itemCount === 1 ? O("hookmovies.list.item", "item") : O("hookmovies.list.items", "items")
+											]
+										})]
+									}),
+									a ? /* @__PURE__ */ v(m, { className: "h-4 w-4 shrink-0 animate-spin text-text-secondary" }) : i ? /* @__PURE__ */ v(d, { className: "h-4 w-4 shrink-0 text-status-success-text" }) : /* @__PURE__ */ v(h, { className: "h-4 w-4 shrink-0 text-text-secondary" })
+								]
+							}) }, e.id);
+						})
+					}),
+					!V.isLoading && !V.isError && /* @__PURE__ */ v("div", {
+						className: "mt-3 border-t border-border-seam pt-3",
+						children: j || W.length === 0 ? /* @__PURE__ */ y("form", {
+							onSubmit: (e) => void J(e),
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("label", {
+									htmlFor: `add-to-list-name-${u}`,
+									className: T,
+									children: [O("hookmovies.list.newListName", "New list name"), " *"]
+								}), /* @__PURE__ */ v("input", {
+									id: `add-to-list-name-${u}`,
+									type: "text",
+									value: L,
+									onChange: (e) => R(e.target.value),
+									placeholder: O("hookmovies.list.newListPlaceholder", "e.g. Weekend Watch"),
+									className: w,
+									autoFocus: !0,
+									required: !0
+								})] }),
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+									htmlFor: `add-to-list-kind-${u}`,
+									className: T,
+									children: O("hookmovies.list.kind", "Kind")
+								}), /* @__PURE__ */ v("select", {
+									id: `add-to-list-kind-${u}`,
+									value: z,
+									onChange: (e) => B(e.target.value),
+									className: w,
+									children: x.map((e) => /* @__PURE__ */ v("option", {
+										value: e,
+										children: C(e)
+									}, e))
+								})] }),
+								/* @__PURE__ */ y("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ y("button", {
+										type: "submit",
+										disabled: U.isPending,
+										className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+										children: [/* @__PURE__ */ v(h, { className: "h-3.5 w-3.5" }), U.isPending ? O("hookmovies.list.creating", "Creating…") : O("hookmovies.list.createAndAdd", "Create & add")]
+									}), W.length > 0 && /* @__PURE__ */ v("button", {
+										type: "button",
+										onClick: () => M(!1),
+										disabled: U.isPending,
+										className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+										children: O("common.cancel", "Cancel")
+									})]
+								})
+							]
+						}) : /* @__PURE__ */ y("button", {
+							type: "button",
+							onClick: () => M(!0),
+							className: "inline-flex items-center gap-2 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded",
+							children: [/* @__PURE__ */ v(h, { className: "h-3.5 w-3.5" }), O("hookmovies.list.newList", "New list")]
+						})
+					})
+				]
+			})]
+		})
+	})] });
+};
+//#endregion
+export { E as AddToListButton };
+
+//# sourceMappingURL=AddToListButton.js.map

package/dist/hookmovies/components/AddToListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToListButton.js","names":[],"sources":["../../../src/hookmovies/components/AddToListButton.tsx"],"sourcesContent":["/**\n * Add-to-list control\n * @module hookmovies/components\n *\n * The affordance that puts a title INTO one of the caller's library lists —\n * the write half of `library/lists`, which could previously only create empty\n * collections.\n *\n * The subgraph has no per-item add/remove mutation: `HokList.items` is an\n * ordered `JSON` array (`[{ titleId, note }]`) written wholesale through\n * `hokUpdateList`, which re-derives `itemCount` from its length. So every\n * toggle here reads the list's current items, adds/removes exactly one entry,\n * and writes the whole array back — untouched entries are always preserved.\n *\n * The picker is a centered modal rather than an anchored popover on purpose:\n * these triggers live inside horizontally-scrolling rails and `overflow`\n * containers that would clip a popover.\n */\n\nimport { type FC, type FormEvent, useEffect, useState } from 'react';\nimport { Bookmark, Check, ListPlus, ListVideo, Loader2, Plus, X } from 'lucide-react';\nimport {\n  useMyLists,\n  useCreateList,\n  useUpdateList,\n  parseListItems,\n  type HokList,\n  type HokListKind,\n} from '../hooks/useHookMoviesApi';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { LoadingState, ErrorState } from './StateViews';\nimport { cn } from '../utils/cn';\n\n/** The subgraph clamps any list page at 100 rows — ask for exactly that. */\nconst LISTS_PAGE = { limit: 100, offset: 0 } as const;\n\nconst KIND_OPTIONS: HokListKind[] = ['WATCHLIST', 'PLAYLIST'];\n\nconst kindIcon: Record<HokListKind, typeof ListVideo> = {\n  WATCHLIST: Bookmark,\n  PLAYLIST: ListVideo,\n};\n\nconst titleCase = (value: string): string =>\n  value.charAt(0) + value.slice(1).toLowerCase().replace(/_/g, ' ');\n\nconst fieldClass =\n  '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)]';\nconst labelClass = 'mb-1.5 block text-xs font-medium text-text-secondary';\n\ninterface AddToListButtonProps {\n  /** The catalog title to add / remove. */\n  titleId: string;\n  /** Used for accessible labels so the control reads well out of context. */\n  titleName?: string;\n  /**\n   * `cta` — a full labelled button for hero / detail call-to-action rows.\n   * `icon` — a compact square button for poster cards.\n   */\n  variant?: 'cta' | 'icon';\n  className?: string;\n}\n\nexport const AddToListButton: FC<AddToListButtonProps> = ({\n  titleId,\n  titleName,\n  variant = 'cta',\n  className,\n}) => {\n  const tr = useTr();\n  const [open, setOpen] = useState(false);\n  const [showCreate, setShowCreate] = useState(false);\n  const [pendingListId, setPendingListId] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [newName, setNewName] = useState('');\n  const [newKind, setNewKind] = useState<HokListKind>('WATCHLIST');\n\n  const lists = useMyLists(undefined, LISTS_PAGE);\n  const updateList = useUpdateList();\n  const createList = useCreateList();\n\n  const items = lists.data?.items ?? [];\n  const memberOf = items.filter((list) =>\n    parseListItems(list.items).some((item) => item.titleId === titleId)\n  );\n  const isMember = memberOf.length > 0;\n\n  // Close the picker on Escape, mirroring the trailer modal on the title view.\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [open]);\n\n  const closeModal = () => {\n    setOpen(false);\n    setShowCreate(false);\n    setActionError(null);\n  };\n\n  const handleToggle = async (list: HokList) => {\n    setActionError(null);\n    setPendingListId(list.id);\n    const current = parseListItems(list.items);\n    const alreadyIn = current.some((item) => item.titleId === titleId);\n    const next = alreadyIn\n      ? current.filter((item) => item.titleId !== titleId)\n      : [...current, { titleId, note: null }];\n    try {\n      await updateList.mutateAsync({ id: list.id, input: { items: next } });\n    } catch (err) {\n      setActionError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              'hookmovies.list.updateError',\n              'Failed to update the list (you can only edit your own)'\n            )\n      );\n    } finally {\n      setPendingListId(null);\n    }\n  };\n\n  const handleCreate = async (e: FormEvent) => {\n    e.preventDefault();\n    setActionError(null);\n    if (!newName.trim()) {\n      setActionError(tr('hookmovies.list.nameRequired', 'Name is required.'));\n      return;\n    }\n    try {\n      await createList.mutateAsync({\n        name: newName.trim(),\n        kind: newKind,\n        visibility: 'PRIVATE',\n        items: [{ titleId, note: null }],\n      });\n      setNewName('');\n      setNewKind('WATCHLIST');\n      setShowCreate(false);\n    } catch (err) {\n      setActionError(\n        err instanceof Error\n          ? err.message\n          : tr('hookmovies.list.createError', 'Failed to create the list')\n      );\n    }\n  };\n\n  const forLabel = titleName ? ` ${titleName}` : '';\n  const triggerLabel = isMember\n    ? tr('hookmovies.list.inYourLists', 'In your lists')\n    : tr('hookmovies.list.addToList', 'Add to List');\n\n  return (\n    <>\n      {variant === 'icon' ? (\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          aria-label={`${triggerLabel}${forLabel ? ` —${forLabel}` : ''}`}\n          title={triggerLabel}\n          className={cn(\n            'inline-flex size-8 items-center justify-center rounded-lg border border-border-seam',\n            'bg-bg-overlay/80 text-text-secondary backdrop-blur-sm transition-colors',\n            'hover:border-border-strong hover:text-text-primary',\n            'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n            isMember && 'text-status-success-text',\n            className\n          )}\n        >\n          {isMember ? <Check className=\"h-4 w-4\" /> : <ListPlus className=\"h-4 w-4\" />}\n        </button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          aria-label={`${triggerLabel}${forLabel ? ` —${forLabel}` : ''}`}\n          className={cn(\n            'inline-flex items-center gap-2 rounded-xl border border-border-seam bg-bg-surface/60',\n            'px-5 py-2.5 text-sm font-semibold text-text-primary backdrop-blur transition-colors',\n            'hover:bg-bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n            className\n          )}\n        >\n          {isMember ? (\n            <Check className=\"h-5 w-5 text-status-success-text\" />\n          ) : (\n            <Plus className=\"h-5 w-5\" />\n          )}\n          {triggerLabel}\n        </button>\n      )}\n\n      {open && (\n        <div\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/90 p-4 backdrop-blur-sm\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={tr('hookmovies.list.dialogAria', 'Add{{title}} to a list', {\n            title: forLabel,\n          })}\n          onClick={closeModal}\n        >\n          <div\n            className=\"relative w-full max-w-md overflow-hidden rounded-2xl border border-border-seam bg-bg-surface shadow-2xl\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <div className=\"flex items-start justify-between gap-3 border-b border-border-seam px-5 py-4\">\n              <div className=\"min-w-0\">\n                <h2 className=\"text-sm font-semibold text-text-primary\">\n                  {tr('hookmovies.list.dialogTitle', 'Add to a list')}\n                </h2>\n                <p className=\"mt-0.5 line-clamp-1 text-xs text-text-secondary\">\n                  {titleName ??\n                    tr(\n                      'hookmovies.list.dialogDescription',\n                      'Pick one of your watchlists or playlists.'\n                    )}\n                </p>\n              </div>\n              <button\n                type=\"button\"\n                onClick={closeModal}\n                aria-label={tr('common.close', 'Close')}\n                className=\"rounded-md p-1 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n\n            <div className=\"px-5 py-4\">\n              {actionError && (\n                <div\n                  role=\"alert\"\n                  className=\"mb-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-xs text-status-error-text\"\n                >\n                  {actionError}\n                </div>\n              )}\n\n              {lists.isLoading ? (\n                <LoadingState\n                  label={tr('hookmovies.list.loading', 'Loading your lists…')}\n                  className=\"min-h-[8rem]\"\n                />\n              ) : lists.isError ? (\n                <ErrorState\n                  title={tr('hookmovies.list.loadError', \"Couldn't load your lists\")}\n                  onRetry={() => void lists.refetch()}\n                  className=\"min-h-[8rem]\"\n                />\n              ) : items.length === 0 ? (\n                <p className=\"mb-3 text-sm text-text-secondary\">\n                  {tr(\n                    'hookmovies.list.empty',\n                    \"You don't have any lists yet — create one below and this title goes straight into it.\"\n                  )}\n                </p>\n              ) : (\n                <ul className=\"-mx-1 max-h-[45vh] space-y-1 overflow-y-auto px-1\">\n                  {items.map((list) => {\n                    const KindIcon = kindIcon[list.kind];\n                    const inList = parseListItems(list.items).some(\n                      (item) => item.titleId === titleId\n                    );\n                    const busy = pendingListId === list.id;\n                    return (\n                      <li key={list.id}>\n                        <button\n                          type=\"button\"\n                          onClick={() => void handleToggle(list)}\n                          disabled={busy}\n                          aria-pressed={inList}\n                          className={cn(\n                            'flex w-full items-center gap-3 rounded-lg border px-3 py-2 text-left transition-colors',\n                            'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n                            'disabled:opacity-60',\n                            inList\n                              ? 'border-status-success-border bg-status-success-bg-subtle'\n                              : 'border-border-subtle hover:border-border-strong hover:bg-bg-sunken'\n                          )}\n                        >\n                          <KindIcon className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n                          <span className=\"min-w-0 flex-1\">\n                            <span className=\"line-clamp-1 block text-sm font-medium text-text-primary\">\n                              {list.name}\n                            </span>\n                            <span className=\"block text-[11px] text-text-secondary\">\n                              {titleCase(list.kind)} · {list.itemCount}{' '}\n                              {list.itemCount === 1\n                                ? tr('hookmovies.list.item', 'item')\n                                : tr('hookmovies.list.items', 'items')}\n                            </span>\n                          </span>\n                          {busy ? (\n                            <Loader2 className=\"h-4 w-4 shrink-0 animate-spin text-text-secondary\" />\n                          ) : inList ? (\n                            <Check className=\"h-4 w-4 shrink-0 text-status-success-text\" />\n                          ) : (\n                            <Plus className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n                          )}\n                        </button>\n                      </li>\n                    );\n                  })}\n                </ul>\n              )}\n\n              {!lists.isLoading && !lists.isError && (\n                <div className=\"mt-3 border-t border-border-seam pt-3\">\n                  {showCreate || items.length === 0 ? (\n                    <form onSubmit={(e) => void handleCreate(e)} className=\"space-y-3\">\n                      <div>\n                        <label htmlFor={`add-to-list-name-${titleId}`} className={labelClass}>\n                          {tr('hookmovies.list.newListName', 'New list name')} *\n                        </label>\n                        <input\n                          id={`add-to-list-name-${titleId}`}\n                          type=\"text\"\n                          value={newName}\n                          onChange={(e) => setNewName(e.target.value)}\n                          placeholder={tr(\n                            'hookmovies.list.newListPlaceholder',\n                            'e.g. Weekend Watch'\n                          )}\n                          className={fieldClass}\n                          autoFocus\n                          required\n                        />\n                      </div>\n                      <div>\n                        <label htmlFor={`add-to-list-kind-${titleId}`} className={labelClass}>\n                          {tr('hookmovies.list.kind', 'Kind')}\n                        </label>\n                        <select\n                          id={`add-to-list-kind-${titleId}`}\n                          value={newKind}\n                          onChange={(e) => setNewKind(e.target.value as HokListKind)}\n                          className={fieldClass}\n                        >\n                          {KIND_OPTIONS.map((k) => (\n                            <option key={k} value={k}>\n                              {titleCase(k)}\n                            </option>\n                          ))}\n                        </select>\n                      </div>\n                      <div className=\"flex items-center gap-2\">\n                        <button\n                          type=\"submit\"\n                          disabled={createList.isPending}\n                          className=\"inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n                        >\n                          <Plus className=\"h-3.5 w-3.5\" />\n                          {createList.isPending\n                            ? tr('hookmovies.list.creating', 'Creating…')\n                            : tr('hookmovies.list.createAndAdd', 'Create & add')}\n                        </button>\n                        {items.length > 0 && (\n                          <button\n                            type=\"button\"\n                            onClick={() => setShowCreate(false)}\n                            disabled={createList.isPending}\n                            className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n                          >\n                            {tr('common.cancel', 'Cancel')}\n                          </button>\n                        )}\n                      </div>\n                    </form>\n                  ) : (\n                    <button\n                      type=\"button\"\n                      onClick={() => setShowCreate(true)}\n                      className=\"inline-flex items-center gap-2 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded\"\n                    >\n                      <Plus className=\"h-3.5 w-3.5\" />\n                      {tr('hookmovies.list.newList', 'New list')}\n                    </button>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/hookmovies/components/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/hookmovies/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsC1C,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/hookmovies/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2C1C,CAAC"}

package/dist/hookmovies/components/Pagination.js

@@ -1,36 +1,37 @@
-import { cn as e } from "../utils/cn.js";
-import { ChevronLeft as t, ChevronRight as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { cn as t } from "../utils/cn.js";
+import { ChevronLeft as n, ChevronRight as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/hookmovies/components/Pagination.tsx
-var a = ({ page: a, hasMore: o, onPageChange: s, shownCount: c, className: l }) => a === 0 && !o ? null : /* @__PURE__ */ i("div", {
-	className: e("mt-6 flex items-center justify-between", l),
-	children: [/* @__PURE__ */ i("p", {
-		className: "text-xs text-text-secondary",
-		children: [
-			"Page ",
-			a + 1,
-			" · ",
-			c,
-			" shown"
-		]
-	}), /* @__PURE__ */ i("div", {
-		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ i("button", {
-			type: "button",
-			disabled: a === 0,
-			onClick: () => s(a - 1),
-			className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors",
-			children: [/* @__PURE__ */ r(t, { className: "h-3.5 w-3.5" }), "Previous"]
-		}), /* @__PURE__ */ i("button", {
-			type: "button",
-			disabled: !o,
-			onClick: () => s(a + 1),
-			className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors",
-			children: ["Next", /* @__PURE__ */ r(n, { className: "h-3.5 w-3.5" })]
+var o = ({ page: o, hasMore: s, onPageChange: c, shownCount: l, className: u }) => {
+	let d = e();
+	return o === 0 && !s ? null : /* @__PURE__ */ a("div", {
+		className: t("mt-6 flex items-center justify-between", u),
+		children: [/* @__PURE__ */ i("p", {
+			className: "text-xs text-text-secondary",
+			children: d("hookmovies.pagination.pageInfo", "Page {{page}} · {{count}} shown", {
+				page: o + 1,
+				count: l
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ a("button", {
+				type: "button",
+				disabled: o === 0,
+				onClick: () => c(o - 1),
+				className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors",
+				children: [/* @__PURE__ */ i(n, { className: "h-3.5 w-3.5" }), d("hookmovies.pagination.previous", "Previous")]
+			}), /* @__PURE__ */ a("button", {
+				type: "button",
+				disabled: !s,
+				onClick: () => c(o + 1),
+				className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors",
+				children: [d("hookmovies.pagination.next", "Next"), /* @__PURE__ */ i(r, { className: "h-3.5 w-3.5" })]
+			})]
 		})]
-	})]
-});
+	});
+};
 //#endregion
-export { a as Pagination };
+export { o as Pagination };
 
 //# sourceMappingURL=Pagination.js.map

package/dist/hookmovies/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/hookmovies/components/Pagination.tsx"],"sourcesContent":["/**\n * Cursor/offset pagination control\n * @module hookmovies/components\n *\n * Drives the subgraph's offset-based `PaginationInput`. The svc returns\n * `pageInfo { cursor, hasMore }`; we page with offset = page * limit and use\n * `hasMore` to enable the Next button.\n */\n\nimport type { FC } from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { cn } from '../utils/cn';\n\ninterface PaginationProps {\n  page: number;\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  /** Number of rows currently shown (for the \"Showing N\" label). */\n  shownCount: number;\n  className?: string;\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  page,\n  hasMore,\n  onPageChange,\n  shownCount,\n  className,\n}) => {\n  if (page === 0 && !hasMore) {\n    return null;\n  }\n\n  return (\n    <div className={cn('mt-6 flex items-center justify-between', className)}>\n      <p className=\"text-xs text-text-secondary\">\n        Page {page + 1} · {shownCount} shown\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          disabled={page === 0}\n          onClick={() => onPageChange(page - 1)}\n          className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors\"\n        >\n          <ChevronLeft className=\"h-3.5 w-3.5\" />\n          Previous\n        </button>\n        <button\n          type=\"button\"\n          disabled={!hasMore}\n          onClick={() => onPageChange(page + 1)}\n          className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors\"\n        >\n          Next\n          <ChevronRight className=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAsBA,IAAa,KAAmC,EAC9C,SACA,YACA,iBACA,eACA,mBAEI,MAAS,KAAK,CAAC,IACV,OAIP,kBAAC,OAAD;CAAK,WAAW,EAAG,0CAA0C,EAAU;WAAvE,CACE,kBAAC,KAAD;EAAG,WAAU;YAAb;GAA2C;GACnC,IAAO;GAAE;GAAI;GAAW;GAC5B;KACJ,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,UAAU,MAAS;GACnB,eAAe,EAAa,IAAO,EAAE;GACrC,WAAU;aAJZ,CAME,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA,EAAA,WAEhC;MACT,kBAAC,UAAD;GACE,MAAK;GACL,UAAU,CAAC;GACX,eAAe,EAAa,IAAO,EAAE;GACrC,WAAU;aAJZ,CAKC,QAEC,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,CACjC;KACL;IACF"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/hookmovies/components/Pagination.tsx"],"sourcesContent":["/**\n * Cursor/offset pagination control\n * @module hookmovies/components\n *\n * Drives the subgraph's offset-based `PaginationInput`. The svc returns\n * `pageInfo { cursor, hasMore }`; we page with offset = page * limit and use\n * `hasMore` to enable the Next button.\n */\n\nimport type { FC } from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { cn } from '../utils/cn';\n\ninterface PaginationProps {\n  page: number;\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  /** Number of rows currently shown (for the \"Showing N\" label). */\n  shownCount: number;\n  className?: string;\n}\n\nexport const Pagination: FC<PaginationProps> = ({\n  page,\n  hasMore,\n  onPageChange,\n  shownCount,\n  className,\n}) => {\n  const tr = useTr();\n\n  if (page === 0 && !hasMore) {\n    return null;\n  }\n\n  return (\n    <div className={cn('mt-6 flex items-center justify-between', className)}>\n      <p className=\"text-xs text-text-secondary\">\n        {tr('hookmovies.pagination.pageInfo', 'Page {{page}} · {{count}} shown', {\n          page: page + 1,\n          count: shownCount,\n        })}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <button\n          type=\"button\"\n          disabled={page === 0}\n          onClick={() => onPageChange(page - 1)}\n          className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors\"\n        >\n          <ChevronLeft className=\"h-3.5 w-3.5\" />\n          {tr('hookmovies.pagination.previous', 'Previous')}\n        </button>\n        <button\n          type=\"button\"\n          disabled={!hasMore}\n          onClick={() => onPageChange(page + 1)}\n          className=\"inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors\"\n        >\n          {tr('hookmovies.pagination.next', 'Next')}\n          <ChevronRight className=\"h-3.5 w-3.5\" />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAuBA,IAAa,KAAmC,EAC9C,SACA,YACA,iBACA,eACA,mBACI;CACJ,IAAM,IAAK,GAAO;AAMlB,QAJI,MAAS,KAAK,CAAC,IACV,OAIP,kBAAC,OAAD;EAAK,WAAW,EAAG,0CAA0C,EAAU;YAAvE,CACE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,kCAAkC,mCAAmC;IACvE,MAAM,IAAO;IACb,OAAO;IACR,CAAC;GACA,CAAA,EACJ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,UAAU,MAAS;IACnB,eAAe,EAAa,IAAO,EAAE;IACrC,WAAU;cAJZ,CAME,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA,EACtC,EAAG,kCAAkC,WAAW,CAC1C;OACT,kBAAC,UAAD;IACE,MAAK;IACL,UAAU,CAAC;IACX,eAAe,EAAa,IAAO,EAAE;IACrC,WAAU;cAJZ,CAMG,EAAG,8BAA8B,OAAO,EACzC,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,CACjC;MACL;KACF"}