@burdenoff/microfe-hookmovies 2026.706.3 → 2026.706.4

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

@@ -1,93 +1,126 @@
 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 ee, useCloseAudition as te, useScoreApplication as a } from "../../hooks/useHookMoviesApi.js";
-import { formatDate as o, formatMinorUnits as s, formatRelativeTime as c } from "../../utils/formatters.js";
-import { FILE_FOLDERS as l, uploadFileToFiles as u } from "../../hooks/useFiles.js";
-import { ErrorState as d, LoadingState as f } from "../../components/StateViews.js";
-import { useRef as p, useState as m } from "react";
-import { ArrowLeft as h, Clock as g, Coins as ne, Film as _, Languages as v, Loader2 as y, Lock as b, MapPin as x, Send as re, Upload as ie, Users as ae, X as oe } from "lucide-react";
-import { useParams as se } from "react-router-dom";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { useApplyToAudition as i, useAuditionApplications as a, useAuditionById as ee, useCloseAudition as te, useScoreApplication as ne } from "../../hooks/useHookMoviesApi.js";
+import { FILE_FOLDERS as o, uploadFileToFiles as s } from "../../hooks/useFiles.js";
+import { formatDate as c, formatMinorUnits as l, formatRelativeTime as re } from "../../utils/formatters.js";
+import { ErrorState as ie, LoadingState as u } from "../../components/StateViews.js";
+import { useMemo as d, useRef as ae, useState as f } from "react";
+import { ArrowLeft as p, Clock as oe, Coins as m, Film as h, Languages as se, Loader2 as ce, Lock as g, MapPin as _, Send as v, ShieldAlert as y, Star as b, Upload as le, Users as x, X as ue } from "lucide-react";
+import { useParams as de } from "react-router-dom";
 import { Fragment as S, 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 } = se(), { navigateTo: O } = e(), { data: k, isLoading: A, isError: j, refetch: M } = ee(D), N = i(D), P = r(), F = a(), I = te(), [L, R] = m(""), [z, B] = m(""), [V, H] = m(""), [U, W] = m(!1), [G, K] = m(null), [q, J] = m(null), [ce, le] = m(!1), [Y, X] = m(null), Z = p(null);
-	if (A) return /* @__PURE__ */ C(t, {
+var fe = "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)]";
+function pe(e) {
+	return (e.replace(/[^a-zA-Z0-9]/g, "").slice(0, 2) || "?").toUpperCase();
+}
+var E = new Set([
+	"shortlisted",
+	"callback",
+	"offered"
+]), D = ({ value: e, disabled: n, onScore: r }) => /* @__PURE__ */ C("div", {
+	className: "flex items-center gap-1",
+	role: "group",
+	"aria-label": e ? `Rating ${e} of 5` : "Not yet rated",
+	children: [
+		1,
+		2,
+		3,
+		4,
+		5
+	].map((i) => {
+		let a = e !== null && i <= e;
+		return /* @__PURE__ */ C("button", {
+			type: "button",
+			disabled: n,
+			onClick: () => r(i),
+			"aria-label": `Score ${i} of 5`,
+			"aria-pressed": e === i,
+			title: `Score ${i} of 5`,
+			className: "rounded p-0.5 text-text-muted transition-colors hover:text-status-warning-text focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] disabled:cursor-not-allowed disabled:opacity-60",
+			children: /* @__PURE__ */ C(b, { className: t("h-5 w-5 transition-transform", a ? "fill-status-warning-text text-status-warning-text" : "fill-transparent") })
+		}, i);
+	})
+}), O = () => {
+	let { id: O } = de(), { navigateTo: k } = e(), { data: A, isLoading: j, isError: M, refetch: N } = ee(O), P = a(O), F = i(), I = ne(), L = te(), [R, z] = f(""), [B, V] = f(""), [me, H] = f(""), [U, W] = f(!1), [G, K] = f(null), [q, J] = f(null), [he, ge] = f(!1), [Y, X] = f(null), Z = ae(null), Q = d(() => P.data ?? [], [P.data]), _e = d(() => Q.filter((e) => e.score !== null).length, [Q]);
+	if (j) return /* @__PURE__ */ C(n, {
 		title: "Audition",
-		children: /* @__PURE__ */ C(f, { label: "Loading audition…" })
+		children: /* @__PURE__ */ C(u, { label: "Loading audition…" })
 	});
-	if (j || !k) return /* @__PURE__ */ C(t, {
+	if (M || !A) return /* @__PURE__ */ C(n, {
 		title: "Audition",
-		children: /* @__PURE__ */ C(d, {
+		children: /* @__PURE__ */ C(ie, {
 			title: "Audition not found",
-			onRetry: () => void M()
+			onRetry: () => void N()
 		})
 	});
-	let ue = async (e) => {
+	let ve = async (e) => {
 		e.preventDefault(), J(null);
 		try {
-			await P.mutateAsync({
-				auditionId: k.id,
-				coverNote: L.trim() || void 0,
-				selfTapeFileId: z.trim() || void 0
-			}), le(!0), R(""), B(""), H("");
+			await F.mutateAsync({
+				auditionId: A.id,
+				coverNote: R.trim() || void 0,
+				selfTapeFileId: B.trim() || void 0
+			}), ge(!0), z(""), V(""), H("");
 		} catch (e) {
 			J(e instanceof Error ? e.message : "Failed to apply");
 		}
-	}, de = async (e) => {
+	}, ye = async (e) => {
 		let t = e.target.files?.[0];
 		if (e.target.value = "", t) {
 			K(null), W(!0);
 			try {
-				let e = await u(t, l.selfTapes);
-				B(e.id), H(e.name || t.name);
+				let e = await s(t, o.selfTapes);
+				V(e.id), H(e.name || t.name);
 			} catch (e) {
 				K(e instanceof Error ? e.message : "Failed to upload self-tape");
 			} finally {
 				W(!1);
 			}
 		}
-	}, fe = () => {
-		B(""), H(""), K(null);
-	}, pe = async (e, t) => {
+	}, be = () => {
+		V(""), H(""), K(null);
+	}, xe = async (e, t) => {
 		X(null);
 		try {
-			await F.mutateAsync({
+			await I.mutateAsync({
 				id: e,
 				score: t
 			});
 		} catch (e) {
 			X(e instanceof Error ? e.message : "Failed to score");
 		}
-	}, Q = k.status === "OPEN", $ = N.data ?? [];
-	return /* @__PURE__ */ C(t, {
+	}, $ = A.status === "OPEN";
+	return /* @__PURE__ */ C(n, {
+		hero: !0,
 		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",
+				onClick: () => k("auditions"),
+				className: "rounded-md p-1 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 				"aria-label": "Back to auditions",
-				children: /* @__PURE__ */ C(h, { className: "h-5 w-5" })
-			}), k.roleName]
+				children: /* @__PURE__ */ C(p, { className: "h-5 w-5" })
+			}), A.roleName]
 		}),
-		description: k.production?.title ?? "Casting call",
+		description: A.production?.title ?? "Casting call",
 		actions: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ C(n, { status: k.status }), Q && /* @__PURE__ */ w("button", {
+			children: [/* @__PURE__ */ C(r, { status: A.status }), $ && /* @__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(b, { className: "h-3.5 w-3.5" }), "Close"]
+				disabled: L.isPending,
+				onClick: () => void L.mutateAsync(A.id),
+				className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+				children: [/* @__PURE__ */ C(g, { 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, {
+				children: [A.description && /* @__PURE__ */ w(T, {
 					treatment: "metric",
 					className: "border-border-seam p-5",
 					children: [/* @__PURE__ */ C("h2", {
@@ -95,71 +128,113 @@ var E = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 						children: "Role Description"
 					}), /* @__PURE__ */ C("p", {
 						className: "text-sm leading-relaxed text-text-secondary",
-						children: k.description
+						children: A.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(ae, { className: "h-4 w-4" }),
-								"Applicants (",
-								$.length,
-								")"
-							]
+						/* @__PURE__ */ w("div", {
+							className: "mb-4 flex flex-wrap items-center justify-between gap-2",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+								children: [
+									/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }),
+									"Applicants",
+									/* @__PURE__ */ C("span", {
+										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+										children: Q.length
+									})
+								]
+							}), Q.length > 0 && /* @__PURE__ */ w("span", {
+								className: "flex items-center gap-1.5 text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ C(b, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
+									_e,
+									" of ",
+									Q.length,
+									" rated"
+								]
+							})]
 						}),
 						Y && /* @__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: Y
 						}),
-						N.isLoading ? /* @__PURE__ */ C(f, {
+						P.isLoading ? /* @__PURE__ */ C(u, {
 							label: "Loading applicants…",
-							className: "min-h-[120px]"
-						}) : $.length === 0 ? /* @__PURE__ */ C("p", {
-							className: "text-sm text-text-secondary",
-							children: "No applications yet."
+							className: "min-h-[160px]"
+						}) : Q.length === 0 ? /* @__PURE__ */ w("div", {
+							className: "flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border-seam bg-bg-surface/60 px-4 py-12 text-center",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "flex h-11 w-11 items-center justify-center rounded-full bg-bg-sunken",
+									children: /* @__PURE__ */ C(x, { className: "h-5 w-5 text-text-muted" })
+								}),
+								/* @__PURE__ */ C("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: "No applications yet"
+								}),
+								/* @__PURE__ */ C("p", {
+									className: "max-w-xs text-xs text-text-secondary",
+									children: "Applicants who apply to this role will appear here for review and scoring."
+								})
+							]
 						}) : /* @__PURE__ */ C("ul", {
-							className: "space-y-3",
-							children: $.map((e) => /* @__PURE__ */ w("li", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-3",
+							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+							children: Q.map((e) => /* @__PURE__ */ w("li", {
+								className: t("flex flex-col rounded-xl border bg-bg-surface p-4 transition-colors", E.has(e.status.toLowerCase()) ? "border-status-info-border ring-1 ring-status-info-border" : "border-border-seam hover:border-border-strong"),
 								children: [
 									/* @__PURE__ */ w("div", {
-										className: "flex items-center justify-between gap-2",
+										className: "flex items-start justify-between gap-3",
 										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 ", c(e.createdAt)]
+											className: "flex min-w-0 items-center gap-3",
+											children: [/* @__PURE__ */ C("span", {
+												className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full border border-border-seam bg-bg-sunken text-xs font-semibold text-text-secondary",
+												"aria-hidden": "true",
+												children: pe(e.applicantId)
+											}), /* @__PURE__ */ w("div", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ w("p", {
+													className: "truncate text-sm font-semibold text-text-primary",
+													children: ["Applicant ", e.applicantId.slice(0, 8)]
+												}), /* @__PURE__ */ w("p", {
+													className: "text-xs text-text-secondary",
+													children: ["Applied ", re(e.createdAt)]
+												})]
 											})]
-										}), /* @__PURE__ */ C(n, { status: e.status })]
+										}), /* @__PURE__ */ C(r, {
+											status: e.status,
+											className: "shrink-0"
+										})]
 									}),
-									e.coverNote && /* @__PURE__ */ C("p", {
-										className: "mt-2 text-sm text-text-secondary",
-										children: e.coverNote
+									e.coverNote ? /* @__PURE__ */ w("p", {
+										className: "mt-3 line-clamp-3 text-sm leading-relaxed text-text-secondary",
+										children: [
+											/* @__PURE__ */ C("span", {
+												className: "text-text-muted",
+												children: "“"
+											}),
+											e.coverNote,
+											/* @__PURE__ */ C("span", {
+												className: "text-text-muted",
+												children: "”"
+											})
+										]
+									}) : /* @__PURE__ */ C("p", {
+										className: "mt-3 text-sm italic text-text-muted",
+										children: "No cover note provided."
 									}),
 									/* @__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 pe(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))]
+										className: "mt-auto flex items-center justify-between gap-2 pt-4",
+										children: [/* @__PURE__ */ C(D, {
+											value: e.score,
+											disabled: I.isPending,
+											onScore: (t) => void xe(e.id, t)
+										}), /* @__PURE__ */ C("span", {
+											className: "text-xs font-medium text-text-secondary",
+											children: e.score === null ? "Unrated" : `${e.score}/5`
+										})]
 									})
 								]
 							}, e.id))
@@ -177,46 +252,46 @@ var E = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 							children: "Details"
 						}),
 						/* @__PURE__ */ w("dl", {
-							className: "space-y-2 text-sm",
+							className: "space-y-3 text-sm",
 							children: [
 								/* @__PURE__ */ w("div", {
-									className: "flex items-center justify-between",
+									className: "flex items-center justify-between gap-3",
 									children: [/* @__PURE__ */ w("dt", {
 										className: "flex items-center gap-2 text-text-secondary",
-										children: [/* @__PURE__ */ C(ne, { className: "h-3.5 w-3.5" }), "Pay"]
+										children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), "Pay"]
 									}), /* @__PURE__ */ C("dd", {
-										className: "font-medium text-text-primary",
-										children: s(k.payMinorUnits, k.currency)
+										className: "text-right font-medium text-text-primary",
+										children: l(A.payMinorUnits, A.currency)
 									})]
 								}),
-								k.location && /* @__PURE__ */ w("div", {
-									className: "flex items-center justify-between",
+								A.location && /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between gap-3",
 									children: [/* @__PURE__ */ w("dt", {
 										className: "flex items-center gap-2 text-text-secondary",
-										children: [/* @__PURE__ */ C(x, { className: "h-3.5 w-3.5" }), "Location"]
+										children: [/* @__PURE__ */ C(_, { className: "h-3.5 w-3.5" }), "Location"]
 									}), /* @__PURE__ */ C("dd", {
-										className: "font-medium text-text-primary",
-										children: k.location
+										className: "text-right font-medium text-text-primary",
+										children: A.location
 									})]
 								}),
-								k.language && /* @__PURE__ */ w("div", {
-									className: "flex items-center justify-between",
+								A.language && /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between gap-3",
 									children: [/* @__PURE__ */ w("dt", {
 										className: "flex items-center gap-2 text-text-secondary",
-										children: [/* @__PURE__ */ C(v, { className: "h-3.5 w-3.5" }), "Language"]
+										children: [/* @__PURE__ */ C(se, { className: "h-3.5 w-3.5" }), "Language"]
 									}), /* @__PURE__ */ C("dd", {
-										className: "font-medium text-text-primary",
-										children: k.language
+										className: "text-right font-medium text-text-primary",
+										children: A.language
 									})]
 								}),
-								k.submissionDeadline && /* @__PURE__ */ w("div", {
-									className: "flex items-center justify-between",
+								A.submissionDeadline && /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between gap-3",
 									children: [/* @__PURE__ */ w("dt", {
 										className: "flex items-center gap-2 text-text-secondary",
-										children: [/* @__PURE__ */ C(g, { className: "h-3.5 w-3.5" }), "Deadline"]
+										children: [/* @__PURE__ */ C(oe, { className: "h-3.5 w-3.5" }), "Deadline"]
 									}), /* @__PURE__ */ C("dd", {
-										className: "font-medium text-text-primary",
-										children: o(k.submissionDeadline, {
+										className: "text-right font-medium text-text-primary",
+										children: c(A.submissionDeadline, {
 											hour: void 0,
 											minute: void 0
 										})
@@ -224,37 +299,45 @@ var E = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 								})
 							]
 						}),
-						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."
+						A.isMinorRole && /* @__PURE__ */ w("div", {
+							className: "mt-4 flex items-start 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__ */ C(y, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ C("span", { 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"
-					}), ce ? /* @__PURE__ */ C("p", {
-						className: "rounded-lg bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text",
+					children: [/* @__PURE__ */ w("h2", {
+						className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
+						children: [/* @__PURE__ */ C(v, { className: "h-4 w-4 text-text-secondary" }), "Apply for this role"]
+					}), he ? /* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-status-success-border bg-status-success-bg-subtle px-3 py-2.5 text-sm text-status-success-text",
 						children: "Your application has been submitted."
-					}) : Q ? /* @__PURE__ */ w("form", {
-						onSubmit: ue,
+					}) : $ ? /* @__PURE__ */ w("form", {
+						onSubmit: ve,
 						className: "space-y-3",
 						children: [
 							q && /* @__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: q
 							}),
-							/* @__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__ */ w("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ C("label", {
+									htmlFor: "cover-note",
+									className: "block text-xs font-medium text-text-secondary",
+									children: "Cover note"
+								}), /* @__PURE__ */ C("textarea", {
+									id: "cover-note",
+									value: R,
+									onChange: (e) => z(e.target.value),
+									rows: 3,
+									placeholder: "Why you're right for this role",
+									className: fe
+								})]
 							}),
 							/* @__PURE__ */ w("div", {
-								className: "space-y-2",
+								className: "space-y-1.5",
 								children: [
 									/* @__PURE__ */ C("label", {
 										htmlFor: "self-tape-upload",
@@ -266,32 +349,32 @@ var E = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 										id: "self-tape-upload",
 										type: "file",
 										accept: "video/*",
-										onChange: (e) => void de(e),
+										onChange: (e) => void ye(e),
 										disabled: U,
 										className: "sr-only",
 										"aria-label": "Upload self-tape video"
 									}),
-									z ? /* @__PURE__ */ w("div", {
+									B ? /* @__PURE__ */ w("div", {
 										className: "flex items-center justify-between gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2",
 										children: [/* @__PURE__ */ w("span", {
 											className: "flex min-w-0 items-center gap-2 text-sm text-text-primary",
-											children: [/* @__PURE__ */ C(_, { className: "h-4 w-4 shrink-0 text-status-success-text" }), /* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 shrink-0 text-status-success-text" }), /* @__PURE__ */ C("span", {
 												className: "truncate",
-												children: V || "Self-tape uploaded"
+												children: me || "Self-tape uploaded"
 											})]
 										}), /* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: fe,
-											className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
+											onClick: be,
+											className: "rounded-md p-1 text-text-secondary transition-colors hover:text-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
 											"aria-label": "Remove self-tape",
-											children: /* @__PURE__ */ C(oe, { className: "h-4 w-4" })
+											children: /* @__PURE__ */ C(ue, { className: "h-4 w-4" })
 										})]
 									}) : /* @__PURE__ */ C("button", {
 										type: "button",
 										onClick: () => Z.current?.click(),
 										disabled: U,
-										className: "inline-flex w-full items-center justify-center gap-2 rounded-lg border border-dashed border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-secondary hover:border-border-seam hover:text-text-primary disabled:opacity-50 transition-colors",
-										children: U ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(y, { className: "h-4 w-4 animate-spin" }), "Uploading…"] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(ie, { className: "h-4 w-4" }), "Upload self-tape video"] })
+										className: "inline-flex w-full items-center justify-center gap-2 rounded-lg border border-dashed border-border-subtle bg-bg-surface px-3 py-3 text-sm text-text-secondary transition-colors hover:border-border-seam hover:text-text-primary disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+										children: U ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(ce, { className: "h-4 w-4 animate-spin" }), "Uploading…"] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(le, { className: "h-4 w-4" }), "Upload self-tape video"] })
 									}),
 									G && /* @__PURE__ */ C("p", {
 										className: "rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-xs text-status-error-text",
@@ -301,14 +384,14 @@ var E = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 							}),
 							/* @__PURE__ */ w("button", {
 								type: "submit",
-								disabled: P.isPending || U,
-								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(re, { className: "h-4 w-4" }), P.isPending ? "Submitting…" : "Submit Application"]
+								disabled: F.isPending || U,
+								className: "inline-flex w-full items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2.5 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+								children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), F.isPending ? "Submitting…" : "Submit Application"]
 							})
 						]
 					}) : /* @__PURE__ */ C("p", {
-						className: "text-sm text-text-secondary",
-						children: "This audition is no longer open."
+						className: "rounded-lg bg-bg-sunken px-3 py-2.5 text-sm text-text-secondary",
+						children: "This audition is no longer open for applications."
 					})]
 				})]
 			})]
@@ -316,6 +399,6 @@ var E = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 t
 	});
 };
 //#endregion
-export { D as AuditionDetailPage };
+export { O as AuditionDetailPage };
 
 //# sourceMappingURL=AuditionDetailPage.js.map