@burdenoff/microfe-hookmovies 2026.626.2 → 2026.628.1

package/dist/hookmovies/pages/auditions/AuditionDetailPage.js

@@ -0,0 +1,266 @@
+import { useHookMovies as e } from "../../context/HookMoviesContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { useApplyToAudition as r, useAuditionApplications as i, useAuditionById as a, useCloseAudition as o, useScoreApplication as s } from "../../hooks/useHookMoviesApi.js";
+import { formatDate as c, formatMinorUnits as l, formatRelativeTime as u } from "../../utils/formatters.js";
+import { ErrorState as d, LoadingState as f } from "../../components/StateViews.js";
+import { useState as p } from "react";
+import { ArrowLeft as m, Clock as h, Coins as g, Languages as _, Lock as v, MapPin as y, Send as b, Users as x } from "lucide-react";
+import { useParams as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { GlassCard as T } from "@burdenoff/fe-libs/ui";
+//#region src/hookmovies/pages/auditions/AuditionDetailPage.tsx
+var E = "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)]", D = () => {
+	let { id: D } = S(), { navigateTo: O } = e(), { data: k, isLoading: A, isError: j, refetch: M } = a(D), N = i(D), P = r(), F = s(), I = o(), [L, R] = p(""), [z, B] = p(""), [V, H] = p(null), [U, W] = p(!1), [G, K] = p(null);
+	if (A) return /* @__PURE__ */ C(t, {
+		title: "Audition",
+		children: /* @__PURE__ */ C(f, { label: "Loading audition…" })
+	});
+	if (j || !k) return /* @__PURE__ */ C(t, {
+		title: "Audition",
+		children: /* @__PURE__ */ C(d, {
+			title: "Audition not found",
+			onRetry: () => void M()
+		})
+	});
+	let q = async (e) => {
+		e.preventDefault(), H(null);
+		try {
+			await P.mutateAsync({
+				auditionId: k.id,
+				coverNote: L.trim() || void 0,
+				selfTapeFileId: z.trim() || void 0
+			}), W(!0), R(""), B("");
+		} catch (e) {
+			H(e instanceof Error ? e.message : "Failed to apply");
+		}
+	}, J = async (e, t) => {
+		K(null);
+		try {
+			await F.mutateAsync({
+				id: e,
+				score: t
+			});
+		} catch (e) {
+			K(e instanceof Error ? e.message : "Failed to score");
+		}
+	}, Y = k.status === "OPEN", X = N.data ?? [];
+	return /* @__PURE__ */ C(t, {
+		title: /* @__PURE__ */ w("span", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ C("button", {
+				type: "button",
+				onClick: () => O("auditions"),
+				className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
+				"aria-label": "Back to auditions",
+				children: /* @__PURE__ */ C(m, { className: "h-5 w-5" })
+			}), k.roleName]
+		}),
+		description: k.production?.title ?? "Casting call",
+		actions: /* @__PURE__ */ w("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ C(n, { status: k.status }), Y && /* @__PURE__ */ w("button", {
+				type: "button",
+				disabled: I.isPending,
+				onClick: () => void I.mutateAsync(k.id),
+				className: "inline-flex items-center gap-1 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken disabled:opacity-50 transition-colors",
+				children: [/* @__PURE__ */ C(v, { className: "h-3.5 w-3.5" }), "Close"]
+			})]
+		}),
+		children: /* @__PURE__ */ w("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ w("div", {
+				className: "space-y-6 lg:col-span-2",
+				children: [k.description && /* @__PURE__ */ w(T, {
+					treatment: "metric",
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ C("h2", {
+						className: "mb-2 text-sm font-semibold text-text-primary",
+						children: "Role Description"
+					}), /* @__PURE__ */ C("p", {
+						className: "text-sm leading-relaxed text-text-secondary",
+						children: k.description
+					})]
+				}), /* @__PURE__ */ w(T, {
+					treatment: "metric",
+					className: "border-border-seam p-5",
+					children: [
+						/* @__PURE__ */ w("h2", {
+							className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
+							children: [
+								/* @__PURE__ */ C(x, { className: "h-4 w-4" }),
+								"Applicants (",
+								X.length,
+								")"
+							]
+						}),
+						G && /* @__PURE__ */ C("div", {
+							className: "mb-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-xs text-status-error-text",
+							children: G
+						}),
+						N.isLoading ? /* @__PURE__ */ C(f, {
+							label: "Loading applicants…",
+							className: "min-h-[120px]"
+						}) : X.length === 0 ? /* @__PURE__ */ C("p", {
+							className: "text-sm text-text-secondary",
+							children: "No applications yet."
+						}) : /* @__PURE__ */ C("ul", {
+							className: "space-y-3",
+							children: X.map((e) => /* @__PURE__ */ w("li", {
+								className: "rounded-lg border border-border-seam bg-bg-surface p-3",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center justify-between gap-2",
+										children: [/* @__PURE__ */ w("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ w("p", {
+												className: "truncate text-sm font-medium text-text-primary",
+												children: ["Applicant ", e.applicantId.slice(0, 8)]
+											}), /* @__PURE__ */ w("p", {
+												className: "text-xs text-text-secondary",
+												children: ["Applied ", u(e.createdAt)]
+											})]
+										}), /* @__PURE__ */ C(n, { status: e.status })]
+									}),
+									e.coverNote && /* @__PURE__ */ C("p", {
+										className: "mt-2 text-sm text-text-secondary",
+										children: e.coverNote
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "mt-3 flex items-center gap-2",
+										children: [/* @__PURE__ */ C("span", {
+											className: "text-xs text-text-secondary",
+											children: "Score:"
+										}), [
+											1,
+											2,
+											3,
+											4,
+											5
+										].map((t) => /* @__PURE__ */ C("button", {
+											type: "button",
+											disabled: F.isPending,
+											onClick: () => void J(e.id, t),
+											className: e.score === t ? "h-7 w-7 rounded-md bg-action-primary-bg text-xs font-semibold text-action-primary-text" : "h-7 w-7 rounded-md border border-border-seam text-xs text-text-primary hover:bg-bg-sunken transition-colors",
+											children: t
+										}, t))]
+									})
+								]
+							}, e.id))
+						})
+					]
+				})]
+			}), /* @__PURE__ */ w("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ w(T, {
+					treatment: "metric",
+					className: "border-border-seam p-5",
+					children: [
+						/* @__PURE__ */ C("h2", {
+							className: "mb-3 text-sm font-semibold text-text-primary",
+							children: "Details"
+						}),
+						/* @__PURE__ */ w("dl", {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ w("dt", {
+										className: "flex items-center gap-2 text-text-secondary",
+										children: [/* @__PURE__ */ C(g, { className: "h-3.5 w-3.5" }), "Pay"]
+									}), /* @__PURE__ */ C("dd", {
+										className: "font-medium text-text-primary",
+										children: l(k.payMinorUnits, k.currency)
+									})]
+								}),
+								k.location && /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ w("dt", {
+										className: "flex items-center gap-2 text-text-secondary",
+										children: [/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5" }), "Location"]
+									}), /* @__PURE__ */ C("dd", {
+										className: "font-medium text-text-primary",
+										children: k.location
+									})]
+								}),
+								k.language && /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ w("dt", {
+										className: "flex items-center gap-2 text-text-secondary",
+										children: [/* @__PURE__ */ C(_, { className: "h-3.5 w-3.5" }), "Language"]
+									}), /* @__PURE__ */ C("dd", {
+										className: "font-medium text-text-primary",
+										children: k.language
+									})]
+								}),
+								k.submissionDeadline && /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ w("dt", {
+										className: "flex items-center gap-2 text-text-secondary",
+										children: [/* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" }), "Deadline"]
+									}), /* @__PURE__ */ C("dd", {
+										className: "font-medium text-text-primary",
+										children: c(k.submissionDeadline, {
+											hour: void 0,
+											minute: void 0
+										})
+									})]
+								})
+							]
+						}),
+						k.isMinorRole && /* @__PURE__ */ C("p", {
+							className: "mt-3 rounded-lg bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text",
+							children: "This is a minor role. Guardian consent and restricted communications apply."
+						})
+					]
+				}), /* @__PURE__ */ w(T, {
+					treatment: "glass",
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ C("h2", {
+						className: "mb-3 text-sm font-semibold text-text-primary",
+						children: "Apply"
+					}), U ? /* @__PURE__ */ C("p", {
+						className: "rounded-lg bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text",
+						children: "Your application has been submitted."
+					}) : Y ? /* @__PURE__ */ w("form", {
+						onSubmit: q,
+						className: "space-y-3",
+						children: [
+							V && /* @__PURE__ */ C("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: V
+							}),
+							/* @__PURE__ */ C("textarea", {
+								value: L,
+								onChange: (e) => R(e.target.value),
+								rows: 3,
+								placeholder: "Cover note (why you're right for this role)",
+								className: E
+							}),
+							/* @__PURE__ */ C("input", {
+								type: "text",
+								value: z,
+								onChange: (e) => B(e.target.value),
+								placeholder: "Self-tape file ID (optional)",
+								className: E
+							}),
+							/* @__PURE__ */ w("button", {
+								type: "submit",
+								disabled: P.isPending,
+								className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity",
+								children: [/* @__PURE__ */ C(b, { className: "h-4 w-4" }), P.isPending ? "Submitting…" : "Submit Application"]
+							})
+						]
+					}) : /* @__PURE__ */ C("p", {
+						className: "text-sm text-text-secondary",
+						children: "This audition is no longer open."
+					})]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { D as AuditionDetailPage };
+
+//# sourceMappingURL=AuditionDetailPage.js.map

package/dist/hookmovies/pages/auditions/AuditionDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditionDetailPage.js","names":[],"sources":["../../../../src/hookmovies/pages/auditions/AuditionDetailPage.tsx"],"sourcesContent":["/**\n * Audition detail (Casting marketplace)\n * @module hookmovies/pages/auditions\n *\n * Two-sided surface:\n *  - Talent can apply via `hokApplyToAudition` (self-scoped).\n *  - Casting teams screen applicants from `hokListApplications`, score them via\n *    `hokScoreApplication`, and close the call with `hokCloseAudition`.\n */\n\nimport { type FC, type FormEvent, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  MapPin,\n  Languages,\n  Clock,\n  Coins,\n  Send,\n  Lock,\n  Users,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { LoadingState, ErrorState } from '../../components/StateViews';\nimport { useHookMovies } from '../../context/HookMoviesContext';\nimport {\n  useAuditionById,\n  useAuditionApplications,\n  useApplyToAudition,\n  useScoreApplication,\n  useCloseAudition,\n} from '../../hooks/useHookMoviesApi';\nimport { formatDate, formatMinorUnits, formatRelativeTime } from '../../utils/formatters';\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)]';\n\nexport const AuditionDetailPage: FC = () => {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useHookMovies();\n  const { data: audition, isLoading, isError, refetch } = useAuditionById(id);\n  const applications = useAuditionApplications(id);\n  const apply = useApplyToAudition();\n  const score = useScoreApplication();\n  const closeAudition = useCloseAudition();\n\n  const [coverNote, setCoverNote] = useState('');\n  const [selfTapeFileId, setSelfTapeFileId] = useState('');\n  const [applyError, setApplyError] = useState<string | null>(null);\n  const [applied, setApplied] = useState(false);\n  const [scoreError, setScoreError] = useState<string | null>(null);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Audition\">\n        <LoadingState label=\"Loading audition…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !audition) {\n    return (\n      <PageLayout title=\"Audition\">\n        <ErrorState title=\"Audition not found\" onRetry={() => void refetch()} />\n      </PageLayout>\n    );\n  }\n\n  const handleApply = async (e: FormEvent) => {\n    e.preventDefault();\n    setApplyError(null);\n    try {\n      await apply.mutateAsync({\n        auditionId: audition.id,\n        coverNote: coverNote.trim() || undefined,\n        selfTapeFileId: selfTapeFileId.trim() || undefined,\n      });\n      setApplied(true);\n      setCoverNote('');\n      setSelfTapeFileId('');\n    } catch (err) {\n      setApplyError(err instanceof Error ? err.message : 'Failed to apply');\n    }\n  };\n\n  const handleScore = async (applicationId: string, value: number) => {\n    setScoreError(null);\n    try {\n      await score.mutateAsync({ id: applicationId, score: value });\n    } catch (err) {\n      setScoreError(err instanceof Error ? err.message : 'Failed to score');\n    }\n  };\n\n  const isOpen = audition.status === 'OPEN';\n  const applicationItems = applications.data ?? [];\n\n  return (\n    <PageLayout\n      title={\n        <span className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('auditions')}\n            className=\"rounded-md p-1 text-text-secondary hover:text-text-primary\"\n            aria-label=\"Back to auditions\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          {audition.roleName}\n        </span>\n      }\n      description={audition.production?.title ?? 'Casting call'}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <StatusBadge status={audition.status} />\n          {isOpen && (\n            <button\n              type=\"button\"\n              disabled={closeAudition.isPending}\n              onClick={() => void closeAudition.mutateAsync(audition.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-primary hover:bg-bg-sunken disabled:opacity-50 transition-colors\"\n            >\n              <Lock className=\"h-3.5 w-3.5\" />\n              Close\n            </button>\n          )}\n        </div>\n      }\n    >\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        <div className=\"space-y-6 lg:col-span-2\">\n          {audition.description && (\n            <GlassCard treatment=\"metric\" className=\"border-border-seam p-5\">\n              <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">Role Description</h2>\n              <p className=\"text-sm leading-relaxed text-text-secondary\">{audition.description}</p>\n            </GlassCard>\n          )}\n\n          {/* Applicants (casting view) */}\n          <GlassCard treatment=\"metric\" className=\"border-border-seam p-5\">\n            <h2 className=\"mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <Users className=\"h-4 w-4\" />\n              Applicants ({applicationItems.length})\n            </h2>\n            {scoreError && (\n              <div className=\"mb-3 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-xs text-status-error-text\">\n                {scoreError}\n              </div>\n            )}\n            {applications.isLoading ? (\n              <LoadingState label=\"Loading applicants…\" className=\"min-h-[120px]\" />\n            ) : applicationItems.length === 0 ? (\n              <p className=\"text-sm text-text-secondary\">No applications yet.</p>\n            ) : (\n              <ul className=\"space-y-3\">\n                {applicationItems.map((appn) => (\n                  <li\n                    key={appn.id}\n                    className=\"rounded-lg border border-border-seam bg-bg-surface p-3\"\n                  >\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate text-sm font-medium text-text-primary\">\n                          Applicant {appn.applicantId.slice(0, 8)}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">\n                          Applied {formatRelativeTime(appn.createdAt)}\n                        </p>\n                      </div>\n                      <StatusBadge status={appn.status} />\n                    </div>\n                    {appn.coverNote && (\n                      <p className=\"mt-2 text-sm text-text-secondary\">{appn.coverNote}</p>\n                    )}\n                    <div className=\"mt-3 flex items-center gap-2\">\n                      <span className=\"text-xs text-text-secondary\">Score:</span>\n                      {[1, 2, 3, 4, 5].map((value) => (\n                        <button\n                          key={value}\n                          type=\"button\"\n                          disabled={score.isPending}\n                          onClick={() => void handleScore(appn.id, value)}\n                          className={\n                            appn.score === value\n                              ? 'h-7 w-7 rounded-md bg-action-primary-bg text-xs font-semibold text-action-primary-text'\n                              : 'h-7 w-7 rounded-md border border-border-seam text-xs text-text-primary hover:bg-bg-sunken transition-colors'\n                          }\n                        >\n                          {value}\n                        </button>\n                      ))}\n                    </div>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </GlassCard>\n        </div>\n\n        <div className=\"space-y-6\">\n          {/* Details */}\n          <GlassCard treatment=\"metric\" className=\"border-border-seam p-5\">\n            <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Details</h2>\n            <dl className=\"space-y-2 text-sm\">\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"flex items-center gap-2 text-text-secondary\">\n                  <Coins className=\"h-3.5 w-3.5\" />\n                  Pay\n                </dt>\n                <dd className=\"font-medium text-text-primary\">\n                  {formatMinorUnits(audition.payMinorUnits, audition.currency)}\n                </dd>\n              </div>\n              {audition.location && (\n                <div className=\"flex items-center justify-between\">\n                  <dt className=\"flex items-center gap-2 text-text-secondary\">\n                    <MapPin className=\"h-3.5 w-3.5\" />\n                    Location\n                  </dt>\n                  <dd className=\"font-medium text-text-primary\">{audition.location}</dd>\n                </div>\n              )}\n              {audition.language && (\n                <div className=\"flex items-center justify-between\">\n                  <dt className=\"flex items-center gap-2 text-text-secondary\">\n                    <Languages className=\"h-3.5 w-3.5\" />\n                    Language\n                  </dt>\n                  <dd className=\"font-medium text-text-primary\">{audition.language}</dd>\n                </div>\n              )}\n              {audition.submissionDeadline && (\n                <div className=\"flex items-center justify-between\">\n                  <dt className=\"flex items-center gap-2 text-text-secondary\">\n                    <Clock className=\"h-3.5 w-3.5\" />\n                    Deadline\n                  </dt>\n                  <dd className=\"font-medium text-text-primary\">\n                    {formatDate(audition.submissionDeadline, { hour: undefined, minute: undefined })}\n                  </dd>\n                </div>\n              )}\n            </dl>\n            {audition.isMinorRole && (\n              <p className=\"mt-3 rounded-lg bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text\">\n                This is a minor role. Guardian consent and restricted communications apply.\n              </p>\n            )}\n          </GlassCard>\n\n          {/* Apply (talent view) */}\n          <GlassCard treatment=\"glass\" className=\"border-border-seam p-5\">\n            <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Apply</h2>\n            {applied ? (\n              <p className=\"rounded-lg bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text\">\n                Your application has been submitted.\n              </p>\n            ) : !isOpen ? (\n              <p className=\"text-sm text-text-secondary\">This audition is no longer open.</p>\n            ) : (\n              <form onSubmit={handleApply} className=\"space-y-3\">\n                {applyError && (\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                    {applyError}\n                  </div>\n                )}\n                <textarea\n                  value={coverNote}\n                  onChange={(e) => setCoverNote(e.target.value)}\n                  rows={3}\n                  placeholder=\"Cover note (why you're right for this role)\"\n                  className={fieldClass}\n                />\n                <input\n                  type=\"text\"\n                  value={selfTapeFileId}\n                  onChange={(e) => setSelfTapeFileId(e.target.value)}\n                  placeholder=\"Self-tape file ID (optional)\"\n                  className={fieldClass}\n                />\n                <button\n                  type=\"submit\"\n                  disabled={apply.isPending}\n                  className=\"inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-50 transition-opacity\"\n                >\n                  <Send className=\"h-4 w-4\" />\n                  {apply.isPending ? 'Submitting…' : 'Submit Application'}\n                </button>\n              </form>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/hookmovies/pages/auditions/AuditionsPage.js

@@ -0,0 +1,137 @@
+import { useHookMovies as e } from "../../context/HookMoviesContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { useAuditions as r } from "../../hooks/useHookMoviesApi.js";
+import { formatDate as i, formatEnumLabel as a, formatMinorUnits as o } from "../../utils/formatters.js";
+import { ErrorState as s, LoadingState as c } from "../../components/StateViews.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { Pagination as u } from "../../components/Pagination.js";
+import { useState as d } from "react";
+import { Clock as f, Languages as p, MapPin as m, Megaphone as h, Plus as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { GlassCard as y } from "@burdenoff/fe-libs/ui";
+//#region src/hookmovies/pages/auditions/AuditionsPage.tsx
+var b = [
+	"OPEN",
+	"REVIEWING",
+	"CALLBACKS",
+	"CLOSED",
+	"CANCELLED"
+], x = 20, S = () => {
+	let { navigateTo: S } = e(), [C, w] = d("OPEN"), [T, E] = d(0), { data: D, isLoading: O, isError: k, refetch: A } = r({ status: C || void 0 }, {
+		limit: x,
+		offset: T * x
+	}), j = D?.items ?? [];
+	return /* @__PURE__ */ v(t, {
+		title: "Auditions",
+		description: "Casting & talent marketplace",
+		purpose: "Open casting calls across the network. Talent discover and apply to roles with a self-tape; casting teams screen, score, and shortlist applicants.",
+		actions: /* @__PURE__ */ v("button", {
+			type: "button",
+			onClick: () => S("auditions/new"),
+			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, { className: "h-4 w-4" }), "Post Role"]
+		}),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "mb-4 flex flex-wrap items-center gap-3",
+				children: /* @__PURE__ */ v("select", {
+					value: C,
+					onChange: (e) => {
+						w(e.target.value), E(0);
+					},
+					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__ */ _("option", {
+						value: "",
+						children: "Any Status"
+					}), b.map((e) => /* @__PURE__ */ _("option", {
+						value: e,
+						children: a(e)
+					}, e))]
+				})
+			}),
+			O ? /* @__PURE__ */ _(c, { label: "Loading auditions…" }) : k ? /* @__PURE__ */ _(s, { onRetry: () => void A() }) : j.length === 0 ? /* @__PURE__ */ _(l, {
+				icon: /* @__PURE__ */ _(h, { className: "h-12 w-12" }),
+				title: "No auditions",
+				description: "No casting calls match this filter.",
+				action: /* @__PURE__ */ _("button", {
+					type: "button",
+					onClick: () => S("auditions/new"),
+					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 transition-opacity",
+					children: "Post a Role"
+				})
+			}) : /* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: j.map((e) => /* @__PURE__ */ _("button", {
+					type: "button",
+					onClick: () => S(`auditions/${e.id}`),
+					className: "text-left",
+					children: /* @__PURE__ */ v(y, {
+						treatment: "metric",
+						className: "flex h-full flex-col border-border-seam p-4",
+						children: [
+							/* @__PURE__ */ v("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ _("h3", {
+									className: "line-clamp-2 text-sm font-semibold text-text-primary",
+									children: e.roleName
+								}), /* @__PURE__ */ _(n, { status: e.status })]
+							}),
+							e.production && /* @__PURE__ */ _("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: e.production.title
+							}),
+							e.isMinorRole && /* @__PURE__ */ _("span", {
+								className: "mt-2 inline-block w-fit rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[10px] text-status-warning-text",
+								children: "Minor role — guardian consent required"
+							}),
+							e.description && /* @__PURE__ */ _("p", {
+								className: "mt-2 line-clamp-2 text-xs text-text-secondary",
+								children: e.description
+							}),
+							/* @__PURE__ */ v("div", {
+								className: "mt-3 space-y-1 text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ _("p", {
+										className: "font-medium text-text-primary",
+										children: o(e.payMinorUnits, e.currency)
+									}),
+									e.location && /* @__PURE__ */ v("p", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ _(m, { className: "h-3 w-3" }), e.location]
+									}),
+									e.language && /* @__PURE__ */ v("p", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ _(p, { className: "h-3 w-3" }), e.language]
+									}),
+									e.submissionDeadline && /* @__PURE__ */ v("p", {
+										className: "flex items-center gap-1",
+										children: [
+											/* @__PURE__ */ _(f, { className: "h-3 w-3" }),
+											"Deadline",
+											" ",
+											i(e.submissionDeadline, {
+												hour: void 0,
+												minute: void 0
+											})
+										]
+									})
+								]
+							})
+						]
+					})
+				}, e.id))
+			}),
+			!O && !k && /* @__PURE__ */ _(u, {
+				page: T,
+				hasMore: D?.pageInfo.hasMore ?? !1,
+				onPageChange: E,
+				shownCount: j.length
+			})
+		]
+	});
+};
+//#endregion
+export { S as AuditionsPage };
+
+//# sourceMappingURL=AuditionsPage.js.map

package/dist/hookmovies/pages/auditions/AuditionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditionsPage.js","names":[],"sources":["../../../../src/hookmovies/pages/auditions/AuditionsPage.tsx"],"sourcesContent":["/**\n * Auditions list (Casting marketplace)\n * @module hookmovies/pages/auditions\n *\n * Lists casting role postings via `hokListAuditions` with a status filter.\n * Talent open a posting to apply; casting teams open it to screen applicants.\n */\n\nimport { type FC, useState } from 'react';\nimport { Megaphone, Plus, MapPin, Languages, Clock } 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 { Pagination } from '../../components/Pagination';\nimport { useHookMovies } from '../../context/HookMoviesContext';\nimport { useAuditions, type HokAuditionStatus } from '../../hooks/useHookMoviesApi';\nimport { formatEnumLabel, formatMinorUnits, formatDate } from '../../utils/formatters';\n\nconst STATUS_OPTIONS: HokAuditionStatus[] = [\n  'OPEN',\n  'REVIEWING',\n  'CALLBACKS',\n  'CLOSED',\n  'CANCELLED',\n];\n\nconst PAGE_LIMIT = 20;\n\nexport const AuditionsPage: FC = () => {\n  const { navigateTo } = useHookMovies();\n  const [statusFilter, setStatusFilter] = useState<HokAuditionStatus | ''>('OPEN');\n  const [page, setPage] = useState(0);\n\n  const { data, isLoading, isError, refetch } = useAuditions(\n    { status: statusFilter || undefined },\n    { limit: PAGE_LIMIT, offset: page * PAGE_LIMIT }\n  );\n\n  const items = data?.items ?? [];\n\n  return (\n    <PageLayout\n      title=\"Auditions\"\n      description=\"Casting & talent marketplace\"\n      purpose=\"Open casting calls across the network. Talent discover and apply to roles with a self-tape; casting teams screen, score, and shortlist applicants.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('auditions/new')}\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          Post Role\n        </button>\n      }\n    >\n      <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n        <select\n          value={statusFilter}\n          onChange={(e) => {\n            setStatusFilter(e.target.value as HokAuditionStatus | '');\n            setPage(0);\n          }}\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=\"\">Any Status</option>\n          {STATUS_OPTIONS.map((s) => (\n            <option key={s} value={s}>\n              {formatEnumLabel(s)}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {isLoading ? (\n        <LoadingState label=\"Loading auditions…\" />\n      ) : isError ? (\n        <ErrorState onRetry={() => void refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          icon={<Megaphone className=\"h-12 w-12\" />}\n          title=\"No auditions\"\n          description=\"No casting calls match this filter.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('auditions/new')}\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              Post a Role\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((aud) => (\n            <button\n              key={aud.id}\n              type=\"button\"\n              onClick={() => navigateTo(`auditions/${aud.id}`)}\n              className=\"text-left\"\n            >\n              <GlassCard\n                treatment=\"metric\"\n                className=\"flex h-full flex-col border-border-seam p-4\"\n              >\n                <div className=\"flex items-start justify-between gap-2\">\n                  <h3 className=\"line-clamp-2 text-sm font-semibold text-text-primary\">\n                    {aud.roleName}\n                  </h3>\n                  <StatusBadge status={aud.status} />\n                </div>\n                {aud.production && (\n                  <p className=\"mt-1 text-xs text-text-secondary\">{aud.production.title}</p>\n                )}\n                {aud.isMinorRole && (\n                  <span className=\"mt-2 inline-block w-fit rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-[10px] text-status-warning-text\">\n                    Minor role — guardian consent required\n                  </span>\n                )}\n                {aud.description && (\n                  <p className=\"mt-2 line-clamp-2 text-xs text-text-secondary\">{aud.description}</p>\n                )}\n                <div className=\"mt-3 space-y-1 text-xs text-text-secondary\">\n                  <p className=\"font-medium text-text-primary\">\n                    {formatMinorUnits(aud.payMinorUnits, aud.currency)}\n                  </p>\n                  {aud.location && (\n                    <p className=\"flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" />\n                      {aud.location}\n                    </p>\n                  )}\n                  {aud.language && (\n                    <p className=\"flex items-center gap-1\">\n                      <Languages className=\"h-3 w-3\" />\n                      {aud.language}\n                    </p>\n                  )}\n                  {aud.submissionDeadline && (\n                    <p className=\"flex items-center gap-1\">\n                      <Clock className=\"h-3 w-3\" />\n                      Deadline{' '}\n                      {formatDate(aud.submissionDeadline, { hour: undefined, minute: undefined })}\n                    </p>\n                  )}\n                </div>\n              </GlassCard>\n            </button>\n          ))}\n        </div>\n      )}\n\n      {!isLoading && !isError && (\n        <Pagination\n          page={page}\n          hasMore={data?.pageInfo.hasMore ?? false}\n          onPageChange={setPage}\n          shownCount={items.length}\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,175 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { useCreatePerson as t, usePeople as n } from "../../hooks/useHookMoviesApi.js";
+import { ErrorState as r, LoadingState as i } from "../../components/StateViews.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { Pagination as o } from "../../components/Pagination.js";
+import { useState as s } from "react";
+import { Languages as c, Plus as l, Users as u, X as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GlassCard as m } from "@burdenoff/fe-libs/ui";
+//#region src/hookmovies/pages/catalog/PeoplePage.tsx
+var h = 24, g = "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)]", _ = "mb-1.5 block text-xs font-medium text-text-secondary", v = () => {
+	let [v, y] = s(0), [b, x] = s(!1), { data: S, isLoading: C, isError: w, refetch: T } = n({
+		limit: h,
+		offset: v * h
+	}), E = t(), [D, O] = s(""), [k, A] = s(""), [j, M] = s(""), [N, P] = s(""), [F, I] = s(null), L = () => {
+		O(""), A(""), M(""), P(""), I(null);
+	}, R = async (e) => {
+		if (e.preventDefault(), I(null), !D.trim()) {
+			I("Name is required.");
+			return;
+		}
+		let t = {
+			name: D.trim(),
+			knownFor: k.trim() || void 0,
+			primaryLanguage: j.trim() || void 0,
+			biography: N.trim() || void 0
+		};
+		try {
+			await E.mutateAsync(t), L(), x(!1);
+		} catch (e) {
+			I(e instanceof Error ? e.message : "Failed to create person");
+		}
+	}, z = S?.items ?? [];
+	return /* @__PURE__ */ p(e, {
+		title: "People",
+		description: "Cast & crew directory",
+		purpose: "Actors, directors, writers, and crew across the network. People are credited on titles and can be linked to Artistrybase portfolios.",
+		actions: /* @__PURE__ */ p("button", {
+			type: "button",
+			onClick: () => x((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__ */ f(l, { className: "h-4 w-4" }), "New Person"]
+		}),
+		children: [
+			b && /* @__PURE__ */ p(m, {
+				treatment: "glass",
+				className: "mb-6 border-border-seam p-5",
+				children: [/* @__PURE__ */ p("div", {
+					className: "mb-3 flex items-center justify-between",
+					children: [/* @__PURE__ */ f("h2", {
+						className: "text-sm font-semibold text-text-primary",
+						children: "Add Person"
+					}), /* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: () => x(!1),
+						className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
+						children: /* @__PURE__ */ f(d, { className: "h-4 w-4" })
+					})]
+				}), /* @__PURE__ */ p("form", {
+					onSubmit: R,
+					className: "space-y-4",
+					children: [
+						F && /* @__PURE__ */ f("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: F
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								htmlFor: "person-name",
+								className: _,
+								children: "Name *"
+							}), /* @__PURE__ */ f("input", {
+								id: "person-name",
+								type: "text",
+								value: D,
+								onChange: (e) => O(e.target.value),
+								placeholder: "e.g. Aria Mendez",
+								className: g,
+								required: !0
+							})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								htmlFor: "person-known",
+								className: _,
+								children: "Known For"
+							}), /* @__PURE__ */ f("input", {
+								id: "person-known",
+								type: "text",
+								value: k,
+								onChange: (e) => A(e.target.value),
+								placeholder: "Acting",
+								className: g
+							})] })]
+						}),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "person-lang",
+							className: _,
+							children: "Primary Language"
+						}), /* @__PURE__ */ f("input", {
+							id: "person-lang",
+							type: "text",
+							value: j,
+							onChange: (e) => M(e.target.value),
+							placeholder: "en",
+							className: g
+						})] }),
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							htmlFor: "person-bio",
+							className: _,
+							children: "Biography"
+						}), /* @__PURE__ */ f("textarea", {
+							id: "person-bio",
+							value: N,
+							onChange: (e) => P(e.target.value),
+							rows: 3,
+							className: g
+						})] }),
+						/* @__PURE__ */ f("button", {
+							type: "submit",
+							disabled: E.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: E.isPending ? "Adding…" : "Add Person"
+						})
+					]
+				})]
+			}),
+			C ? /* @__PURE__ */ f(i, { label: "Loading people…" }) : w ? /* @__PURE__ */ f(r, { onRetry: () => void T() }) : z.length === 0 ? /* @__PURE__ */ f(a, {
+				icon: /* @__PURE__ */ f(u, { className: "h-12 w-12" }),
+				title: "No people yet",
+				description: "Add cast and crew to credit them on your titles."
+			}) : /* @__PURE__ */ f("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+				children: z.map((e) => /* @__PURE__ */ p(m, {
+					treatment: "metric",
+					className: "flex flex-col border-border-seam p-4",
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ f("span", {
+								className: "inline-flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-primary",
+								children: e.name.charAt(0).toUpperCase()
+							}), /* @__PURE__ */ p("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ f("h3", {
+									className: "truncate text-sm font-semibold text-text-primary",
+									children: e.name
+								}), e.knownFor && /* @__PURE__ */ f("p", {
+									className: "truncate text-xs text-text-secondary",
+									children: e.knownFor
+								})]
+							})]
+						}),
+						e.primaryLanguage && /* @__PURE__ */ p("p", {
+							className: "mt-3 inline-flex items-center gap-1 text-xs text-text-secondary",
+							children: [/* @__PURE__ */ f(c, { className: "h-3 w-3" }), e.primaryLanguage]
+						}),
+						e.biography && /* @__PURE__ */ f("p", {
+							className: "mt-2 line-clamp-3 text-xs text-text-secondary",
+							children: e.biography
+						})
+					]
+				}, e.id))
+			}),
+			!C && !w && /* @__PURE__ */ f(o, {
+				page: v,
+				hasMore: S?.pageInfo.hasMore ?? !1,
+				onPageChange: y,
+				shownCount: z.length
+			})
+		]
+	});
+};
+//#endregion
+export { v as PeoplePage };
+
+//# sourceMappingURL=PeoplePage.js.map