@burdenoff/microfe-mybodyshield 2026.525.1 → 2026.705.2

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

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