@burdenoff/microfe-mybodyshield 2026.821.2 → 2026.830.1

package/dist/mybodyshield/pages/programs/ProgramsPage.js

@@ -4,48 +4,49 @@ import { MetricsCard as n } from "../../components/MetricsCard.js";
 import { formatEnumLabel as r, formatNumber as i, formatRelativeTime as a } from "../../utils/formatters.js";
 import { StatusBadge as o } from "../../components/StatusBadge.js";
 import { EmptyState as s } from "../../components/EmptyState.js";
-import { ErrorView as ee, LoadingView as c } from "../../components/StateViews.js";
-import { FilterTabs as te } from "../../components/FilterTabs.js";
-import { Pagination as ne } from "../../components/Pagination.js";
 import "../../context/index.js";
-import { useMybAddWorkout as re, useMybCreateProgram as ie, useMybPrograms as l } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as ae } from "../../hooks/usePager.js";
-import { useMyBodyShieldAnalytics as oe } from "../../hooks/useMyBodyShieldAnalytics.js";
+import { useMybAddWorkout as c, useMybCreateProgram as l, useMybPrograms as u } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as ee } from "../../hooks/usePager.js";
+import { useMyBodyShieldAnalytics as te } from "../../hooks/useMyBodyShieldAnalytics.js";
+import { useTr as d } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
+import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
+import { FilterTabs as ie } from "../../components/FilterTabs.js";
+import { Pagination as ae } from "../../components/Pagination.js";
 import "../../components/index.js";
-import { motion as u } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as d } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { GOAL_TYPE_META as f, IconChip as p } from "../_shared/visuals.js";
-import { PROGRAM_TEMPLATES as se, findProgramTemplate as m } from "../../data/programTemplates.js";
-import { useMemo as h, useState as g } from "react";
-import { Clock as _, Dumbbell as v, FilePenLine as ce, Layers as le, Plus as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Button as S, GlassCard as C, Input as w, Label as T, ResponsiveDialog as ue, ResponsiveDialogContent as de, ResponsiveDialogDescription as fe, ResponsiveDialogFooter as pe, ResponsiveDialogHeader as me, ResponsiveDialogTitle as he, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Textarea as ge } from "@burdenoff/fe-libs/ui";
+import { motion as f } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as p } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { GOAL_TYPE_META as m, IconChip as h } from "../_shared/visuals.js";
+import { PROGRAM_TEMPLATES as oe, findProgramTemplate as g } from "../../data/programTemplates.js";
+import { useMemo as _, useState as v } from "react";
+import { Clock as y, Dumbbell as b, FilePenLine as se, Layers as ce, Plus as x } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Button as w, GlassCard as T, Input as E, Label as D, ResponsiveDialog as le, ResponsiveDialogContent as ue, ResponsiveDialogDescription as de, ResponsiveDialogFooter as fe, ResponsiveDialogHeader as pe, ResponsiveDialogTitle as me, Select as O, SelectContent as k, SelectItem as A, SelectTrigger as j, SelectValue as M, Textarea as he } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/programs/ProgramsPage.tsx
-var j = "blank", M = 24, _e = [
+var N = "blank", P = 24, ge = [
 	"ALL",
 	"DRAFT",
 	"ACTIVE",
 	"COMPLETED",
 	"ARCHIVED"
-], N = [
+], F = [
 	"WEIGHT_LOSS",
 	"MUSCLE_GAIN",
 	"STRENGTH",
 	"ENDURANCE",
 	"MOBILITY",
 	"GENERAL_FITNESS"
-], ve = [
+], _e = [
 	"BEGINNER",
 	"INTERMEDIATE",
 	"ADVANCED",
 	"ELITE"
-], ye = [
+], ve = [
 	"BUILD",
 	"PEAK",
 	"DELOAD",
 	"MAINTENANCE"
-], P = {
+], I = {
 	name: "",
 	description: "",
 	goalType: "GENERAL_FITNESS",
@@ -54,19 +55,19 @@ var j = "blank", M = 24, _e = [
 	weeks: "",
 	daysPerWeek: "",
 	startDate: ""
-}, F = (e) => {
+}, L = (e) => {
 	let t = e.trim();
 	if (t === "") return null;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : null;
-}, I = [
+}, R = [
 	.22,
 	1,
 	.36,
 	1
-], L = ({ index: e = 0, hover: t = !1, className: n, children: r }) => {
-	let i = d();
-	return /* @__PURE__ */ b(u.div, {
+], z = ({ index: e = 0, hover: t = !1, className: n, children: r }) => {
+	let i = p();
+	return /* @__PURE__ */ S(f.div, {
 		className: n,
 		initial: i ? !1 : {
 			opacity: 0,
@@ -79,120 +80,124 @@ var j = "blank", M = 24, _e = [
 		transition: i ? { duration: 0 } : {
 			duration: .35,
 			delay: Math.min(e * .05, .45),
-			ease: I
+			ease: R
 		},
 		whileHover: i || !t ? void 0 : { y: -4 },
 		children: r
 	});
 };
-function R({ id: e, value: t, onChange: n, options: i }) {
-	return /* @__PURE__ */ x(E, {
+function B({ id: e, value: t, onChange: n, options: i }) {
+	return /* @__PURE__ */ C(O, {
 		value: t,
 		onValueChange: (e) => n(e),
-		children: [/* @__PURE__ */ b(k, {
+		children: [/* @__PURE__ */ S(j, {
 			id: e,
-			children: /* @__PURE__ */ b(A, {})
-		}), /* @__PURE__ */ b(D, { children: i.map((e) => /* @__PURE__ */ b(O, {
+			children: /* @__PURE__ */ S(M, {})
+		}), /* @__PURE__ */ S(k, { children: i.map((e) => /* @__PURE__ */ S(A, {
 			value: e,
 			children: r(e)
 		}, e)) })]
 	});
 }
-function be({ program: e, index: t, onOpen: n }) {
-	let s = f[e.goalType], ee = s.icon, c = [
+function ye({ program: e, index: t, onOpen: n }) {
+	let s = d(), c = m[e.goalType], l = c.icon, u = [
 		e.phase,
 		e.level,
 		e.goalType
 	].map((e) => r(e)).join(" · ");
-	return /* @__PURE__ */ b(L, {
+	return /* @__PURE__ */ S(z, {
 		index: t,
 		hover: !0,
 		className: "h-full",
-		children: /* @__PURE__ */ b("button", {
+		children: /* @__PURE__ */ S("button", {
 			type: "button",
 			onClick: () => n(e.id),
 			className: "block h-full w-full text-left",
-			children: /* @__PURE__ */ x(C, {
+			children: /* @__PURE__ */ C(T, {
 				treatment: "glass",
 				className: "flex h-full flex-col p-5 transition-shadow hover:shadow-[var(--shadow-pop-hover)]",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ C("div", {
 						className: "flex items-start justify-between gap-3",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "flex min-w-0 items-start gap-3",
-							children: [/* @__PURE__ */ b(p, {
-								icon: /* @__PURE__ */ b(ee, { className: "h-4 w-4" }),
-								tint: s.tint
-							}), /* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ S(h, {
+								icon: /* @__PURE__ */ S(l, { className: "h-4 w-4" }),
+								tint: c.tint
+							}), /* @__PURE__ */ C("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ b("p", {
+								children: [/* @__PURE__ */ S("p", {
 									className: "truncate font-semibold text-text-primary",
 									children: e.name
-								}), /* @__PURE__ */ b("p", {
+								}), /* @__PURE__ */ S("p", {
 									className: "mt-0.5 truncate text-xs text-text-tertiary",
-									children: c
+									children: u
 								})]
 							})]
-						}), /* @__PURE__ */ b(o, { status: e.status })]
+						}), /* @__PURE__ */ S(o, { status: e.status })]
 					}),
-					e.description && /* @__PURE__ */ b("p", {
+					e.description && /* @__PURE__ */ S("p", {
 						className: "mt-3 line-clamp-2 text-sm text-text-secondary",
 						children: e.description
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ C("div", {
 						className: "mt-3 inline-flex items-center gap-1.5 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ b(_, { className: "h-4 w-4 shrink-0 text-action-primary-bg" }), /* @__PURE__ */ x("span", {
+						children: [/* @__PURE__ */ S(y, { className: "h-4 w-4 shrink-0 text-action-primary-bg" }), /* @__PURE__ */ C("span", {
 							className: "tabular-nums",
 							children: [
 								i(e.weeks),
-								" wk × ",
+								" ",
+								s(e.weeks === 1 ? "mybodyshield.pages.programs.weekSingular" : "mybodyshield.pages.programs.weeks", e.weeks === 1 ? "wk" : "wks"),
+								" ",
+								"× ",
 								i(e.daysPerWeek),
-								" days"
+								" ",
+								s(e.daysPerWeek === 1 ? "mybodyshield.pages.programs.daySingular" : "mybodyshield.pages.programs.days", e.daysPerWeek === 1 ? "day" : "days")
 							]
 						})]
 					}),
-					e.tags.length > 0 && /* @__PURE__ */ b("div", {
+					e.tags.length > 0 && /* @__PURE__ */ S("div", {
 						className: "mt-3 flex flex-wrap gap-1.5",
-						children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ x("span", {
+						children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ S("span", {
 							className: "inline-flex items-center rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-secondary",
-							children: ["#", e]
+							children: s("mybodyshield.common.tagPrefix", "#{{tag}}", { tag: e })
 						}, e))
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ S("div", {
 						className: "mt-auto pt-4 text-xs text-text-tertiary",
-						children: ["Updated ", a(e.updatedAt)]
+						children: s("mybodyshield.pages.programs.updatedAgo", "Updated {{time}}", { time: a(e.updatedAt) })
 					})
 				]
 			})
 		})
 	});
 }
-function z() {
-	let { navigateTo: a, workspaceId: o } = e(), u = ae(M), d = oe(), [f, p] = g("ALL"), [_, C] = g("ALL"), [I, z] = g(!1), [B, V] = g(P), [H, U] = g(j), [W, G] = g(null), K = ie(), q = re(), xe = l({ pagination: { limit: 100 } }), J = h(() => xe.data?.items ?? [], [xe.data]), Y = h(() => {
-		let e = (e) => J.filter((t) => t.status === e).length;
+function V() {
+	let a = d(), { navigateTo: o, workspaceId: f } = e(), p = ee(P), m = te(), [h, y] = v("ALL"), [T, R] = v("ALL"), [V, H] = v(!1), [U, W] = v(I), [G, K] = v(N), [be, q] = v(null), J = l(), Y = c(), xe = u({ pagination: { limit: 100 } }), X = _(() => xe.data?.items ?? [], [xe.data]), Z = _(() => {
+		let e = (e) => X.filter((t) => t.status === e).length;
 		return {
-			ALL: J.length,
+			ALL: X.length,
 			DRAFT: e("DRAFT"),
 			ACTIVE: e("ACTIVE"),
 			COMPLETED: e("COMPLETED"),
 			ARCHIVED: e("ARCHIVED")
 		};
-	}, [J]), X = l({
-		status: f === "ALL" ? void 0 : f,
+	}, [X]), Q = u({
+		status: h === "ALL" ? void 0 : h,
 		pagination: {
-			limit: M,
-			offset: u.offset
+			limit: P,
+			offset: p.offset
 		}
-	}), Z = X.data?.items ?? [], Q = _ === "ALL" ? Z : Z.filter((e) => e.goalType === _), Se = (e) => {
-		p(e), u.reset();
-	}, Ce = (e) => {
-		C(e), u.reset();
-	}, $ = () => {
-		V(P), U(j), G(null), z(!0), d.emitIntent("program", "create", { workspaceId: o });
+	}), $ = Q.data?.items ?? [], Se = T === "ALL" ? $ : $.filter((e) => e.goalType === T), Ce = (e) => {
+		y(e), p.reset();
 	}, we = (e) => {
-		if (U(e), e === j) return;
-		let t = m(e);
-		t && V({
+		R(e), p.reset();
+	}, Te = () => {
+		W(I), K(N), q(null), H(!0), m.emitIntent("program", "create", { workspaceId: f });
+	}, Ee = (e) => {
+		if (K(e), e === N) return;
+		let t = g(e);
+		t && W({
 			name: t.name,
 			description: t.description,
 			goalType: t.goalType,
@@ -202,106 +207,110 @@ function z() {
 			daysPerWeek: String(t.daysPerWeek),
 			startDate: ""
 		});
-	}, Te = async () => {
-		if (!B.name.trim()) {
-			G("Program name is required.");
+	}, De = async () => {
+		if (!U.name.trim()) {
+			q(a("mybodyshield.pages.programs.programNameRequired", "Program name is required."));
 			return;
 		}
 		let e = {
-			name: B.name.trim(),
-			description: B.description.trim() || null,
-			goalType: B.goalType,
-			level: B.level,
-			phase: B.phase,
-			weeks: F(B.weeks),
-			daysPerWeek: F(B.daysPerWeek),
-			startDate: B.startDate ? new Date(B.startDate).toISOString() : null
+			name: U.name.trim(),
+			description: U.description.trim() || null,
+			goalType: U.goalType,
+			level: U.level,
+			phase: U.phase,
+			weeks: L(U.weeks),
+			daysPerWeek: L(U.daysPerWeek),
+			startDate: U.startDate ? new Date(U.startDate).toISOString() : null
 		};
 		try {
-			let t = await K.mutateAsync(e), n = H === j ? void 0 : m(H);
-			n && await Promise.allSettled(n.workouts.map((e) => q.mutateAsync({
+			let t = await J.mutateAsync(e), n = G === N ? void 0 : g(G);
+			n && await Promise.allSettled(n.workouts.map((e) => Y.mutateAsync({
 				programId: t.id,
 				name: e.name,
 				type: e.type,
 				dayOfWeek: e.dayOfWeek,
 				weekNumber: e.weekNumber,
 				durationMin: e.durationMin
-			}))), d.emitFact("program", "created", {
-				workspaceId: o,
+			}))), m.emitFact("program", "created", {
+				workspaceId: f,
 				entityId: t.id
-			}), z(!1), a(`programs/${t.id}`);
+			}), H(!1), o(`programs/${t.id}`);
 		} catch (e) {
-			G(e instanceof Error ? e.message : "Failed to create program.");
+			q(e instanceof Error ? e.message : a("mybodyshield.common.unknownError", "Unknown error"));
 		}
-	}, Ee = _e.map((e) => ({
+	}, Oe = ge.map((e) => ({
 		value: e,
-		label: e === "ALL" ? "All" : r(e),
-		count: Y[e]
+		label: e === "ALL" ? a("mybodyshield.common.all", "All") : r(e),
+		count: Z[e]
 	}));
-	return /* @__PURE__ */ x(t, {
-		title: "Programs",
-		description: "Structured training blocks — build, peak, deload & maintain.",
-		actions: /* @__PURE__ */ x(S, {
-			onClick: $,
-			children: [/* @__PURE__ */ b(y, { className: "mr-1 h-4 w-4" }), " New program"]
+	return /* @__PURE__ */ C(t, {
+		title: a("mybodyshield.pages.programs.title", "Programs"),
+		description: a("mybodyshield.pages.programs.description", "Structured training blocks — build, peak, deload & maintain."),
+		actions: /* @__PURE__ */ C(w, {
+			onClick: Te,
+			children: [
+				/* @__PURE__ */ S(x, { className: "mr-1 h-4 w-4" }),
+				" ",
+				a("mybodyshield.pages.programs.newProgram", "New program")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ b(L, {
+					/* @__PURE__ */ S(z, {
 						index: 0,
 						className: "h-full",
-						children: /* @__PURE__ */ b(n, {
+						children: /* @__PURE__ */ S(n, {
 							className: "h-full",
-							icon: /* @__PURE__ */ b(v, { className: "h-5 w-5" }),
-							value: i(Y.ACTIVE),
-							label: "Active programs",
+							icon: /* @__PURE__ */ S(b, { className: "h-5 w-5" }),
+							value: i(Z.ACTIVE),
+							label: a("mybodyshield.pages.programs.activePrograms", "Active programs"),
 							accent: "success"
 						})
 					}),
-					/* @__PURE__ */ b(L, {
+					/* @__PURE__ */ S(z, {
 						index: 1,
 						className: "h-full",
-						children: /* @__PURE__ */ b(n, {
+						children: /* @__PURE__ */ S(n, {
 							className: "h-full",
-							icon: /* @__PURE__ */ b(ce, { className: "h-5 w-5" }),
-							value: i(Y.DRAFT),
-							label: "Draft programs"
+							icon: /* @__PURE__ */ S(se, { className: "h-5 w-5" }),
+							value: i(Z.DRAFT),
+							label: a("mybodyshield.pages.programs.draftPrograms", "Draft programs")
 						})
 					}),
-					/* @__PURE__ */ b(L, {
+					/* @__PURE__ */ S(z, {
 						index: 2,
 						className: "h-full",
-						children: /* @__PURE__ */ b(n, {
+						children: /* @__PURE__ */ S(n, {
 							className: "h-full",
-							icon: /* @__PURE__ */ b(le, { className: "h-5 w-5" }),
-							value: i(Y.ALL),
-							label: "Total programs"
+							icon: /* @__PURE__ */ S(ce, { className: "h-5 w-5" }),
+							value: i(Z.ALL),
+							label: a("mybodyshield.pages.programs.totalPrograms", "Total programs")
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ b(te, {
-					options: Ee,
-					value: f,
-					onChange: Se
-				}), /* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ S(ie, {
+					options: Oe,
+					value: h,
+					onChange: Ce
+				}), /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ b("span", {
+					children: [/* @__PURE__ */ S("span", {
 						className: "text-sm text-text-tertiary",
-						children: "Goal"
-					}), /* @__PURE__ */ b("div", {
+						children: a("mybodyshield.pages.programs.goal", "Goal")
+					}), /* @__PURE__ */ S("div", {
 						className: "w-48",
-						children: /* @__PURE__ */ x(E, {
-							value: _,
-							onValueChange: (e) => Ce(e),
-							children: [/* @__PURE__ */ b(k, { children: /* @__PURE__ */ b(A, {}) }), /* @__PURE__ */ x(D, { children: [/* @__PURE__ */ b(O, {
+						children: /* @__PURE__ */ C(O, {
+							value: T,
+							onValueChange: (e) => we(e),
+							children: [/* @__PURE__ */ S(j, { children: /* @__PURE__ */ S(M, {}) }), /* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(A, {
 								value: "ALL",
-								children: "All goals"
-							}), N.map((e) => /* @__PURE__ */ b(O, {
+								children: a("mybodyshield.pages.programs.allGoals", "All goals")
+							}), F.map((e) => /* @__PURE__ */ S(A, {
 								value: e,
 								children: r(e)
 							}, e))] })]
@@ -309,217 +318,213 @@ function z() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-6",
-				children: [X.isLoading ? /* @__PURE__ */ b(c, { label: "Loading programs…" }) : X.isError ? /* @__PURE__ */ b(ee, {
-					message: "We couldn't load your programs.",
-					onRetry: () => void X.refetch()
-				}) : Z.length === 0 ? /* @__PURE__ */ b(s, {
+				children: [Q.isLoading ? /* @__PURE__ */ S(re, { label: a("mybodyshield.pages.programs.loading", "Loading programs…") }) : Q.isError ? /* @__PURE__ */ S(ne, {
+					message: a("mybodyshield.pages.programs.error", "We couldn't load your programs."),
+					onRetry: () => void Q.refetch()
+				}) : $.length === 0 ? /* @__PURE__ */ S(s, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ b(v, { className: "h-10 w-10" }),
-					title: f === "ALL" ? "No programs yet" : "No programs in this status",
-					description: "Create a structured training program to plan your workouts week by week.",
-					action: /* @__PURE__ */ x(S, {
-						onClick: $,
-						children: [/* @__PURE__ */ b(y, { className: "mr-1 h-4 w-4" }), " New program"]
+					icon: /* @__PURE__ */ S(b, { className: "h-10 w-10" }),
+					title: h === "ALL" ? a("mybodyshield.pages.programs.emptyTitle", "No programs yet") : a("mybodyshield.pages.programs.emptyFilteredTitle", "No programs in this status"),
+					description: a("mybodyshield.pages.programs.emptyDescription", "Create a structured training program to plan your workouts week by week."),
+					action: /* @__PURE__ */ C(w, {
+						onClick: Te,
+						children: [
+							/* @__PURE__ */ S(x, { className: "mr-1 h-4 w-4" }),
+							" ",
+							a("mybodyshield.pages.programs.newProgram", "New program")
+						]
 					})
-				}) : Q.length === 0 ? /* @__PURE__ */ x("div", {
+				}) : Se.length === 0 ? /* @__PURE__ */ S("div", {
 					className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
-					children: [
-						"No programs on this page match",
-						" ",
-						/* @__PURE__ */ b("span", {
-							className: "font-medium text-text-primary",
-							children: r(_)
-						}),
-						"."
-					]
-				}) : /* @__PURE__ */ b("div", {
+					children: a("mybodyshield.pages.programs.noFilteredDescription", "No programs on this page match {{filter}}.", { filter: r(T) })
+				}) : /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: Q.map((e, t) => /* @__PURE__ */ b(be, {
+					children: Se.map((e, t) => /* @__PURE__ */ S(ye, {
 						program: e,
 						index: t,
-						onOpen: (e) => a(`programs/${e}`)
+						onOpen: (e) => o(`programs/${e}`)
 					}, e.id))
-				}), !X.isLoading && !X.isError && Z.length > 0 && /* @__PURE__ */ b(ne, {
-					page: u.page,
-					pageSize: M,
-					itemCount: Z.length,
-					hasMore: X.data?.pageInfo?.hasMore ?? !1,
-					onPageChange: (e) => u.onPageChange(e)
+				}), !Q.isLoading && !Q.isError && $.length > 0 && /* @__PURE__ */ S(ae, {
+					page: p.page,
+					pageSize: P,
+					itemCount: $.length,
+					hasMore: Q.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => p.onPageChange(e)
 				})]
 			}),
-			/* @__PURE__ */ b(ue, {
-				open: I,
-				onOpenChange: z,
-				children: /* @__PURE__ */ x(de, {
+			/* @__PURE__ */ S(le, {
+				open: V,
+				onOpenChange: H,
+				children: /* @__PURE__ */ C(ue, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__PURE__ */ x(me, { children: [/* @__PURE__ */ b(he, { children: "New program" }), /* @__PURE__ */ b(fe, { children: "Define a structured training block. You can add workouts & exercises after creating it." })] }),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ C(pe, { children: [/* @__PURE__ */ S(me, { children: a("mybodyshield.pages.programs.newProgramDialogTitle", "New program") }), /* @__PURE__ */ S(de, { children: a("mybodyshield.pages.programs.newProgramDialogDescription", "Define a structured training block. You can add workouts & exercises after creating it.") })] }),
+						/* @__PURE__ */ C("div", {
 							className: "space-y-4 py-2",
 							children: [
-								W && /* @__PURE__ */ b("p", {
+								be && /* @__PURE__ */ S("p", {
 									className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-									children: W
+									children: be
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ b(T, {
+										/* @__PURE__ */ S(D, {
 											htmlFor: "myb-prog-template",
-											children: "Start from a template"
+											children: a("mybodyshield.pages.programs.startFromTemplate", "Start from a template")
 										}),
-										/* @__PURE__ */ x(E, {
-											value: H,
-											onValueChange: we,
-											children: [/* @__PURE__ */ b(k, {
+										/* @__PURE__ */ C(O, {
+											value: G,
+											onValueChange: Ee,
+											children: [/* @__PURE__ */ S(j, {
 												id: "myb-prog-template",
-												children: /* @__PURE__ */ b(A, {})
-											}), /* @__PURE__ */ x(D, { children: [/* @__PURE__ */ b(O, {
-												value: j,
-												children: "Blank program"
-											}), se.map((e) => /* @__PURE__ */ b(O, {
+												children: /* @__PURE__ */ S(M, {})
+											}), /* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(A, {
+												value: N,
+												children: a("mybodyshield.pages.programs.blankProgram", "Blank program")
+											}), oe.map((e) => /* @__PURE__ */ S(A, {
 												value: e.id,
 												children: e.name
 											}, e.id))] })]
 										}),
-										H !== j && /* @__PURE__ */ b("p", {
+										G !== N && /* @__PURE__ */ S("p", {
 											className: "text-xs text-text-tertiary",
-											children: "Fields below are pre-filled from the template and seed a starter week of workouts — edit anything before creating."
+											children: a("mybodyshield.pages.programs.templateHint", "Fields below are pre-filled from the template and seed a starter week of workouts — edit anything before creating.")
 										})
 									]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ b(T, {
+									children: [/* @__PURE__ */ S(D, {
 										htmlFor: "myb-prog-name",
-										children: "Name"
-									}), /* @__PURE__ */ b(w, {
+										children: a("mybodyshield.common.name", "Name")
+									}), /* @__PURE__ */ S(E, {
 										id: "myb-prog-name",
-										value: B.name,
-										onChange: (e) => V({
-											...B,
+										value: U.name,
+										onChange: (e) => W({
+											...U,
 											name: e.target.value
 										}),
-										placeholder: "e.g. Hypertrophy Block A"
+										placeholder: a("mybodyshield.pages.programs.programNamePlaceholder", "e.g. Hypertrophy Block A")
 									})]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ C("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ b(T, {
+									children: [/* @__PURE__ */ S(D, {
 										htmlFor: "myb-prog-desc",
-										children: "Description"
-									}), /* @__PURE__ */ b(ge, {
+										children: a("mybodyshield.common.description", "Description")
+									}), /* @__PURE__ */ S(he, {
 										id: "myb-prog-desc",
 										rows: 3,
-										value: B.description,
-										onChange: (e) => V({
-											...B,
+										value: U.description,
+										onChange: (e) => W({
+											...U,
 											description: e.target.value
 										}),
-										placeholder: "Focus, progression scheme, notes…"
+										placeholder: a("mybodyshield.pages.programs.descriptionPlaceholder", "Focus, progression scheme, notes…")
 									})]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ C("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ b(T, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "myb-prog-goal",
-												children: "Goal type"
-											}), /* @__PURE__ */ b(R, {
+												children: a("mybodyshield.pages.programs.goalType", "Goal type")
+											}), /* @__PURE__ */ S(B, {
 												id: "myb-prog-goal",
-												value: B.goalType,
-												onChange: (e) => V({
-													...B,
+												value: U.goalType,
+												onChange: (e) => W({
+													...U,
 													goalType: e
 												}),
-												options: N
+												options: F
 											})]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ C("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ b(T, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "myb-prog-level",
-												children: "Level"
-											}), /* @__PURE__ */ b(R, {
+												children: a("mybodyshield.common.level", "Level")
+											}), /* @__PURE__ */ S(B, {
 												id: "myb-prog-level",
-												value: B.level,
-												onChange: (e) => V({
-													...B,
+												value: U.level,
+												onChange: (e) => W({
+													...U,
 													level: e
 												}),
-												options: ve
+												options: _e
 											})]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ C("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ b(T, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "myb-prog-phase",
-												children: "Phase"
-											}), /* @__PURE__ */ b(R, {
+												children: a("mybodyshield.common.phase", "Phase")
+											}), /* @__PURE__ */ S(B, {
 												id: "myb-prog-phase",
-												value: B.phase,
-												onChange: (e) => V({
-													...B,
+												value: U.phase,
+												onChange: (e) => W({
+													...U,
 													phase: e
 												}),
-												options: ye
+												options: ve
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ C("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ b(T, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "myb-prog-weeks",
-												children: "Weeks"
-											}), /* @__PURE__ */ b(w, {
+												children: a("mybodyshield.pages.programs.weeks", "Weeks")
+											}), /* @__PURE__ */ S(E, {
 												id: "myb-prog-weeks",
 												type: "number",
 												min: 1,
-												value: B.weeks,
-												onChange: (e) => V({
-													...B,
+												value: U.weeks,
+												onChange: (e) => W({
+													...U,
 													weeks: e.target.value
 												}),
 												placeholder: "8"
 											})]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ C("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ b(T, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "myb-prog-days",
-												children: "Days / week"
-											}), /* @__PURE__ */ b(w, {
+												children: a("mybodyshield.pages.programs.daysPerWeek", "Days / week")
+											}), /* @__PURE__ */ S(E, {
 												id: "myb-prog-days",
 												type: "number",
 												min: 1,
 												max: 7,
-												value: B.daysPerWeek,
-												onChange: (e) => V({
-													...B,
+												value: U.daysPerWeek,
+												onChange: (e) => W({
+													...U,
 													daysPerWeek: e.target.value
 												}),
 												placeholder: "4"
 											})]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ C("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ b(T, {
+											children: [/* @__PURE__ */ S(D, {
 												htmlFor: "myb-prog-start",
-												children: "Start date"
-											}), /* @__PURE__ */ b(w, {
+												children: a("mybodyshield.pages.programs.startDate", "Start date")
+											}), /* @__PURE__ */ S(E, {
 												id: "myb-prog-start",
 												type: "date",
-												value: B.startDate,
-												onChange: (e) => V({
-													...B,
+												value: U.startDate,
+												onChange: (e) => W({
+													...U,
 													startDate: e.target.value
 												})
 											})]
@@ -528,15 +533,15 @@ function z() {
 								})
 							]
 						}),
-						/* @__PURE__ */ x(pe, { children: [/* @__PURE__ */ b(S, {
+						/* @__PURE__ */ C(fe, { children: [/* @__PURE__ */ S(w, {
 							variant: "outline",
-							onClick: () => z(!1),
-							disabled: K.isPending || q.isPending,
-							children: "Cancel"
-						}), /* @__PURE__ */ b(S, {
-							onClick: () => void Te(),
-							disabled: K.isPending || q.isPending,
-							children: K.isPending || q.isPending ? "Creating…" : "Create program"
+							onClick: () => H(!1),
+							disabled: J.isPending || Y.isPending,
+							children: a("mybodyshield.common.cancel", "Cancel")
+						}), /* @__PURE__ */ S(w, {
+							onClick: () => void De(),
+							disabled: J.isPending || Y.isPending,
+							children: J.isPending || Y.isPending ? a("mybodyshield.pages.programs.creating", "Creating…") : a("mybodyshield.pages.programs.createProgram", "Create program")
 						})] })
 					]
 				})
@@ -545,6 +550,6 @@ function z() {
 	});
 }
 //#endregion
-export { z as ProgramsPage };
+export { V as ProgramsPage };
 
 //# sourceMappingURL=ProgramsPage.js.map