@burdenoff/microfe-atheletebridge 2026.827.1 → 2026.829.2

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

@@ -1,19 +1,20 @@
-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_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 ae, Trash2 as oe, Undo2 as se } from "lucide-react";
-import { useParams as ce } from "react-router";
-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";
+import { useAbTranslate as e } from "../../i18n.js";
+import { useAthleteBridge as t } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { PROGRAM_LEVEL_LABELS as i, SPORT_ICONS as a, SPORT_LABELS as o } from "../../components/domain.js";
+import { EmptyState as ee } from "../../components/EmptyState.js";
+import { ErrorState as te, LoadingState as s } from "../../components/LoadingState.js";
+import { useAddDrill as ne, useArchiveProgram as c, useProgram as l, useRemoveDrill as u, useTransitionProgram as d, useUploadFile as f } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as p, fieldInputClass as m } from "../../components/form.js";
+import { DrillVideoLink as h } from "../../components/DrillVideoLink.js";
+import { useMemo as re, useState as g } from "react";
+import { Archive as _, ArrowLeft as ie, Copy as ae, Edit as oe, FileVideo as se, Loader2 as v, Plus as y, Send as ce, Trash2 as le, Undo2 as ue } from "lucide-react";
+import { useParams as b } from "react-router";
+import { Fragment as de, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Accordion as fe, AccordionContent as pe, AccordionItem as me, AccordionTrigger as he, Badge as C, GlassCard as w, ResponsiveDialog as T, ResponsiveDialogContent as E, ResponsiveDialogFooter as D, ResponsiveDialogHeader as O, ResponsiveDialogTitle as k } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/programs/ProgramDetailPage.tsx
-var j = {
+var A = {
 	name: "",
 	description: "",
 	weekNumber: "1",
@@ -21,17 +22,17 @@ var j = {
 	reps: "",
 	durationSec: "",
 	restSec: ""
-}, M = ({ children: e }) => /* @__PURE__ */ S("span", {
+}, j = ({ children: e }) => /* @__PURE__ */ x("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) => {
+}), M = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = Number.parseInt(t, 10);
 	return Number.isNaN(n) ? void 0 : n;
 };
-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(() => {
+function N() {
+	let N = e(), { id: P } = b(), { navigateTo: F } = t(), I = l(P), L = d(), R = c(), z = ne(), B = u(P), ge = f(), [_e, V] = g(!1), [H, U] = g(A), [W, G] = g(null), [K, q] = g(!1), [J, Y] = g(null), X = re(() => {
 		let e = I.data?.drills?.items ?? [], t = /* @__PURE__ */ new Map();
 		for (let n of e) {
 			let e = t.get(n.weekNumber) ?? [];
@@ -42,44 +43,52 @@ function P() {
 			drills: [...t].sort((e, t) => e.orderIndex - t.orderIndex)
 		}));
 	}, [I.data]);
-	if (I.isLoading) return /* @__PURE__ */ S(t, {
-		title: "Program",
-		children: /* @__PURE__ */ S(c, { label: "Loading program…" })
+	if (I.isLoading) return /* @__PURE__ */ x(n, {
+		title: N("atheletebridge.pages.programDetail.title", "Program"),
+		children: /* @__PURE__ */ x(s, { label: N("atheletebridge.pages.programDetail.loading", "Loading program…") })
 	});
-	if (I.isError || !I.data) return /* @__PURE__ */ S(t, {
-		title: "Program",
-		children: /* @__PURE__ */ S(s, {
-			title: "Program not found",
-			message: "This program does not exist or you do not have access to it.",
+	if (I.isError || !I.data) return /* @__PURE__ */ x(n, {
+		title: N("atheletebridge.pages.programDetail.title", "Program"),
+		children: /* @__PURE__ */ x(te, {
+			title: N("atheletebridge.pages.programDetail.notFoundTitle", "Program not found"),
+			message: N("atheletebridge.pages.programDetail.notFoundMessage", "This program does not exist or you do not have access to it."),
 			onRetry: () => F("/programs")
 		})
 	});
-	let Z = I.data, Q = Z.drills?.items.length ?? 0, ge = i[Z.sport], _e = X.map(({ week: e }) => `week-${e}`), $ = (e) => {
+	let Z = I.data, Q = Z.drills?.items.length ?? 0, ve = a[Z.sport], ye = X.map(({ week: e }) => `week-${e}`), $ = (e) => {
 		P && L.mutate({
 			id: P,
 			status: e
 		});
 	};
-	return /* @__PURE__ */ C(t, {
+	return /* @__PURE__ */ S(n, {
 		title: Z.name,
 		gradientTitle: !0,
-		description: `${a[Z.sport]} · ${r[Z.level]} · ${Z.weeks} ${Z.weeks === 1 ? "week" : "weeks"}`,
-		actions: /* @__PURE__ */ C("div", {
+		description: `${o[Z.sport]} · ${i[Z.level]} · ${Z.weeks} ${Z.weeks === 1 ? "week" : "weeks"}`,
+		actions: /* @__PURE__ */ S("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				/* @__PURE__ */ C("button", {
+				/* @__PURE__ */ S("button", {
 					type: "button",
 					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"]
+					children: [
+						/* @__PURE__ */ x(ie, { className: "h-4 w-4" }),
+						" ",
+						N("atheletebridge.pages.programDetail.back", "Back")
+					]
 				}),
-				/* @__PURE__ */ C("button", {
+				/* @__PURE__ */ S("button", {
 					type: "button",
 					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"]
+					children: [
+						/* @__PURE__ */ x(oe, { className: "h-4 w-4" }),
+						" ",
+						N("atheletebridge.pages.programDetail.edit", "Edit")
+					]
 				}),
-				Z.status !== "ARCHIVED" && /* @__PURE__ */ C("button", {
+				Z.status !== "ARCHIVED" && /* @__PURE__ */ S("button", {
 					type: "button",
 					onClick: async () => {
 						P && (await R.mutateAsync(P), F("/programs"));
@@ -87,46 +96,46 @@ function P() {
 					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: [
-						R.isPending ? /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ S(h, { className: "h-4 w-4" }),
+						R.isPending ? /* @__PURE__ */ x(v, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ x(_, { className: "h-4 w-4" }),
 						" ",
-						"Archive"
+						N("atheletebridge.pages.programDetail.archive", "Archive")
 					]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ C(T, {
+			/* @__PURE__ */ S(w, {
 				treatment: "insight",
 				className: "mb-8 p-6",
 				children: [
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ S("div", {
 						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ x("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, {
+							children: /* @__PURE__ */ x(ve, {
 								className: "h-7 w-7",
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ S("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ S(w, {
+									/* @__PURE__ */ x(C, {
 										variant: "secondary",
-										children: a[Z.sport]
+										children: o[Z.sport]
 									}),
-									/* @__PURE__ */ S(w, {
+									/* @__PURE__ */ x(C, {
 										variant: "secondary",
-										children: r[Z.level]
+										children: i[Z.level]
 									}),
-									/* @__PURE__ */ S(n, { status: Z.status }),
-									Z.isTemplate && /* @__PURE__ */ C("span", {
+									/* @__PURE__ */ x(r, { status: Z.status }),
+									Z.isTemplate && /* @__PURE__ */ S("span", {
 										className: "inline-flex items-center gap-1 text-xs text-text-secondary",
-										children: [/* @__PURE__ */ S(_, { className: "h-3.5 w-3.5" }), " Template"]
+										children: [/* @__PURE__ */ x(ae, { className: "h-3.5 w-3.5" }), " Template"]
 									})
 								]
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ S("p", {
 								className: "mt-2 text-sm text-text-secondary",
 								children: [
 									Z.weeks,
@@ -140,93 +149,110 @@ function P() {
 							})]
 						})]
 					}),
-					Z.summary && /* @__PURE__ */ S("p", {
+					Z.summary && /* @__PURE__ */ x("p", {
 						className: "mt-4 text-sm text-text-secondary",
 						children: Z.summary
 					}),
-					Z.tags.length > 0 && /* @__PURE__ */ S("div", {
+					Z.tags.length > 0 && /* @__PURE__ */ x("div", {
 						className: "mt-4 flex flex-wrap gap-1.5",
-						children: Z.tags.map((e) => /* @__PURE__ */ S("span", {
+						children: Z.tags.map((e) => /* @__PURE__ */ x("span", {
 							className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 							children: e
 						}, e))
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ S("div", {
 						className: "mt-5 flex flex-wrap items-center gap-2 border-t border-border-seam pt-5",
 						children: [
-							/* @__PURE__ */ S("span", {
+							/* @__PURE__ */ x("span", {
 								className: "text-sm font-medium text-text-primary",
-								children: "Publish lifecycle:"
+								children: N("atheletebridge.pages.programDetail.lifecycle", "Publish lifecycle:")
 							}),
-							Z.status === "DRAFT" && /* @__PURE__ */ C("button", {
+							Z.status === "DRAFT" && /* @__PURE__ */ S("button", {
 								type: "button",
 								onClick: () => $("PUBLISHED"),
 								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(ae, { className: "h-4 w-4" }), " Publish"]
+								children: [
+									/* @__PURE__ */ x(ce, { className: "h-4 w-4" }),
+									" ",
+									N("atheletebridge.pages.programDetail.publish", "Publish")
+								]
 							}),
-							Z.status === "PUBLISHED" && /* @__PURE__ */ C(le, { children: [/* @__PURE__ */ C("button", {
+							Z.status === "PUBLISHED" && /* @__PURE__ */ S(de, { children: [/* @__PURE__ */ S("button", {
 								type: "button",
 								onClick: () => $("DRAFT"),
 								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(se, { className: "h-4 w-4" }), " Pull back to draft"]
-							}), /* @__PURE__ */ C("button", {
+								children: [
+									/* @__PURE__ */ x(ue, { className: "h-4 w-4" }),
+									" ",
+									N("atheletebridge.pages.programDetail.pullBackToDraft", "Pull back to draft")
+								]
+							}), /* @__PURE__ */ S("button", {
 								type: "button",
 								onClick: () => $("ARCHIVED"),
 								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"]
+								children: [
+									/* @__PURE__ */ x(_, { className: "h-4 w-4" }),
+									" ",
+									N("atheletebridge.pages.programDetail.archiveAction", "Archive")
+								]
 							})] }),
-							Z.status === "ARCHIVED" && /* @__PURE__ */ S("span", {
+							Z.status === "ARCHIVED" && /* @__PURE__ */ x("span", {
 								className: "text-sm text-text-secondary",
-								children: "This program is archived."
+								children: N("atheletebridge.pages.programDetail.archived", "This program is archived.")
 							}),
-							L.isPending && /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin text-text-secondary" })
+							L.isPending && /* @__PURE__ */ x(v, { className: "h-4 w-4 animate-spin text-text-secondary" })
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ C("section", { children: [/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ S("section", { children: [/* @__PURE__ */ S("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ C("h2", {
+				children: [/* @__PURE__ */ S("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: [
-						"Drills (",
+						N("atheletebridge.pages.programDetail.drillsTitle", "Drills"),
+						" (",
 						Q,
 						")"
 					]
-				}), /* @__PURE__ */ C("button", {
+				}), /* @__PURE__ */ S("button", {
 					type: "button",
 					onClick: () => {
 						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"]
+					children: [
+						/* @__PURE__ */ x(y, { className: "h-4 w-4" }),
+						" ",
+						N("atheletebridge.pages.programDetail.addDrill", "Add drill")
+					]
 				})]
-			}), Q === 0 ? /* @__PURE__ */ S(o, {
+			}), Q === 0 ? /* @__PURE__ */ x(ee, {
 				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(ue, {
+				icon: /* @__PURE__ */ x(y, { className: "h-10 w-10" }),
+				title: N("atheletebridge.pages.programDetail.noDrillsTitle", "No drills yet"),
+				description: N("atheletebridge.pages.programDetail.noDrillsHint", "Add drills with sets, reps and durations, organized by week.")
+			}) : /* @__PURE__ */ x(fe, {
 				type: "multiple",
-				defaultValue: _e,
+				defaultValue: ye,
 				className: "flex flex-col gap-3",
-				children: X.map(({ week: e, drills: t }) => /* @__PURE__ */ S(T, {
+				children: X.map(({ week: e, drills: t }) => /* @__PURE__ */ x(w, {
 					treatment: "insight",
 					className: "overflow-hidden px-4 py-0",
-					children: /* @__PURE__ */ C(fe, {
+					children: /* @__PURE__ */ S(me, {
 						value: `week-${e}`,
 						className: "border-b-0",
-						children: [/* @__PURE__ */ S(pe, {
+						children: [/* @__PURE__ */ x(he, {
 							className: "py-4",
-							children: /* @__PURE__ */ C("span", {
+							children: /* @__PURE__ */ S("span", {
 								className: "flex items-center gap-2.5",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ S("span", {
 									className: "text-sm font-semibold text-text-primary",
 									children: ["Week ", e]
-								}), /* @__PURE__ */ C(w, {
+								}), /* @__PURE__ */ S(C, {
 									variant: "secondary",
 									children: [
 										t.length,
@@ -235,41 +261,41 @@ function P() {
 									]
 								})]
 							})
-						}), /* @__PURE__ */ S(de, {
+						}), /* @__PURE__ */ x(pe, {
 							className: "pb-2",
-							children: /* @__PURE__ */ S("div", {
+							children: /* @__PURE__ */ x("div", {
 								className: "divide-y divide-border-seam",
-								children: t.map((e) => /* @__PURE__ */ C("div", {
+								children: t.map((e) => /* @__PURE__ */ S("div", {
 									className: "flex items-start gap-4 py-3",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "min-w-0 flex-1",
 										children: [
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ x("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: e.name
 											}),
-											e.description && /* @__PURE__ */ S("p", {
+											e.description && /* @__PURE__ */ x("p", {
 												className: "mt-0.5 text-xs text-text-secondary",
 												children: e.description
 											}),
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ S("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.sets !== null && /* @__PURE__ */ S(j, { children: [e.sets, " sets"] }),
+													e.reps !== null && /* @__PURE__ */ S(j, { children: [e.reps, " reps"] }),
+													e.durationSec !== null && /* @__PURE__ */ S(j, { children: [e.durationSec, "s work"] }),
+													e.restSec !== null && /* @__PURE__ */ S(j, { children: [e.restSec, "s rest"] })
 												]
 											}),
-											e.video?.id && /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(f, { fileId: e.video.id }) })
+											e.video?.id && /* @__PURE__ */ x("div", { children: /* @__PURE__ */ x(h, { fileId: e.video.id }) })
 										]
-									}), /* @__PURE__ */ S("button", {
+									}), /* @__PURE__ */ x("button", {
 										type: "button",
 										onClick: () => void B.mutate(e.id),
 										disabled: B.isPending,
-										"aria-label": `Remove ${e.name}`,
+										"aria-label": `${N("common.delete", "Delete")} ${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" })
+										children: /* @__PURE__ */ x(le, { className: "h-4 w-4" })
 									})]
 								}, e.id))
 							})
@@ -277,21 +303,21 @@ function P() {
 					})
 				}, e))
 			})] }),
-			/* @__PURE__ */ S(E, {
-				open: he,
+			/* @__PURE__ */ x(T, {
+				open: _e,
 				onOpenChange: V,
-				children: /* @__PURE__ */ C(D, { children: [/* @__PURE__ */ S(k, { children: /* @__PURE__ */ S(A, { children: "Add drill" }) }), /* @__PURE__ */ C("form", {
+				children: /* @__PURE__ */ S(E, { children: [/* @__PURE__ */ x(O, { children: /* @__PURE__ */ x(k, { children: N("atheletebridge.pages.programDetail.addDrill", "Add drill") }) }), /* @__PURE__ */ S("form", {
 					onSubmit: async (e) => {
 						if (e.preventDefault(), Y(null), !P) return;
 						if (!H.name.trim()) {
 							Y("Drill name is required.");
 							return;
 						}
-						let t = N(H.weekNumber) ?? 1, n;
+						let t = M(H.weekNumber) ?? 1, n;
 						if (W) {
 							q(!0);
 							try {
-								n = await me(W);
+								n = await ge(W);
 							} catch (e) {
 								Y(e instanceof Error ? e.message : "Failed to upload the demo video."), q(!1);
 								return;
@@ -305,25 +331,25 @@ function P() {
 								description: H.description.trim() || void 0,
 								weekNumber: t,
 								orderIndex: I.data?.drills?.items.filter((e) => e.weekNumber === t).length ?? 0,
-								sets: N(H.sets),
-								reps: N(H.reps),
-								durationSec: N(H.durationSec),
-								restSec: N(H.restSec),
+								sets: M(H.sets),
+								reps: M(H.reps),
+								durationSec: M(H.durationSec),
+								restSec: M(H.restSec),
 								videoFileId: n
-							}), U(j), G(null), V(!1);
+							}), U(A), G(null), V(!1);
 						} catch (e) {
 							Y(e instanceof Error ? e.message : "Failed to add drill.");
 						}
 					},
 					className: "space-y-4 px-1",
 					children: [
-						/* @__PURE__ */ S(u, {
+						/* @__PURE__ */ x(p, {
 							label: "Name",
 							htmlFor: "drillName",
 							required: !0,
-							children: /* @__PURE__ */ S("input", {
+							children: /* @__PURE__ */ x("input", {
 								id: "drillName",
-								className: d,
+								className: m,
 								value: H.name,
 								onChange: (e) => U((t) => ({
 									...t,
@@ -332,12 +358,12 @@ function P() {
 								placeholder: "e.g. Box jumps"
 							})
 						}),
-						/* @__PURE__ */ S(u, {
+						/* @__PURE__ */ x(p, {
 							label: "Description",
 							htmlFor: "drillDesc",
-							children: /* @__PURE__ */ S("textarea", {
+							children: /* @__PURE__ */ x("textarea", {
 								id: "drillDesc",
-								className: d,
+								className: m,
 								rows: 2,
 								value: H.description,
 								onChange: (e) => U((t) => ({
@@ -347,16 +373,16 @@ function P() {
 								placeholder: "How to perform the drill."
 							})
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ S("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 							children: [
-								/* @__PURE__ */ S(u, {
+								/* @__PURE__ */ x(p, {
 									label: "Week",
 									htmlFor: "drillWeek",
-									children: /* @__PURE__ */ S("input", {
+									children: /* @__PURE__ */ x("input", {
 										id: "drillWeek",
 										inputMode: "numeric",
-										className: d,
+										className: m,
 										value: H.weekNumber,
 										onChange: (e) => U((t) => ({
 											...t,
@@ -364,13 +390,13 @@ function P() {
 										}))
 									})
 								}),
-								/* @__PURE__ */ S(u, {
+								/* @__PURE__ */ x(p, {
 									label: "Sets",
 									htmlFor: "drillSets",
-									children: /* @__PURE__ */ S("input", {
+									children: /* @__PURE__ */ x("input", {
 										id: "drillSets",
 										inputMode: "numeric",
-										className: d,
+										className: m,
 										value: H.sets,
 										onChange: (e) => U((t) => ({
 											...t,
@@ -378,13 +404,13 @@ function P() {
 										}))
 									})
 								}),
-								/* @__PURE__ */ S(u, {
+								/* @__PURE__ */ x(p, {
 									label: "Reps",
 									htmlFor: "drillReps",
-									children: /* @__PURE__ */ S("input", {
+									children: /* @__PURE__ */ x("input", {
 										id: "drillReps",
 										inputMode: "numeric",
-										className: d,
+										className: m,
 										value: H.reps,
 										onChange: (e) => U((t) => ({
 											...t,
@@ -394,28 +420,28 @@ function P() {
 								})
 							]
 						}),
-						/* @__PURE__ */ C("div", {
+						/* @__PURE__ */ S("div", {
 							className: "grid grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ S(u, {
+							children: [/* @__PURE__ */ x(p, {
 								label: "Work (sec)",
 								htmlFor: "drillDuration",
-								children: /* @__PURE__ */ S("input", {
+								children: /* @__PURE__ */ x("input", {
 									id: "drillDuration",
 									inputMode: "numeric",
-									className: d,
+									className: m,
 									value: H.durationSec,
 									onChange: (e) => U((t) => ({
 										...t,
 										durationSec: e.target.value
 									}))
 								})
-							}), /* @__PURE__ */ S(u, {
+							}), /* @__PURE__ */ x(p, {
 								label: "Rest (sec)",
 								htmlFor: "drillRest",
-								children: /* @__PURE__ */ S("input", {
+								children: /* @__PURE__ */ x("input", {
 									id: "drillRest",
 									inputMode: "numeric",
-									className: d,
+									className: m,
 									value: H.restSec,
 									onChange: (e) => U((t) => ({
 										...t,
@@ -424,41 +450,41 @@ function P() {
 								})
 							})]
 						}),
-						/* @__PURE__ */ C(u, {
+						/* @__PURE__ */ S(p, {
 							label: "Demo video",
 							htmlFor: "drillVideo",
 							hint: "Optional — attach a short demo clip; it's stored in workspace files.",
-							children: [/* @__PURE__ */ S("input", {
+							children: [/* @__PURE__ */ x("input", {
 								id: "drillVideo",
 								type: "file",
 								accept: "video/*",
-								className: d,
+								className: m,
 								onChange: (e) => G(e.target.files?.[0] ?? null)
-							}), W && /* @__PURE__ */ C("p", {
+							}), W && /* @__PURE__ */ S("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" }),
+									/* @__PURE__ */ x(se, { className: "h-3.5 w-3.5" }),
 									" ",
 									W.name
 								]
 							})]
 						}),
-						J && /* @__PURE__ */ S("p", {
+						J && /* @__PURE__ */ x("p", {
 							className: "text-sm text-status-error-text",
 							children: J
 						}),
-						/* @__PURE__ */ C(O, { children: [/* @__PURE__ */ S("button", {
+						/* @__PURE__ */ S(D, { children: [/* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: () => {
 								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", {
+							children: N("common.cancel", "Cancel")
+						}), /* @__PURE__ */ S("button", {
 							type: "submit",
 							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: [(z.isPending || K) && /* @__PURE__ */ S(b, { className: "h-4 w-4 animate-spin" }), K ? "Uploading video…" : "Add drill"]
+							children: [(z.isPending || K) && /* @__PURE__ */ x(v, { className: "h-4 w-4 animate-spin" }), K ? N("atheletebridge.pages.programDetail.uploadingVideo", "Uploading video…") : N("atheletebridge.pages.programDetail.addDrill", "Add drill")]
 						})] })
 					]
 				})] })
@@ -467,6 +493,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as ProgramDetailPage };
+export { N as ProgramDetailPage };
 
 //# sourceMappingURL=ProgramDetailPage.js.map