@burdenoff/microfe-atheletebridge 2026.705.1 → 2026.706.1

package/dist/atheletebridge/pages/programs/ProgramDetailPage.js

@@ -1,17 +1,17 @@
 import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { StatusBadge as n } from "../../components/StatusBadge.js";
-import { PROGRAM_LEVEL_LABELS as r, SPORT_LABELS as i } from "../../components/domain.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { ErrorState as o, LoadingState as ee } from "../../components/LoadingState.js";
-import { useAddDrill as te, useArchiveProgram as ne, useProgram as re, useRemoveDrill as s, useTransitionProgram as c, useUploadFile as l } from "../../hooks/useAthleteBridgeApi.js";
+import { PROGRAM_LEVEL_LABELS as r, SPORT_ICONS as i, SPORT_LABELS as a } from "../../components/domain.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { ErrorState as s, LoadingState as c } from "../../components/LoadingState.js";
+import { useAddDrill as l, useArchiveProgram as ee, useProgram as te, useRemoveDrill as ne, useTransitionProgram as re, useUploadFile as ie } from "../../hooks/useAthleteBridgeApi.js";
 import { FormField as u, fieldInputClass as d } from "../../components/form.js";
 import { DrillVideoLink as f } from "../../components/DrillVideoLink.js";
 import { useMemo as p, useState as m } from "react";
-import { Archive as h, ArrowLeft as g, Copy as _, Edit as v, FileVideo as y, Loader2 as b, Plus as x, Send as ie, Trash2 as ae, Undo2 as oe } from "lucide-react";
-import { useParams as se } from "react-router-dom";
-import { Fragment as ce, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { EmphasisPanel as w, GlassCard as T, ResponsiveDialog as E, ResponsiveDialogContent as D, ResponsiveDialogFooter as O, ResponsiveDialogHeader as k, ResponsiveDialogTitle as A } from "@burdenoff/fe-libs/ui";
+import { Archive as h, ArrowLeft as g, Copy as _, Edit as v, FileVideo as y, Loader2 as b, Plus as x, Send as ae, Trash2 as oe, Undo2 as se } from "lucide-react";
+import { useParams as ce } from "react-router-dom";
+import { Fragment as le, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Accordion as ue, AccordionContent as de, AccordionItem as fe, AccordionTrigger as pe, Badge as w, GlassCard as T, ResponsiveDialog as E, ResponsiveDialogContent as D, ResponsiveDialogFooter as O, ResponsiveDialogHeader as k, ResponsiveDialogTitle as A } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/programs/ProgramDetailPage.tsx
 var j = {
 	name: "",
@@ -21,15 +21,18 @@ var j = {
 	reps: "",
 	durationSec: "",
 	restSec: ""
-}, M = (e) => {
+}, M = ({ children: e }) => /* @__PURE__ */ S("span", {
+	className: "inline-flex items-center rounded-md border border-border-seam bg-bg-sunken px-2 py-0.5 text-xs font-medium tabular-nums text-text-secondary",
+	children: e
+}), N = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = Number.parseInt(t, 10);
 	return Number.isNaN(n) ? void 0 : n;
 };
-function N() {
-	let { id: N } = se(), { navigateTo: P } = e(), F = re(N), I = c(), L = ne(), R = te(), z = s(N), B = l(), [V, H] = m(!1), [U, W] = m(j), [G, K] = m(null), [q, J] = m(!1), [Y, X] = m(null), le = p(() => {
-		let e = F.data?.drills ?? [], t = /* @__PURE__ */ new Map();
+function P() {
+	let { id: P } = ce(), { navigateTo: F } = e(), I = te(P), L = re(), R = ee(), z = l(), B = ne(P), me = ie(), [he, V] = m(!1), [H, U] = m(j), [W, G] = m(null), [K, q] = m(!1), [J, Y] = m(null), X = p(() => {
+		let e = I.data?.drills ?? [], t = /* @__PURE__ */ new Map();
 		for (let n of e) {
 			let e = t.get(n.weekNumber) ?? [];
 			e.push(n), t.set(n.weekNumber, e);
@@ -38,52 +41,53 @@ function N() {
 			week: e,
 			drills: [...t].sort((e, t) => e.orderIndex - t.orderIndex)
 		}));
-	}, [F.data]);
-	if (F.isLoading) return /* @__PURE__ */ S(t, {
+	}, [I.data]);
+	if (I.isLoading) return /* @__PURE__ */ S(t, {
 		title: "Program",
-		children: /* @__PURE__ */ S(ee, { label: "Loading program…" })
+		children: /* @__PURE__ */ S(c, { label: "Loading program…" })
 	});
-	if (F.isError || !F.data) return /* @__PURE__ */ S(t, {
+	if (I.isError || !I.data) return /* @__PURE__ */ S(t, {
 		title: "Program",
-		children: /* @__PURE__ */ S(o, {
+		children: /* @__PURE__ */ S(s, {
 			title: "Program not found",
 			message: "This program does not exist or you do not have access to it.",
-			onRetry: () => P("/programs")
+			onRetry: () => F("/programs")
 		})
 	});
-	let Z = F.data, Q = Z.drills?.length ?? 0, $ = (e) => {
-		N && I.mutate({
-			id: N,
+	let Z = I.data, Q = Z.drills?.length ?? 0, ge = i[Z.sport], _e = X.map(({ week: e }) => `week-${e}`), $ = (e) => {
+		P && L.mutate({
+			id: P,
 			status: e
 		});
 	};
 	return /* @__PURE__ */ C(t, {
 		title: Z.name,
-		description: `${i[Z.sport]} · ${r[Z.level]} · ${Z.weeks} ${Z.weeks === 1 ? "week" : "weeks"}`,
+		gradientTitle: !0,
+		description: `${a[Z.sport]} · ${r[Z.level]} · ${Z.weeks} ${Z.weeks === 1 ? "week" : "weeks"}`,
 		actions: /* @__PURE__ */ C("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
 				/* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: () => P("/programs"),
+					onClick: () => F("/programs"),
 					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
 					children: [/* @__PURE__ */ S(g, { className: "h-4 w-4" }), " Back"]
 				}),
 				/* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: () => P(`/programs/${Z.id}/edit`),
+					onClick: () => F(`/programs/${Z.id}/edit`),
 					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
 					children: [/* @__PURE__ */ S(v, { className: "h-4 w-4" }), " Edit"]
 				}),
 				Z.status !== "ARCHIVED" && /* @__PURE__ */ C("button", {
 					type: "button",
 					onClick: async () => {
-						N && (await L.mutateAsync(N), P("/programs"));
+						P && (await R.mutateAsync(P), F("/programs"));
 					},
-					disabled: L.isPending,
+					disabled: R.isPending,
 					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-60",
 					children: [
-						L.isPending ? /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ S(h, { className: "h-4 w-4" }),
+						R.isPending ? /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ S(h, { className: "h-4 w-4" }),
 						" ",
 						"Archive"
 					]
@@ -96,10 +100,44 @@ function N() {
 				className: "mb-8 p-6",
 				children: [
 					/* @__PURE__ */ C("div", {
-						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ S(n, { status: Z.status }), Z.isTemplate && /* @__PURE__ */ C("span", {
-							className: "inline-flex items-center gap-1 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ S(_, { className: "h-3.5 w-3.5" }), " Template"]
+						className: "flex items-start gap-4",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-[var(--color-accent-soft)] text-text-primary",
+							children: /* @__PURE__ */ S(ge, {
+								className: "h-7 w-7",
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ C("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ S(w, {
+										variant: "secondary",
+										children: a[Z.sport]
+									}),
+									/* @__PURE__ */ S(w, {
+										variant: "secondary",
+										children: r[Z.level]
+									}),
+									/* @__PURE__ */ S(n, { status: Z.status }),
+									Z.isTemplate && /* @__PURE__ */ C("span", {
+										className: "inline-flex items-center gap-1 text-xs text-text-secondary",
+										children: [/* @__PURE__ */ S(_, { className: "h-3.5 w-3.5" }), " Template"]
+									})
+								]
+							}), /* @__PURE__ */ C("p", {
+								className: "mt-2 text-sm text-text-secondary",
+								children: [
+									Z.weeks,
+									" ",
+									Z.weeks === 1 ? "week" : "weeks",
+									" · ",
+									Q,
+									" ",
+									Q === 1 ? "drill" : "drills"
+								]
+							})]
 						})]
 					}),
 					Z.summary && /* @__PURE__ */ S("p", {
@@ -123,20 +161,20 @@ function N() {
 							Z.status === "DRAFT" && /* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => $("PUBLISHED"),
-								disabled: I.isPending,
+								disabled: L.isPending,
 								className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-								children: [/* @__PURE__ */ S(ie, { className: "h-4 w-4" }), " Publish"]
+								children: [/* @__PURE__ */ S(ae, { className: "h-4 w-4" }), " Publish"]
 							}),
-							Z.status === "PUBLISHED" && /* @__PURE__ */ C(ce, { children: [/* @__PURE__ */ C("button", {
+							Z.status === "PUBLISHED" && /* @__PURE__ */ C(le, { children: [/* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => $("DRAFT"),
-								disabled: I.isPending,
+								disabled: L.isPending,
 								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60",
-								children: [/* @__PURE__ */ S(oe, { className: "h-4 w-4" }), " Pull back to draft"]
+								children: [/* @__PURE__ */ S(se, { className: "h-4 w-4" }), " Pull back to draft"]
 							}), /* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => $("ARCHIVED"),
-								disabled: I.isPending,
+								disabled: L.isPending,
 								className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-60",
 								children: [/* @__PURE__ */ S(h, { className: "h-4 w-4" }), " Archive"]
 							})] }),
@@ -144,7 +182,7 @@ function N() {
 								className: "text-sm text-text-secondary",
 								children: "This program is archived."
 							}),
-							I.isPending && /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin text-text-secondary" })
+							L.isPending && /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin text-text-secondary" })
 						]
 					})
 				]
@@ -161,94 +199,120 @@ function N() {
 				}), /* @__PURE__ */ C("button", {
 					type: "button",
 					onClick: () => {
-						X(null), H(!0);
+						Y(null), V(!0);
 					},
 					className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
 					children: [/* @__PURE__ */ S(x, { className: "h-4 w-4" }), " Add drill"]
 				})]
-			}), Q === 0 ? /* @__PURE__ */ S(a, {
+			}), Q === 0 ? /* @__PURE__ */ S(o, {
 				illustration: "empty-data",
 				icon: /* @__PURE__ */ S(x, { className: "h-10 w-10" }),
 				title: "No drills yet",
 				description: "Add drills with sets, reps and durations, organized by week."
-			}) : /* @__PURE__ */ S("div", {
-				className: "space-y-6",
-				children: le.map(({ week: e, drills: t }) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("h3", {
-					className: "mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary",
-					children: ["Week ", e]
-				}), /* @__PURE__ */ S(w, { children: /* @__PURE__ */ S("div", {
-					className: "divide-y divide-border-seam",
-					children: t.map((e) => /* @__PURE__ */ C("div", {
-						className: "flex items-start gap-4 py-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "min-w-0 flex-1",
-							children: [
-								/* @__PURE__ */ S("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: e.name
-								}),
-								e.description && /* @__PURE__ */ S("p", {
-									className: "mt-0.5 text-xs text-text-secondary",
-									children: e.description
-								}),
-								/* @__PURE__ */ C("div", {
-									className: "mt-1.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary",
+			}) : /* @__PURE__ */ S(ue, {
+				type: "multiple",
+				defaultValue: _e,
+				className: "flex flex-col gap-3",
+				children: X.map(({ week: e, drills: t }) => /* @__PURE__ */ S(T, {
+					treatment: "insight",
+					className: "overflow-hidden px-4 py-0",
+					children: /* @__PURE__ */ C(fe, {
+						value: `week-${e}`,
+						className: "border-b-0",
+						children: [/* @__PURE__ */ S(pe, {
+							className: "py-4",
+							children: /* @__PURE__ */ C("span", {
+								className: "flex items-center gap-2.5",
+								children: [/* @__PURE__ */ C("span", {
+									className: "text-sm font-semibold text-text-primary",
+									children: ["Week ", e]
+								}), /* @__PURE__ */ C(w, {
+									variant: "secondary",
 									children: [
-										e.sets !== null && /* @__PURE__ */ C("span", { children: [e.sets, " sets"] }),
-										e.reps !== null && /* @__PURE__ */ C("span", { children: [e.reps, " reps"] }),
-										e.durationSec !== null && /* @__PURE__ */ C("span", { children: [e.durationSec, "s work"] }),
-										e.restSec !== null && /* @__PURE__ */ C("span", { children: [e.restSec, "s rest"] })
+										t.length,
+										" ",
+										t.length === 1 ? "drill" : "drills"
 									]
-								}),
-								e.video?.id && /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(f, { fileId: e.video.id }) })
-							]
-						}), /* @__PURE__ */ S("button", {
-							type: "button",
-							onClick: () => void z.mutate(e.id),
-							disabled: z.isPending,
-							"aria-label": `Remove ${e.name}`,
-							className: "rounded-lg p-2 text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text disabled:opacity-60",
-							children: /* @__PURE__ */ S(ae, { className: "h-4 w-4" })
+								})]
+							})
+						}), /* @__PURE__ */ S(de, {
+							className: "pb-2",
+							children: /* @__PURE__ */ S("div", {
+								className: "divide-y divide-border-seam",
+								children: t.map((e) => /* @__PURE__ */ C("div", {
+									className: "flex items-start gap-4 py-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ S("p", {
+												className: "text-sm font-medium text-text-primary",
+												children: e.name
+											}),
+											e.description && /* @__PURE__ */ S("p", {
+												className: "mt-0.5 text-xs text-text-secondary",
+												children: e.description
+											}),
+											/* @__PURE__ */ C("div", {
+												className: "mt-2 flex flex-wrap gap-1.5",
+												children: [
+													e.sets !== null && /* @__PURE__ */ C(M, { children: [e.sets, " sets"] }),
+													e.reps !== null && /* @__PURE__ */ C(M, { children: [e.reps, " reps"] }),
+													e.durationSec !== null && /* @__PURE__ */ C(M, { children: [e.durationSec, "s work"] }),
+													e.restSec !== null && /* @__PURE__ */ C(M, { children: [e.restSec, "s rest"] })
+												]
+											}),
+											e.video?.id && /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(f, { fileId: e.video.id }) })
+										]
+									}), /* @__PURE__ */ S("button", {
+										type: "button",
+										onClick: () => void B.mutate(e.id),
+										disabled: B.isPending,
+										"aria-label": `Remove ${e.name}`,
+										className: "rounded-lg p-2 text-text-secondary transition-colors hover:bg-status-error-bg-subtle hover:text-status-error-text disabled:opacity-60",
+										children: /* @__PURE__ */ S(oe, { className: "h-4 w-4" })
+									})]
+								}, e.id))
+							})
 						})]
-					}, e.id))
-				}) })] }, e))
+					})
+				}, e))
 			})] }),
 			/* @__PURE__ */ S(E, {
-				open: V,
-				onOpenChange: H,
+				open: he,
+				onOpenChange: V,
 				children: /* @__PURE__ */ C(D, { children: [/* @__PURE__ */ S(k, { children: /* @__PURE__ */ S(A, { children: "Add drill" }) }), /* @__PURE__ */ C("form", {
 					onSubmit: async (e) => {
-						if (e.preventDefault(), X(null), !N) return;
-						if (!U.name.trim()) {
-							X("Drill name is required.");
+						if (e.preventDefault(), Y(null), !P) return;
+						if (!H.name.trim()) {
+							Y("Drill name is required.");
 							return;
 						}
-						let t = M(U.weekNumber) ?? 1, n;
-						if (G) {
-							J(!0);
+						let t = N(H.weekNumber) ?? 1, n;
+						if (W) {
+							q(!0);
 							try {
-								n = await B(G);
+								n = await me(W);
 							} catch (e) {
-								X(e instanceof Error ? e.message : "Failed to upload the demo video."), J(!1);
+								Y(e instanceof Error ? e.message : "Failed to upload the demo video."), q(!1);
 								return;
 							}
-							J(!1);
+							q(!1);
 						}
 						try {
-							await R.mutateAsync({
-								programId: N,
-								name: U.name.trim(),
-								description: U.description.trim() || void 0,
+							await z.mutateAsync({
+								programId: P,
+								name: H.name.trim(),
+								description: H.description.trim() || void 0,
 								weekNumber: t,
-								orderIndex: F.data?.drills?.filter((e) => e.weekNumber === t).length ?? 0,
-								sets: M(U.sets),
-								reps: M(U.reps),
-								durationSec: M(U.durationSec),
-								restSec: M(U.restSec),
+								orderIndex: I.data?.drills?.filter((e) => e.weekNumber === t).length ?? 0,
+								sets: N(H.sets),
+								reps: N(H.reps),
+								durationSec: N(H.durationSec),
+								restSec: N(H.restSec),
 								videoFileId: n
-							}), W(j), K(null), H(!1);
+							}), U(j), G(null), V(!1);
 						} catch (e) {
-							X(e instanceof Error ? e.message : "Failed to add drill.");
+							Y(e instanceof Error ? e.message : "Failed to add drill.");
 						}
 					},
 					className: "space-y-4 px-1",
@@ -260,8 +324,8 @@ function N() {
 							children: /* @__PURE__ */ S("input", {
 								id: "drillName",
 								className: d,
-								value: U.name,
-								onChange: (e) => W((t) => ({
+								value: H.name,
+								onChange: (e) => U((t) => ({
 									...t,
 									name: e.target.value
 								})),
@@ -275,8 +339,8 @@ function N() {
 								id: "drillDesc",
 								className: d,
 								rows: 2,
-								value: U.description,
-								onChange: (e) => W((t) => ({
+								value: H.description,
+								onChange: (e) => U((t) => ({
 									...t,
 									description: e.target.value
 								})),
@@ -284,7 +348,7 @@ function N() {
 							})
 						}),
 						/* @__PURE__ */ C("div", {
-							className: "grid grid-cols-3 gap-4",
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 							children: [
 								/* @__PURE__ */ S(u, {
 									label: "Week",
@@ -293,8 +357,8 @@ function N() {
 										id: "drillWeek",
 										inputMode: "numeric",
 										className: d,
-										value: U.weekNumber,
-										onChange: (e) => W((t) => ({
+										value: H.weekNumber,
+										onChange: (e) => U((t) => ({
 											...t,
 											weekNumber: e.target.value
 										}))
@@ -307,8 +371,8 @@ function N() {
 										id: "drillSets",
 										inputMode: "numeric",
 										className: d,
-										value: U.sets,
-										onChange: (e) => W((t) => ({
+										value: H.sets,
+										onChange: (e) => U((t) => ({
 											...t,
 											sets: e.target.value
 										}))
@@ -321,8 +385,8 @@ function N() {
 										id: "drillReps",
 										inputMode: "numeric",
 										className: d,
-										value: U.reps,
-										onChange: (e) => W((t) => ({
+										value: H.reps,
+										onChange: (e) => U((t) => ({
 											...t,
 											reps: e.target.value
 										}))
@@ -339,8 +403,8 @@ function N() {
 									id: "drillDuration",
 									inputMode: "numeric",
 									className: d,
-									value: U.durationSec,
-									onChange: (e) => W((t) => ({
+									value: H.durationSec,
+									onChange: (e) => U((t) => ({
 										...t,
 										durationSec: e.target.value
 									}))
@@ -352,8 +416,8 @@ function N() {
 									id: "drillRest",
 									inputMode: "numeric",
 									className: d,
-									value: U.restSec,
-									onChange: (e) => W((t) => ({
+									value: H.restSec,
+									onChange: (e) => U((t) => ({
 										...t,
 										restSec: e.target.value
 									}))
@@ -369,32 +433,32 @@ function N() {
 								type: "file",
 								accept: "video/*",
 								className: d,
-								onChange: (e) => K(e.target.files?.[0] ?? null)
-							}), G && /* @__PURE__ */ C("p", {
+								onChange: (e) => G(e.target.files?.[0] ?? null)
+							}), W && /* @__PURE__ */ C("p", {
 								className: "mt-1 inline-flex items-center gap-1 text-xs text-text-secondary",
 								children: [
 									/* @__PURE__ */ S(y, { className: "h-3.5 w-3.5" }),
 									" ",
-									G.name
+									W.name
 								]
 							})]
 						}),
-						Y && /* @__PURE__ */ S("p", {
+						J && /* @__PURE__ */ S("p", {
 							className: "text-sm text-status-error-text",
-							children: Y
+							children: J
 						}),
 						/* @__PURE__ */ C(O, { children: [/* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => {
-								H(!1), K(null);
+								V(!1), G(null);
 							},
 							className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
 							children: "Cancel"
 						}), /* @__PURE__ */ C("button", {
 							type: "submit",
-							disabled: R.isPending || q,
+							disabled: z.isPending || K,
 							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-							children: [(R.isPending || q) && /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin" }), q ? "Uploading video…" : "Add drill"]
+							children: [(z.isPending || K) && /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin" }), K ? "Uploading video…" : "Add drill"]
 						})] })
 					]
 				})] })
@@ -403,6 +467,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as ProgramDetailPage };
+export { P as ProgramDetailPage };
 
 //# sourceMappingURL=ProgramDetailPage.js.map