@burdenoff/microfe-hookmovies 2026.706.2 → 2026.706.4

package/dist/hookmovies/pages/ai/ConciergePage.js

@@ -0,0 +1,330 @@
+import { useHookMovies as e } from "../../context/HookMoviesContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { useTitles as r } from "../../hooks/useHookMoviesApi.js";
+import { useFileUrl as i } from "../../hooks/useFiles.js";
+import { formatEnumLabel as a } from "../../utils/formatters.js";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { AlertCircle as d, Film as f, Info as p, MessageSquareText as m, RotateCcw as h, Send as g, Sparkles as _, Wand2 as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlassCard as x } from "@burdenoff/fe-libs/ui";
+//#region src/hookmovies/pages/ai/ConciergePage.tsx
+var S = {
+	limit: 8,
+	offset: 0
+}, C = 700, w = "Simulated response — not a live model";
+function T(e) {
+	let { prompt: t, titles: n, failed: r } = e;
+	if (r) return {
+		text: "I hit a snag reaching the catalog just now, so I couldn't pull recommendations for that. Give it another try in a moment.",
+		note: w
+	};
+	let i = t.trim().toLowerCase(), a = /^(hi|hey|hello|yo|namaste|hola|good (morning|evening|afternoon))\b/.test(i);
+	if (n.length === 0) return a ? {
+		text: "Hi! I'm your watch-concierge. Tell me a mood, a genre, or a title you loved and I'll surface something from the catalog to match.",
+		note: w
+	} : {
+		text: `I couldn't find anything published that matches “${t.trim()}” yet. Try a broader mood — like “something funny”, “a gripping thriller”, or “short films” — and I'll look again.`,
+		note: w
+	};
+	let o = n.length, s = o === 1 ? "title" : "titles", c = [
+		`Great pick of a mood. Based on what's published in your catalog, here ${o === 1 ? "is" : "are"} ${o} ${s} I think you'll enjoy:`,
+		`Say no more — I pulled ${o} real ${s} from the published catalog that fit that vibe:`,
+		`Here's what's streaming that lines up with that. ${o} ${s} worth a look:`,
+		`On it. These ${o} ${s} from your catalog match what you're after:`
+	];
+	return {
+		text: `${c[i.length % c.length]} tap any poster to dive in.`,
+		note: w
+	};
+}
+var E = 0, D = () => (E += 1, `turn-${E}-${Date.now().toString(36)}`), O = new Set(/* @__PURE__ */ "a.an.the.i.me.my.want.wanna.like.love.watch.watching.something.anything.show.me.find.recommend.suggest.give.please.tonight.today.now.for.to.of.and.or.with.about.some.any.good.great.best.can.you.is.are.what.whats.that.this.in.on.up.get.got.im.looking.mood".split("."));
+function k(e) {
+	let t = e.toLowerCase().replace(/[^a-z0-9\s]/g, " ").split(/\s+/).filter(Boolean).filter((e) => !O.has(e) && e.length > 1).slice(0, 6).join(" ").trim();
+	return t.length > 0 ? t : void 0;
+}
+var A = [
+	"Recommend a feel-good movie for tonight",
+	"What documentaries are worth watching?",
+	"Show me something with high drama",
+	"I want a short film under 30 minutes",
+	"Surprise me with anime"
+], j = ({ size: e = "sm", active: n = !1, className: r }) => {
+	let i = e === "lg" ? "h-16 w-16" : "h-8 w-8", a = e === "lg" ? "h-7 w-7" : "h-4 w-4";
+	return /* @__PURE__ */ b("span", {
+		className: t("relative inline-flex shrink-0 items-center justify-center", i, r),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ y("span", { className: t("absolute inset-0 rounded-full bg-action-primary-bg opacity-30 blur-md", n && "motion-safe:animate-ping") }), /* @__PURE__ */ y("span", {
+			className: t("relative inline-flex items-center justify-center rounded-full", "bg-action-primary-bg text-action-primary-text shadow-elevation-2", i),
+			children: /* @__PURE__ */ y(_, { className: a })
+		})]
+	});
+}, M = ({ title: e, onOpen: n }) => {
+	let { data: r, isLoading: o } = i(e.posterFileId), [s, c] = u(!1), l = !!e.posterFileId && !!r && !s, d = [a(e.type), e.releaseYear ? String(e.releaseYear) : null].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ b("button", {
+		type: "button",
+		onClick: () => n(e.id),
+		"aria-label": `Open ${e.title}`,
+		className: "group w-28 shrink-0 snap-start text-left focus:outline-none sm:w-32",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: t("relative aspect-[2/3] overflow-hidden rounded-lg border border-border-seam bg-bg-sunken", "shadow-elevation-1 transition-[border-color,box-shadow] duration-200", "group-hover:border-border-strong group-hover:shadow-elevation-2", "group-focus-visible:ring-2 group-focus-visible:ring-[var(--color-focus-ring)]"),
+				children: [l ? /* @__PURE__ */ y("img", {
+					src: r ?? void 0,
+					alt: `${e.title} poster`,
+					loading: "lazy",
+					onError: () => c(!0),
+					className: "h-full w-full object-cover"
+				}) : /* @__PURE__ */ y("div", {
+					className: t("flex h-full w-full items-center justify-center text-text-muted", o && !!e.posterFileId && "motion-safe:animate-pulse"),
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ y(f, { className: "h-6 w-6" })
+				}), e.aiDisclosure && /* @__PURE__ */ b("span", {
+					className: "absolute right-1.5 top-1.5 inline-flex items-center gap-1 rounded-full bg-bg-canvas/80 px-1.5 py-0.5 text-[10px] font-medium text-text-secondary backdrop-blur-sm",
+					title: "Contains AI-generated or AI-altered content",
+					children: [/* @__PURE__ */ y(_, { className: "h-2.5 w-2.5" }), "AI"]
+				})]
+			}),
+			/* @__PURE__ */ y("p", {
+				className: "mt-1.5 line-clamp-1 text-xs font-medium text-text-primary",
+				children: e.title
+			}),
+			d && /* @__PURE__ */ y("p", {
+				className: "line-clamp-1 text-[11px] text-text-secondary",
+				children: d
+			})
+		]
+	});
+}, N = ({ message: e, onOpenTitle: n }) => e.role === "user" ? /* @__PURE__ */ y("div", {
+	className: "flex justify-end",
+	children: /* @__PURE__ */ y("div", {
+		className: "max-w-[85%] rounded-2xl rounded-br-sm bg-action-primary-bg px-4 py-2.5 text-sm text-action-primary-text shadow-elevation-1 sm:max-w-[75%]",
+		children: /* @__PURE__ */ y("p", {
+			className: "whitespace-pre-wrap break-words",
+			children: e.text
+		})
+	})
+}) : /* @__PURE__ */ b("div", {
+	className: "flex items-start gap-3",
+	children: [/* @__PURE__ */ y(j, { size: "sm" }), /* @__PURE__ */ b("div", {
+		className: "min-w-0 max-w-[85%] sm:max-w-[80%]",
+		children: [/* @__PURE__ */ b("div", {
+			className: "rounded-2xl rounded-tl-sm border border-border-seam bg-bg-surface px-4 py-2.5 shadow-elevation-1",
+			children: [/* @__PURE__ */ y("p", {
+				className: "whitespace-pre-wrap break-words text-sm text-text-primary",
+				children: e.text
+			}), e.note && /* @__PURE__ */ b("p", {
+				className: "mt-1.5 flex items-center gap-1 text-[11px] text-text-muted",
+				children: [/* @__PURE__ */ y(p, { className: "h-3 w-3" }), e.note]
+			})]
+		}), e.titles && e.titles.length > 0 && /* @__PURE__ */ y("div", {
+			className: t("mt-3 flex gap-3 overflow-x-auto pb-2", "snap-x [scrollbar-width:thin]"),
+			children: e.titles.map((e) => /* @__PURE__ */ y(M, {
+				title: e,
+				onOpen: n
+			}, e.id))
+		})]
+	})]
+}), P = () => /* @__PURE__ */ b("div", {
+	className: "flex items-start gap-3",
+	"aria-live": "polite",
+	"aria-label": "Concierge is thinking",
+	children: [/* @__PURE__ */ y(j, {
+		size: "sm",
+		active: !0
+	}), /* @__PURE__ */ y("div", {
+		className: "rounded-2xl rounded-tl-sm border border-border-seam bg-bg-surface px-4 py-3 shadow-elevation-1",
+		children: /* @__PURE__ */ y("span", {
+			className: "flex items-center gap-1",
+			children: [
+				0,
+				1,
+				2
+			].map((e) => /* @__PURE__ */ y("span", {
+				className: "h-2 w-2 rounded-full bg-text-muted motion-safe:animate-bounce",
+				style: { animationDelay: `${e * 150}ms` }
+			}, e))
+		})
+	})]
+}), F = ({ onPick: e, disabled: n, className: r }) => /* @__PURE__ */ y("div", {
+	className: t("flex flex-wrap gap-2", r),
+	children: A.map((r) => /* @__PURE__ */ b("button", {
+		type: "button",
+		disabled: n,
+		onClick: () => e(r),
+		className: t("inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-surface", "px-3 py-1.5 text-xs font-medium text-text-secondary transition-colors", "hover:border-border-strong hover:text-text-primary", "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", "disabled:cursor-not-allowed disabled:opacity-50"),
+		children: [/* @__PURE__ */ y(v, { className: "h-3 w-3 text-action-primary-bg" }), r]
+	}, r))
+}), I = () => {
+	let { navigateTo: i, currentUser: a } = e(), [f, p] = u([]), [_, v] = u(""), [w, E] = u(null), [O, A] = u(!1), M = l(null), I = r({ status: "PUBLISHED" }, S, w?.term), L = o((e) => i(`title/${e}`), [i]);
+	s(() => {
+		if (!w) return;
+		A(!1);
+		let e = window.setTimeout(() => A(!0), C);
+		return () => window.clearTimeout(e);
+	}, [w]), s(() => {
+		if (!w || !O || I.isFetching) return;
+		let e = I.isSuccess ? I.data.items : [], t = T({
+			prompt: w.prompt,
+			titles: e,
+			failed: I.isError
+		});
+		p((n) => [...n, {
+			id: w.turnId,
+			role: "assistant",
+			text: t.text,
+			note: t.note,
+			titles: e
+		}]), E(null);
+	}, [
+		w,
+		O,
+		I.isFetching,
+		I.isSuccess,
+		I.isError,
+		I.data
+	]), s(() => {
+		M.current?.scrollTo({
+			top: M.current.scrollHeight,
+			behavior: "smooth"
+		});
+	}, [f, w]);
+	let R = o((e) => {
+		let t = e.trim();
+		!t || w || (p((e) => [...e, {
+			id: D(),
+			role: "user",
+			text: t
+		}]), v(""), E({
+			turnId: D(),
+			prompt: t,
+			term: k(t)
+		}));
+	}, [w]), z = (e) => {
+		e.preventDefault(), R(_);
+	}, B = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), R(_));
+	}, V = () => {
+		p([]), E(null), v("");
+	}, H = c(() => {
+		let e = a?.name?.trim();
+		if (e) return e.split(/\s+/)[0];
+		let t = a?.email?.trim();
+		return t ? t.split("@")[0] : null;
+	}, [a]), U = w !== null, W = f.length > 0 || U;
+	return /* @__PURE__ */ y(n, {
+		hero: !0,
+		title: /* @__PURE__ */ b("span", {
+			className: "inline-flex items-center gap-2",
+			children: [/* @__PURE__ */ y(m, { className: "h-6 w-6 text-action-primary-bg" }), "AI Watch-Concierge"]
+		}),
+		description: "Describe a mood or genre and get real catalog picks back, instantly.",
+		purpose: "Ask for something to watch in plain language and the concierge surfaces titles from your published catalog as tappable posters. Responses are a simulated preview; the recommendations themselves are real.",
+		actions: W ? /* @__PURE__ */ b("button", {
+			type: "button",
+			onClick: V,
+			disabled: U,
+			className: t("inline-flex items-center gap-2 rounded-lg border border-border-strong bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors", "hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", "disabled:cursor-not-allowed disabled:opacity-50"),
+			children: [/* @__PURE__ */ y(h, { className: "h-4 w-4" }), "New chat"]
+		}) : void 0,
+		children: /* @__PURE__ */ b("div", {
+			className: "mx-auto flex h-full max-w-3xl flex-col",
+			children: [
+				/* @__PURE__ */ b("div", {
+					role: "note",
+					className: "mb-4 flex shrink-0 items-center gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text",
+					children: [/* @__PURE__ */ y(d, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ b("span", { children: [/* @__PURE__ */ y("strong", {
+						className: "font-semibold",
+						children: "Preview"
+					}), " — AI responses are simulated. Title recommendations are pulled live from your real catalog."] })]
+				}),
+				/* @__PURE__ */ y("div", {
+					ref: M,
+					className: "flex-1 overflow-y-auto pr-1",
+					children: W ? /* @__PURE__ */ b("div", {
+						className: "space-y-5 py-2",
+						role: "log",
+						"aria-live": "polite",
+						"aria-relevant": "additions",
+						children: [f.map((e) => /* @__PURE__ */ y(N, {
+							message: e,
+							onOpenTitle: L
+						}, e.id)), U && /* @__PURE__ */ y(P, {})]
+					}) : /* @__PURE__ */ b("div", {
+						className: "flex min-h-full flex-col items-center justify-center py-10 text-center",
+						children: [
+							/* @__PURE__ */ y(j, {
+								size: "lg",
+								active: !0,
+								className: "mb-5"
+							}),
+							/* @__PURE__ */ y("h2", {
+								className: "text-xl font-semibold text-text-primary sm:text-2xl",
+								children: H ? `Hi ${H} — what are you in the mood for?` : "What are you in the mood for?"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "mt-2 max-w-md text-sm text-text-secondary",
+								children: "Tell me a vibe, a genre, or a title you loved. I'll surface real picks from what's published in your catalog."
+							}),
+							/* @__PURE__ */ y(F, {
+								onPick: R,
+								disabled: U,
+								className: "mt-6 justify-center"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "shrink-0 pt-4",
+					children: [
+						W && /* @__PURE__ */ y(F, {
+							onPick: R,
+							disabled: U,
+							className: "mb-3"
+						}),
+						/* @__PURE__ */ y(x, {
+							treatment: "glass",
+							className: "border-border-seam p-2",
+							children: /* @__PURE__ */ b("form", {
+								onSubmit: z,
+								className: "flex items-end gap-2",
+								children: [
+									/* @__PURE__ */ y("label", {
+										htmlFor: "concierge-input",
+										className: "sr-only",
+										children: "Message the watch-concierge"
+									}),
+									/* @__PURE__ */ y("textarea", {
+										id: "concierge-input",
+										rows: 1,
+										value: _,
+										onChange: (e) => v(e.target.value),
+										onKeyDown: B,
+										placeholder: "Ask for something to watch…",
+										disabled: U,
+										className: t("max-h-32 min-h-[2.5rem] flex-1 resize-none bg-transparent px-3 py-2 text-sm text-text-primary", "placeholder:text-text-secondary focus:outline-none disabled:opacity-60")
+									}),
+									/* @__PURE__ */ y("button", {
+										type: "submit",
+										disabled: U || _.trim().length === 0,
+										"aria-label": "Send message",
+										className: t("inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg text-action-primary-text shadow-elevation-1 transition-opacity", "hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", "disabled:cursor-not-allowed disabled:opacity-40"),
+										children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ y("p", {
+							className: "mt-2 text-center text-[11px] text-text-muted",
+							children: "Press Enter to send · Shift + Enter for a new line"
+						})
+					]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { I as ConciergePage };
+
+//# sourceMappingURL=ConciergePage.js.map

package/dist/hookmovies/pages/ai/ConciergePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConciergePage.js","names":[],"sources":["../../../../src/hookmovies/pages/ai/ConciergePage.tsx"],"sourcesContent":["/**\n * AI Watch-Concierge (Consumer)\n * @module hookmovies/pages/ai\n *\n * A polished, conversational surface where a viewer can ask for something to\n * watch and get poster recommendations back inline.\n *\n * IMPORTANT — this is a PREVIEW: the assistant's *prose* is MOCKED (canned,\n * deterministic) and is clearly labelled as such throughout the UI (\"Preview —\n * AI responses are simulated\"). It is NOT a live LLM.\n *\n * To keep the experience grounded and honest, every recommendation card is\n * REAL: each user turn drives a live `hokListTitles(search:)` query against the\n * published catalog (via {@link useTitles}) and the returned titles are rendered\n * as tappable poster cards that deep-link into the consumer title view. So the\n * cards are truthful catalog data even though the surrounding prose is canned.\n *\n * The seam for a real model is a single function — {@link getConciergeReply}.\n * Swap its body for a call to a real concierge endpoint that returns the same\n * `ConciergeReply` shape and the rest of this component needs no change.\n *\n * Fully tokenized (fe-libs semantic tokens only — no raw colors), mobile-first,\n * reduce-motion friendly, with loading / empty / error handling for the live\n * recommendation queries.\n */\n\nimport {\n  type FC,\n  type FormEvent,\n  type KeyboardEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Sparkles,\n  Send,\n  Film,\n  Wand2,\n  RotateCcw,\n  Info,\n  AlertCircle,\n  MessageSquareText,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useHookMovies } from '../../context/HookMoviesContext';\nimport { useTitles, type HokTitle } from '../../hooks/useHookMoviesApi';\nimport { useFileUrl } from '../../hooks/useFiles';\nimport { cn } from '../../utils/cn';\nimport { formatEnumLabel } from '../../utils/formatters';\n\n// Recommendations returned per turn — enough to fill one scrollable rail.\nconst RECO_PAGE = { limit: 8, offset: 0 } as const;\n\n// A short, deliberate \"thinking\" beat so the simulated reply feels considered\n// (and, incidentally, guarantees the live recommendation query has settled for\n// the current turn before we render the answer — see the resolver effect).\nconst THINKING_MS = 700;\n\nconst SIMULATED_NOTE = 'Simulated response — not a live model';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype ChatRole = 'user' | 'assistant';\n\ninterface ChatMessage {\n  id: string;\n  role: ChatRole;\n  text: string;\n  /** Optional \"this was simulated\" caption shown under assistant prose. */\n  note?: string;\n  /** Real catalog titles surfaced as recommendation cards for this turn. */\n  titles?: HokTitle[];\n}\n\ninterface PendingTurn {\n  turnId: string;\n  prompt: string;\n  /** Derived search term driving the live `hokListTitles` query. */\n  term?: string;\n}\n\ninterface ConciergeReply {\n  text: string;\n  note?: string;\n}\n\n// ============================================================================\n// Mock reply engine — THE SINGLE SEAM for a real LLM\n// ============================================================================\n\n/**\n * Produce the concierge's prose reply for a turn.\n *\n * TODAY: returns a deterministic, clearly-labelled MOCK grounded in the real\n * titles that were just fetched from the catalog. It never claims to be a live\n * model and always carries the {@link SIMULATED_NOTE}.\n *\n * LATER: replace the body with a call to a real concierge endpoint (streaming\n * or request/response) that returns the same {@link ConciergeReply} shape. No\n * other part of this component needs to change — the UI already renders `text`,\n * the optional `note`, and the real `titles` cards independently.\n */\nfunction getConciergeReply(args: {\n  prompt: string;\n  titles: HokTitle[];\n  failed: boolean;\n}): ConciergeReply {\n  const { prompt, titles, failed } = args;\n\n  if (failed) {\n    return {\n      text: \"I hit a snag reaching the catalog just now, so I couldn't pull recommendations for that. Give it another try in a moment.\",\n      note: SIMULATED_NOTE,\n    };\n  }\n\n  const normalized = prompt.trim().toLowerCase();\n  const isGreeting = /^(hi|hey|hello|yo|namaste|hola|good (morning|evening|afternoon))\\b/.test(\n    normalized\n  );\n\n  if (titles.length === 0) {\n    if (isGreeting) {\n      return {\n        text: \"Hi! I'm your watch-concierge. Tell me a mood, a genre, or a title you loved and I'll surface something from the catalog to match.\",\n        note: SIMULATED_NOTE,\n      };\n    }\n    return {\n      text: `I couldn't find anything published that matches “${prompt.trim()}” yet. Try a broader mood — like “something funny”, “a gripping thriller”, or “short films” — and I'll look again.`,\n      note: SIMULATED_NOTE,\n    };\n  }\n\n  const count = titles.length;\n  const plural = count === 1 ? 'title' : 'titles';\n  const leadIns = [\n    `Great pick of a mood. Based on what's published in your catalog, here ${count === 1 ? 'is' : 'are'} ${count} ${plural} I think you'll enjoy:`,\n    `Say no more — I pulled ${count} real ${plural} from the published catalog that fit that vibe:`,\n    `Here's what's streaming that lines up with that. ${count} ${plural} worth a look:`,\n    `On it. These ${count} ${plural} from your catalog match what you're after:`,\n  ];\n  // Deterministic variety without randomness (stable across re-renders).\n  const lead = leadIns[normalized.length % leadIns.length];\n\n  return {\n    text: `${lead} tap any poster to dive in.`,\n    note: SIMULATED_NOTE,\n  };\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nlet turnCounter = 0;\nconst nextId = (): string => {\n  turnCounter += 1;\n  return `turn-${turnCounter}-${Date.now().toString(36)}`;\n};\n\n// Words that add no signal to a catalog search — stripped before querying.\nconst STOPWORDS = new Set([\n  'a',\n  'an',\n  'the',\n  'i',\n  'me',\n  'my',\n  'want',\n  'wanna',\n  'like',\n  'love',\n  'watch',\n  'watching',\n  'something',\n  'anything',\n  'show',\n  'me',\n  'find',\n  'recommend',\n  'suggest',\n  'give',\n  'please',\n  'tonight',\n  'today',\n  'now',\n  'for',\n  'to',\n  'of',\n  'and',\n  'or',\n  'with',\n  'about',\n  'some',\n  'any',\n  'good',\n  'great',\n  'best',\n  'can',\n  'you',\n  'is',\n  'are',\n  'what',\n  'whats',\n  'that',\n  'this',\n  'in',\n  'on',\n  'up',\n  'get',\n  'got',\n  'im',\n  'looking',\n  'mood',\n]);\n\n/**\n * Reduce a free-text prompt to a concise search term for `hokListTitles`.\n * Keeps the most meaningful keywords (mood / genre / title words); returns\n * `undefined` when nothing meaningful remains (the catalog then lists its\n * freshest published titles as generic \"surprise me\" picks).\n */\nfunction deriveSearchTerm(prompt: string): string | undefined {\n  const words = prompt\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s]/g, ' ')\n    .split(/\\s+/)\n    .filter(Boolean)\n    .filter((w) => !STOPWORDS.has(w) && w.length > 1);\n  const term = words.slice(0, 6).join(' ').trim();\n  return term.length > 0 ? term : undefined;\n}\n\nconst SUGGESTED_PROMPTS = [\n  'Recommend a feel-good movie for tonight',\n  'What documentaries are worth watching?',\n  'Show me something with high drama',\n  'I want a short film under 30 minutes',\n  'Surprise me with anime',\n] as const;\n\n// ============================================================================\n// AI orb — the crimson concierge avatar (brand action-primary tokens only)\n// ============================================================================\n\ninterface AiOrbProps {\n  size?: 'sm' | 'lg';\n  /** Pulse the halo (used on the hero / while thinking). */\n  active?: boolean;\n  className?: string;\n}\n\nconst AiOrb: FC<AiOrbProps> = ({ size = 'sm', active = false, className }) => {\n  const dim = size === 'lg' ? 'h-16 w-16' : 'h-8 w-8';\n  const glyph = size === 'lg' ? 'h-7 w-7' : 'h-4 w-4';\n  return (\n    <span\n      className={cn('relative inline-flex shrink-0 items-center justify-center', dim, className)}\n      aria-hidden=\"true\"\n    >\n      {/* Soft crimson halo — brand accent, softened so it reads as a glow. */}\n      <span\n        className={cn(\n          'absolute inset-0 rounded-full bg-action-primary-bg opacity-30 blur-md',\n          active && 'motion-safe:animate-ping'\n        )}\n      />\n      <span\n        className={cn(\n          'relative inline-flex items-center justify-center rounded-full',\n          'bg-action-primary-bg text-action-primary-text shadow-elevation-2',\n          dim\n        )}\n      >\n        <Sparkles className={glyph} />\n      </span>\n    </span>\n  );\n};\n\n// ============================================================================\n// RecoCard — a compact, real catalog poster surfaced inline in a reply\n// ============================================================================\n\ninterface RecoCardProps {\n  title: HokTitle;\n  onOpen: (id: string) => void;\n}\n\nconst RecoCard: FC<RecoCardProps> = ({ title, onOpen }) => {\n  const { data: url, isLoading } = useFileUrl(title.posterFileId);\n  const [errored, setErrored] = useState(false);\n\n  const showImage = Boolean(title.posterFileId) && Boolean(url) && !errored;\n  const meta = [formatEnumLabel(title.type), title.releaseYear ? String(title.releaseYear) : null]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onOpen(title.id)}\n      aria-label={`Open ${title.title}`}\n      className=\"group w-28 shrink-0 snap-start text-left focus:outline-none sm:w-32\"\n    >\n      <div\n        className={cn(\n          'relative aspect-[2/3] overflow-hidden rounded-lg border border-border-seam bg-bg-sunken',\n          'shadow-elevation-1 transition-[border-color,box-shadow] duration-200',\n          'group-hover:border-border-strong group-hover:shadow-elevation-2',\n          'group-focus-visible:ring-2 group-focus-visible:ring-[var(--color-focus-ring)]'\n        )}\n      >\n        {showImage ? (\n          <img\n            src={url ?? undefined}\n            alt={`${title.title} poster`}\n            loading=\"lazy\"\n            onError={() => setErrored(true)}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <div\n            className={cn(\n              'flex h-full w-full items-center justify-center text-text-muted',\n              isLoading && Boolean(title.posterFileId) && 'motion-safe:animate-pulse'\n            )}\n            aria-hidden=\"true\"\n          >\n            <Film className=\"h-6 w-6\" />\n          </div>\n        )}\n\n        {title.aiDisclosure && (\n          <span\n            className=\"absolute right-1.5 top-1.5 inline-flex items-center gap-1 rounded-full bg-bg-canvas/80 px-1.5 py-0.5 text-[10px] font-medium text-text-secondary backdrop-blur-sm\"\n            title=\"Contains AI-generated or AI-altered content\"\n          >\n            <Sparkles className=\"h-2.5 w-2.5\" />\n            AI\n          </span>\n        )}\n      </div>\n      <p className=\"mt-1.5 line-clamp-1 text-xs font-medium text-text-primary\">{title.title}</p>\n      {meta && <p className=\"line-clamp-1 text-[11px] text-text-secondary\">{meta}</p>}\n    </button>\n  );\n};\n\n// ============================================================================\n// MessageRow — one user or assistant turn\n// ============================================================================\n\ninterface MessageRowProps {\n  message: ChatMessage;\n  onOpenTitle: (id: string) => void;\n}\n\nconst MessageRow: FC<MessageRowProps> = ({ message, onOpenTitle }) => {\n  const isUser = message.role === 'user';\n\n  if (isUser) {\n    return (\n      <div className=\"flex justify-end\">\n        <div className=\"max-w-[85%] rounded-2xl rounded-br-sm bg-action-primary-bg px-4 py-2.5 text-sm text-action-primary-text shadow-elevation-1 sm:max-w-[75%]\">\n          <p className=\"whitespace-pre-wrap break-words\">{message.text}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex items-start gap-3\">\n      <AiOrb size=\"sm\" />\n      <div className=\"min-w-0 max-w-[85%] sm:max-w-[80%]\">\n        <div className=\"rounded-2xl rounded-tl-sm border border-border-seam bg-bg-surface px-4 py-2.5 shadow-elevation-1\">\n          <p className=\"whitespace-pre-wrap break-words text-sm text-text-primary\">\n            {message.text}\n          </p>\n          {message.note && (\n            <p className=\"mt-1.5 flex items-center gap-1 text-[11px] text-text-muted\">\n              <Info className=\"h-3 w-3\" />\n              {message.note}\n            </p>\n          )}\n        </div>\n\n        {message.titles && message.titles.length > 0 && (\n          <div\n            className={cn('mt-3 flex gap-3 overflow-x-auto pb-2', 'snap-x [scrollbar-width:thin]')}\n          >\n            {message.titles.map((title) => (\n              <RecoCard key={title.id} title={title} onOpen={onOpenTitle} />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\n// ============================================================================\n// TypingIndicator — the \"thinking\" bubble while a turn resolves\n// ============================================================================\n\nconst TypingIndicator: FC = () => (\n  <div className=\"flex items-start gap-3\" aria-live=\"polite\" aria-label=\"Concierge is thinking\">\n    <AiOrb size=\"sm\" active />\n    <div className=\"rounded-2xl rounded-tl-sm border border-border-seam bg-bg-surface px-4 py-3 shadow-elevation-1\">\n      <span className=\"flex items-center gap-1\">\n        {[0, 1, 2].map((i) => (\n          <span\n            key={i}\n            className=\"h-2 w-2 rounded-full bg-text-muted motion-safe:animate-bounce\"\n            style={{ animationDelay: `${i * 150}ms` }}\n          />\n        ))}\n      </span>\n    </div>\n  </div>\n);\n\n// ============================================================================\n// ChipRow — suggested-prompt chips\n// ============================================================================\n\ninterface ChipRowProps {\n  onPick: (prompt: string) => void;\n  disabled: boolean;\n  className?: string;\n}\n\nconst ChipRow: FC<ChipRowProps> = ({ onPick, disabled, className }) => (\n  <div className={cn('flex flex-wrap gap-2', className)}>\n    {SUGGESTED_PROMPTS.map((prompt) => (\n      <button\n        key={prompt}\n        type=\"button\"\n        disabled={disabled}\n        onClick={() => onPick(prompt)}\n        className={cn(\n          'inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-surface',\n          'px-3 py-1.5 text-xs font-medium text-text-secondary 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          'disabled:cursor-not-allowed disabled:opacity-50'\n        )}\n      >\n        <Wand2 className=\"h-3 w-3 text-action-primary-bg\" />\n        {prompt}\n      </button>\n    ))}\n  </div>\n);\n\n// ============================================================================\n// ConciergePage\n// ============================================================================\n\nexport const ConciergePage: FC = () => {\n  const { navigateTo, currentUser } = useHookMovies();\n\n  const [messages, setMessages] = useState<ChatMessage[]>([]);\n  const [input, setInput] = useState('');\n  const [pending, setPending] = useState<PendingTurn | null>(null);\n  const [thinkingElapsed, setThinkingElapsed] = useState(false);\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  // Live recommendation query for the in-flight turn. When there's no pending\n  // turn `term` is undefined and this simply lists freshest published titles —\n  // harmless, and keeps the hook mounted so the query cache stays warm.\n  const recos = useTitles({ status: 'PUBLISHED' }, RECO_PAGE, pending?.term);\n\n  const openTitle = useCallback((id: string) => navigateTo(`title/${id}`), [navigateTo]);\n\n  // Kick off (and reset) the deliberate \"thinking\" beat for each new turn.\n  useEffect(() => {\n    if (!pending) return;\n    setThinkingElapsed(false);\n    const handle = window.setTimeout(() => setThinkingElapsed(true), THINKING_MS);\n    return () => window.clearTimeout(handle);\n  }, [pending]);\n\n  // Resolve the pending turn once the thinking beat has passed AND the live\n  // recommendation query has settled for the current term. The timer guarantees\n  // the query for the new term has begun, so `!isFetching` here means it has\n  // finished for THIS turn (not a stale prior result).\n  useEffect(() => {\n    if (!pending || !thinkingElapsed || recos.isFetching) return;\n\n    const titles = recos.isSuccess ? recos.data.items : [];\n    const reply = getConciergeReply({\n      prompt: pending.prompt,\n      titles,\n      failed: recos.isError,\n    });\n\n    setMessages((prev) => [\n      ...prev,\n      {\n        id: pending.turnId,\n        role: 'assistant',\n        text: reply.text,\n        note: reply.note,\n        titles,\n      },\n    ]);\n    setPending(null);\n  }, [pending, thinkingElapsed, recos.isFetching, recos.isSuccess, recos.isError, recos.data]);\n\n  // Auto-scroll to the newest turn.\n  useEffect(() => {\n    scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: 'smooth' });\n  }, [messages, pending]);\n\n  const send = useCallback(\n    (raw: string) => {\n      const trimmed = raw.trim();\n      if (!trimmed || pending) return;\n      setMessages((prev) => [...prev, { id: nextId(), role: 'user', text: trimmed }]);\n      setInput('');\n      setPending({ turnId: nextId(), prompt: trimmed, term: deriveSearchTerm(trimmed) });\n    },\n    [pending]\n  );\n\n  const handleSubmit = (event: FormEvent) => {\n    event.preventDefault();\n    send(input);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      send(input);\n    }\n  };\n\n  const resetConversation = () => {\n    setMessages([]);\n    setPending(null);\n    setInput('');\n  };\n\n  const firstName = useMemo(() => {\n    const name = currentUser?.name?.trim();\n    if (name) return name.split(/\\s+/)[0];\n    const email = currentUser?.email?.trim();\n    return email ? email.split('@')[0] : null;\n  }, [currentUser]);\n\n  const isBusy = pending !== null;\n  const hasConversation = messages.length > 0 || isBusy;\n\n  return (\n    <PageLayout\n      hero\n      title={\n        <span className=\"inline-flex items-center gap-2\">\n          <MessageSquareText className=\"h-6 w-6 text-action-primary-bg\" />\n          AI Watch-Concierge\n        </span>\n      }\n      description=\"Describe a mood or genre and get real catalog picks back, instantly.\"\n      purpose=\"Ask for something to watch in plain language and the concierge surfaces titles from your published catalog as tappable posters. Responses are a simulated preview; the recommendations themselves are real.\"\n      actions={\n        hasConversation ? (\n          <button\n            type=\"button\"\n            onClick={resetConversation}\n            disabled={isBusy}\n            className={cn(\n              'inline-flex items-center gap-2 rounded-lg border border-border-strong bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary transition-colors',\n              'hover:bg-bg-sunken focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n              'disabled:cursor-not-allowed disabled:opacity-50'\n            )}\n          >\n            <RotateCcw className=\"h-4 w-4\" />\n            New chat\n          </button>\n        ) : undefined\n      }\n    >\n      <div className=\"mx-auto flex h-full max-w-3xl flex-col\">\n        {/* Simulated-preview banner — always visible, unambiguous. */}\n        <div\n          role=\"note\"\n          className=\"mb-4 flex shrink-0 items-center gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text\"\n        >\n          <AlertCircle className=\"h-4 w-4 shrink-0\" />\n          <span>\n            <strong className=\"font-semibold\">Preview</strong> — AI responses are simulated. Title\n            recommendations are pulled live from your real catalog.\n          </span>\n        </div>\n\n        {/* Conversation / intro */}\n        <div ref={scrollRef} className=\"flex-1 overflow-y-auto pr-1\">\n          {!hasConversation ? (\n            <div className=\"flex min-h-full flex-col items-center justify-center py-10 text-center\">\n              <AiOrb size=\"lg\" active className=\"mb-5\" />\n              <h2 className=\"text-xl font-semibold text-text-primary sm:text-2xl\">\n                {firstName\n                  ? `Hi ${firstName} — what are you in the mood for?`\n                  : 'What are you in the mood for?'}\n              </h2>\n              <p className=\"mt-2 max-w-md text-sm text-text-secondary\">\n                Tell me a vibe, a genre, or a title you loved. I'll surface real picks from what's\n                published in your catalog.\n              </p>\n              <ChipRow onPick={send} disabled={isBusy} className=\"mt-6 justify-center\" />\n            </div>\n          ) : (\n            <div className=\"space-y-5 py-2\" role=\"log\" aria-live=\"polite\" aria-relevant=\"additions\">\n              {messages.map((message) => (\n                <MessageRow key={message.id} message={message} onOpenTitle={openTitle} />\n              ))}\n              {isBusy && <TypingIndicator />}\n            </div>\n          )}\n        </div>\n\n        {/* Composer */}\n        <div className=\"shrink-0 pt-4\">\n          {hasConversation && <ChipRow onPick={send} disabled={isBusy} className=\"mb-3\" />}\n          <GlassCard treatment=\"glass\" className=\"border-border-seam p-2\">\n            <form onSubmit={handleSubmit} className=\"flex items-end gap-2\">\n              <label htmlFor=\"concierge-input\" className=\"sr-only\">\n                Message the watch-concierge\n              </label>\n              <textarea\n                id=\"concierge-input\"\n                rows={1}\n                value={input}\n                onChange={(event) => setInput(event.target.value)}\n                onKeyDown={handleKeyDown}\n                placeholder=\"Ask for something to watch…\"\n                disabled={isBusy}\n                className={cn(\n                  'max-h-32 min-h-[2.5rem] flex-1 resize-none bg-transparent px-3 py-2 text-sm text-text-primary',\n                  'placeholder:text-text-secondary focus:outline-none disabled:opacity-60'\n                )}\n              />\n              <button\n                type=\"submit\"\n                disabled={isBusy || input.trim().length === 0}\n                aria-label=\"Send message\"\n                className={cn(\n                  'inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg text-action-primary-text shadow-elevation-1 transition-opacity',\n                  'hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n                  'disabled:cursor-not-allowed disabled:opacity-40'\n                )}\n              >\n                <Send className=\"h-4 w-4\" />\n              </button>\n            </form>\n          </GlassCard>\n          <p className=\"mt-2 text-center text-[11px] text-text-muted\">\n            Press Enter to send · Shift + Enter for a new line\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}