@burdenoff/microfe-mybodyshield 2026.720.1 → 2026.720.3

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

@@ -4,47 +4,48 @@ 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 c, LoadingView as l } from "../../components/StateViews.js";
-import { FilterTabs as ee } from "../../components/FilterTabs.js";
-import { Pagination as te } from "../../components/Pagination.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 { useMybCreateProgram as ne, useMybPrograms as u } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as re } from "../../hooks/usePager.js";
-import { useMyBodyShieldAnalytics as ie } from "../../hooks/useMyBodyShieldAnalytics.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 "../../hooks/index.js";
 import "../../components/index.js";
-import { motion as d } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as f } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { GOAL_TYPE_META as p, IconChip as m } from "../_shared/visuals.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 ae, Layers as oe, Plus as y } from "lucide-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 E, ResponsiveDialogContent as se, ResponsiveDialogDescription as ce, ResponsiveDialogFooter as D, ResponsiveDialogHeader as O, ResponsiveDialogTitle as le, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as M, SelectValue as N, Textarea as ue } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/mybodyshield/pages/programs/ProgramsPage.tsx
-var P = 24, de = [
+var j = "blank", M = 24, _e = [
 	"ALL",
 	"DRAFT",
 	"ACTIVE",
 	"COMPLETED",
 	"ARCHIVED"
-], F = [
+], N = [
 	"WEIGHT_LOSS",
 	"MUSCLE_GAIN",
 	"STRENGTH",
 	"ENDURANCE",
 	"MOBILITY",
 	"GENERAL_FITNESS"
-], fe = [
+], ve = [
 	"BEGINNER",
 	"INTERMEDIATE",
 	"ADVANCED",
 	"ELITE"
-], pe = [
+], ye = [
 	"BUILD",
 	"PEAK",
 	"DELOAD",
 	"MAINTENANCE"
-], I = {
+], P = {
 	name: "",
 	description: "",
 	goalType: "GENERAL_FITNESS",
@@ -53,19 +54,19 @@ var P = 24, de = [
 	weeks: "",
 	daysPerWeek: "",
 	startDate: ""
-}, L = (e) => {
+}, F = (e) => {
 	let t = e.trim();
 	if (t === "") return null;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : null;
-}, R = [
+}, I = [
 	.22,
 	1,
 	.36,
 	1
-], z = ({ index: e = 0, hover: t = !1, className: n, children: r }) => {
-	let i = f();
-	return /* @__PURE__ */ b(d.div, {
+], L = ({ index: e = 0, hover: t = !1, className: n, children: r }) => {
+	let i = d();
+	return /* @__PURE__ */ b(u.div, {
 		className: n,
 		initial: i ? !1 : {
 			opacity: 0,
@@ -78,32 +79,32 @@ var P = 24, de = [
 		transition: i ? { duration: 0 } : {
 			duration: .35,
 			delay: Math.min(e * .05, .45),
-			ease: R
+			ease: I
 		},
 		whileHover: i || !t ? void 0 : { y: -4 },
 		children: r
 	});
 };
-function B({ id: e, value: t, onChange: n, options: i }) {
-	return /* @__PURE__ */ x(k, {
+function R({ id: e, value: t, onChange: n, options: i }) {
+	return /* @__PURE__ */ x(E, {
 		value: t,
 		onValueChange: (e) => n(e),
-		children: [/* @__PURE__ */ b(M, {
+		children: [/* @__PURE__ */ b(k, {
 			id: e,
-			children: /* @__PURE__ */ b(N, {})
-		}), /* @__PURE__ */ b(A, { children: i.map((e) => /* @__PURE__ */ b(j, {
+			children: /* @__PURE__ */ b(A, {})
+		}), /* @__PURE__ */ b(D, { children: i.map((e) => /* @__PURE__ */ b(O, {
 			value: e,
 			children: r(e)
 		}, e)) })]
 	});
 }
-function me({ program: e, index: t, onOpen: n }) {
-	let s = p[e.goalType], c = s.icon, l = [
+function be({ program: e, index: t, onOpen: n }) {
+	let s = f[e.goalType], ee = s.icon, c = [
 		e.phase,
 		e.level,
 		e.goalType
 	].map((e) => r(e)).join(" · ");
-	return /* @__PURE__ */ b(z, {
+	return /* @__PURE__ */ b(L, {
 		index: t,
 		hover: !0,
 		className: "h-full",
@@ -119,8 +120,8 @@ function me({ program: e, index: t, onOpen: n }) {
 						className: "flex items-start justify-between gap-3",
 						children: [/* @__PURE__ */ x("div", {
 							className: "flex min-w-0 items-start gap-3",
-							children: [/* @__PURE__ */ b(m, {
-								icon: /* @__PURE__ */ b(c, { className: "h-4 w-4" }),
+							children: [/* @__PURE__ */ b(p, {
+								icon: /* @__PURE__ */ b(ee, { className: "h-4 w-4" }),
 								tint: s.tint
 							}), /* @__PURE__ */ x("div", {
 								className: "min-w-0",
@@ -129,7 +130,7 @@ function me({ program: e, index: t, onOpen: n }) {
 									children: e.name
 								}), /* @__PURE__ */ b("p", {
 									className: "mt-0.5 truncate text-xs text-text-tertiary",
-									children: l
+									children: c
 								})]
 							})]
 						}), /* @__PURE__ */ b(o, { status: e.status })]
@@ -166,8 +167,8 @@ function me({ program: e, index: t, onOpen: n }) {
 		})
 	});
 }
-function V() {
-	let { navigateTo: a, workspaceId: o } = e(), d = re(P), f = ie(), [p, m] = g("ALL"), [_, C] = g("ALL"), [R, V] = g(!1), [H, U] = g(I), [W, G] = g(null), K = ne(), q = u({ pagination: { limit: 100 } }), J = h(() => q.data?.items ?? [], [q.data]), Y = h(() => {
+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;
 		return {
 			ALL: J.length,
@@ -176,43 +177,63 @@ function V() {
 			COMPLETED: e("COMPLETED"),
 			ARCHIVED: e("ARCHIVED")
 		};
-	}, [J]), X = u({
-		status: p === "ALL" ? void 0 : p,
+	}, [J]), X = l({
+		status: f === "ALL" ? void 0 : f,
 		pagination: {
-			limit: P,
-			offset: d.offset
+			limit: M,
+			offset: u.offset
 		}
-	}), Z = X.data?.items ?? [], Q = _ === "ALL" ? Z : Z.filter((e) => e.goalType === _), he = (e) => {
-		m(e), d.reset();
-	}, ge = (e) => {
-		C(e), d.reset();
+	}), Z = X.data?.items ?? [], Q = _ === "ALL" ? Z : Z.filter((e) => e.goalType === _), Se = (e) => {
+		p(e), u.reset();
+	}, Ce = (e) => {
+		C(e), u.reset();
 	}, $ = () => {
-		U(I), G(null), V(!0), f.emitIntent("program", "create", { workspaceId: o });
-	}, _e = async () => {
-		if (!H.name.trim()) {
+		V(P), U(j), G(null), z(!0), d.emitIntent("program", "create", { workspaceId: o });
+	}, we = (e) => {
+		if (U(e), e === j) return;
+		let t = m(e);
+		t && V({
+			name: t.name,
+			description: t.description,
+			goalType: t.goalType,
+			level: t.level,
+			phase: "BUILD",
+			weeks: String(t.weeks),
+			daysPerWeek: String(t.daysPerWeek),
+			startDate: ""
+		});
+	}, Te = async () => {
+		if (!B.name.trim()) {
 			G("Program name is required.");
 			return;
 		}
 		let e = {
-			name: H.name.trim(),
-			description: H.description.trim() || null,
-			goalType: H.goalType,
-			level: H.level,
-			phase: H.phase,
-			weeks: L(H.weeks),
-			daysPerWeek: L(H.daysPerWeek),
-			startDate: H.startDate ? new Date(H.startDate).toISOString() : null
+			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
 		};
 		try {
-			let t = await K.mutateAsync(e);
-			f.emitFact("program", "created", {
+			let t = await K.mutateAsync(e), n = H === j ? void 0 : m(H);
+			n && await Promise.allSettled(n.workouts.map((e) => q.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,
 				entityId: t.id
-			}), V(!1), a(`programs/${t.id}`);
+			}), z(!1), a(`programs/${t.id}`);
 		} catch (e) {
 			G(e instanceof Error ? e.message : "Failed to create program.");
 		}
-	}, ve = de.map((e) => ({
+	}, Ee = _e.map((e) => ({
 		value: e,
 		label: e === "ALL" ? "All" : r(e),
 		count: Y[e]
@@ -228,7 +249,7 @@ function V() {
 			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ b(z, {
+					/* @__PURE__ */ b(L, {
 						index: 0,
 						className: "h-full",
 						children: /* @__PURE__ */ b(n, {
@@ -239,22 +260,22 @@ function V() {
 							accent: "success"
 						})
 					}),
-					/* @__PURE__ */ b(z, {
+					/* @__PURE__ */ b(L, {
 						index: 1,
 						className: "h-full",
 						children: /* @__PURE__ */ b(n, {
 							className: "h-full",
-							icon: /* @__PURE__ */ b(ae, { className: "h-5 w-5" }),
+							icon: /* @__PURE__ */ b(ce, { className: "h-5 w-5" }),
 							value: i(Y.DRAFT),
 							label: "Draft programs"
 						})
 					}),
-					/* @__PURE__ */ b(z, {
+					/* @__PURE__ */ b(L, {
 						index: 2,
 						className: "h-full",
 						children: /* @__PURE__ */ b(n, {
 							className: "h-full",
-							icon: /* @__PURE__ */ b(oe, { className: "h-5 w-5" }),
+							icon: /* @__PURE__ */ b(le, { className: "h-5 w-5" }),
 							value: i(Y.ALL),
 							label: "Total programs"
 						})
@@ -263,10 +284,10 @@ function V() {
 			}),
 			/* @__PURE__ */ x("div", {
 				className: "mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ b(ee, {
-					options: ve,
-					value: p,
-					onChange: he
+				children: [/* @__PURE__ */ b(te, {
+					options: Ee,
+					value: f,
+					onChange: Se
 				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ b("span", {
@@ -274,13 +295,13 @@ function V() {
 						children: "Goal"
 					}), /* @__PURE__ */ b("div", {
 						className: "w-48",
-						children: /* @__PURE__ */ x(k, {
+						children: /* @__PURE__ */ x(E, {
 							value: _,
-							onValueChange: (e) => ge(e),
-							children: [/* @__PURE__ */ b(M, { children: /* @__PURE__ */ b(N, {}) }), /* @__PURE__ */ x(A, { children: [/* @__PURE__ */ b(j, {
+							onValueChange: (e) => Ce(e),
+							children: [/* @__PURE__ */ b(k, { children: /* @__PURE__ */ b(A, {}) }), /* @__PURE__ */ x(D, { children: [/* @__PURE__ */ b(O, {
 								value: "ALL",
 								children: "All goals"
-							}), F.map((e) => /* @__PURE__ */ b(j, {
+							}), N.map((e) => /* @__PURE__ */ b(O, {
 								value: e,
 								children: r(e)
 							}, e))] })]
@@ -290,13 +311,13 @@ function V() {
 			}),
 			/* @__PURE__ */ x("div", {
 				className: "mt-6",
-				children: [X.isLoading ? /* @__PURE__ */ b(l, { label: "Loading programs…" }) : X.isError ? /* @__PURE__ */ b(c, {
+				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, {
 					illustration: "empty-data",
 					icon: /* @__PURE__ */ b(v, { className: "h-10 w-10" }),
-					title: p === "ALL" ? "No programs yet" : "No programs in this status",
+					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: $,
@@ -315,26 +336,26 @@ function V() {
 					]
 				}) : /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: Q.map((e, t) => /* @__PURE__ */ b(me, {
+					children: Q.map((e, t) => /* @__PURE__ */ b(be, {
 						program: e,
 						index: t,
 						onOpen: (e) => a(`programs/${e}`)
 					}, e.id))
-				}), !X.isLoading && !X.isError && Z.length > 0 && /* @__PURE__ */ b(te, {
-					page: d.page,
-					pageSize: P,
+				}), !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) => d.onPageChange(e)
+					onPageChange: (e) => u.onPageChange(e)
 				})]
 			}),
-			/* @__PURE__ */ b(E, {
-				open: R,
-				onOpenChange: V,
-				children: /* @__PURE__ */ x(se, {
+			/* @__PURE__ */ b(ue, {
+				open: I,
+				onOpenChange: z,
+				children: /* @__PURE__ */ x(de, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__PURE__ */ x(O, { children: [/* @__PURE__ */ b(le, { children: "New program" }), /* @__PURE__ */ b(ce, { children: "Define a structured training block. You can add workouts & exercises after creating it." })] }),
+						/* @__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", {
 							className: "space-y-4 py-2",
 							children: [
@@ -342,6 +363,33 @@ function V() {
 									className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 									children: W
 								}),
+								/* @__PURE__ */ x("div", {
+									className: "space-y-1.5",
+									children: [
+										/* @__PURE__ */ b(T, {
+											htmlFor: "myb-prog-template",
+											children: "Start from a template"
+										}),
+										/* @__PURE__ */ x(E, {
+											value: H,
+											onValueChange: we,
+											children: [/* @__PURE__ */ b(k, {
+												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, {
+												value: e.id,
+												children: e.name
+											}, e.id))] })]
+										}),
+										H !== j && /* @__PURE__ */ b("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."
+										})
+									]
+								}),
 								/* @__PURE__ */ x("div", {
 									className: "space-y-1.5",
 									children: [/* @__PURE__ */ b(T, {
@@ -349,9 +397,9 @@ function V() {
 										children: "Name"
 									}), /* @__PURE__ */ b(w, {
 										id: "myb-prog-name",
-										value: H.name,
-										onChange: (e) => U({
-											...H,
+										value: B.name,
+										onChange: (e) => V({
+											...B,
 											name: e.target.value
 										}),
 										placeholder: "e.g. Hypertrophy Block A"
@@ -362,12 +410,12 @@ function V() {
 									children: [/* @__PURE__ */ b(T, {
 										htmlFor: "myb-prog-desc",
 										children: "Description"
-									}), /* @__PURE__ */ b(ue, {
+									}), /* @__PURE__ */ b(ge, {
 										id: "myb-prog-desc",
 										rows: 3,
-										value: H.description,
-										onChange: (e) => U({
-											...H,
+										value: B.description,
+										onChange: (e) => V({
+											...B,
 											description: e.target.value
 										}),
 										placeholder: "Focus, progression scheme, notes…"
@@ -381,14 +429,14 @@ function V() {
 											children: [/* @__PURE__ */ b(T, {
 												htmlFor: "myb-prog-goal",
 												children: "Goal type"
-											}), /* @__PURE__ */ b(B, {
+											}), /* @__PURE__ */ b(R, {
 												id: "myb-prog-goal",
-												value: H.goalType,
-												onChange: (e) => U({
-													...H,
+												value: B.goalType,
+												onChange: (e) => V({
+													...B,
 													goalType: e
 												}),
-												options: F
+												options: N
 											})]
 										}),
 										/* @__PURE__ */ x("div", {
@@ -396,14 +444,14 @@ function V() {
 											children: [/* @__PURE__ */ b(T, {
 												htmlFor: "myb-prog-level",
 												children: "Level"
-											}), /* @__PURE__ */ b(B, {
+											}), /* @__PURE__ */ b(R, {
 												id: "myb-prog-level",
-												value: H.level,
-												onChange: (e) => U({
-													...H,
+												value: B.level,
+												onChange: (e) => V({
+													...B,
 													level: e
 												}),
-												options: fe
+												options: ve
 											})]
 										}),
 										/* @__PURE__ */ x("div", {
@@ -411,14 +459,14 @@ function V() {
 											children: [/* @__PURE__ */ b(T, {
 												htmlFor: "myb-prog-phase",
 												children: "Phase"
-											}), /* @__PURE__ */ b(B, {
+											}), /* @__PURE__ */ b(R, {
 												id: "myb-prog-phase",
-												value: H.phase,
-												onChange: (e) => U({
-													...H,
+												value: B.phase,
+												onChange: (e) => V({
+													...B,
 													phase: e
 												}),
-												options: pe
+												options: ye
 											})]
 										})
 									]
@@ -435,9 +483,9 @@ function V() {
 												id: "myb-prog-weeks",
 												type: "number",
 												min: 1,
-												value: H.weeks,
-												onChange: (e) => U({
-													...H,
+												value: B.weeks,
+												onChange: (e) => V({
+													...B,
 													weeks: e.target.value
 												}),
 												placeholder: "8"
@@ -453,9 +501,9 @@ function V() {
 												type: "number",
 												min: 1,
 												max: 7,
-												value: H.daysPerWeek,
-												onChange: (e) => U({
-													...H,
+												value: B.daysPerWeek,
+												onChange: (e) => V({
+													...B,
 													daysPerWeek: e.target.value
 												}),
 												placeholder: "4"
@@ -469,9 +517,9 @@ function V() {
 											}), /* @__PURE__ */ b(w, {
 												id: "myb-prog-start",
 												type: "date",
-												value: H.startDate,
-												onChange: (e) => U({
-													...H,
+												value: B.startDate,
+												onChange: (e) => V({
+													...B,
 													startDate: e.target.value
 												})
 											})]
@@ -480,15 +528,15 @@ function V() {
 								})
 							]
 						}),
-						/* @__PURE__ */ x(D, { children: [/* @__PURE__ */ b(S, {
+						/* @__PURE__ */ x(pe, { children: [/* @__PURE__ */ b(S, {
 							variant: "outline",
-							onClick: () => V(!1),
-							disabled: K.isPending,
+							onClick: () => z(!1),
+							disabled: K.isPending || q.isPending,
 							children: "Cancel"
 						}), /* @__PURE__ */ b(S, {
-							onClick: () => void _e(),
-							disabled: K.isPending,
-							children: K.isPending ? "Creating…" : "Create program"
+							onClick: () => void Te(),
+							disabled: K.isPending || q.isPending,
+							children: K.isPending || q.isPending ? "Creating…" : "Create program"
 						})] })
 					]
 				})
@@ -497,6 +545,6 @@ function V() {
 	});
 }
 //#endregion
-export { V as ProgramsPage };
+export { z as ProgramsPage };
 
 //# sourceMappingURL=ProgramsPage.js.map