@burdenoff/microfe-mybodyshield 2026.705.2 → 2026.706.2

package/dist/mybodyshield/pages/train/SessionDetailPage.js

@@ -1,29 +1,53 @@
 import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { formatDateTime as r, formatDuration as i, formatKcal as a, formatNumber as o, formatRelativeTime as s, formatWeight as ee } from "../../utils/formatters.js";
-import { StatusBadge as c } from "../../components/StatusBadge.js";
-import { ErrorView as l, LoadingView as te } from "../../components/StateViews.js";
-import { EmptyState as ne } from "../../components/EmptyState.js";
-import { IconChip as re } 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 { MetricsCard as i } from "../../components/MetricsCard.js";
+import { formatDateTime as a, formatDuration as o, formatKcal as s, formatNumber as c, formatRelativeTime as l, formatWeight as ee } from "../../utils/formatters.js";
+import { StatusBadge as u } from "../../components/StatusBadge.js";
+import { ErrorView as te, LoadingView as ne } from "../../components/StateViews.js";
+import { EmptyState as re } from "../../components/EmptyState.js";
+import { IconChip as ie } from "../_shared/visuals.js";
 import "../../context/index.js";
-import { useMybCompleteSession as ie, useMybLogSet as ae, useMybSession as oe } from "../../hooks/useMyBodyShieldApi.js";
+import { useMybCompleteSession as ae, useMybLogSet as oe, useMybSession as se } from "../../hooks/useMyBodyShieldApi.js";
 import "../../hooks/index.js";
-import { MybDiscussion as se } from "../../components/MybDiscussion.js";
+import { MybDiscussion as ce } from "../../components/MybDiscussion.js";
 import "../../components/index.js";
-import { useMemo as u, useState as d } from "react";
-import { AlertTriangle as ce, ArrowLeft as le, CheckCircle2 as ue, Dumbbell as f, Flame as de, Gauge as fe, Plus as p, Ruler as pe, Timer as m, Weight as me } from "lucide-react";
-import { useParams as he } from "react-router-dom";
-import { Fragment as ge, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Button as _, GlassCard as v, Input as y, Label as b, ResponsiveDialog as x, ResponsiveDialogContent as S, ResponsiveDialogDescription as C, ResponsiveDialogFooter as w, ResponsiveDialogHeader as T, ResponsiveDialogTitle as E, Switch as _e, Textarea as ve } from "@burdenoff/fe-libs/ui";
+import { useMemo as d, useState as f } from "react";
+import { AlertTriangle as le, ArrowLeft as ue, CheckCircle2 as de, Dumbbell as p, Flame as fe, Gauge as pe, Plus as m, Ruler as me, Timer as h, Weight as he } from "lucide-react";
+import { useParams as ge } from "react-router-dom";
+import { Fragment as _e, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, GlassCard as ve, Input as y, Label as b, ResponsiveDialog as ye, ResponsiveDialogContent as x, ResponsiveDialogDescription as S, ResponsiveDialogFooter as C, ResponsiveDialogHeader as w, ResponsiveDialogTitle as T, Switch as be, Textarea as xe } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/train/SessionDetailPage.tsx
-function D(e) {
+var E = [
+	.16,
+	1,
+	.3,
+	1
+], D = {
+	hidden: {},
+	show: { transition: { staggerChildren: .06 } }
+}, O = {
+	hidden: {
+		opacity: 0,
+		y: 12
+	},
+	show: {
+		opacity: 1,
+		y: 0,
+		transition: {
+			duration: .35,
+			ease: E
+		}
+	}
+};
+function k(e) {
 	let t = e.trim();
 	if (!t) return;
 	let n = Number(t);
 	return Number.isFinite(n) ? n : void 0;
 }
-var O = {
+var A = {
 	exerciseName: "",
 	setNumber: "",
 	reps: "",
@@ -31,15 +55,15 @@ var O = {
 	distanceM: "",
 	durationSec: "",
 	isPersonalRecord: !1
-}, k = {
+}, j = {
 	caloriesBurned: "",
 	perceivedExertion: "",
 	notes: ""
 };
-function A() {
-	let { navigateTo: A } = e(), { id: j } = he(), M = oe(j), N = ae(), P = ie(), [ye, F] = d(!1), [I, L] = d(O), [R, z] = d(null), [be, B] = d(!1), [V, H] = d(k), [U, W] = d(null), G = M.data, K = u(() => G?.sets ?? [], [G?.sets]), q = u(() => {
+function M() {
+	let { navigateTo: M } = e(), N = n(), { id: P } = ge(), F = se(P), I = oe(), L = ae(), [Se, R] = f(!1), [z, B] = f(A), [V, H] = f(null), [Ce, U] = f(!1), [W, G] = f(j), [we, K] = f(null), q = F.data, J = d(() => q?.sets ?? [], [q?.sets]), Y = d(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of K) {
+		for (let t of J) {
 			let n = e.get(t.exerciseName) ?? [];
 			n.push(t), e.set(t.exerciseName, n);
 		}
@@ -47,353 +71,422 @@ function A() {
 			name: e,
 			sets: t.slice().sort((e, t) => e.setNumber - t.setNumber)
 		}));
-	}, [K]), xe = u(() => K.reduce((e, t) => e + t.reps * t.weight, 0), [K]), J = G?.startedAt, Y = G?.completedAt, X = u(() => {
-		if (!J || !Y) return;
-		let e = new Date(J).getTime(), t = new Date(Y).getTime();
+	}, [J]), Te = d(() => J.reduce((e, t) => e + t.reps * t.weight, 0), [J]), X = q?.startedAt, Z = q?.completedAt, Ee = d(() => {
+		if (!X || !Z) return;
+		let e = new Date(X).getTime(), t = new Date(Z).getTime();
 		if (!(!Number.isFinite(e) || !Number.isFinite(t) || t < e)) return (t - e) / 1e3;
-	}, [J, Y]);
-	if (!j) return /* @__PURE__ */ h(t, {
+	}, [X, Z]);
+	if (!P) return /* @__PURE__ */ g(r, {
 		title: "Workout session",
-		children: /* @__PURE__ */ h(l, {
+		children: /* @__PURE__ */ g(te, {
 			message: "No session was specified.",
-			onRetry: () => A("train")
+			onRetry: () => M("train")
 		})
 	});
-	if (M.isLoading) return /* @__PURE__ */ h(t, {
+	if (F.isLoading) return /* @__PURE__ */ g(r, {
 		title: "Workout session",
-		children: /* @__PURE__ */ h(te, { label: "Loading session…" })
+		children: /* @__PURE__ */ g(ne, { label: "Loading session…" })
 	});
-	if (M.isError || !G) return /* @__PURE__ */ h(t, {
+	if (F.isError || !q) return /* @__PURE__ */ g(r, {
 		title: "Workout session",
-		children: /* @__PURE__ */ h(l, {
+		children: /* @__PURE__ */ g(te, {
 			title: "Session not found",
 			message: "This workout session may have been removed, or you don't have access to it.",
-			onRetry: () => M.refetch()
+			onRetry: () => F.refetch()
 		})
 	});
-	let Z = G.status === "IN_PROGRESS", Q = G.completedAt ? `Completed ${s(G.completedAt)}` : G.startedAt ? `Started ${s(G.startedAt)}` : G.scheduledFor ? `Scheduled ${s(G.scheduledFor)}` : `Created ${s(G.createdAt)}`, $ = () => {
-		L(O), z(null), F(!0);
+	let Q = q.status === "IN_PROGRESS", De = q.completedAt ? `Completed ${l(q.completedAt)}` : q.startedAt ? `Started ${l(q.startedAt)}` : q.scheduledFor ? `Scheduled ${l(q.scheduledFor)}` : `Created ${l(q.createdAt)}`, $ = () => {
+		B(A), H(null), R(!0);
 	};
-	return /* @__PURE__ */ g(t, {
+	return /* @__PURE__ */ _(r, {
 		title: "Workout session",
-		description: Q,
-		actions: Z ? /* @__PURE__ */ g(ge, { children: [/* @__PURE__ */ g(_, {
+		description: De,
+		actions: Q ? /* @__PURE__ */ _(_e, { children: [/* @__PURE__ */ _(v, {
 			variant: "outline",
 			onClick: $,
-			children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Log set"]
-		}), /* @__PURE__ */ g(_, {
+			children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), " Log set"]
+		}), /* @__PURE__ */ _(v, {
 			onClick: () => {
-				H(k), W(null), B(!0);
+				G(j), K(null), U(!0);
 			},
-			children: [/* @__PURE__ */ h(ue, { className: "h-4 w-4" }), " Complete"]
+			children: [/* @__PURE__ */ g(de, { className: "h-4 w-4" }), " Complete"]
 		})] }) : void 0,
 		children: [
-			/* @__PURE__ */ g("button", {
+			/* @__PURE__ */ _("button", {
 				type: "button",
-				onClick: () => A("train"),
+				onClick: () => M("train"),
 				className: "mb-4 inline-flex items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary",
-				children: [/* @__PURE__ */ h(le, { className: "h-4 w-4" }), " Back to sessions"]
+				children: [/* @__PURE__ */ g(ue, { className: "h-4 w-4" }), " Back to sessions"]
 			}),
-			/* @__PURE__ */ g(v, {
-				treatment: "glass",
-				className: "p-6",
-				children: [
-					/* @__PURE__ */ h("div", {
-						className: "flex flex-wrap items-start justify-between gap-3",
-						children: /* @__PURE__ */ g("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ h(re, {
-								icon: h(Z ? de : f, { className: "h-5 w-5" }),
-								tint: Z ? "var(--color-accent-teal)" : "var(--color-accent-primary)"
-							}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("div", {
-								className: "flex items-center gap-2",
-								children: /* @__PURE__ */ h(c, { status: G.status })
-							}), /* @__PURE__ */ h("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								children: Q
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ g("div", {
-						className: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-						children: [
-							G.scheduledFor && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-tertiary",
-								children: "Scheduled for"
-							}), /* @__PURE__ */ h("p", {
-								className: "mt-0.5 text-sm font-medium text-text-primary",
-								children: r(G.scheduledFor)
-							})] }),
-							G.startedAt && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-tertiary",
-								children: "Started"
-							}), /* @__PURE__ */ h("p", {
-								className: "mt-0.5 text-sm font-medium text-text-primary",
-								children: r(G.startedAt)
-							})] }),
-							G.completedAt && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-tertiary",
-								children: "Completed"
-							}), /* @__PURE__ */ h("p", {
-								className: "mt-0.5 text-sm font-medium text-text-primary",
-								children: r(G.completedAt)
-							})] }),
-							G.perceivedExertion != null && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+			/* @__PURE__ */ g(t.div, {
+				initial: N ? !1 : {
+					opacity: 0,
+					y: 10
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				transition: N ? { duration: 0 } : {
+					duration: .35,
+					ease: E
+				},
+				children: /* @__PURE__ */ _(ve, {
+					treatment: "glass",
+					glow: Q,
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex flex-wrap items-start justify-between gap-3",
+							children: /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g(ie, {
+									icon: g(Q ? fe : p, { className: "h-5 w-5" }),
+									tint: Q ? "var(--color-accent-teal)" : "var(--color-accent-primary)"
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+									className: "flex items-center gap-2",
+									children: /* @__PURE__ */ g(u, { status: q.status })
+								}), /* @__PURE__ */ g("p", {
+									className: "mt-1 text-sm text-text-secondary",
+									children: De
+								})] })]
+							})
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+							children: [
+								q.scheduledFor && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "text-xs text-text-tertiary",
+									children: "Scheduled for"
+								}), /* @__PURE__ */ g("p", {
+									className: "mt-0.5 text-sm font-medium text-text-primary",
+									children: a(q.scheduledFor)
+								})] }),
+								q.startedAt && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "text-xs text-text-tertiary",
+									children: "Started"
+								}), /* @__PURE__ */ g("p", {
+									className: "mt-0.5 text-sm font-medium text-text-primary",
+									children: a(q.startedAt)
+								})] }),
+								q.completedAt && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "text-xs text-text-tertiary",
+									children: "Completed"
+								}), /* @__PURE__ */ g("p", {
+									className: "mt-0.5 text-sm font-medium text-text-primary",
+									children: a(q.completedAt)
+								})] }),
+								q.perceivedExertion != null && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "text-xs text-text-tertiary",
+									children: "Perceived exertion"
+								}), /* @__PURE__ */ _("p", {
+									className: "mt-0.5 text-sm font-medium tabular-nums text-text-primary",
+									children: [q.perceivedExertion, "/10 RPE"]
+								})] }),
+								q.caloriesBurned > 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									className: "text-xs text-text-tertiary",
+									children: "Calories burned"
+								}), /* @__PURE__ */ g("p", {
+									className: "mt-0.5 text-sm font-medium tabular-nums text-text-primary",
+									children: s(q.caloriesBurned)
+								})] })
+							]
+						}),
+						q.notes && /* @__PURE__ */ _("div", {
+							className: "mt-5 rounded-xl bg-bg-sunken/60 p-4",
+							children: [/* @__PURE__ */ g("p", {
 								className: "text-xs text-text-tertiary",
-								children: "Perceived exertion"
+								children: "Notes"
 							}), /* @__PURE__ */ g("p", {
-								className: "mt-0.5 text-sm font-medium tabular-nums text-text-primary",
-								children: [G.perceivedExertion, "/10 RPE"]
-							})] }),
-							G.caloriesBurned > 0 && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
-								className: "text-xs text-text-tertiary",
-								children: "Calories burned"
-							}), /* @__PURE__ */ h("p", {
-								className: "mt-0.5 text-sm font-medium tabular-nums text-text-primary",
-								children: a(G.caloriesBurned)
-							})] })
-						]
-					}),
-					G.notes && /* @__PURE__ */ g("div", {
-						className: "mt-5 rounded-xl bg-bg-sunken/60 p-4",
-						children: [/* @__PURE__ */ h("p", {
-							className: "text-xs text-text-tertiary",
-							children: "Notes"
-						}), /* @__PURE__ */ h("p", {
-							className: "mt-1 whitespace-pre-wrap text-sm text-text-secondary",
-							children: G.notes
-						})]
-					})
-				]
+								className: "mt-1 whitespace-pre-wrap text-sm text-text-secondary",
+								children: q.notes
+							})]
+						})
+					]
+				})
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _(t.div, {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				variants: N ? void 0 : D,
+				initial: N ? !1 : "hidden",
+				animate: "show",
 				children: [
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(f, { className: "h-5 w-5" }),
-						value: o(K.length),
-						label: "Total sets"
+					/* @__PURE__ */ g(t.div, {
+						variants: N ? void 0 : O,
+						children: /* @__PURE__ */ g(i, {
+							icon: /* @__PURE__ */ g("span", {
+								className: "text-action-primary-bg",
+								children: /* @__PURE__ */ g(p, { className: "h-5 w-5" })
+							}),
+							value: c(J.length),
+							label: "Total sets"
+						})
 					}),
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(me, { className: "h-5 w-5" }),
-						value: `${o(xe)} kg`,
-						label: "Total volume"
+					/* @__PURE__ */ g(t.div, {
+						variants: N ? void 0 : O,
+						children: /* @__PURE__ */ g(i, {
+							icon: /* @__PURE__ */ g("span", {
+								className: "text-action-primary-bg",
+								children: /* @__PURE__ */ g(he, { className: "h-5 w-5" })
+							}),
+							value: `${c(Te)} kg`,
+							label: "Total volume"
+						})
 					}),
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(m, { className: "h-5 w-5" }),
-						value: X == null ? "—" : i(X),
-						label: "Duration"
+					/* @__PURE__ */ g(t.div, {
+						variants: N ? void 0 : O,
+						children: /* @__PURE__ */ g(i, {
+							icon: /* @__PURE__ */ g("span", {
+								className: "text-action-primary-bg",
+								children: /* @__PURE__ */ g(h, { className: "h-5 w-5" })
+							}),
+							value: Ee == null ? "—" : o(Ee),
+							label: "Duration"
+						})
 					}),
-					/* @__PURE__ */ h(n, {
-						icon: /* @__PURE__ */ h(de, { className: "h-5 w-5" }),
-						value: G.caloriesBurned > 0 ? a(G.caloriesBurned) : "—",
-						label: "Calories burned"
+					/* @__PURE__ */ g(t.div, {
+						variants: N ? void 0 : O,
+						children: /* @__PURE__ */ g(i, {
+							icon: /* @__PURE__ */ g("span", {
+								className: "text-action-primary-bg",
+								children: /* @__PURE__ */ g(fe, { className: "h-5 w-5" })
+							}),
+							value: q.caloriesBurned > 0 ? s(q.caloriesBurned) : "—",
+							label: "Calories burned"
+						})
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "mt-8",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ _("div", {
 					className: "mb-3 flex items-end justify-between gap-3",
-					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h2", {
+					children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h2", {
 						className: "text-base font-semibold text-text-primary",
 						children: "Logged sets"
-					}), /* @__PURE__ */ h("p", {
+					}), /* @__PURE__ */ g("p", {
 						className: "mt-0.5 text-sm text-text-secondary",
 						children: "Every set recorded during this session, grouped by exercise."
-					})] }), Z && /* @__PURE__ */ g(_, {
+					})] }), Q && /* @__PURE__ */ _(v, {
 						variant: "outline",
 						size: "sm",
 						onClick: $,
 						className: "shrink-0",
-						children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Log set"]
+						children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), " Log set"]
 					})]
-				}), q.length === 0 ? /* @__PURE__ */ h(ne, {
+				}), Y.length === 0 ? /* @__PURE__ */ g(re, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ h(f, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ g(p, { className: "h-10 w-10" }),
 					title: "No sets logged yet",
-					description: Z ? "Log your first set to start tracking this workout." : "No sets were recorded for this session.",
-					action: Z ? /* @__PURE__ */ g(_, {
+					description: Q ? "Log your first set to start tracking this workout." : "No sets were recorded for this session.",
+					action: Q ? /* @__PURE__ */ _(v, {
 						onClick: $,
-						children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Log set"]
+						children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), " Log set"]
 					}) : void 0
-				}) : /* @__PURE__ */ h("div", {
+				}) : /* @__PURE__ */ g(t.div, {
 					className: "space-y-4",
-					children: q.map((e) => /* @__PURE__ */ g(v, {
-						treatment: "plain",
-						className: "p-4",
-						children: [/* @__PURE__ */ g("div", {
-							className: "mb-3 flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ h("h3", {
-								className: "text-sm font-semibold text-text-primary",
-								children: e.name
-							}), /* @__PURE__ */ g("span", {
-								className: "text-xs tabular-nums text-text-tertiary",
-								children: [
-									o(e.sets.length),
-									" ",
-									e.sets.length === 1 ? "set" : "sets"
-								]
-							})]
-						}), /* @__PURE__ */ h("ul", {
-							className: "divide-y divide-border-seam",
-							children: e.sets.map((e) => {
-								let t = e.durationSec > 0 || e.distanceM > 0;
-								return /* @__PURE__ */ g("li", {
-									className: "flex flex-wrap items-center justify-between gap-2 py-2",
-									children: [/* @__PURE__ */ g("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ g("span", {
-											className: "text-sm font-medium text-text-primary tabular-nums",
-											children: [
-												"Set ",
-												e.setNumber,
-												": ",
-												o(e.reps),
-												" × ",
-												ee(e.weight)
-											]
-										}), e.isPersonalRecord && /* @__PURE__ */ h(c, { status: "PR" })]
-									}), /* @__PURE__ */ g("div", {
-										className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary",
-										children: [t && e.durationSec > 0 && /* @__PURE__ */ g("span", {
-											className: "inline-flex items-center gap-1 tabular-nums",
-											children: [/* @__PURE__ */ h(m, { className: "h-3.5 w-3.5 text-accent" }), i(e.durationSec)]
-										}), t && e.distanceM > 0 && /* @__PURE__ */ g("span", {
-											className: "inline-flex items-center gap-1 tabular-nums",
-											children: [
-												/* @__PURE__ */ h(pe, { className: "h-3.5 w-3.5 text-accent" }),
-												o(e.distanceM),
-												" m"
-											]
-										})]
+					variants: N ? void 0 : D,
+					initial: N ? !1 : "hidden",
+					animate: "show",
+					children: Y.map((e) => {
+						let n = e.sets.filter((e) => e.isPersonalRecord).length;
+						return /* @__PURE__ */ g(t.div, {
+							variants: N ? void 0 : O,
+							children: /* @__PURE__ */ _(ve, {
+								treatment: "plain",
+								className: "p-4 transition-shadow hover:shadow-float",
+								children: [/* @__PURE__ */ _("div", {
+									className: "mb-3 flex items-center justify-between gap-2",
+									children: [/* @__PURE__ */ _("div", {
+										className: "flex min-w-0 items-center gap-2.5",
+										children: [
+											/* @__PURE__ */ g(ie, { icon: /* @__PURE__ */ g(p, { className: "h-4 w-4" }) }),
+											/* @__PURE__ */ g("h3", {
+												className: "truncate text-sm font-semibold text-text-primary",
+												children: e.name
+											}),
+											n > 0 && /* @__PURE__ */ _("span", {
+												className: "inline-flex items-center rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[11px] font-semibold text-status-success-text shadow-[0_0_0_3px_color-mix(in_oklab,var(--color-status-success-text)_14%,transparent)]",
+												children: [
+													n,
+													" PR",
+													n === 1 ? "" : "s"
+												]
+											})
+										]
+									}), /* @__PURE__ */ _("span", {
+										className: "shrink-0 text-xs tabular-nums text-text-tertiary",
+										children: [
+											c(e.sets.length),
+											" ",
+											e.sets.length === 1 ? "set" : "sets"
+										]
 									})]
-								}, e.id);
+								}), /* @__PURE__ */ g("ul", {
+									className: "divide-y divide-border-seam",
+									children: e.sets.map((e) => {
+										let t = e.durationSec > 0 || e.distanceM > 0;
+										return /* @__PURE__ */ _("li", {
+											className: "flex flex-wrap items-center justify-between gap-2 rounded-lg px-2 py-2 transition-colors" + (e.isPersonalRecord ? " bg-[color-mix(in_oklab,var(--color-status-success-text)_9%,transparent)]" : " hover:bg-bg-sunken/40"),
+											children: [/* @__PURE__ */ _("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ _("span", {
+													className: "text-sm font-medium text-text-primary tabular-nums",
+													children: [
+														"Set ",
+														e.setNumber,
+														": ",
+														c(e.reps),
+														" ×",
+														" ",
+														ee(e.weight)
+													]
+												}), e.isPersonalRecord && /* @__PURE__ */ g("span", {
+													className: "inline-flex rounded-full shadow-[0_0_0_3px_color-mix(in_oklab,var(--color-status-success-text)_16%,transparent)]",
+													children: /* @__PURE__ */ g(u, { status: "PR" })
+												})]
+											}), /* @__PURE__ */ _("div", {
+												className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary",
+												children: [t && e.durationSec > 0 && /* @__PURE__ */ _("span", {
+													className: "inline-flex items-center gap-1 tabular-nums",
+													children: [/* @__PURE__ */ g(h, { className: "h-3.5 w-3.5 text-accent" }), o(e.durationSec)]
+												}), t && e.distanceM > 0 && /* @__PURE__ */ _("span", {
+													className: "inline-flex items-center gap-1 tabular-nums",
+													children: [
+														/* @__PURE__ */ g(me, { className: "h-3.5 w-3.5 text-accent" }),
+														c(e.distanceM),
+														" m"
+													]
+												})]
+											})]
+										}, e.id);
+									})
+								})]
 							})
-						})]
-					}, e.name))
+						}, e.name);
+					})
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "mt-8",
-				children: /* @__PURE__ */ h(se, {
+				children: /* @__PURE__ */ g(ce, {
 					entityType: "mybodyshield-session",
-					entityId: G.id,
+					entityId: q.id,
 					title: "Coach feedback",
 					description: "Discuss form, cues and this session's results with your coach and team."
 				})
 			}),
-			/* @__PURE__ */ h(x, {
-				open: ye,
-				onOpenChange: F,
-				children: /* @__PURE__ */ g(S, { children: [
-					/* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(E, { children: "Log a set" }), /* @__PURE__ */ h(C, { children: "Record reps and load for strength work, or duration and distance for cardio. The dialog stays open so you can log sets back-to-back." })] }),
-					/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ g(ye, {
+				open: Se,
+				onOpenChange: R,
+				children: /* @__PURE__ */ _(x, { children: [
+					/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(T, { children: "Log a set" }), /* @__PURE__ */ g(S, { children: "Record reps and load for strength work, or duration and distance for cardio. The dialog stays open so you can log sets back-to-back." })] }),
+					/* @__PURE__ */ _("div", {
 						className: "space-y-4 px-1",
 						children: [
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ h(b, {
+								children: [/* @__PURE__ */ g(b, {
 									htmlFor: "myb-set-exercise",
 									children: "Exercise"
-								}), /* @__PURE__ */ h(y, {
+								}), /* @__PURE__ */ g(y, {
 									id: "myb-set-exercise",
-									value: I.exerciseName,
-									onChange: (e) => L((t) => ({
+									value: z.exerciseName,
+									onChange: (e) => B((t) => ({
 										...t,
 										exerciseName: e.target.value
 									})),
 									placeholder: "e.g. Back Squat"
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid grid-cols-2 gap-3",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-number",
 											children: "Set number"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ g(y, {
 											id: "myb-set-number",
 											type: "number",
 											inputMode: "numeric",
 											min: 1,
-											value: I.setNumber,
-											onChange: (e) => L((t) => ({
+											value: z.setNumber,
+											onChange: (e) => B((t) => ({
 												...t,
 												setNumber: e.target.value
 											})),
 											placeholder: "1"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-reps",
 											children: "Reps"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ g(y, {
 											id: "myb-set-reps",
 											type: "number",
 											inputMode: "numeric",
 											min: 0,
-											value: I.reps,
-											onChange: (e) => L((t) => ({
+											value: z.reps,
+											onChange: (e) => B((t) => ({
 												...t,
 												reps: e.target.value
 											})),
 											placeholder: "8"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-weight",
 											children: "Weight (kg)"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ g(y, {
 											id: "myb-set-weight",
 											type: "number",
 											inputMode: "decimal",
 											min: 0,
 											step: "0.5",
-											value: I.weight,
-											onChange: (e) => L((t) => ({
+											value: z.weight,
+											onChange: (e) => B((t) => ({
 												...t,
 												weight: e.target.value
 											})),
 											placeholder: "60"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-distance",
 											children: "Distance (m)"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ g(y, {
 											id: "myb-set-distance",
 											type: "number",
 											inputMode: "numeric",
 											min: 0,
-											value: I.distanceM,
-											onChange: (e) => L((t) => ({
+											value: z.distanceM,
+											onChange: (e) => B((t) => ({
 												...t,
 												distanceM: e.target.value
 											})),
 											placeholder: "Optional"
 										})]
 									}),
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ h(b, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-duration",
 											children: "Duration (sec)"
-										}), /* @__PURE__ */ h(y, {
+										}), /* @__PURE__ */ g(y, {
 											id: "myb-set-duration",
 											type: "number",
 											inputMode: "numeric",
 											min: 0,
-											value: I.durationSec,
-											onChange: (e) => L((t) => ({
+											value: z.durationSec,
+											onChange: (e) => B((t) => ({
 												...t,
 												durationSec: e.target.value
 											})),
@@ -402,120 +495,120 @@ function A() {
 									})
 								]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-between gap-3 rounded-xl bg-bg-sunken/60 p-3",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ h(fe, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ g(pe, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-set-pr",
 										className: "cursor-pointer",
 										children: "Personal record"
-									}), /* @__PURE__ */ h("p", {
+									}), /* @__PURE__ */ g("p", {
 										className: "text-xs text-text-tertiary",
 										children: "Flag this set as a new PR."
 									})] })]
-								}), /* @__PURE__ */ h(_e, {
+								}), /* @__PURE__ */ g(be, {
 									id: "myb-set-pr",
-									checked: I.isPersonalRecord,
-									onCheckedChange: (e) => L((t) => ({
+									checked: z.isPersonalRecord,
+									onCheckedChange: (e) => B((t) => ({
 										...t,
 										isPersonalRecord: e
 									}))
 								})]
 							}),
-							R && /* @__PURE__ */ h("p", {
+							V && /* @__PURE__ */ g("p", {
 								className: "text-sm text-status-error-text",
-								children: R
+								children: V
 							})
 						]
 					}),
-					/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(_, {
+					/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(v, {
 						variant: "outline",
-						onClick: () => F(!1),
+						onClick: () => R(!1),
 						children: "Done"
-					}), /* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ g(v, {
 						onClick: async () => {
-							z(null);
-							let e = I.exerciseName.trim();
+							H(null);
+							let e = z.exerciseName.trim();
 							if (!e) {
-								z("Exercise name is required.");
+								H("Exercise name is required.");
 								return;
 							}
 							try {
-								let t = await N.mutateAsync({
-									sessionId: j,
+								let t = await I.mutateAsync({
+									sessionId: P,
 									exerciseName: e,
-									setNumber: D(I.setNumber),
-									reps: D(I.reps),
-									weight: D(I.weight),
-									distanceM: D(I.distanceM),
-									durationSec: D(I.durationSec),
-									isPersonalRecord: I.isPersonalRecord
+									setNumber: k(z.setNumber),
+									reps: k(z.reps),
+									weight: k(z.weight),
+									distanceM: k(z.distanceM),
+									durationSec: k(z.durationSec),
+									isPersonalRecord: z.isPersonalRecord
 								});
-								L({
-									...O,
+								B({
+									...A,
 									exerciseName: e,
 									setNumber: String(t.setNumber + 1)
 								});
 							} catch (e) {
-								z(e instanceof Error ? e.message : "Failed to log the set.");
+								H(e instanceof Error ? e.message : "Failed to log the set.");
 							}
 						},
-						disabled: N.isPending,
-						children: N.isPending ? "Logging…" : "Log set"
+						disabled: I.isPending,
+						children: I.isPending ? "Logging…" : "Log set"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ h(x, {
-				open: be,
-				onOpenChange: B,
-				children: /* @__PURE__ */ g(S, { children: [
-					/* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(E, { children: "Complete session" }), /* @__PURE__ */ h(C, { children: "Wrap up this workout and record how it went." })] }),
-					/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ g(ye, {
+				open: Ce,
+				onOpenChange: U,
+				children: /* @__PURE__ */ _(x, { children: [
+					/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(T, { children: "Complete session" }), /* @__PURE__ */ g(S, { children: "Wrap up this workout and record how it went." })] }),
+					/* @__PURE__ */ _("div", {
 						className: "space-y-4 px-1",
 						children: [
-							K.length === 0 && /* @__PURE__ */ g("div", {
+							J.length === 0 && /* @__PURE__ */ _("div", {
 								className: "flex items-start gap-2.5 rounded-xl border border-status-warning-text/40 bg-status-warning-bg-subtle p-3",
-								children: [/* @__PURE__ */ h(ce, { className: "mt-0.5 h-4 w-4 shrink-0 text-status-warning-text" }), /* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ g(le, { className: "mt-0.5 h-4 w-4 shrink-0 text-status-warning-text" }), /* @__PURE__ */ _("p", {
 									className: "text-sm text-text-secondary",
-									children: [/* @__PURE__ */ h("span", {
+									children: [/* @__PURE__ */ g("span", {
 										className: "font-medium text-text-primary",
 										children: "No sets logged."
 									}), " You can still complete this session, but nothing was recorded for it."]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid grid-cols-2 gap-3",
-								children: [/* @__PURE__ */ g("div", {
+								children: [/* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-complete-calories",
 										children: "Calories burned"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ g(y, {
 										id: "myb-complete-calories",
 										type: "number",
 										inputMode: "numeric",
 										min: 0,
-										value: V.caloriesBurned,
-										onChange: (e) => H((t) => ({
+										value: W.caloriesBurned,
+										onChange: (e) => G((t) => ({
 											...t,
 											caloriesBurned: e.target.value
 										})),
 										placeholder: "Optional"
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ h(b, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-complete-rpe",
 										children: "Perceived exertion (1–10)"
-									}), /* @__PURE__ */ h(y, {
+									}), /* @__PURE__ */ g(y, {
 										id: "myb-complete-rpe",
 										type: "number",
 										inputMode: "numeric",
 										min: 1,
 										max: 10,
-										value: V.perceivedExertion,
-										onChange: (e) => H((t) => ({
+										value: W.perceivedExertion,
+										onChange: (e) => G((t) => ({
 											...t,
 											perceivedExertion: e.target.value
 										})),
@@ -523,50 +616,50 @@ function A() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ _("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ h(b, {
+								children: [/* @__PURE__ */ g(b, {
 									htmlFor: "myb-complete-notes",
 									children: "Notes"
-								}), /* @__PURE__ */ h(ve, {
+								}), /* @__PURE__ */ g(xe, {
 									id: "myb-complete-notes",
 									rows: 3,
-									value: V.notes,
-									onChange: (e) => H((t) => ({
+									value: W.notes,
+									onChange: (e) => G((t) => ({
 										...t,
 										notes: e.target.value
 									})),
 									placeholder: "How did the session feel?"
 								})]
 							}),
-							U && /* @__PURE__ */ h("p", {
+							we && /* @__PURE__ */ g("p", {
 								className: "text-sm text-status-error-text",
-								children: U
+								children: we
 							})
 						]
 					}),
-					/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(_, {
+					/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(v, {
 						variant: "outline",
-						onClick: () => B(!1),
+						onClick: () => U(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ h(_, {
+					}), /* @__PURE__ */ g(v, {
 						onClick: async () => {
-							W(null);
+							K(null);
 							try {
-								await P.mutateAsync({
-									id: j,
+								await L.mutateAsync({
+									id: P,
 									input: {
-										caloriesBurned: D(V.caloriesBurned),
-										perceivedExertion: D(V.perceivedExertion),
-										notes: V.notes.trim() ? V.notes.trim() : void 0
+										caloriesBurned: k(W.caloriesBurned),
+										perceivedExertion: k(W.perceivedExertion),
+										notes: W.notes.trim() ? W.notes.trim() : void 0
 									}
-								}), B(!1);
+								}), U(!1);
 							} catch (e) {
-								W(e instanceof Error ? e.message : "Failed to complete the session.");
+								K(e instanceof Error ? e.message : "Failed to complete the session.");
 							}
 						},
-						disabled: P.isPending,
-						children: P.isPending ? "Completing…" : "Complete session"
+						disabled: L.isPending,
+						children: L.isPending ? "Completing…" : "Complete session"
 					})] })
 				] })
 			})
@@ -574,6 +667,6 @@ function A() {
 	});
 }
 //#endregion
-export { A as SessionDetailPage };
+export { M as SessionDetailPage };
 
 //# sourceMappingURL=SessionDetailPage.js.map