@burdenoff/microfe-mybodyshield 2026.705.1 → 2026.706.1

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

@@ -1,28 +1,34 @@
 import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatDate as n, formatDuration as r, formatEnumLabel as i, formatMinutes as a, formatNumber as o, formatWeight as s } from "../../utils/formatters.js";
-import { StatusBadge as c } from "../../components/StatusBadge.js";
-import { ErrorView as ee, LoadingView as te, Section as ne } from "../../components/StateViews.js";
-import { EmptyState as l } from "../../components/EmptyState.js";
-import { IconChip as u, MUSCLE_META as d, WORKOUT_TYPE_META as f } from "../_shared/visuals.js";
+import { motion as t } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as n } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { formatDate as i, formatDuration as a, formatEnumLabel as o, formatMinutes as s, formatNumber as c, formatWeight as l } from "../../utils/formatters.js";
+import { StatusBadge as ee } from "../../components/StatusBadge.js";
+import { ErrorView as te, LoadingView as ne, Section as re } from "../../components/StateViews.js";
+import { EmptyState as ie } from "../../components/EmptyState.js";
+import { GOAL_TYPE_META as ae, IconChip as u, MUSCLE_META as d, WORKOUT_TYPE_META as oe } from "../_shared/visuals.js";
 import "../../context/index.js";
-import { useMybAddExercise as re, useMybAddWorkout as ie, useMybArchiveProgram as ae, useMybProgram as oe, useMybTransitionProgram as se } from "../../hooks/useMyBodyShieldApi.js";
+import { useMybAddExercise as se, useMybAddWorkout as ce, useMybArchiveProgram as le, useMybProgram as ue, useMybTransitionProgram as de, useMybUpdateProgram as fe } from "../../hooks/useMyBodyShieldApi.js";
 import "../../hooks/index.js";
+import { EvidenceUpload as pe } from "../../components/EvidenceUpload.js";
+import { FileLink as me } from "../../components/FileLink.js";
+import { MybDiscussion as he } from "../../components/MybDiscussion.js";
+import { MybTags as ge } from "../../components/MybTags.js";
 import "../../components/index.js";
-import { useMemo as p, useState as m } from "react";
-import { Archive as ce, ArrowLeft as h, CheckCircle2 as le, Dumbbell as ue, Play as de, Plus as g } from "lucide-react";
-import { useParams as fe } from "react-router-dom";
-import { Fragment as pe, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, GlassCard as b, Input as x, Label as S, ResponsiveDialog as C, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as M, SelectValue as N, Textarea as me } from "@burdenoff/fe-libs/ui";
+import { useMemo as _e, useState as f } from "react";
+import { Archive as ve, ArrowLeft as ye, CalendarDays as be, CheckCircle2 as xe, Clock as p, Dumbbell as m, Flame as Se, Lock as Ce, Pencil as we, Play as Te, Plus as h } from "lucide-react";
+import { useParams as Ee } from "react-router-dom";
+import { Fragment as De, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, GlassCard as Oe, Input as y, Label as b, ResponsiveDialog as x, ResponsiveDialogContent as S, ResponsiveDialogDescription as C, ResponsiveDialogFooter as w, ResponsiveDialogHeader as T, ResponsiveDialogTitle as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j, Textarea as ke } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/programs/ProgramDetailPage.tsx
-var he = [
+var Ae = [
 	"STRENGTH",
 	"CARDIO",
 	"HIIT",
 	"MOBILITY",
 	"YOGA",
 	"RECOVERY"
-], ge = [
+], je = [
 	"CHEST",
 	"BACK",
 	"LEGS",
@@ -30,45 +36,67 @@ var he = [
 	"ARMS",
 	"CORE",
 	"FULL_BODY"
-], P = (e) => {
+], M = (e) => {
 	let t = e.trim();
 	if (t === "") return null;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : null;
-}, F = ({ children: e }) => /* @__PURE__ */ _("span", {
-	className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-	children: e
-}), I = ({ group: e }) => {
+}, Me = [
+	.16,
+	1,
+	.3,
+	1
+], Ne = {
+	hidden: {},
+	show: { transition: { staggerChildren: .06 } }
+}, Pe = {
+	hidden: {
+		opacity: 0,
+		y: 12
+	},
+	show: {
+		opacity: 1,
+		y: 0,
+		transition: {
+			duration: .35,
+			ease: Me
+		}
+	}
+}, N = ({ children: e, icon: t, tint: n }) => /* @__PURE__ */ _("span", {
+	className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-1 text-xs font-medium text-text-secondary",
+	style: n ? { color: n } : void 0,
+	children: [t, e]
+}), P = ({ group: e }) => {
 	let t = d[e].tint;
-	return /* @__PURE__ */ _("span", {
+	return /* @__PURE__ */ g("span", {
 		className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",
 		style: {
 			backgroundColor: `color-mix(in srgb, ${t} 16%, transparent)`,
 			color: t
 		},
-		children: i(e)
+		children: o(e)
 	});
 };
-function L({ id: e, value: t, onChange: n, options: r }) {
-	return /* @__PURE__ */ v(k, {
+function F({ id: e, value: t, onChange: n, options: r }) {
+	return /* @__PURE__ */ _(D, {
 		value: t,
 		onValueChange: (e) => n(e),
-		children: [/* @__PURE__ */ _(M, {
+		children: [/* @__PURE__ */ g(A, {
 			id: e,
-			children: /* @__PURE__ */ _(N, {})
-		}), /* @__PURE__ */ _(A, { children: r.map((e) => /* @__PURE__ */ _(j, {
+			children: /* @__PURE__ */ g(j, {})
+		}), /* @__PURE__ */ g(O, { children: r.map((e) => /* @__PURE__ */ g(k, {
 			value: e,
-			children: i(e)
+			children: o(e)
 		}, e)) })]
 	});
 }
-var R = {
+var Fe = {
 	name: "",
 	type: "STRENGTH",
 	weekNumber: "1",
 	dayOfWeek: "1",
 	durationMin: ""
-}, z = {
+}, I = {
 	name: "",
 	muscleGroup: "FULL_BODY",
 	sets: "",
@@ -76,376 +104,528 @@ var R = {
 	targetWeight: "",
 	restSeconds: "",
 	instructions: ""
+}, Ie = [
+	"WEIGHT_LOSS",
+	"MUSCLE_GAIN",
+	"STRENGTH",
+	"ENDURANCE",
+	"MOBILITY",
+	"GENERAL_FITNESS"
+], Le = [
+	"BEGINNER",
+	"INTERMEDIATE",
+	"ADVANCED",
+	"ELITE"
+], Re = [
+	"BUILD",
+	"PEAK",
+	"DELOAD",
+	"MAINTENANCE"
+], ze = {
+	name: "",
+	description: "",
+	goalType: "GENERAL_FITNESS",
+	level: "BEGINNER",
+	phase: "BUILD",
+	weeks: "",
+	daysPerWeek: "",
+	startDate: "",
+	endDate: ""
+}, Be = (e) => {
+	if (!e) return "";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toISOString().slice(0, 10);
 };
-function B({ exercise: e }) {
-	return /* @__PURE__ */ v("div", {
-		className: "flex flex-col gap-2 py-3 sm:flex-row sm:items-start sm:justify-between",
-		children: [/* @__PURE__ */ v("div", {
+function L({ exercise: e }) {
+	let t = d[e.muscleGroup].tint;
+	return /* @__PURE__ */ _("div", {
+		className: "flex flex-col gap-2 rounded-lg border-l-2 py-3 pl-3 pr-1 transition-colors hover:bg-bg-sunken/40 sm:flex-row sm:items-start sm:justify-between",
+		style: { borderColor: `color-mix(in srgb, ${t} 55%, transparent)` },
+		children: [/* @__PURE__ */ _("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ v("div", {
-				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ _("p", {
-					className: "font-medium text-text-primary",
-					children: e.name
-				}), /* @__PURE__ */ _(I, { group: e.muscleGroup })]
-			}), e.instructions && /* @__PURE__ */ _("p", {
-				className: "mt-1 text-xs text-text-tertiary",
-				children: e.instructions
-			})]
-		}), /* @__PURE__ */ v("div", {
+			children: [
+				/* @__PURE__ */ _("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ g("p", {
+						className: "font-medium text-text-primary",
+						children: e.name
+					}), /* @__PURE__ */ g(P, { group: e.muscleGroup })]
+				}),
+				e.instructions && /* @__PURE__ */ g("p", {
+					className: "mt-1 text-xs text-text-tertiary",
+					children: e.instructions
+				}),
+				e.demo?.id && /* @__PURE__ */ g("div", {
+					className: "mt-1.5",
+					children: /* @__PURE__ */ g(me, { fileId: e.demo.id })
+				})
+			]
+		}), /* @__PURE__ */ _("div", {
 			className: "flex shrink-0 items-center gap-4 text-sm tabular-nums text-text-secondary",
-			children: [/* @__PURE__ */ v("span", { children: [
-				o(e.sets),
+			children: [/* @__PURE__ */ _("span", { children: [
+				c(e.sets),
 				"×",
-				o(e.reps),
+				c(e.reps),
 				" @",
 				" ",
-				s(e.targetWeight)
-			] }), /* @__PURE__ */ v("span", {
+				l(e.targetWeight)
+			] }), /* @__PURE__ */ _("span", {
 				className: "text-text-tertiary",
-				children: ["Rest ", r(e.restSeconds)]
+				children: ["Rest ", a(e.restSeconds)]
 			})]
 		})]
 	});
 }
-function _e({ workout: e, onAddExercise: t }) {
-	let n = f[e.type], r = n.icon, i = p(() => [...e.exercises ?? []].sort((e, t) => e.orderIndex - t.orderIndex), [e.exercises]);
-	return /* @__PURE__ */ v(b, {
+function Ve({ workout: e, canEdit: t, onAddExercise: n }) {
+	let r = oe[e.type], i = r.icon, a = _e(() => [...e.exercises ?? []].sort((e, t) => e.orderIndex - t.orderIndex), [e.exercises]);
+	return /* @__PURE__ */ _(Oe, {
 		treatment: "glass",
-		className: "p-5",
-		children: [/* @__PURE__ */ v("div", {
+		className: "h-full p-5 transition-shadow hover:shadow-float",
+		children: [/* @__PURE__ */ _("div", {
 			className: "flex flex-wrap items-start justify-between gap-3",
-			children: [/* @__PURE__ */ v("div", {
+			children: [/* @__PURE__ */ _("div", {
 				className: "flex min-w-0 items-start gap-3",
-				children: [/* @__PURE__ */ _(u, {
-					icon: /* @__PURE__ */ _(r, { className: "h-4 w-4" }),
-					tint: n.tint
-				}), /* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ g(u, {
+					icon: /* @__PURE__ */ g(i, { className: "h-4 w-4" }),
+					tint: r.tint
+				}), /* @__PURE__ */ _("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ _("h3", {
+						children: [/* @__PURE__ */ g("h3", {
 							className: "font-semibold text-text-primary",
 							children: e.name
-						}), /* @__PURE__ */ _(c, { status: e.type })]
-					}), /* @__PURE__ */ v("p", {
-						className: "mt-0.5 text-xs text-text-tertiary",
-						children: [
+						}), /* @__PURE__ */ g(ee, { status: e.type })]
+					}), /* @__PURE__ */ _("div", {
+						className: "mt-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-text-tertiary",
+						children: [/* @__PURE__ */ _("span", { children: [
 							"Week ",
-							o(e.weekNumber),
+							c(e.weekNumber),
 							" · Day ",
-							o(e.dayOfWeek),
-							" ·",
-							" ",
-							a(e.durationMin)
-						]
+							c(e.dayOfWeek)
+						] }), /* @__PURE__ */ _("span", {
+							className: "inline-flex items-center gap-1",
+							children: [/* @__PURE__ */ g(p, { className: "h-3.5 w-3.5" }), s(e.durationMin)]
+						})]
 					})]
 				})]
-			}), /* @__PURE__ */ v(y, {
+			}), t && /* @__PURE__ */ _(v, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => t(e.id),
-				children: [/* @__PURE__ */ _(g, { className: "mr-1 h-4 w-4" }), " Add exercise"]
+				onClick: () => n(e.id),
+				children: [/* @__PURE__ */ g(h, { className: "mr-1 h-4 w-4" }), " Add exercise"]
 			})]
-		}), i.length === 0 ? /* @__PURE__ */ _("p", {
+		}), a.length === 0 ? /* @__PURE__ */ g("p", {
 			className: "mt-4 rounded-lg border border-dashed border-border-seam px-3 py-4 text-center text-sm text-text-tertiary",
 			children: "No exercises yet — add the first movement to this workout."
-		}) : /* @__PURE__ */ _("div", {
+		}) : /* @__PURE__ */ g("div", {
 			className: "mt-4 divide-y divide-border-seam/60",
-			children: i.map((e) => /* @__PURE__ */ _(B, { exercise: e }, e.id))
+			children: a.map((e) => /* @__PURE__ */ g(L, { exercise: e }, e.id))
 		})]
 	});
 }
-function V() {
-	let { id: r } = fe(), { navigateTo: a } = e(), { data: s, isLoading: u, isError: d, refetch: f } = oe(r), k = se(), A = ae(), j = ie(), M = re(), [N, I] = m(null), [B, V] = m(!1), [H, U] = m(R), [W, G] = m(null), [K, q] = m(null), [J, Y] = m(z), [X, Z] = m(null), ve = p(() => [...s?.workouts ?? []].sort((e, t) => e.weekNumber - t.weekNumber || e.dayOfWeek - t.dayOfWeek || e.orderIndex - t.orderIndex), [s?.workouts]);
-	if (u) return /* @__PURE__ */ _(t, {
+function He() {
+	let { id: a } = Ee(), { navigateTo: s } = e(), l = n(), { data: d, isLoading: oe, isError: me, refetch: p } = ue(a), D = de(), O = le(), k = fe(), A = ce(), j = se(), [P, L] = f(null), [He, R] = f(!1), [z, B] = f(Fe), [Ue, V] = f(null), [H, U] = f(null), [W, G] = f(I), [We, Ge] = f(null), [Ke, K] = f(null), [qe, q] = f(!1), [J, Y] = f(ze), [Je, X] = f(null), Ye = _e(() => [...d?.workouts ?? []].sort((e, t) => e.weekNumber - t.weekNumber || e.dayOfWeek - t.dayOfWeek || e.orderIndex - t.orderIndex), [d?.workouts]);
+	if (oe) return /* @__PURE__ */ g(r, {
 		title: "Program",
-		children: /* @__PURE__ */ _(te, { label: "Loading program…" })
+		children: /* @__PURE__ */ g(ne, { label: "Loading program…" })
 	});
-	if (d) return /* @__PURE__ */ _(t, {
+	if (me) return /* @__PURE__ */ g(r, {
 		title: "Program",
-		children: /* @__PURE__ */ _(ee, {
+		children: /* @__PURE__ */ g(te, {
 			message: "We couldn't load this program.",
-			onRetry: () => void f()
+			onRetry: () => void p()
 		})
 	});
-	if (!s) return /* @__PURE__ */ _(t, {
+	if (!d) return /* @__PURE__ */ g(r, {
 		title: "Program",
-		children: /* @__PURE__ */ _(l, {
+		children: /* @__PURE__ */ g(ie, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ _(ue, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
 			title: "Program not found",
 			description: "This program may have been deleted or you don't have access to it.",
-			action: /* @__PURE__ */ v(y, {
+			action: /* @__PURE__ */ _(v, {
 				variant: "outline",
-				onClick: () => a("programs"),
-				children: [/* @__PURE__ */ _(h, { className: "mr-1 h-4 w-4" }), " Back to programs"]
+				onClick: () => s("programs"),
+				children: [/* @__PURE__ */ g(ye, { className: "mr-1 h-4 w-4" }), " Back to programs"]
 			})
 		})
 	});
-	let Q = s.id, ye = async (e) => {
-		I(null);
+	let Z = d.id, Q = d.status === "DRAFT" || d.status === "ACTIVE", Xe = d.status === "ACTIVE", $ = ae[d.goalType], Ze = $.icon, Qe = () => {
+		Y({
+			name: d.name,
+			description: d.description ?? "",
+			goalType: d.goalType,
+			level: d.level,
+			phase: d.phase,
+			weeks: d.weeks ? String(d.weeks) : "",
+			daysPerWeek: d.daysPerWeek ? String(d.daysPerWeek) : "",
+			startDate: Be(d.startDate),
+			endDate: Be(d.endDate)
+		}), X(null), q(!0);
+	}, $e = async () => {
+		if (!J.name.trim()) {
+			X("Program name is required.");
+			return;
+		}
+		let e = {
+			name: J.name.trim(),
+			description: J.description.trim() || null,
+			goalType: J.goalType,
+			level: J.level,
+			phase: J.phase,
+			weeks: M(J.weeks),
+			daysPerWeek: M(J.daysPerWeek),
+			startDate: J.startDate ? new Date(J.startDate).toISOString() : null,
+			endDate: J.endDate ? new Date(J.endDate).toISOString() : null
+		};
+		X(null);
 		try {
 			await k.mutateAsync({
-				id: Q,
+				id: Z,
+				input: e
+			}), q(!1);
+		} catch (e) {
+			X(e instanceof Error ? e.message : "Failed to update program.");
+		}
+	}, et = async (e) => {
+		L(null);
+		try {
+			await D.mutateAsync({
+				id: Z,
 				status: e
 			});
 		} catch (e) {
-			I(e instanceof Error ? e.message : "Failed to update program status.");
+			L(e instanceof Error ? e.message : "Failed to update program status.");
 		}
-	}, be = async () => {
+	}, tt = async () => {
 		if (window.confirm("Archive this program? It will be moved out of your active library.")) {
-			I(null);
+			L(null);
 			try {
-				await A.mutateAsync(Q), await f();
+				await O.mutateAsync(Z), await p();
 			} catch (e) {
-				I(e instanceof Error ? e.message : "Failed to archive program.");
+				L(e instanceof Error ? e.message : "Failed to archive program.");
 			}
 		}
-	}, $ = () => {
-		U(R), G(null), V(!0);
-	}, xe = async () => {
-		if (!H.name.trim()) {
-			G("Workout name is required.");
+	}, nt = () => {
+		B(Fe), V(null), R(!0);
+	}, rt = async () => {
+		if (!z.name.trim()) {
+			V("Workout name is required.");
 			return;
 		}
 		let e = {
-			programId: Q,
-			name: H.name.trim(),
-			type: H.type,
-			weekNumber: P(H.weekNumber),
-			dayOfWeek: P(H.dayOfWeek),
-			durationMin: P(H.durationMin)
+			programId: Z,
+			name: z.name.trim(),
+			type: z.type,
+			weekNumber: M(z.weekNumber),
+			dayOfWeek: M(z.dayOfWeek),
+			durationMin: M(z.durationMin)
 		};
 		try {
-			await j.mutateAsync(e), V(!1);
+			await A.mutateAsync(e), R(!1);
 		} catch (e) {
-			G(e instanceof Error ? e.message : "Failed to add workout.");
+			V(e instanceof Error ? e.message : "Failed to add workout.");
 		}
-	}, Se = (e) => {
-		Y(z), Z(null), q(e);
-	}, Ce = async () => {
-		if (!K) return;
-		if (!J.name.trim()) {
-			Z("Exercise name is required.");
+	}, it = (e) => {
+		G(I), Ge(null), K(null), U(e);
+	}, at = async () => {
+		if (!H) return;
+		if (!W.name.trim()) {
+			K("Exercise name is required.");
 			return;
 		}
 		let e = {
-			workoutId: K,
-			name: J.name.trim(),
-			muscleGroup: J.muscleGroup,
-			sets: P(J.sets),
-			reps: P(J.reps),
-			targetWeight: P(J.targetWeight),
-			restSeconds: P(J.restSeconds),
-			instructions: J.instructions.trim() || null
+			workoutId: H,
+			name: W.name.trim(),
+			muscleGroup: W.muscleGroup,
+			sets: M(W.sets),
+			reps: M(W.reps),
+			targetWeight: M(W.targetWeight),
+			restSeconds: M(W.restSeconds),
+			instructions: W.instructions.trim() || null,
+			demoFileId: We?.fileId ?? null
 		};
 		try {
-			await M.mutateAsync(e), q(null);
+			await j.mutateAsync(e), U(null);
 		} catch (e) {
-			Z(e instanceof Error ? e.message : "Failed to add exercise.");
+			K(e instanceof Error ? e.message : "Failed to add exercise.");
 		}
 	};
-	return /* @__PURE__ */ v(t, {
-		title: s.name,
-		actions: /* @__PURE__ */ v(pe, { children: [
-			s.status === "DRAFT" && /* @__PURE__ */ v(y, {
-				onClick: () => void ye("ACTIVE"),
-				disabled: k.isPending,
-				children: [/* @__PURE__ */ _(de, { className: "mr-1 h-4 w-4" }), " Activate"]
+	return /* @__PURE__ */ _(r, {
+		title: d.name,
+		actions: /* @__PURE__ */ _(De, { children: [
+			d.status === "DRAFT" && /* @__PURE__ */ _(v, {
+				onClick: () => void et("ACTIVE"),
+				disabled: D.isPending,
+				children: [/* @__PURE__ */ g(Te, { className: "mr-1 h-4 w-4" }), " Activate"]
 			}),
-			s.status === "ACTIVE" && /* @__PURE__ */ v(y, {
-				onClick: () => void ye("COMPLETED"),
+			d.status === "ACTIVE" && /* @__PURE__ */ _(De, { children: [/* @__PURE__ */ _(v, {
+				onClick: () => void et("COMPLETED"),
+				disabled: D.isPending,
+				children: [/* @__PURE__ */ g(xe, { className: "mr-1 h-4 w-4" }), " Complete"]
+			}), /* @__PURE__ */ _(v, {
+				variant: "outline",
+				onClick: () => s("train"),
+				children: [/* @__PURE__ */ g(Se, { className: "mr-1 h-4 w-4" }), " Start a session"]
+			})] }),
+			d.status !== "ARCHIVED" && /* @__PURE__ */ _(v, {
+				variant: "outline",
+				onClick: Qe,
 				disabled: k.isPending,
-				children: [/* @__PURE__ */ _(le, { className: "mr-1 h-4 w-4" }), " Complete"]
+				children: [/* @__PURE__ */ g(we, { className: "mr-1 h-4 w-4" }), " Edit"]
 			}),
-			s.status !== "ARCHIVED" && /* @__PURE__ */ v(y, {
+			d.status !== "ARCHIVED" && /* @__PURE__ */ _(v, {
 				variant: "outline",
-				onClick: () => void be(),
-				disabled: A.isPending,
-				children: [/* @__PURE__ */ _(ce, { className: "mr-1 h-4 w-4" }), " Archive"]
+				onClick: () => void tt(),
+				disabled: O.isPending,
+				children: [/* @__PURE__ */ g(ve, { className: "mr-1 h-4 w-4" }), " Archive"]
 			}),
-			/* @__PURE__ */ v(y, {
-				onClick: $,
-				children: [/* @__PURE__ */ _(g, { className: "mr-1 h-4 w-4" }), " Add workout"]
+			Q && /* @__PURE__ */ _(v, {
+				onClick: nt,
+				children: [/* @__PURE__ */ g(h, { className: "mr-1 h-4 w-4" }), " Add workout"]
 			})
 		] }),
 		children: [
-			/* @__PURE__ */ v("button", {
+			/* @__PURE__ */ _("button", {
 				type: "button",
-				onClick: () => a("programs"),
+				onClick: () => s("programs"),
 				className: "mb-4 inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-				children: [/* @__PURE__ */ _(h, { className: "h-4 w-4" }), " All programs"]
+				children: [/* @__PURE__ */ g(ye, { className: "h-4 w-4" }), " All programs"]
 			}),
-			/* @__PURE__ */ v(b, {
-				treatment: "glass",
-				className: "p-6",
-				children: [/* @__PURE__ */ _("div", {
-					className: "flex flex-wrap items-start justify-between gap-4",
-					children: /* @__PURE__ */ v("div", {
-						className: "min-w-0",
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: "flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ _("h2", {
-									className: "text-xl font-semibold text-text-primary",
-									children: s.name
-								}), /* @__PURE__ */ _(c, { status: s.status })]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "mt-3 flex flex-wrap gap-1.5",
-								children: [
-									/* @__PURE__ */ _(F, { children: i(s.phase) }),
-									/* @__PURE__ */ _(F, { children: i(s.level) }),
-									/* @__PURE__ */ _(F, { children: i(s.goalType) }),
-									/* @__PURE__ */ v(F, { children: [
-										o(s.weeks),
-										" wk × ",
-										o(s.daysPerWeek),
-										" days"
-									] })
-								]
-							}),
-							/* @__PURE__ */ v("p", {
-								className: "mt-3 text-sm text-text-secondary",
+			/* @__PURE__ */ g(t.div, {
+				initial: l ? !1 : {
+					opacity: 0,
+					y: 10
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				transition: l ? { duration: 0 } : {
+					duration: .35,
+					ease: Me
+				},
+				children: /* @__PURE__ */ _(Oe, {
+					treatment: "glass",
+					glow: Xe,
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex flex-wrap items-start justify-between gap-4",
+							children: /* @__PURE__ */ _("div", {
+								className: "min-w-0",
 								children: [
-									n(s.startDate),
-									" – ",
-									n(s.endDate)
+									/* @__PURE__ */ _("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [
+											/* @__PURE__ */ g(u, {
+												icon: /* @__PURE__ */ g(Ze, { className: "h-5 w-5" }),
+												tint: $.tint,
+												className: "size-10"
+											}),
+											/* @__PURE__ */ g("h2", {
+												className: "text-xl font-semibold text-text-primary",
+												children: d.name
+											}),
+											/* @__PURE__ */ g(ee, { status: d.status })
+										]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "mt-3 flex flex-wrap gap-1.5",
+										children: [
+											/* @__PURE__ */ _(N, { children: ["Phase · ", o(d.phase)] }),
+											/* @__PURE__ */ _(N, { children: ["Level · ", o(d.level)] }),
+											/* @__PURE__ */ g(N, {
+												icon: /* @__PURE__ */ g(Ze, { className: "h-3.5 w-3.5" }),
+												tint: $.tint,
+												children: o(d.goalType)
+											}),
+											/* @__PURE__ */ _(N, {
+												icon: /* @__PURE__ */ g(be, { className: "h-3.5 w-3.5" }),
+												children: [
+													c(d.weeks),
+													" wk × ",
+													c(d.daysPerWeek),
+													" days"
+												]
+											})
+										]
+									}),
+									/* @__PURE__ */ _("p", {
+										className: "mt-3 inline-flex items-center gap-1.5 text-sm text-text-secondary",
+										children: [
+											/* @__PURE__ */ g(be, { className: "h-4 w-4 text-text-tertiary" }),
+											i(d.startDate),
+											" – ",
+											i(d.endDate)
+										]
+									}),
+									(d.tags ?? []).length > 0 && /* @__PURE__ */ g("div", {
+										className: "mt-3 flex flex-wrap gap-1.5",
+										children: (d.tags ?? []).map((e) => /* @__PURE__ */ _("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]
+										}, e))
+									}),
+									d.description && /* @__PURE__ */ g("p", {
+										className: "mt-3 max-w-2xl text-sm text-text-secondary",
+										children: d.description
+									})
 								]
-							}),
-							s.tags.length > 0 && /* @__PURE__ */ _("div", {
-								className: "mt-3 flex flex-wrap gap-1.5",
-								children: s.tags.map((e) => /* @__PURE__ */ v("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]
-								}, e))
-							}),
-							s.description && /* @__PURE__ */ _("p", {
-								className: "mt-3 max-w-2xl text-sm text-text-secondary",
-								children: s.description
 							})
-						]
-					})
-				}), N && /* @__PURE__ */ _("p", {
-					className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-					children: N
-				})]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "mt-5 border-t border-border-seam pt-4",
+							children: /* @__PURE__ */ g(ge, {
+								entityType: "mybodyshield-program",
+								entityId: d.id,
+								label: "Platform tags"
+							})
+						}),
+						P && /* @__PURE__ */ g("p", {
+							className: "mt-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+							children: P
+						})
+					]
+				})
 			}),
-			/* @__PURE__ */ _(ne, {
+			/* @__PURE__ */ _(re, {
 				title: "Workouts",
 				description: "Sessions in this block, ordered by week, day & sequence.",
-				children: ve.length === 0 ? /* @__PURE__ */ _(l, {
+				children: [!Q && /* @__PURE__ */ _("p", {
+					className: "mb-4 inline-flex items-center gap-1.5 rounded-lg border border-border-seam bg-bg-sunken/60 px-3 py-2 text-xs text-text-tertiary",
+					children: [
+						/* @__PURE__ */ g(Ce, { className: "h-3.5 w-3.5 shrink-0" }),
+						"This program is ",
+						o(d.status).toLowerCase(),
+						" — its structure is locked and can no longer be edited."
+					]
+				}), Ye.length === 0 ? /* @__PURE__ */ g(ie, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(ue, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ g(m, { className: "h-10 w-10" }),
 					title: "No workouts yet",
-					description: "Add workouts to lay out the training week, then attach exercises to each one.",
-					action: /* @__PURE__ */ v(y, {
-						onClick: $,
-						children: [/* @__PURE__ */ _(g, { className: "mr-1 h-4 w-4" }), " Add workout"]
-					})
-				}) : /* @__PURE__ */ _("div", {
-					className: "space-y-4",
-					children: ve.map((e) => /* @__PURE__ */ _(_e, {
-						workout: e,
-						onAddExercise: Se
+					description: Q ? "Add workouts to lay out the training week, then attach exercises to each one." : "This program has no workouts, and its structure is locked in its current status.",
+					action: Q ? /* @__PURE__ */ _(v, {
+						onClick: nt,
+						children: [/* @__PURE__ */ g(h, { className: "mr-1 h-4 w-4" }), " Add workout"]
+					}) : void 0
+				}) : /* @__PURE__ */ g(t.div, {
+					className: "grid grid-cols-1 gap-4 xl:grid-cols-2",
+					variants: l ? void 0 : Ne,
+					initial: l ? !1 : "hidden",
+					animate: "show",
+					children: Ye.map((e) => /* @__PURE__ */ g(t.div, {
+						className: "h-full",
+						variants: l ? void 0 : Pe,
+						children: /* @__PURE__ */ g(Ve, {
+							workout: e,
+							canEdit: Q,
+							onAddExercise: it
+						})
 					}, e.id))
-				})
+				})]
 			}),
-			/* @__PURE__ */ _(C, {
-				open: B,
-				onOpenChange: V,
-				children: /* @__PURE__ */ v(w, {
+			/* @__PURE__ */ g(he, {
+				entityType: "mybodyshield-program",
+				entityId: d.id,
+				title: "Program notes",
+				description: "Coach and member notes for this training block."
+			}),
+			/* @__PURE__ */ g(x, {
+				open: He,
+				onOpenChange: R,
+				children: /* @__PURE__ */ _(S, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__PURE__ */ v(D, { children: [/* @__PURE__ */ _(O, { children: "Add workout" }), /* @__PURE__ */ _(T, { children: "Add a training session to this program. Attach exercises once it's created." })] }),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(E, { children: "Add workout" }), /* @__PURE__ */ g(C, { children: "Add a training session to this program. Attach exercises once it's created." })] }),
+						/* @__PURE__ */ _("div", {
 							className: "space-y-4 py-2",
 							children: [
-								W && /* @__PURE__ */ _("p", {
+								Ue && /* @__PURE__ */ g("p", {
 									className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-									children: W
+									children: Ue
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-wk-name",
 										children: "Name"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ g(y, {
 										id: "myb-wk-name",
-										value: H.name,
-										onChange: (e) => U({
-											...H,
+										value: z.name,
+										onChange: (e) => B({
+											...z,
 											name: e.target.value
 										}),
 										placeholder: "e.g. Upper Body — Push"
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-wk-type",
 										children: "Type"
-									}), /* @__PURE__ */ _(L, {
+									}), /* @__PURE__ */ g(F, {
 										id: "myb-wk-type",
-										value: H.type,
-										onChange: (e) => U({
-											...H,
+										value: z.type,
+										onChange: (e) => B({
+											...z,
 											type: e
 										}),
-										options: he
+										options: Ae
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ g(b, {
 												htmlFor: "myb-wk-week",
 												children: "Week"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ g(y, {
 												id: "myb-wk-week",
 												type: "number",
 												min: 1,
-												value: H.weekNumber,
-												onChange: (e) => U({
-													...H,
+												value: z.weekNumber,
+												onChange: (e) => B({
+													...z,
 													weekNumber: e.target.value
 												}),
 												placeholder: "1"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ g(b, {
 												htmlFor: "myb-wk-day",
 												children: "Day"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ g(y, {
 												id: "myb-wk-day",
 												type: "number",
 												min: 1,
 												max: 7,
-												value: H.dayOfWeek,
-												onChange: (e) => U({
-													...H,
+												value: z.dayOfWeek,
+												onChange: (e) => B({
+													...z,
 													dayOfWeek: e.target.value
 												}),
 												placeholder: "1"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ g(b, {
 												htmlFor: "myb-wk-dur",
 												children: "Duration (min)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ g(y, {
 												id: "myb-wk-dur",
 												type: "number",
 												min: 0,
-												value: H.durationMin,
-												onChange: (e) => U({
-													...H,
+												value: z.durationMin,
+												onChange: (e) => B({
+													...z,
 													durationMin: e.target.value
 												}),
 												placeholder: "60"
@@ -455,132 +635,132 @@ function V() {
 								})
 							]
 						}),
-						/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(v, {
 							variant: "outline",
-							onClick: () => V(!1),
-							disabled: j.isPending,
+							onClick: () => R(!1),
+							disabled: A.isPending,
 							children: "Cancel"
-						}), /* @__PURE__ */ _(y, {
-							onClick: () => void xe(),
-							disabled: j.isPending,
-							children: j.isPending ? "Adding…" : "Add workout"
+						}), /* @__PURE__ */ g(v, {
+							onClick: () => void rt(),
+							disabled: A.isPending,
+							children: A.isPending ? "Adding…" : "Add workout"
 						})] })
 					]
 				})
 			}),
-			/* @__PURE__ */ _(C, {
-				open: K !== null,
+			/* @__PURE__ */ g(x, {
+				open: H !== null,
 				onOpenChange: (e) => {
-					e || q(null);
+					e || U(null);
 				},
-				children: /* @__PURE__ */ v(w, {
+				children: /* @__PURE__ */ _(S, {
 					className: "sm:max-w-lg",
 					children: [
-						/* @__PURE__ */ v(D, { children: [/* @__PURE__ */ _(O, { children: "Add exercise" }), /* @__PURE__ */ _(T, { children: "Add a movement with its target sets, reps, load & rest." })] }),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(E, { children: "Add exercise" }), /* @__PURE__ */ g(C, { children: "Add a movement with its target sets, reps, load & rest." })] }),
+						/* @__PURE__ */ _("div", {
 							className: "space-y-4 py-2",
 							children: [
-								X && /* @__PURE__ */ _("p", {
+								Ke && /* @__PURE__ */ g("p", {
 									className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-									children: X
+									children: Ke
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-ex-name",
 										children: "Name"
-									}), /* @__PURE__ */ _(x, {
+									}), /* @__PURE__ */ g(y, {
 										id: "myb-ex-name",
-										value: J.name,
-										onChange: (e) => Y({
-											...J,
+										value: W.name,
+										onChange: (e) => G({
+											...W,
 											name: e.target.value
 										}),
 										placeholder: "e.g. Barbell Bench Press"
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-ex-muscle",
 										children: "Muscle group"
-									}), /* @__PURE__ */ _(L, {
+									}), /* @__PURE__ */ g(F, {
 										id: "myb-ex-muscle",
-										value: J.muscleGroup,
-										onChange: (e) => Y({
-											...J,
+										value: W.muscleGroup,
+										onChange: (e) => G({
+											...W,
 											muscleGroup: e
 										}),
-										options: ge
+										options: je
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 									children: [
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ g(b, {
 												htmlFor: "myb-ex-sets",
 												children: "Sets"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ g(y, {
 												id: "myb-ex-sets",
 												type: "number",
 												min: 0,
-												value: J.sets,
-												onChange: (e) => Y({
-													...J,
+												value: W.sets,
+												onChange: (e) => G({
+													...W,
 													sets: e.target.value
 												}),
 												placeholder: "3"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ g(b, {
 												htmlFor: "myb-ex-reps",
 												children: "Reps"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ g(y, {
 												id: "myb-ex-reps",
 												type: "number",
 												min: 0,
-												value: J.reps,
-												onChange: (e) => Y({
-													...J,
+												value: W.reps,
+												onChange: (e) => G({
+													...W,
 													reps: e.target.value
 												}),
 												placeholder: "10"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ g(b, {
 												htmlFor: "myb-ex-weight",
 												children: "Weight (kg)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ g(y, {
 												id: "myb-ex-weight",
 												type: "number",
 												min: 0,
 												step: "0.5",
-												value: J.targetWeight,
-												onChange: (e) => Y({
-													...J,
+												value: W.targetWeight,
+												onChange: (e) => G({
+													...W,
 													targetWeight: e.target.value
 												}),
 												placeholder: "60"
 											})]
 										}),
-										/* @__PURE__ */ v("div", {
+										/* @__PURE__ */ _("div", {
 											className: "space-y-1.5",
-											children: [/* @__PURE__ */ _(S, {
+											children: [/* @__PURE__ */ g(b, {
 												htmlFor: "myb-ex-rest",
 												children: "Rest (sec)"
-											}), /* @__PURE__ */ _(x, {
+											}), /* @__PURE__ */ g(y, {
 												id: "myb-ex-rest",
 												type: "number",
 												min: 0,
-												value: J.restSeconds,
-												onChange: (e) => Y({
-													...J,
+												value: W.restSeconds,
+												onChange: (e) => G({
+													...W,
 													restSeconds: e.target.value
 												}),
 												placeholder: "90"
@@ -588,33 +768,221 @@ function V() {
 										})
 									]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(S, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-ex-instructions",
 										children: "Instructions"
-									}), /* @__PURE__ */ _(me, {
+									}), /* @__PURE__ */ g(ke, {
 										id: "myb-ex-instructions",
 										rows: 3,
-										value: J.instructions,
-										onChange: (e) => Y({
-											...J,
+										value: W.instructions,
+										onChange: (e) => G({
+											...W,
 											instructions: e.target.value
 										}),
 										placeholder: "Cues, tempo, form notes…"
 									})]
+								}),
+								/* @__PURE__ */ g(pe, {
+									id: "myb-ex-demo",
+									label: "Demo media (optional)",
+									value: We,
+									onChange: Ge,
+									accept: "video/*,image/*",
+									disabled: j.isPending,
+									hint: "Attach a short demo clip or image to show how the movement is performed."
+								})
+							]
+						}),
+						/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(v, {
+							variant: "outline",
+							onClick: () => U(null),
+							disabled: j.isPending,
+							children: "Cancel"
+						}), /* @__PURE__ */ g(v, {
+							onClick: () => void at(),
+							disabled: j.isPending,
+							children: j.isPending ? "Adding…" : "Add exercise"
+						})] })
+					]
+				})
+			}),
+			/* @__PURE__ */ g(x, {
+				open: qe,
+				onOpenChange: q,
+				children: /* @__PURE__ */ _(S, {
+					className: "sm:max-w-lg",
+					children: [
+						/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(E, { children: "Edit program" }), /* @__PURE__ */ g(C, { children: "Update this program's plan, goal & schedule. Workouts stay untouched." })] }),
+						/* @__PURE__ */ _("div", {
+							className: "space-y-4 py-2",
+							children: [
+								Je && /* @__PURE__ */ g("p", {
+									className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+									children: Je
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ g(b, {
+										htmlFor: "myb-edit-name",
+										children: "Name"
+									}), /* @__PURE__ */ g(y, {
+										id: "myb-edit-name",
+										value: J.name,
+										onChange: (e) => Y({
+											...J,
+											name: e.target.value
+										}),
+										placeholder: "e.g. Hypertrophy Block A"
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ g(b, {
+										htmlFor: "myb-edit-desc",
+										children: "Description"
+									}), /* @__PURE__ */ g(ke, {
+										id: "myb-edit-desc",
+										rows: 3,
+										value: J.description,
+										onChange: (e) => Y({
+											...J,
+											description: e.target.value
+										}),
+										placeholder: "Focus, progression scheme, notes…"
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+									children: [
+										/* @__PURE__ */ _("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ g(b, {
+												htmlFor: "myb-edit-goal",
+												children: "Goal type"
+											}), /* @__PURE__ */ g(F, {
+												id: "myb-edit-goal",
+												value: J.goalType,
+												onChange: (e) => Y({
+													...J,
+													goalType: e
+												}),
+												options: Ie
+											})]
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ g(b, {
+												htmlFor: "myb-edit-level",
+												children: "Level"
+											}), /* @__PURE__ */ g(F, {
+												id: "myb-edit-level",
+												value: J.level,
+												onChange: (e) => Y({
+													...J,
+													level: e
+												}),
+												options: Le
+											})]
+										}),
+										/* @__PURE__ */ _("div", {
+											className: "space-y-1.5",
+											children: [/* @__PURE__ */ g(b, {
+												htmlFor: "myb-edit-phase",
+												children: "Phase"
+											}), /* @__PURE__ */ g(F, {
+												id: "myb-edit-phase",
+												value: J.phase,
+												onChange: (e) => Y({
+													...J,
+													phase: e
+												}),
+												options: Re
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(b, {
+											htmlFor: "myb-edit-weeks",
+											children: "Weeks"
+										}), /* @__PURE__ */ g(y, {
+											id: "myb-edit-weeks",
+											type: "number",
+											min: 1,
+											value: J.weeks,
+											onChange: (e) => Y({
+												...J,
+												weeks: e.target.value
+											}),
+											placeholder: "8"
+										})]
+									}), /* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(b, {
+											htmlFor: "myb-edit-days",
+											children: "Days / week"
+										}), /* @__PURE__ */ g(y, {
+											id: "myb-edit-days",
+											type: "number",
+											min: 1,
+											max: 7,
+											value: J.daysPerWeek,
+											onChange: (e) => Y({
+												...J,
+												daysPerWeek: e.target.value
+											}),
+											placeholder: "4"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(b, {
+											htmlFor: "myb-edit-start",
+											children: "Start date"
+										}), /* @__PURE__ */ g(y, {
+											id: "myb-edit-start",
+											type: "date",
+											value: J.startDate,
+											onChange: (e) => Y({
+												...J,
+												startDate: e.target.value
+											})
+										})]
+									}), /* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(b, {
+											htmlFor: "myb-edit-end",
+											children: "End date"
+										}), /* @__PURE__ */ g(y, {
+											id: "myb-edit-end",
+											type: "date",
+											value: J.endDate,
+											onChange: (e) => Y({
+												...J,
+												endDate: e.target.value
+											})
+										})]
+									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(v, {
 							variant: "outline",
-							onClick: () => q(null),
-							disabled: M.isPending,
+							onClick: () => q(!1),
+							disabled: k.isPending,
 							children: "Cancel"
-						}), /* @__PURE__ */ _(y, {
-							onClick: () => void Ce(),
-							disabled: M.isPending,
-							children: M.isPending ? "Adding…" : "Add exercise"
+						}), /* @__PURE__ */ g(v, {
+							onClick: () => void $e(),
+							disabled: k.isPending,
+							children: k.isPending ? "Saving…" : "Save changes"
 						})] })
 					]
 				})
@@ -623,6 +991,6 @@ function V() {
 	});
 }
 //#endregion
-export { V as ProgramDetailPage };
+export { He as ProgramDetailPage };
 
 //# sourceMappingURL=ProgramDetailPage.js.map