npm - @burdenoff/microfe-hookmovies - Versions diffs - 2026.705.2 → 2026.706.2 - Mend

@burdenoff/microfe-hookmovies 2026.705.2 → 2026.706.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/dist/hookmovies/pages/library/EntitlementsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntitlementsPage.js","names":[],"sources":["../../../../src/hookmovies/pages/library/EntitlementsPage.tsx"],"sourcesContent":["/*\n My Entitlements (Library — self-scoped)\n * @module hookmovies/pages/library\n \n The caller's own watch entitlements via `hokMyEntitlements` (self-scoped to\n * the user). Active entitlements can be revoked with `hokRevokeEntitlement`.\n */\n\nimport { type FC } from 'react';\nimport { Ticket, PlayCircle, XCircle } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/StateViews';\nimport { useHookMovies } from '../../context/HookMoviesContext';\nimport { useMyEntitlements, useRevokeEntitlement } from '../../hooks/useHookMoviesApi';\nimport { formatDate, formatEnumLabel } from '../../utils/formatters';\n\nexport const EntitlementsPage: FC = () => {\n const { navigateTo } = useHookMovies();\n const { data, isLoading, isError, refetch } = useMyEntitlements();\n const revoke = useRevokeEntitlement();\n\n const items = data ?? [];\n\n return (\n <PageLayout\n title=\"My Entitlements\"\n description=\"What you can watch right now\"\n purpose=\"Your computed right to watch each title — from subscriptions, purchases, rentals, or promos. Entitlements derive from plan and rights windows.\"\n >\n {isLoading ? (\n <LoadingState label=\"Loading entitlements…\" />\n ) : isError ? (\n <ErrorState onRetry={() => void refetch()} />\n ) : items.length === 0 ? (\n <EmptyState\n icon={<Ticket className=\"h-12 w-12\" />}\n title=\"No entitlements yet\"\n description=\"You don't have any active watch rights. Browse the catalog to find something to watch.\"\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('catalog/titles')}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 transition-opacity\"\n >\n Browse Catalog\n </button>\n }\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {items.map((ent) => (\n <GlassCard\n key={ent.id}\n treatment=\"metric\"\n className=\"flex flex-col border-border-seam p-4\"\n >\n <div className=\"flex items-start justify-between gap-2\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`catalog/titles/${ent.titleId}`)}\n className=\"line-clamp-2 text-left text-sm font-semibold text-text-primary hover:text-action-primary-bg transition-colors\"\n >\n {ent.title?.title ?? 'Title'}\n </button>\n <StatusBadge status={ent.status} />\n </div>\n <div className=\"mt-2 flex flex-wrap items-center gap-1.5 text-xs text-text-secondary\">\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">\n {formatEnumLabel(ent.mode)}\n </span>\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">\n {formatEnumLabel(ent.source)}\n </span>\n {ent.territory && (\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">{ent.territory}</span>\n )}\n </div>\n {ent.expiresAt && (\n <p className=\"mt-2 text-xs text-text-secondary\">\n Expires {formatDate(ent.expiresAt, { hour: undefined, minute: undefined })}\n </p>\n )}\n <div className=\"mt-auto flex items-center gap-2 pt-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`catalog/titles/${ent.titleId}`)}\n className=\"inline-flex flex-1 items-center justify-center gap-1 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:opacity-90 transition-opacity\"\n >\n <PlayCircle className=\"h-3.5 w-3.5\" />\n Watch\n </button>\n {ent.status === 'ACTIVE' && (\n <button\n type=\"button\"\n disabled={revoke.isPending}\n onClick={() => void revoke.mutateAsync(ent.id)}\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-secondary hover:text-status-error-text disabled:opacity-50 transition-colors\"\n >\n <XCircle className=\"h-3.5 w-3.5\" />\n Revoke\n </button>\n )}\n </div>\n </GlassCard>\n ))}\n </div>\n )}\n </PageLayout>\n );\n};\n"],"mappings":";;;;;;;;;;;AAmBA,IAAa,UAA6B;CACxC,IAAM,EAAE,kBAAe,GAAe,EAChC,EAAE,SAAM,cAAW,YAAS,eAAY,GAAmB,EAC3D,IAAS,GAAsB,EAE/B,IAAQ,KAAQ,EAAE;AAExB,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAEP,IACC,kBAAC,GAAD,EAAc,OAAM,yBAA0B,CAAA,GAC5C,IACF,kBAAC,GAAD,EAAY,eAAe,KAAK,GAAS,EAAI,CAAA,GAC3C,EAAM,WAAW,IACnB,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAQ,WAAU,aAAc,CAAA;GACtC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,iBAAiB;IAC3C,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,GAAD;IAEE,WAAU;IACV,WAAU;cAHZ;KAKE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAW,kBAAkB,EAAI,UAAU;OAC1D,WAAU;iBAET,EAAI,OAAO,SAAS;OACd,CAAA,EACT,kBAAC,GAAD,EAAa,QAAQ,EAAI,QAAU,CAAA,CAC/B;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAgB,EAAI,KAAK;QACrB,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAgB,EAAI,OAAO;QACvB,CAAA;OACN,EAAI,aACH,kBAAC,QAAD;QAAM,WAAU;kBAAyC,EAAI;QAAiB,CAAA;OAE5E;;KACL,EAAI,aACH,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAAgD,YACrC,EAAW,EAAI,WAAW;OAAE,MAAM,KAAA;OAAW,QAAQ,KAAA;OAAW,CAAC,CACxE;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAW,kBAAkB,EAAI,UAAU;OAC1D,WAAU;iBAHZ,CAKE,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,EAAA,QAE/B;UACR,EAAI,WAAW,YACd,kBAAC,UAAD;OACE,MAAK;OACL,UAAU,EAAO;OACjB,eAAe,KAAK,EAAO,YAAY,EAAI,GAAG;OAC9C,WAAU;iBAJZ,CAME,kBAAC,GAAD,EAAS,WAAU,eAAgB,CAAA,EAAA,SAE5B;SAEP;;KACI;MAnDL,EAAI,GAmDC,CACZ;GACE,CAAA;EAEG,CAAA"}
1	+ {"version":3,"file":"EntitlementsPage.js","names":[],"sources":["../../../../src/hookmovies/pages/library/EntitlementsPage.tsx"],"sourcesContent":["/*\n My Entitlements (Library — self-scoped)\n * @module hookmovies/pages/library\n \n The caller's own watch entitlements via `hokMyEntitlements` (self-scoped to\n * the user). Active entitlements can be revoked with `hokRevokeEntitlement`, and\n * new entitlements granted (to self or another user) with `hokGrantEntitlement`.\n /\n\nimport { type FC, type FormEvent, useState } from 'react';\nimport { Ticket, PlayCircle, XCircle, Plus, X } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/StateViews';\nimport { useHookMovies } from '../../context/HookMoviesContext';\nimport {\n useMyEntitlements,\n useRevokeEntitlement,\n useGrantEntitlement,\n useTitles,\n type HokMonetizationMode,\n type HokEntitlementSource,\n type HokGrantEntitlementInput,\n} from '../../hooks/useHookMoviesApi';\nimport { formatDate, formatEnumLabel } from '../../utils/formatters';\n\nconst MODE_OPTIONS: HokMonetizationMode[] = [\n 'FREE_AVOD',\n 'SVOD',\n 'TVOD_RENT',\n 'TVOD_BUY',\n 'PPV',\n 'FAST',\n];\n\nconst SOURCE_OPTIONS: HokEntitlementSource[] = [\n 'SUBSCRIPTION',\n 'PURCHASE',\n 'RENTAL',\n 'PROMO',\n 'FREE',\n];\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\nexport const EntitlementsPage: FC = () => {\n const { navigateTo, currentUser } = useHookMovies();\n const { data, isLoading, isError, refetch } = useMyEntitlements();\n const revoke = useRevokeEntitlement();\n const grant = useGrantEntitlement();\n\n const [showGrant, setShowGrant] = useState(false);\n const [titleSearch, setTitleSearch] = useState('');\n const titles = useTitles({}, { limit: 200, offset: 0 }, titleSearch);\n\n const [titleId, setTitleId] = useState('');\n const [userId, setUserId] = useState(currentUser?.id ?? '');\n const [mode, setMode] = useState<HokMonetizationMode>('SVOD');\n const [source, setSource] = useState<HokEntitlementSource>('SUBSCRIPTION');\n const [territory, setTerritory] = useState('');\n const [expiresAt, setExpiresAt] = useState('');\n const [error, setError] = useState<string \| null>(null);\n const [actionError, setActionError] = useState<string \| null>(null);\n\n const items = data ?? [];\n\n const resetForm = () => {\n setTitleId('');\n setUserId(currentUser?.id ?? '');\n setMode('SVOD');\n setSource('SUBSCRIPTION');\n setTerritory('');\n setExpiresAt('');\n setTitleSearch('');\n setError(null);\n };\n\n const handleGrant = async (e: FormEvent) => {\n e.preventDefault();\n setError(null);\n if (!titleId) {\n setError('Select a title.');\n return;\n }\n if (!userId.trim()) {\n setError('A user id is required.');\n return;\n }\n const input: HokGrantEntitlementInput = {\n titleId,\n userId: userId.trim(),\n mode,\n source,\n territory: territory.trim() ? territory.trim().toUpperCase() : undefined,\n expiresAt: expiresAt ? new Date(expiresAt).toISOString() : undefined,\n };\n try {\n await grant.mutateAsync(input);\n resetForm();\n setShowGrant(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to grant entitlement');\n }\n };\n\n const handleRevoke = async (id: string) => {\n setActionError(null);\n try {\n await revoke.mutateAsync(id);\n } catch (err) {\n setActionError(err instanceof Error ? err.message : 'Failed to revoke entitlement');\n }\n };\n\n return (\n <PageLayout\n title=\"My Entitlements\"\n description=\"What you can watch right now\"\n purpose=\"Your computed right to watch each title — from subscriptions, purchases, rentals, or promos. Entitlements derive from plan and rights windows.\"\n actions={\n <button\n type=\"button\"\n onClick={() => setShowGrant((v) => !v)}\n 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 transition-opacity\"\n >\n <Plus className=\"h-4 w-4\" />\n Grant Entitlement\n </button>\n }\n >\n {actionError && (\n <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\">\n {actionError}\n </div>\n )}\n\n {showGrant && (\n <GlassCard treatment=\"glass\" className=\"mb-6 border-border-seam p-5\">\n <div className=\"mb-3 flex items-center justify-between\">\n <h2 className=\"text-sm font-semibold text-text-primary\">Grant Entitlement</h2>\n <button\n type=\"button\"\n onClick={() => setShowGrant(false)}\n aria-label=\"Close grant form\"\n className=\"rounded-md p-1 text-text-secondary hover:text-text-primary\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </div>\n <form onSubmit={handleGrant} className=\"space-y-4\">\n {error && (\n <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n {error}\n </div>\n )}\n\n <div>\n <label htmlFor=\"grant-title-search\" className={labelClass}>\n Search titles\n </label>\n <input\n id=\"grant-title-search\"\n type=\"text\"\n value={titleSearch}\n onChange={(e) => setTitleSearch(e.target.value)}\n placeholder=\"Filter titles by name…\"\n className={fieldClass}\n />\n </div>\n\n <div>\n <label htmlFor=\"grant-title\" className={labelClass}>\n Title \n </label>\n <select\n id=\"grant-title\"\n value={titleId}\n onChange={(e) => setTitleId(e.target.value)}\n className={fieldClass}\n required\n >\n <option value=\"\">{titles.isLoading ? 'Loading titles…' : 'Select a title…'}</option>\n {(titles.data?.items ?? []).map((t) => (\n <option key={t.id} value={t.id}>\n {t.title}\n </option>\n ))}\n </select>\n </div>\n\n <div>\n <label htmlFor=\"grant-user\" className={labelClass}>\n User ID \n </label>\n <input\n id=\"grant-user\"\n type=\"text\"\n value={userId}\n onChange={(e) => setUserId(e.target.value)}\n placeholder=\"User id to grant access to\"\n className={fieldClass}\n required\n />\n <p className=\"mt-1 text-[11px] text-text-secondary\">\n Defaults to your own id. Change it to grant access to another user.\n </p>\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"grant-mode\" className={labelClass}>\n Monetization Mode \n </label>\n <select\n id=\"grant-mode\"\n value={mode}\n onChange={(e) => setMode(e.target.value as HokMonetizationMode)}\n className={fieldClass}\n required\n >\n {MODE_OPTIONS.map((m) => (\n <option key={m} value={m}>\n {formatEnumLabel(m)}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label htmlFor=\"grant-source\" className={labelClass}>\n Source\n </label>\n <select\n id=\"grant-source\"\n value={source}\n onChange={(e) => setSource(e.target.value as HokEntitlementSource)}\n className={fieldClass}\n >\n {SOURCE_OPTIONS.map((s) => (\n <option key={s} value={s}>\n {formatEnumLabel(s)}\n </option>\n ))}\n </select>\n </div>\n </div>\n\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"grant-territory\" className={labelClass}>\n Territory (ISO code, optional)\n </label>\n <input\n id=\"grant-territory\"\n type=\"text\"\n value={territory}\n onChange={(e) => setTerritory(e.target.value)}\n placeholder=\"US\"\n className={fieldClass}\n />\n </div>\n <div>\n <label htmlFor=\"grant-expires\" className={labelClass}>\n Expires At (optional)\n </label>\n <input\n id=\"grant-expires\"\n type=\"date\"\n value={expiresAt}\n onChange={(e) => setExpiresAt(e.target.value)}\n className={fieldClass}\n />\n </div>\n </div>\n\n <button\n type=\"submit\"\n disabled={grant.isPending}\n className=\"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\"\n >\n {grant.isPending ? 'Granting…' : 'Grant Entitlement'}\n </button>\n </form>\n </GlassCard>\n )}\n\n {isLoading ? (\n <LoadingState label=\"Loading entitlements…\" />\n ) : isError ? (\n <ErrorState onRetry={() => void refetch()} />\n ) : items.length === 0 ? (\n <EmptyState\n icon={<Ticket className=\"h-12 w-12\" />}\n title=\"No entitlements yet\"\n description=\"You don't have any active watch rights. Grant an entitlement above, or browse the catalog to find something to watch.\"\n action={\n <button\n type=\"button\"\n onClick={() => navigateTo('catalog/titles')}\n className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 transition-opacity\"\n >\n Browse Catalog\n </button>\n }\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {items.map((ent) => (\n <GlassCard\n key={ent.id}\n treatment=\"metric\"\n className=\"flex flex-col border-border-seam p-4\"\n >\n <div className=\"flex items-start justify-between gap-2\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`catalog/titles/${ent.titleId}`)}\n className=\"line-clamp-2 text-left text-sm font-semibold text-text-primary hover:text-action-primary-bg transition-colors\"\n >\n {ent.title?.title ?? 'Title'}\n </button>\n <StatusBadge status={ent.status} />\n </div>\n <div className=\"mt-2 flex flex-wrap items-center gap-1.5 text-xs text-text-secondary\">\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">\n {formatEnumLabel(ent.mode)}\n </span>\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">\n {formatEnumLabel(ent.source)}\n </span>\n {ent.territory && (\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">{ent.territory}</span>\n )}\n </div>\n {ent.expiresAt && (\n <p className=\"mt-2 text-xs text-text-secondary\">\n Expires {formatDate(ent.expiresAt, { hour: undefined, minute: undefined })}\n </p>\n )}\n <div className=\"mt-auto flex items-center gap-2 pt-3\">\n <button\n type=\"button\"\n onClick={() => navigateTo(`catalog/titles/${ent.titleId}`)}\n className=\"inline-flex flex-1 items-center justify-center gap-1 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text hover:opacity-90 transition-opacity\"\n >\n <PlayCircle className=\"h-3.5 w-3.5\" />\n Watch\n </button>\n {ent.status === 'ACTIVE' && (\n <button\n type=\"button\"\n disabled={revoke.isPending}\n onClick={() => void handleRevoke(ent.id)}\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-secondary hover:text-status-error-text disabled:opacity-50 transition-colors\"\n >\n <XCircle className=\"h-3.5 w-3.5\" />\n Revoke\n </button>\n )}\n </div>\n </GlassCard>\n ))}\n </div>\n )}\n </PageLayout>\n );\n};\n"],"mappings":"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"}

package/dist/hookmovies/pages/library/ListsPage.js CHANGED Viewed

@@ -1,213 +1,293 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
-import { useCreateList as t, useDeleteList as n, useMyLists as r } from "../../hooks/useHookMoviesApi.js";
-import { formatRelativeTime as i } from "../../utils/formatters.js";
-import { ErrorState as a, LoadingState as o } from "../../components/StateViews.js";
-import { EmptyState as s } from "../../components/EmptyState.js";
-import { useState as c } from "react";
-import { Globe as l, Link as u, ListVideo as d, Lock as f, Plus as p, Trash2 as m, X as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { GlassCard as v } from "@burdenoff/fe-libs/ui";
+import { useCreateList as t, useDeleteList as n, useMyLists as r, useUpdateList as i } from "../../hooks/useHookMoviesApi.js";
+import { formatRelativeTime as a } from "../../utils/formatters.js";
+import { ErrorState as o, LoadingState as s } from "../../components/StateViews.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { useState as l } from "react";
+import { Globe as u, Link as d, ListVideo as ee, Lock as f, Pencil as p, Plus as m, Trash2 as h, X as te } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { GlassCard as y } from "@burdenoff/fe-libs/ui";
 //#region src/hookmovies/pages/library/ListsPage.tsx
-var y = ["WATCHLIST", "PLAYLIST"], b = [
+var b = ["WATCHLIST", "PLAYLIST"], x = [
 	"PRIVATE",
 	"UNLISTED",
 	"PUBLIC"
-], x = "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)]", S = "mb-1.5 block text-xs font-medium text-text-secondary", C = {
+], S = "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)]", C = "mb-1.5 block text-xs font-medium text-text-secondary", w = {
 	PRIVATE: f,
-	UNLISTED: u,
-	PUBLIC: l
-}, w = () => {
-	let [l, u] = c(""), [f, w] = c(!1), { data: T, isLoading: E, isError: D, refetch: O } = r(l || void 0, {
+	UNLISTED: d,
+	PUBLIC: u
+}, T = () => {
+	let [u, d] = l(""), [f, T] = l(!1), { data: E, isLoading: D, isError: O, refetch: k } = r(u || void 0, {
 		limit: 100,
 		offset: 0
-	}), k = t(), A = n(), [j, M] = c(""), [N, P] = c(""), [F, I] = c("WATCHLIST"), [L, R] = c("PRIVATE"), [z, B] = c(null), [V, H] = c(null), U = async (e) => {
-		H(null);
+	}), A = t(), j = n(), M = i(), [N, P] = l(""), [F, I] = l(""), [L, R] = l("WATCHLIST"), [z, B] = l("PRIVATE"), [V, H] = l(null), [U, W] = l(null), [G, K] = l(null), [q, J] = l(""), [Y, X] = l("PRIVATE"), [Z, Q] = l(null), ne = (e) => {
+		Q(null), K(e.id), J(e.name), X(e.visibility);
+	}, re = () => {
+		K(null), Q(null);
+	}, ie = async (e, t) => {
+		if (e.preventDefault(), Q(null), !q.trim()) {
+			Q("Name is required.");
+			return;
+		}
+		try {
+			await M.mutateAsync({
+				id: t,
+				input: {
+					name: q.trim(),
+					visibility: Y
+				}
+			}), K(null);
+		} catch (e) {
+			Q(e instanceof Error ? e.message : "Failed to update list (you can only edit your own)");
+		}
+	}, ae = async (e) => {
+		W(null);
 		try {
-			await A.mutateAsync(e);
+			await j.mutateAsync(e);
 		} catch (e) {
-			H(e instanceof Error ? e.message : "Failed to delete list (you can only delete your own)");
+			W(e instanceof Error ? e.message : "Failed to delete list (you can only delete your own)");
 		}
-	}, W = async (e) => {
-		if (e.preventDefault(), B(null), !j.trim()) {
-			B("Name is required.");
+	}, oe = async (e) => {
+		if (e.preventDefault(), H(null), !N.trim()) {
+			H("Name is required.");
 			return;
 		}
 		let t = {
-			name: j.trim(),
-			description: N.trim() || void 0,
-			kind: F,
-			visibility: L
+			name: N.trim(),
+			description: F.trim() || void 0,
+			kind: L,
+			visibility: z
 		};
 		try {
-			await k.mutateAsync(t), M(""), P(""), I("WATCHLIST"), R("PRIVATE"), w(!1);
+			await A.mutateAsync(t), P(""), I(""), R("WATCHLIST"), B("PRIVATE"), T(!1);
 		} catch (e) {
-			B(e instanceof Error ? e.message : "Failed to create list");
+			H(e instanceof Error ? e.message : "Failed to create list");
 		}
-	}, G = T?.items ?? [];
-	return /* @__PURE__ */ _(e, {
+	}, $ = E?.items ?? [];
+	return /* @__PURE__ */ v(e, {
 		title: "My Library",
 		description: "Watchlists & playlists",
 		purpose: "Your personal collections — a watchlist of what to watch next and curated playlists you can keep private, unlisted, or public.",
-		actions: /* @__PURE__ */ _("button", {
+		actions: /* @__PURE__ */ v("button", {
 			type: "button",
-			onClick: () => w((e) => !e),
+			onClick: () => T((e) => !e),
 			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 transition-opacity",
-			children: [/* @__PURE__ */ g(p, { className: "h-4 w-4" }), "New List"]
+			children: [/* @__PURE__ */ _(m, { className: "h-4 w-4" }), "New List"]
 		}),
 		children: [
-			f && /* @__PURE__ */ _(v, {
+			f && /* @__PURE__ */ v(y, {
 				treatment: "glass",
 				className: "mb-6 border-border-seam p-5",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "mb-3 flex items-center justify-between",
-					children: [/* @__PURE__ */ g("h2", {
+					children: [/* @__PURE__ */ _("h2", {
 						className: "text-sm font-semibold text-text-primary",
 						children: "Create List"
-					}), /* @__PURE__ */ g("button", {
+					}), /* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => w(!1),
+						onClick: () => T(!1),
 						className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
-						children: /* @__PURE__ */ g(h, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ _(te, { className: "h-4 w-4" })
 					})]
-				}), /* @__PURE__ */ _("form", {
-					onSubmit: W,
+				}), /* @__PURE__ */ v("form", {
+					onSubmit: oe,
 					className: "space-y-4",
 					children: [
-						z && /* @__PURE__ */ g("div", {
+						V && /* @__PURE__ */ _("div", {
 							className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-							children: z
+							children: V
 						}),
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 							htmlFor: "list-name",
-							className: S,
+							className: C,
 							children: "Name *"
-						}), /* @__PURE__ */ g("input", {
+						}), /* @__PURE__ */ _("input", {
 							id: "list-name",
 							type: "text",
-							value: j,
-							onChange: (e) => M(e.target.value),
+							value: N,
+							onChange: (e) => P(e.target.value),
 							placeholder: "e.g. Weekend Watch",
-							className: x,
+							className: S,
 							required: !0
 						})] }),
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 							htmlFor: "list-desc",
-							className: S,
+							className: C,
 							children: "Description"
-						}), /* @__PURE__ */ g("textarea", {
+						}), /* @__PURE__ */ _("textarea", {
 							id: "list-desc",
-							value: N,
-							onChange: (e) => P(e.target.value),
+							value: F,
+							onChange: (e) => I(e.target.value),
 							rows: 2,
-							className: x
+							className: S
 						})] }),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 								htmlFor: "list-kind",
-								className: S,
+								className: C,
 								children: "Kind"
-							}), /* @__PURE__ */ g("select", {
+							}), /* @__PURE__ */ _("select", {
 								id: "list-kind",
-								value: F,
-								onChange: (e) => I(e.target.value),
-								className: x,
-								children: y.map((e) => /* @__PURE__ */ g("option", {
+								value: L,
+								onChange: (e) => R(e.target.value),
+								className: S,
+								children: b.map((e) => /* @__PURE__ */ _("option", {
 									value: e,
 									children: e.charAt(0) + e.slice(1).toLowerCase()
 								}, e))
-							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 								htmlFor: "list-visibility",
-								className: S,
+								className: C,
 								children: "Visibility"
-							}), /* @__PURE__ */ g("select", {
+							}), /* @__PURE__ */ _("select", {
 								id: "list-visibility",
-								value: L,
-								onChange: (e) => R(e.target.value),
-								className: x,
-								children: b.map((e) => /* @__PURE__ */ g("option", {
+								value: z,
+								onChange: (e) => B(e.target.value),
+								className: S,
+								children: x.map((e) => /* @__PURE__ */ _("option", {
 									value: e,
 									children: e.charAt(0) + e.slice(1).toLowerCase()
 								}, e))
 							})] })]
 						}),
-						/* @__PURE__ */ g("button", {
+						/* @__PURE__ */ _("button", {
 							type: "submit",
-							disabled: k.isPending,
+							disabled: A.isPending,
 							className: "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: k.isPending ? "Creating…" : "Create List"
+							children: A.isPending ? "Creating…" : "Create List"
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "mb-4 flex flex-wrap items-center gap-3",
-				children: /* @__PURE__ */ _("select", {
-					value: l,
-					onChange: (e) => u(e.target.value),
+				children: /* @__PURE__ */ v("select", {
+					value: u,
+					onChange: (e) => d(e.target.value),
 					className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-					children: [/* @__PURE__ */ g("option", {
+					children: [/* @__PURE__ */ _("option", {
 						value: "",
 						children: "All Lists"
-					}), y.map((e) => /* @__PURE__ */ g("option", {
+					}), b.map((e) => /* @__PURE__ */ _("option", {
 						value: e,
 						children: e.charAt(0) + e.slice(1).toLowerCase()
 					}, e))]
 				})
 			}),
-			V && /* @__PURE__ */ g("div", {
+			U && /* @__PURE__ */ _("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: V
+				children: U
 			}),
-			E ? /* @__PURE__ */ g(o, { label: "Loading your lists…" }) : D ? /* @__PURE__ */ g(a, { onRetry: () => void O() }) : G.length === 0 ? /* @__PURE__ */ g(s, {
-				icon: /* @__PURE__ */ g(d, { className: "h-12 w-12" }),
+			D ? /* @__PURE__ */ _(s, { label: "Loading your lists…" }) : O ? /* @__PURE__ */ _(o, { onRetry: () => void k() }) : $.length === 0 ? /* @__PURE__ */ _(c, {
+				icon: /* @__PURE__ */ _(ee, { className: "h-12 w-12" }),
 				title: "No lists yet",
 				description: "Create a watchlist or playlist to organize what you watch."
-			}) : /* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ _("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: G.map((e) => {
-					let t = C[e.visibility];
-					return /* @__PURE__ */ _(v, {
+				children: $.map((e) => {
+					let t = w[e.visibility];
+					return /* @__PURE__ */ _(y, {
 						treatment: "metric",
 						className: "flex flex-col border-border-seam p-4",
-						children: [
-							/* @__PURE__ */ _("div", {
+						children: G === e.id ? /* @__PURE__ */ v("form", {
+							onSubmit: (t) => void ie(t, e.id),
+							className: "space-y-3",
+							children: [
+								Z && /* @__PURE__ */ _("div", {
+									className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-xs text-status-error-text",
+									children: Z
+								}),
+								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									htmlFor: `list-edit-name-${e.id}`,
+									className: C,
+									children: "Name *"
+								}), /* @__PURE__ */ _("input", {
+									id: `list-edit-name-${e.id}`,
+									type: "text",
+									value: q,
+									onChange: (e) => J(e.target.value),
+									className: S,
+									autoFocus: !0,
+									required: !0
+								})] }),
+								/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
+									htmlFor: `list-edit-visibility-${e.id}`,
+									className: C,
+									children: "Visibility"
+								}), /* @__PURE__ */ _("select", {
+									id: `list-edit-visibility-${e.id}`,
+									value: Y,
+									onChange: (e) => X(e.target.value),
+									className: S,
+									children: x.map((e) => /* @__PURE__ */ _("option", {
+										value: e,
+										children: e.charAt(0) + e.slice(1).toLowerCase()
+									}, e))
+								})] }),
+								/* @__PURE__ */ v("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ _("button", {
+										type: "submit",
+										disabled: M.isPending,
+										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: M.isPending ? "Saving…" : "Save"
+									}), /* @__PURE__ */ _("button", {
+										type: "button",
+										onClick: re,
+										disabled: M.isPending,
+										className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary disabled:opacity-50 transition-colors",
+										children: "Cancel"
+									})]
+								})
+							]
+						}) : /* @__PURE__ */ v(g, { children: [
+							/* @__PURE__ */ v("div", {
 								className: "flex items-start justify-between gap-2",
-								children: [/* @__PURE__ */ g("h3", {
+								children: [/* @__PURE__ */ _("h3", {
 									className: "line-clamp-1 text-sm font-semibold text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ g("button", {
-									type: "button",
-									disabled: A.isPending,
-									onClick: () => void U(e.id),
-									className: "rounded-md p-1 text-text-secondary hover:text-status-error-text disabled:opacity-50 transition-colors",
-									"aria-label": "Delete list",
-									children: /* @__PURE__ */ g(m, { className: "h-4 w-4" })
+								}), /* @__PURE__ */ v("div", {
+									className: "flex items-center gap-0.5",
+									children: [/* @__PURE__ */ _("button", {
+										type: "button",
+										onClick: () => ne(e),
+										className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
+										"aria-label": `Edit list ${e.name}`,
+										children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
+									}), /* @__PURE__ */ _("button", {
+										type: "button",
+										disabled: j.isPending,
+										onClick: () => void ae(e.id),
+										className: "rounded-md p-1 text-text-secondary hover:text-status-error-text disabled:opacity-50 transition-colors",
+										"aria-label": `Delete list ${e.name}`,
+										children: /* @__PURE__ */ _(h, { className: "h-4 w-4" })
+									})]
 								})]
 							}),
-							e.description && /* @__PURE__ */ g("p", {
+							e.description && /* @__PURE__ */ _("p", {
 								className: "mt-1 line-clamp-2 text-xs text-text-secondary",
 								children: e.description
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "mt-3 flex items-center gap-3 text-xs text-text-secondary",
 								children: [
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ _("span", {
 										className: "rounded-full bg-bg-sunken px-2 py-0.5",
 										children: e.kind.charAt(0) + e.kind.slice(1).toLowerCase()
 									}),
-									/* @__PURE__ */ _("span", {
+									/* @__PURE__ */ v("span", {
 										className: "inline-flex items-center gap-1",
-										children: [/* @__PURE__ */ g(t, { className: "h-3 w-3" }), e.visibility.charAt(0) + e.visibility.slice(1).toLowerCase()]
+										children: [/* @__PURE__ */ _(t, { className: "h-3 w-3" }), e.visibility.charAt(0) + e.visibility.slice(1).toLowerCase()]
 									}),
-									/* @__PURE__ */ _("span", { children: [e.itemCount, " items"] })
+									/* @__PURE__ */ v("span", { children: [e.itemCount, " items"] })
 								]
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ v("p", {
 								className: "mt-2 text-[11px] text-text-muted",
-								children: ["Updated ", i(e.updatedAt)]
+								children: ["Updated ", a(e.updatedAt)]
 							})
-						]
+						] })
 					}, e.id);
 				})
 			})
@@ -215,6 +295,6 @@ var y = ["WATCHLIST", "PLAYLIST"], b = [
 	});
 };
 //#endregion
-export { w as ListsPage };
+export { T as ListsPage };
 //# sourceMappingURL=ListsPage.js.map

package/dist/hookmovies/pages/library/ListsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListsPage.js","names":[],"sources":["../../../../src/hookmovies/pages/library/ListsPage.tsx"],"sourcesContent":["/*\n My Lists (Library — self-scoped)\n * @module hookmovies/pages/library\n \n The caller's own watchlists and playlists via `hokMyLists`, created with\n * `hokCreateList` and removed with `hokDeleteList`. All self-scoped to the\n * calling user by the subgraph.\n /\n\nimport { type FC, type FormEvent, useState } from 'react';\nimport { ListVideo, Plus, X, Trash2, Lock, Globe, Link as LinkIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/StateViews';\nimport {\n useMyLists,\n useCreateList,\n useDeleteList,\n type HokListKind,\n type HokListVisibility,\n type CreateListInput,\n} from '../../hooks/useHookMoviesApi';\nimport { formatRelativeTime } from '../../utils/formatters';\n\nconst KIND_OPTIONS: HokListKind[] = ['WATCHLIST', 'PLAYLIST'];\nconst VISIBILITY_OPTIONS: HokListVisibility[] = ['PRIVATE', 'UNLISTED', 'PUBLIC'];\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\nconst visibilityIcon: Record<HokListVisibility, typeof Lock> = {\n PRIVATE: Lock,\n UNLISTED: LinkIcon,\n PUBLIC: Globe,\n};\n\nexport const ListsPage: FC = () => {\n const [kindFilter, setKindFilter] = useState<HokListKind \| ''>('');\n const [showCreate, setShowCreate] = useState(false);\n\n const { data, isLoading, isError, refetch } = useMyLists(kindFilter \|\| undefined, {\n limit: 100,\n offset: 0,\n });\n const createList = useCreateList();\n const deleteList = useDeleteList();\n\n const [name, setName] = useState('');\n const [description, setDescription] = useState('');\n const [kind, setKind] = useState<HokListKind>('WATCHLIST');\n const [visibility, setVisibility] = useState<HokListVisibility>('PRIVATE');\n const [error, setError] = useState<string \| null>(null);\n const [actionError, setActionError] = useState<string \| null>(null);\n\n const handleDelete = async (id: string) => {\n setActionError(null);\n try {\n await deleteList.mutateAsync(id);\n } catch (err) {\n setActionError(\n err instanceof Error ? err.message : 'Failed to delete list (you can only delete your own)'\n );\n }\n };\n\n const handleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n setError(null);\n if (!name.trim()) {\n setError('Name is required.');\n return;\n }\n const input: CreateListInput = {\n name: name.trim(),\n description: description.trim() \|\| undefined,\n kind,\n visibility,\n };\n try {\n await createList.mutateAsync(input);\n setName('');\n setDescription('');\n setKind('WATCHLIST');\n setVisibility('PRIVATE');\n setShowCreate(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to create list');\n }\n };\n\n const items = data?.items ?? [];\n\n return (\n <PageLayout\n title=\"My Library\"\n description=\"Watchlists & playlists\"\n purpose=\"Your personal collections — a watchlist of what to watch next and curated playlists you can keep private, unlisted, or public.\"\n actions={\n <button\n type=\"button\"\n onClick={() => setShowCreate((v) => !v)}\n 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 transition-opacity\"\n >\n <Plus className=\"h-4 w-4\" />\n New List\n </button>\n }\n >\n {showCreate && (\n <GlassCard treatment=\"glass\" className=\"mb-6 border-border-seam p-5\">\n <div className=\"mb-3 flex items-center justify-between\">\n <h2 className=\"text-sm font-semibold text-text-primary\">Create List</h2>\n <button\n type=\"button\"\n onClick={() => setShowCreate(false)}\n className=\"rounded-md p-1 text-text-secondary hover:text-text-primary\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </div>\n <form onSubmit={handleSubmit} className=\"space-y-4\">\n {error && (\n <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n {error}\n </div>\n )}\n <div>\n <label htmlFor=\"list-name\" className={labelClass}>\n Name \n </label>\n <input\n id=\"list-name\"\n type=\"text\"\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder=\"e.g. Weekend Watch\"\n className={fieldClass}\n required\n />\n </div>\n <div>\n <label htmlFor=\"list-desc\" className={labelClass}>\n Description\n </label>\n <textarea\n id=\"list-desc\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n rows={2}\n className={fieldClass}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"list-kind\" className={labelClass}>\n Kind\n </label>\n <select\n id=\"list-kind\"\n value={kind}\n onChange={(e) => setKind(e.target.value as HokListKind)}\n className={fieldClass}\n >\n {KIND_OPTIONS.map((k) => (\n <option key={k} value={k}>\n {k.charAt(0) + k.slice(1).toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label htmlFor=\"list-visibility\" className={labelClass}>\n Visibility\n </label>\n <select\n id=\"list-visibility\"\n value={visibility}\n onChange={(e) => setVisibility(e.target.value as HokListVisibility)}\n className={fieldClass}\n >\n {VISIBILITY_OPTIONS.map((v) => (\n <option key={v} value={v}>\n {v.charAt(0) + v.slice(1).toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n </div>\n <button\n type=\"submit\"\n disabled={createList.isPending}\n className=\"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\"\n >\n {createList.isPending ? 'Creating…' : 'Create List'}\n </button>\n </form>\n </GlassCard>\n )}\n\n <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n <select\n value={kindFilter}\n onChange={(e) => setKindFilter(e.target.value as HokListKind \| '')}\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">All Lists</option>\n {KIND_OPTIONS.map((k) => (\n <option key={k} value={k}>\n {k.charAt(0) + k.slice(1).toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n\n {actionError && (\n <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\">\n {actionError}\n </div>\n )}\n\n {isLoading ? (\n <LoadingState label=\"Loading your lists…\" />\n ) : isError ? (\n <ErrorState onRetry={() => void refetch()} />\n ) : items.length === 0 ? (\n <EmptyState\n icon={<ListVideo className=\"h-12 w-12\" />}\n title=\"No lists yet\"\n description=\"Create a watchlist or playlist to organize what you watch.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {items.map((list) => {\n const VisibilityIcon = visibilityIcon[list.visibility];\n return (\n <GlassCard\n key={list.id}\n treatment=\"metric\"\n className=\"flex flex-col border-border-seam p-4\"\n >\n <div className=\"flex items-start justify-between gap-2\">\n <h3 className=\"line-clamp-1 text-sm font-semibold text-text-primary\">\n {list.name}\n </h3>\n <button\n type=\"button\"\n disabled={deleteList.isPending}\n onClick={() => void handleDelete(list.id)}\n className=\"rounded-md p-1 text-text-secondary hover:text-status-error-text disabled:opacity-50 transition-colors\"\n aria-label=\"Delete list\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n {list.description && (\n <p className=\"mt-1 line-clamp-2 text-xs text-text-secondary\">\n {list.description}\n </p>\n )}\n <div className=\"mt-3 flex items-center gap-3 text-xs text-text-secondary\">\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">\n {list.kind.charAt(0) + list.kind.slice(1).toLowerCase()}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <VisibilityIcon className=\"h-3 w-3\" />\n {list.visibility.charAt(0) + list.visibility.slice(1).toLowerCase()}\n </span>\n <span>{list.itemCount} items</span>\n </div>\n <p className=\"mt-2 text-[11px] text-text-muted\">\n Updated {formatRelativeTime(list.updatedAt)}\n </p>\n </GlassCard>\n );\n })}\n </div>\n )}\n </PageLayout>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"ListsPage.js","names":[],"sources":["../../../../src/hookmovies/pages/library/ListsPage.tsx"],"sourcesContent":["/*\n My Lists (Library — self-scoped)\n * @module hookmovies/pages/library\n \n The caller's own watchlists and playlists via `hokMyLists`, created with\n * `hokCreateList` and removed with `hokDeleteList`. All self-scoped to the\n * calling user by the subgraph.\n /\n\nimport { type FC, type FormEvent, useState } from 'react';\nimport { ListVideo, Plus, X, Trash2, Pencil, Lock, Globe, Link as LinkIcon } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/StateViews';\nimport {\n useMyLists,\n useCreateList,\n useDeleteList,\n useUpdateList,\n type HokListKind,\n type HokListVisibility,\n type HokList,\n type CreateListInput,\n} from '../../hooks/useHookMoviesApi';\nimport { formatRelativeTime } from '../../utils/formatters';\n\nconst KIND_OPTIONS: HokListKind[] = ['WATCHLIST', 'PLAYLIST'];\nconst VISIBILITY_OPTIONS: HokListVisibility[] = ['PRIVATE', 'UNLISTED', 'PUBLIC'];\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\nconst visibilityIcon: Record<HokListVisibility, typeof Lock> = {\n PRIVATE: Lock,\n UNLISTED: LinkIcon,\n PUBLIC: Globe,\n};\n\nexport const ListsPage: FC = () => {\n const [kindFilter, setKindFilter] = useState<HokListKind \| ''>('');\n const [showCreate, setShowCreate] = useState(false);\n\n const { data, isLoading, isError, refetch } = useMyLists(kindFilter \|\| undefined, {\n limit: 100,\n offset: 0,\n });\n const createList = useCreateList();\n const deleteList = useDeleteList();\n const updateList = useUpdateList();\n\n const [name, setName] = useState('');\n const [description, setDescription] = useState('');\n const [kind, setKind] = useState<HokListKind>('WATCHLIST');\n const [visibility, setVisibility] = useState<HokListVisibility>('PRIVATE');\n const [error, setError] = useState<string \| null>(null);\n const [actionError, setActionError] = useState<string \| null>(null);\n\n // Inline edit (rename / re-scope) state — one row open at a time.\n const [editingId, setEditingId] = useState<string \| null>(null);\n const [editName, setEditName] = useState('');\n const [editVisibility, setEditVisibility] = useState<HokListVisibility>('PRIVATE');\n const [editError, setEditError] = useState<string \| null>(null);\n\n const startEdit = (list: HokList) => {\n setEditError(null);\n setEditingId(list.id);\n setEditName(list.name);\n setEditVisibility(list.visibility);\n };\n\n const cancelEdit = () => {\n setEditingId(null);\n setEditError(null);\n };\n\n const handleUpdate = async (e: FormEvent, id: string) => {\n e.preventDefault();\n setEditError(null);\n if (!editName.trim()) {\n setEditError('Name is required.');\n return;\n }\n try {\n await updateList.mutateAsync({\n id,\n input: { name: editName.trim(), visibility: editVisibility },\n });\n setEditingId(null);\n } catch (err) {\n setEditError(\n err instanceof Error ? err.message : 'Failed to update list (you can only edit your own)'\n );\n }\n };\n\n const handleDelete = async (id: string) => {\n setActionError(null);\n try {\n await deleteList.mutateAsync(id);\n } catch (err) {\n setActionError(\n err instanceof Error ? err.message : 'Failed to delete list (you can only delete your own)'\n );\n }\n };\n\n const handleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n setError(null);\n if (!name.trim()) {\n setError('Name is required.');\n return;\n }\n const input: CreateListInput = {\n name: name.trim(),\n description: description.trim() \|\| undefined,\n kind,\n visibility,\n };\n try {\n await createList.mutateAsync(input);\n setName('');\n setDescription('');\n setKind('WATCHLIST');\n setVisibility('PRIVATE');\n setShowCreate(false);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to create list');\n }\n };\n\n const items = data?.items ?? [];\n\n return (\n <PageLayout\n title=\"My Library\"\n description=\"Watchlists & playlists\"\n purpose=\"Your personal collections — a watchlist of what to watch next and curated playlists you can keep private, unlisted, or public.\"\n actions={\n <button\n type=\"button\"\n onClick={() => setShowCreate((v) => !v)}\n 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 transition-opacity\"\n >\n <Plus className=\"h-4 w-4\" />\n New List\n </button>\n }\n >\n {showCreate && (\n <GlassCard treatment=\"glass\" className=\"mb-6 border-border-seam p-5\">\n <div className=\"mb-3 flex items-center justify-between\">\n <h2 className=\"text-sm font-semibold text-text-primary\">Create List</h2>\n <button\n type=\"button\"\n onClick={() => setShowCreate(false)}\n className=\"rounded-md p-1 text-text-secondary hover:text-text-primary\"\n >\n <X className=\"h-4 w-4\" />\n </button>\n </div>\n <form onSubmit={handleSubmit} className=\"space-y-4\">\n {error && (\n <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\">\n {error}\n </div>\n )}\n <div>\n <label htmlFor=\"list-name\" className={labelClass}>\n Name \n </label>\n <input\n id=\"list-name\"\n type=\"text\"\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder=\"e.g. Weekend Watch\"\n className={fieldClass}\n required\n />\n </div>\n <div>\n <label htmlFor=\"list-desc\" className={labelClass}>\n Description\n </label>\n <textarea\n id=\"list-desc\"\n value={description}\n onChange={(e) => setDescription(e.target.value)}\n rows={2}\n className={fieldClass}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label htmlFor=\"list-kind\" className={labelClass}>\n Kind\n </label>\n <select\n id=\"list-kind\"\n value={kind}\n onChange={(e) => setKind(e.target.value as HokListKind)}\n className={fieldClass}\n >\n {KIND_OPTIONS.map((k) => (\n <option key={k} value={k}>\n {k.charAt(0) + k.slice(1).toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label htmlFor=\"list-visibility\" className={labelClass}>\n Visibility\n </label>\n <select\n id=\"list-visibility\"\n value={visibility}\n onChange={(e) => setVisibility(e.target.value as HokListVisibility)}\n className={fieldClass}\n >\n {VISIBILITY_OPTIONS.map((v) => (\n <option key={v} value={v}>\n {v.charAt(0) + v.slice(1).toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n </div>\n <button\n type=\"submit\"\n disabled={createList.isPending}\n className=\"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\"\n >\n {createList.isPending ? 'Creating…' : 'Create List'}\n </button>\n </form>\n </GlassCard>\n )}\n\n <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n <select\n value={kindFilter}\n onChange={(e) => setKindFilter(e.target.value as HokListKind \| '')}\n className=\"rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">All Lists</option>\n {KIND_OPTIONS.map((k) => (\n <option key={k} value={k}>\n {k.charAt(0) + k.slice(1).toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n\n {actionError && (\n <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\">\n {actionError}\n </div>\n )}\n\n {isLoading ? (\n <LoadingState label=\"Loading your lists…\" />\n ) : isError ? (\n <ErrorState onRetry={() => void refetch()} />\n ) : items.length === 0 ? (\n <EmptyState\n icon={<ListVideo className=\"h-12 w-12\" />}\n title=\"No lists yet\"\n description=\"Create a watchlist or playlist to organize what you watch.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {items.map((list) => {\n const VisibilityIcon = visibilityIcon[list.visibility];\n const isEditing = editingId === list.id;\n return (\n <GlassCard\n key={list.id}\n treatment=\"metric\"\n className=\"flex flex-col border-border-seam p-4\"\n >\n {isEditing ? (\n <form onSubmit={(e) => void handleUpdate(e, list.id)} className=\"space-y-3\">\n {editError && (\n <div className=\"rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-xs text-status-error-text\">\n {editError}\n </div>\n )}\n <div>\n <label htmlFor={`list-edit-name-${list.id}`} className={labelClass}>\n Name *\n </label>\n <input\n id={`list-edit-name-${list.id}`}\n type=\"text\"\n value={editName}\n onChange={(e) => setEditName(e.target.value)}\n className={fieldClass}\n autoFocus\n required\n />\n </div>\n <div>\n <label htmlFor={`list-edit-visibility-${list.id}`} className={labelClass}>\n Visibility\n </label>\n <select\n id={`list-edit-visibility-${list.id}`}\n value={editVisibility}\n onChange={(e) => setEditVisibility(e.target.value as HokListVisibility)}\n className={fieldClass}\n >\n {VISIBILITY_OPTIONS.map((v) => (\n <option key={v} value={v}>\n {v.charAt(0) + v.slice(1).toLowerCase()}\n </option>\n ))}\n </select>\n </div>\n <div className=\"flex items-center gap-2\">\n <button\n type=\"submit\"\n disabled={updateList.isPending}\n 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\"\n >\n {updateList.isPending ? 'Saving…' : 'Save'}\n </button>\n <button\n type=\"button\"\n onClick={cancelEdit}\n disabled={updateList.isPending}\n className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary disabled:opacity-50 transition-colors\"\n >\n Cancel\n </button>\n </div>\n </form>\n ) : (\n <>\n <div className=\"flex items-start justify-between gap-2\">\n <h3 className=\"line-clamp-1 text-sm font-semibold text-text-primary\">\n {list.name}\n </h3>\n <div className=\"flex items-center gap-0.5\">\n <button\n type=\"button\"\n onClick={() => startEdit(list)}\n className=\"rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors\"\n aria-label={`Edit list ${list.name}`}\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n disabled={deleteList.isPending}\n onClick={() => void handleDelete(list.id)}\n className=\"rounded-md p-1 text-text-secondary hover:text-status-error-text disabled:opacity-50 transition-colors\"\n aria-label={`Delete list ${list.name}`}\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n {list.description && (\n <p className=\"mt-1 line-clamp-2 text-xs text-text-secondary\">\n {list.description}\n </p>\n )}\n <div className=\"mt-3 flex items-center gap-3 text-xs text-text-secondary\">\n <span className=\"rounded-full bg-bg-sunken px-2 py-0.5\">\n {list.kind.charAt(0) + list.kind.slice(1).toLowerCase()}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <VisibilityIcon className=\"h-3 w-3\" />\n {list.visibility.charAt(0) + list.visibility.slice(1).toLowerCase()}\n </span>\n <span>{list.itemCount} items</span>\n </div>\n <p className=\"mt-2 text-[11px] text-text-muted\">\n Updated {formatRelativeTime(list.updatedAt)}\n </p>\n </>\n )}\n </GlassCard>\n );\n })}\n </div>\n )}\n </PageLayout>\n );\n};\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-hookmovies",
-  "version": "2026.705.2",
+  "version": "2026.706.2",
   "description": "Burdenoff HookMovies Microfrontend - Mobile services marketplace platform for connecting service providers with customers",
   "type": "module",
   "files": [