@burdenoff/microfe-mybodyshield 2026.705.1 → 2026.706.1

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

@@ -1,28 +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 ce } from "../../components/MybDiscussion.js";
 import "../../components/index.js";
-import { useMemo as u, useState as d } from "react";
-import { ArrowLeft as se, CheckCircle2 as ce, Dumbbell as f, Flame as p, Gauge as le, Plus as m, Ruler as ue, Timer as h, Weight as de } from "lucide-react";
-import { useParams as fe } from "react-router-dom";
-import { Fragment as pe, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, GlassCard as y, Input as b, Label as x, ResponsiveDialog as S, ResponsiveDialogContent as me, ResponsiveDialogDescription as C, ResponsiveDialogFooter as w, ResponsiveDialogHeader as T, ResponsiveDialogTitle as E, Switch as he, Textarea as ge } 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: "",
@@ -30,15 +55,15 @@ var O = {
 	distanceM: "",
 	durationSec: "",
 	isPersonalRecord: !1
-}, k = {
+}, j = {
 	caloriesBurned: "",
 	perceivedExertion: "",
 	notes: ""
 };
-function A() {
-	let { navigateTo: A } = e(), { id: j } = fe(), M = oe(j), N = ae(), P = ie(), [_e, F] = d(!1), [I, L] = d(O), [R, z] = d(null), [ve, 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);
 		}
@@ -46,147 +71,189 @@ function A() {
 			name: e,
 			sets: t.slice().sort((e, t) => e.setNumber - t.setNumber)
 		}));
-	}, [K]), ye = 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__ */ g(t, {
+	}, [X, Z]);
+	if (!P) return /* @__PURE__ */ g(r, {
 		title: "Workout session",
-		children: /* @__PURE__ */ g(l, {
+		children: /* @__PURE__ */ g(te, {
 			message: "No session was specified.",
-			onRetry: () => A("train")
+			onRetry: () => M("train")
 		})
 	});
-	if (M.isLoading) return /* @__PURE__ */ g(t, {
+	if (F.isLoading) return /* @__PURE__ */ g(r, {
 		title: "Workout session",
-		children: /* @__PURE__ */ g(te, { label: "Loading session…" })
+		children: /* @__PURE__ */ g(ne, { label: "Loading session…" })
 	});
-	if (M.isError || !G) return /* @__PURE__ */ g(t, {
+	if (F.isError || !q) return /* @__PURE__ */ g(r, {
 		title: "Workout session",
-		children: /* @__PURE__ */ g(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__ */ _(t, {
+	return /* @__PURE__ */ _(r, {
 		title: "Workout session",
-		description: Q,
-		actions: Z ? /* @__PURE__ */ _(pe, { children: [/* @__PURE__ */ _(v, {
+		description: De,
+		actions: Q ? /* @__PURE__ */ _(_e, { children: [/* @__PURE__ */ _(v, {
 			variant: "outline",
 			onClick: $,
 			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__ */ g(ce, { className: "h-4 w-4" }), " Complete"]
+			children: [/* @__PURE__ */ g(de, { className: "h-4 w-4" }), " Complete"]
 		})] }) : void 0,
 		children: [
 			/* @__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__ */ g(se, { className: "h-4 w-4" }), " Back to sessions"]
+				children: [/* @__PURE__ */ g(ue, { className: "h-4 w-4" }), " Back to sessions"]
 			}),
-			/* @__PURE__ */ _(y, {
-				treatment: "glass",
-				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(re, {
-								icon: g(Z ? p : f, { className: "h-5 w-5" }),
-								tint: Z ? "var(--color-accent-teal)" : "var(--color-accent-primary)"
-							}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
-								className: "flex items-center gap-2",
-								children: /* @__PURE__ */ g(c, { status: G.status })
-							}), /* @__PURE__ */ g("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								children: Q
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ _("div", {
-						className: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-						children: [
-							G.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: r(G.scheduledFor)
-							})] }),
-							G.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: r(G.startedAt)
-							})] }),
-							G.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: r(G.completedAt)
-							})] }),
-							G.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: [G.perceivedExertion, "/10 RPE"]
-							})] }),
-							G.caloriesBurned > 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("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: "Calories burned"
+								children: "Notes"
 							}), /* @__PURE__ */ g("p", {
-								className: "mt-0.5 text-sm font-medium tabular-nums text-text-primary",
-								children: a(G.caloriesBurned)
-							})] })
-						]
-					}),
-					G.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: "Notes"
-						}), /* @__PURE__ */ g("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__ */ _("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__ */ g(n, {
-						icon: /* @__PURE__ */ g(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__ */ g(n, {
-						icon: /* @__PURE__ */ g(de, { className: "h-5 w-5" }),
-						value: `${o(ye)} 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__ */ g(n, {
-						icon: /* @__PURE__ */ g(h, { 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__ */ g(n, {
-						icon: /* @__PURE__ */ g(p, { 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"
+						})
 					})
 				]
 			}),
@@ -200,96 +267,132 @@ function A() {
 					}), /* @__PURE__ */ g("p", {
 						className: "mt-0.5 text-sm text-text-secondary",
 						children: "Every set recorded during this session, grouped by exercise."
-					})] }), Z && /* @__PURE__ */ _(v, {
+					})] }), Q && /* @__PURE__ */ _(v, {
 						variant: "outline",
 						size: "sm",
 						onClick: $,
 						className: "shrink-0",
 						children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), " Log set"]
 					})]
-				}), q.length === 0 ? /* @__PURE__ */ g(ne, {
+				}), Y.length === 0 ? /* @__PURE__ */ g(re, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ g(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__ */ _(v, {
+					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__ */ g(m, { className: "h-4 w-4" }), " Log set"]
 					}) : void 0
-				}) : /* @__PURE__ */ g("div", {
+				}) : /* @__PURE__ */ g(t.div, {
 					className: "space-y-4",
-					children: q.map((e) => /* @__PURE__ */ _(y, {
-						treatment: "plain",
-						className: "p-4",
-						children: [/* @__PURE__ */ _("div", {
-							className: "mb-3 flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ g("h3", {
-								className: "text-sm font-semibold text-text-primary",
-								children: e.name
-							}), /* @__PURE__ */ _("span", {
-								className: "text-xs tabular-nums text-text-tertiary",
-								children: [
-									o(e.sets.length),
-									" ",
-									e.sets.length === 1 ? "set" : "sets"
-								]
-							})]
-						}), /* @__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 py-2",
+					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 items-center gap-2",
-										children: [/* @__PURE__ */ _("span", {
-											className: "text-sm font-medium text-text-primary tabular-nums",
-											children: [
-												"Set ",
-												e.setNumber,
-												": ",
-												o(e.reps),
-												" × ",
-												ee(e.weight)
-											]
-										}), e.isPersonalRecord && /* @__PURE__ */ g(c, { 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" }), i(e.durationSec)]
-										}), t && e.distanceM > 0 && /* @__PURE__ */ _("span", {
-											className: "inline-flex items-center gap-1 tabular-nums",
-											children: [
-												/* @__PURE__ */ g(ue, { className: "h-3.5 w-3.5 text-accent" }),
-												o(e.distanceM),
-												" m"
-											]
-										})]
+										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__ */ g(S, {
-				open: _e,
-				onOpenChange: F,
-				children: /* @__PURE__ */ _(me, { children: [
-					/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(E, { children: "Log a set" }), /* @__PURE__ */ g(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", {
+				className: "mt-8",
+				children: /* @__PURE__ */ g(ce, {
+					entityType: "mybodyshield-session",
+					entityId: q.id,
+					title: "Coach feedback",
+					description: "Discuss form, cues and this session's results with your coach and team."
+				})
+			}),
+			/* @__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__ */ _("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ g(b, {
 									htmlFor: "myb-set-exercise",
 									children: "Exercise"
-								}), /* @__PURE__ */ g(b, {
+								}), /* @__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
 									})),
@@ -301,16 +404,16 @@ function A() {
 								children: [
 									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-number",
 											children: "Set number"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__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
 											})),
@@ -319,16 +422,16 @@ function A() {
 									}),
 									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-reps",
 											children: "Reps"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__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
 											})),
@@ -337,17 +440,17 @@ function A() {
 									}),
 									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-weight",
 											children: "Weight (kg)"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__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
 											})),
@@ -356,16 +459,16 @@ function A() {
 									}),
 									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-distance",
 											children: "Distance (m)"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__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
 											})),
@@ -374,16 +477,16 @@ function A() {
 									}),
 									/* @__PURE__ */ _("div", {
 										className: "space-y-1.5",
-										children: [/* @__PURE__ */ g(x, {
+										children: [/* @__PURE__ */ g(b, {
 											htmlFor: "myb-set-duration",
 											children: "Duration (sec)"
-										}), /* @__PURE__ */ g(b, {
+										}), /* @__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
 											})),
@@ -396,7 +499,7 @@ function A() {
 								className: "flex items-center justify-between gap-3 rounded-xl bg-bg-sunken/60 p-3",
 								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g(le, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(x, {
+									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"
@@ -404,80 +507,90 @@ function A() {
 										className: "text-xs text-text-tertiary",
 										children: "Flag this set as a new PR."
 									})] })]
-								}), /* @__PURE__ */ g(he, {
+								}), /* @__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__ */ g("p", {
+							V && /* @__PURE__ */ g("p", {
 								className: "text-sm text-status-error-text",
-								children: R
+								children: V
 							})
 						]
 					}),
-					/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(v, {
+					/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(v, {
 						variant: "outline",
-						onClick: () => F(!1),
+						onClick: () => R(!1),
 						children: "Done"
 					}), /* @__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__ */ g(S, {
-				open: ve,
-				onOpenChange: B,
-				children: /* @__PURE__ */ _(me, { children: [
-					/* @__PURE__ */ _(T, { children: [/* @__PURE__ */ g(E, { children: "Complete session" }), /* @__PURE__ */ g(C, { children: "Wrap up this workout and record how it went." })] }),
+			/* @__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: [
+							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__ */ 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__ */ 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__ */ _("div", {
 								className: "grid grid-cols-2 gap-3",
 								children: [/* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-complete-calories",
 										children: "Calories burned"
-									}), /* @__PURE__ */ g(b, {
+									}), /* @__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
 										})),
@@ -485,17 +598,17 @@ function A() {
 									})]
 								}), /* @__PURE__ */ _("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "myb-complete-rpe",
 										children: "Perceived exertion (1–10)"
-									}), /* @__PURE__ */ g(b, {
+									}), /* @__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
 										})),
@@ -505,48 +618,48 @@ function A() {
 							}),
 							/* @__PURE__ */ _("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ g(b, {
 									htmlFor: "myb-complete-notes",
 									children: "Notes"
-								}), /* @__PURE__ */ g(ge, {
+								}), /* @__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__ */ g("p", {
+							we && /* @__PURE__ */ g("p", {
 								className: "text-sm text-status-error-text",
-								children: U
+								children: we
 							})
 						]
 					}),
-					/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(v, {
+					/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(v, {
 						variant: "outline",
-						onClick: () => B(!1),
+						onClick: () => U(!1),
 						children: "Cancel"
 					}), /* @__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"
 					})] })
 				] })
 			})
@@ -554,6 +667,6 @@ function A() {
 	});
 }
 //#endregion
-export { A as SessionDetailPage };
+export { M as SessionDetailPage };
 
 //# sourceMappingURL=SessionDetailPage.js.map