@burdenoff/microfe-mybodyshield 2026.512.1 → 2026.705.1

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

@@ -0,0 +1,559 @@
+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 "../../context/index.js";
+import { useMybCompleteSession as ie, useMybLogSet as ae, useMybSession as oe } from "../../hooks/useMyBodyShieldApi.js";
+import "../../hooks/index.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";
+//#region src/mybodyshield/pages/train/SessionDetailPage.tsx
+function D(e) {
+	let t = e.trim();
+	if (!t) return;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : void 0;
+}
+var O = {
+	exerciseName: "",
+	setNumber: "",
+	reps: "",
+	weight: "",
+	distanceM: "",
+	durationSec: "",
+	isPersonalRecord: !1
+}, k = {
+	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(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of K) {
+			let n = e.get(t.exerciseName) ?? [];
+			n.push(t), e.set(t.exerciseName, n);
+		}
+		return Array.from(e.entries()).map(([e, t]) => ({
+			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();
+		if (!(!Number.isFinite(e) || !Number.isFinite(t) || t < e)) return (t - e) / 1e3;
+	}, [J, Y]);
+	if (!j) return /* @__PURE__ */ g(t, {
+		title: "Workout session",
+		children: /* @__PURE__ */ g(l, {
+			message: "No session was specified.",
+			onRetry: () => A("train")
+		})
+	});
+	if (M.isLoading) return /* @__PURE__ */ g(t, {
+		title: "Workout session",
+		children: /* @__PURE__ */ g(te, { label: "Loading session…" })
+	});
+	if (M.isError || !G) return /* @__PURE__ */ g(t, {
+		title: "Workout session",
+		children: /* @__PURE__ */ g(l, {
+			title: "Session not found",
+			message: "This workout session may have been removed, or you don't have access to it.",
+			onRetry: () => M.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);
+	};
+	return /* @__PURE__ */ _(t, {
+		title: "Workout session",
+		description: Q,
+		actions: Z ? /* @__PURE__ */ _(pe, { 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);
+			},
+			children: [/* @__PURE__ */ g(ce, { className: "h-4 w-4" }), " Complete"]
+		})] }) : void 0,
+		children: [
+			/* @__PURE__ */ _("button", {
+				type: "button",
+				onClick: () => A("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"]
+			}),
+			/* @__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", {
+								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: 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
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ g(n, {
+						icon: /* @__PURE__ */ g(f, { className: "h-5 w-5" }),
+						value: o(K.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(n, {
+						icon: /* @__PURE__ */ g(h, { className: "h-5 w-5" }),
+						value: X == null ? "—" : i(X),
+						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__ */ _("div", {
+				className: "mt-8",
+				children: [/* @__PURE__ */ _("div", {
+					className: "mb-3 flex items-end justify-between gap-3",
+					children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Logged sets"
+					}), /* @__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, {
+						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, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ g(f, { 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, {
+						onClick: $,
+						children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), " Log set"]
+					}) : void 0
+				}) : /* @__PURE__ */ g("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",
+									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"
+											]
+										})]
+									})]
+								}, e.id);
+							})
+						})]
+					}, 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__ */ _("div", {
+						className: "space-y-4 px-1",
+						children: [
+							/* @__PURE__ */ _("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ g(x, {
+									htmlFor: "myb-set-exercise",
+									children: "Exercise"
+								}), /* @__PURE__ */ g(b, {
+									id: "myb-set-exercise",
+									value: I.exerciseName,
+									onChange: (e) => L((t) => ({
+										...t,
+										exerciseName: e.target.value
+									})),
+									placeholder: "e.g. Back Squat"
+								})]
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [
+									/* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(x, {
+											htmlFor: "myb-set-number",
+											children: "Set number"
+										}), /* @__PURE__ */ g(b, {
+											id: "myb-set-number",
+											type: "number",
+											inputMode: "numeric",
+											min: 1,
+											value: I.setNumber,
+											onChange: (e) => L((t) => ({
+												...t,
+												setNumber: e.target.value
+											})),
+											placeholder: "1"
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(x, {
+											htmlFor: "myb-set-reps",
+											children: "Reps"
+										}), /* @__PURE__ */ g(b, {
+											id: "myb-set-reps",
+											type: "number",
+											inputMode: "numeric",
+											min: 0,
+											value: I.reps,
+											onChange: (e) => L((t) => ({
+												...t,
+												reps: e.target.value
+											})),
+											placeholder: "8"
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(x, {
+											htmlFor: "myb-set-weight",
+											children: "Weight (kg)"
+										}), /* @__PURE__ */ g(b, {
+											id: "myb-set-weight",
+											type: "number",
+											inputMode: "decimal",
+											min: 0,
+											step: "0.5",
+											value: I.weight,
+											onChange: (e) => L((t) => ({
+												...t,
+												weight: e.target.value
+											})),
+											placeholder: "60"
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(x, {
+											htmlFor: "myb-set-distance",
+											children: "Distance (m)"
+										}), /* @__PURE__ */ g(b, {
+											id: "myb-set-distance",
+											type: "number",
+											inputMode: "numeric",
+											min: 0,
+											value: I.distanceM,
+											onChange: (e) => L((t) => ({
+												...t,
+												distanceM: e.target.value
+											})),
+											placeholder: "Optional"
+										})]
+									}),
+									/* @__PURE__ */ _("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ g(x, {
+											htmlFor: "myb-set-duration",
+											children: "Duration (sec)"
+										}), /* @__PURE__ */ g(b, {
+											id: "myb-set-duration",
+											type: "number",
+											inputMode: "numeric",
+											min: 0,
+											value: I.durationSec,
+											onChange: (e) => L((t) => ({
+												...t,
+												durationSec: e.target.value
+											})),
+											placeholder: "Optional"
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ _("div", {
+								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, {
+										htmlFor: "myb-set-pr",
+										className: "cursor-pointer",
+										children: "Personal record"
+									}), /* @__PURE__ */ g("p", {
+										className: "text-xs text-text-tertiary",
+										children: "Flag this set as a new PR."
+									})] })]
+								}), /* @__PURE__ */ g(he, {
+									id: "myb-set-pr",
+									checked: I.isPersonalRecord,
+									onCheckedChange: (e) => L((t) => ({
+										...t,
+										isPersonalRecord: e
+									}))
+								})]
+							}),
+							R && /* @__PURE__ */ g("p", {
+								className: "text-sm text-status-error-text",
+								children: R
+							})
+						]
+					}),
+					/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(v, {
+						variant: "outline",
+						onClick: () => F(!1),
+						children: "Done"
+					}), /* @__PURE__ */ g(v, {
+						onClick: async () => {
+							z(null);
+							let e = I.exerciseName.trim();
+							if (!e) {
+								z("Exercise name is required.");
+								return;
+							}
+							try {
+								let t = await N.mutateAsync({
+									sessionId: j,
+									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
+								});
+								L({
+									...O,
+									exerciseName: e,
+									setNumber: String(t.setNumber + 1)
+								});
+							} catch (e) {
+								z(e instanceof Error ? e.message : "Failed to log the set.");
+							}
+						},
+						disabled: N.isPending,
+						children: N.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__ */ _("div", {
+						className: "space-y-4 px-1",
+						children: [
+							/* @__PURE__ */ _("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [/* @__PURE__ */ _("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ g(x, {
+										htmlFor: "myb-complete-calories",
+										children: "Calories burned"
+									}), /* @__PURE__ */ g(b, {
+										id: "myb-complete-calories",
+										type: "number",
+										inputMode: "numeric",
+										min: 0,
+										value: V.caloriesBurned,
+										onChange: (e) => H((t) => ({
+											...t,
+											caloriesBurned: e.target.value
+										})),
+										placeholder: "Optional"
+									})]
+								}), /* @__PURE__ */ _("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ g(x, {
+										htmlFor: "myb-complete-rpe",
+										children: "Perceived exertion (1–10)"
+									}), /* @__PURE__ */ g(b, {
+										id: "myb-complete-rpe",
+										type: "number",
+										inputMode: "numeric",
+										min: 1,
+										max: 10,
+										value: V.perceivedExertion,
+										onChange: (e) => H((t) => ({
+											...t,
+											perceivedExertion: e.target.value
+										})),
+										placeholder: "Optional"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ g(x, {
+									htmlFor: "myb-complete-notes",
+									children: "Notes"
+								}), /* @__PURE__ */ g(ge, {
+									id: "myb-complete-notes",
+									rows: 3,
+									value: V.notes,
+									onChange: (e) => H((t) => ({
+										...t,
+										notes: e.target.value
+									})),
+									placeholder: "How did the session feel?"
+								})]
+							}),
+							U && /* @__PURE__ */ g("p", {
+								className: "text-sm text-status-error-text",
+								children: U
+							})
+						]
+					}),
+					/* @__PURE__ */ _(w, { children: [/* @__PURE__ */ g(v, {
+						variant: "outline",
+						onClick: () => B(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ g(v, {
+						onClick: async () => {
+							W(null);
+							try {
+								await P.mutateAsync({
+									id: j,
+									input: {
+										caloriesBurned: D(V.caloriesBurned),
+										perceivedExertion: D(V.perceivedExertion),
+										notes: V.notes.trim() ? V.notes.trim() : void 0
+									}
+								}), B(!1);
+							} catch (e) {
+								W(e instanceof Error ? e.message : "Failed to complete the session.");
+							}
+						},
+						disabled: P.isPending,
+						children: P.isPending ? "Completing…" : "Complete session"
+					})] })
+				] })
+			})
+		]
+	});
+}
+//#endregion
+export { A as SessionDetailPage };
+
+//# sourceMappingURL=SessionDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDetailPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/train/SessionDetailPage.tsx"],"sourcesContent":["/**\n * Train — workout session detail & live logging.\n * @module mybodyshield/pages/train\n *\n * Renders a single workout session (real `mybSession`, including its `sets`).\n * While a session is IN_PROGRESS you can log sets and complete it; completed /\n * scheduled sessions render read-only. Sets are grouped by exercise. No mock\n * data — everything comes from the myb* hooks.\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Plus,\n  CheckCircle2,\n  Dumbbell,\n  Weight,\n  Timer,\n  Flame,\n  Ruler,\n  Gauge,\n} from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Label,\n  Input,\n  Textarea,\n  Switch,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  MetricsCard,\n  StatusBadge,\n  EmptyState,\n  LoadingView,\n  ErrorView,\n} from '../../components';\nimport { IconChip } from '../_shared/visuals';\nimport { useMyBodyShield } from '../../context';\nimport { useMybSession, useMybLogSet, useMybCompleteSession } from '../../hooks';\nimport {\n  formatDateTime,\n  formatRelativeTime,\n  formatNumber,\n  formatWeight,\n  formatKcal,\n  formatDuration,\n} from '../../utils/formatters';\nimport type { MybSessionSet } from '../../types';\n\n/** Parse an optional numeric string into a number, or undefined when blank. */\nfunction numOrUndef(value: string): number | undefined {\n  const trimmed = value.trim();\n  if (!trimmed) return undefined;\n  const n = Number(trimmed);\n  return Number.isFinite(n) ? n : undefined;\n}\n\ninterface LogSetForm {\n  exerciseName: string;\n  setNumber: string;\n  reps: string;\n  weight: string;\n  distanceM: string;\n  durationSec: string;\n  isPersonalRecord: boolean;\n}\n\nconst EMPTY_LOG_FORM: LogSetForm = {\n  exerciseName: '',\n  setNumber: '',\n  reps: '',\n  weight: '',\n  distanceM: '',\n  durationSec: '',\n  isPersonalRecord: false,\n};\n\ninterface CompleteForm {\n  caloriesBurned: string;\n  perceivedExertion: string;\n  notes: string;\n}\n\nconst EMPTY_COMPLETE_FORM: CompleteForm = { caloriesBurned: '', perceivedExertion: '', notes: '' };\n\nexport function SessionDetailPage() {\n  const { navigateTo } = useMyBodyShield();\n  const { id } = useParams<{ id: string }>();\n\n  const session = useMybSession(id);\n  const logSet = useMybLogSet();\n  const completeSession = useMybCompleteSession();\n\n  const [logOpen, setLogOpen] = useState(false);\n  const [logForm, setLogForm] = useState<LogSetForm>(EMPTY_LOG_FORM);\n  const [logError, setLogError] = useState<string | null>(null);\n\n  const [completeOpen, setCompleteOpen] = useState(false);\n  const [completeForm, setCompleteForm] = useState<CompleteForm>(EMPTY_COMPLETE_FORM);\n  const [completeError, setCompleteError] = useState<string | null>(null);\n\n  const data = session.data;\n  const sets = useMemo<MybSessionSet[]>(() => data?.sets ?? [], [data?.sets]);\n\n  const groups = useMemo(() => {\n    const map = new Map<string, MybSessionSet[]>();\n    for (const st of sets) {\n      const arr = map.get(st.exerciseName) ?? [];\n      arr.push(st);\n      map.set(st.exerciseName, arr);\n    }\n    return Array.from(map.entries()).map(([name, list]) => ({\n      name,\n      sets: list.slice().sort((a, b) => a.setNumber - b.setNumber),\n    }));\n  }, [sets]);\n\n  const totalVolume = useMemo(() => sets.reduce((acc, st) => acc + st.reps * st.weight, 0), [sets]);\n\n  const startedAt = data?.startedAt;\n  const completedAt = data?.completedAt;\n  const durationSec = useMemo(() => {\n    if (!startedAt || !completedAt) return undefined;\n    const start = new Date(startedAt).getTime();\n    const end = new Date(completedAt).getTime();\n    if (!Number.isFinite(start) || !Number.isFinite(end) || end < start) return undefined;\n    return (end - start) / 1000;\n  }, [startedAt, completedAt]);\n\n  if (!id) {\n    return (\n      <PageLayout title=\"Workout session\">\n        <ErrorView message=\"No session was specified.\" onRetry={() => navigateTo('train')} />\n      </PageLayout>\n    );\n  }\n\n  if (session.isLoading) {\n    return (\n      <PageLayout title=\"Workout session\">\n        <LoadingView label=\"Loading session…\" />\n      </PageLayout>\n    );\n  }\n\n  if (session.isError || !data) {\n    return (\n      <PageLayout title=\"Workout session\">\n        <ErrorView\n          title=\"Session not found\"\n          message=\"This workout session may have been removed, or you don't have access to it.\"\n          onRetry={() => session.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const isLive = data.status === 'IN_PROGRESS';\n\n  const summary = data.completedAt\n    ? `Completed ${formatRelativeTime(data.completedAt)}`\n    : data.startedAt\n      ? `Started ${formatRelativeTime(data.startedAt)}`\n      : data.scheduledFor\n        ? `Scheduled ${formatRelativeTime(data.scheduledFor)}`\n        : `Created ${formatRelativeTime(data.createdAt)}`;\n\n  const openLog = () => {\n    setLogForm(EMPTY_LOG_FORM);\n    setLogError(null);\n    setLogOpen(true);\n  };\n\n  const submitLog = async () => {\n    setLogError(null);\n    const exerciseName = logForm.exerciseName.trim();\n    if (!exerciseName) {\n      setLogError('Exercise name is required.');\n      return;\n    }\n    try {\n      const created = await logSet.mutateAsync({\n        sessionId: id,\n        exerciseName,\n        setNumber: numOrUndef(logForm.setNumber),\n        reps: numOrUndef(logForm.reps),\n        weight: numOrUndef(logForm.weight),\n        distanceM: numOrUndef(logForm.distanceM),\n        durationSec: numOrUndef(logForm.durationSec),\n        isPersonalRecord: logForm.isPersonalRecord,\n      });\n      // Keep the dialog open for rapid multi-set entry: preserve the exercise and\n      // pre-fill the next set number, clearing the per-set measurements.\n      setLogForm({\n        ...EMPTY_LOG_FORM,\n        exerciseName,\n        setNumber: String(created.setNumber + 1),\n      });\n    } catch (e) {\n      setLogError(e instanceof Error ? e.message : 'Failed to log the set.');\n    }\n  };\n\n  const openComplete = () => {\n    setCompleteForm(EMPTY_COMPLETE_FORM);\n    setCompleteError(null);\n    setCompleteOpen(true);\n  };\n\n  const submitComplete = async () => {\n    setCompleteError(null);\n    try {\n      await completeSession.mutateAsync({\n        id,\n        input: {\n          caloriesBurned: numOrUndef(completeForm.caloriesBurned),\n          perceivedExertion: numOrUndef(completeForm.perceivedExertion),\n          notes: completeForm.notes.trim() ? completeForm.notes.trim() : undefined,\n        },\n      });\n      setCompleteOpen(false);\n    } catch (e) {\n      setCompleteError(e instanceof Error ? e.message : 'Failed to complete the session.');\n    }\n  };\n\n  const actions = isLive ? (\n    <>\n      <Button variant=\"outline\" onClick={openLog}>\n        <Plus className=\"h-4 w-4\" /> Log set\n      </Button>\n      <Button onClick={openComplete}>\n        <CheckCircle2 className=\"h-4 w-4\" /> Complete\n      </Button>\n    </>\n  ) : undefined;\n\n  return (\n    <PageLayout title=\"Workout session\" description={summary} actions={actions}>\n      <button\n        type=\"button\"\n        onClick={() => navigateTo('train')}\n        className=\"mb-4 inline-flex items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary\"\n      >\n        <ArrowLeft className=\"h-4 w-4\" /> Back to sessions\n      </button>\n\n      {/* Header card */}\n      <GlassCard treatment=\"glass\" className=\"p-6\">\n        <div className=\"flex flex-wrap items-start justify-between gap-3\">\n          <div className=\"flex items-center gap-3\">\n            <IconChip\n              icon={isLive ? <Flame className=\"h-5 w-5\" /> : <Dumbbell className=\"h-5 w-5\" />}\n              tint={isLive ? 'var(--color-accent-teal)' : 'var(--color-accent-primary)'}\n            />\n            <div>\n              <div className=\"flex items-center gap-2\">\n                <StatusBadge status={data.status} />\n              </div>\n              <p className=\"mt-1 text-sm text-text-secondary\">{summary}</p>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {data.scheduledFor && (\n            <div>\n              <p className=\"text-xs text-text-tertiary\">Scheduled for</p>\n              <p className=\"mt-0.5 text-sm font-medium text-text-primary\">\n                {formatDateTime(data.scheduledFor)}\n              </p>\n            </div>\n          )}\n          {data.startedAt && (\n            <div>\n              <p className=\"text-xs text-text-tertiary\">Started</p>\n              <p className=\"mt-0.5 text-sm font-medium text-text-primary\">\n                {formatDateTime(data.startedAt)}\n              </p>\n            </div>\n          )}\n          {data.completedAt && (\n            <div>\n              <p className=\"text-xs text-text-tertiary\">Completed</p>\n              <p className=\"mt-0.5 text-sm font-medium text-text-primary\">\n                {formatDateTime(data.completedAt)}\n              </p>\n            </div>\n          )}\n          {data.perceivedExertion != null && (\n            <div>\n              <p className=\"text-xs text-text-tertiary\">Perceived exertion</p>\n              <p className=\"mt-0.5 text-sm font-medium tabular-nums text-text-primary\">\n                {data.perceivedExertion}/10 RPE\n              </p>\n            </div>\n          )}\n          {data.caloriesBurned > 0 && (\n            <div>\n              <p className=\"text-xs text-text-tertiary\">Calories burned</p>\n              <p className=\"mt-0.5 text-sm font-medium tabular-nums text-text-primary\">\n                {formatKcal(data.caloriesBurned)}\n              </p>\n            </div>\n          )}\n        </div>\n\n        {data.notes && (\n          <div className=\"mt-5 rounded-xl bg-bg-sunken/60 p-4\">\n            <p className=\"text-xs text-text-tertiary\">Notes</p>\n            <p className=\"mt-1 whitespace-pre-wrap text-sm text-text-secondary\">{data.notes}</p>\n          </div>\n        )}\n      </GlassCard>\n\n      {/* Stat cards */}\n      <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <MetricsCard\n          icon={<Dumbbell className=\"h-5 w-5\" />}\n          value={formatNumber(sets.length)}\n          label=\"Total sets\"\n        />\n        <MetricsCard\n          icon={<Weight className=\"h-5 w-5\" />}\n          value={`${formatNumber(totalVolume)} kg`}\n          label=\"Total volume\"\n        />\n        <MetricsCard\n          icon={<Timer className=\"h-5 w-5\" />}\n          value={durationSec != null ? formatDuration(durationSec) : '—'}\n          label=\"Duration\"\n        />\n        <MetricsCard\n          icon={<Flame className=\"h-5 w-5\" />}\n          value={data.caloriesBurned > 0 ? formatKcal(data.caloriesBurned) : '—'}\n          label=\"Calories burned\"\n        />\n      </div>\n\n      {/* Logged sets */}\n      <div className=\"mt-8\">\n        <div className=\"mb-3 flex items-end justify-between gap-3\">\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary\">Logged sets</h2>\n            <p className=\"mt-0.5 text-sm text-text-secondary\">\n              Every set recorded during this session, grouped by exercise.\n            </p>\n          </div>\n          {isLive && (\n            <Button variant=\"outline\" size=\"sm\" onClick={openLog} className=\"shrink-0\">\n              <Plus className=\"h-4 w-4\" /> Log set\n            </Button>\n          )}\n        </div>\n\n        {groups.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Dumbbell className=\"h-10 w-10\" />}\n            title=\"No sets logged yet\"\n            description={\n              isLive\n                ? 'Log your first set to start tracking this workout.'\n                : 'No sets were recorded for this session.'\n            }\n            action={\n              isLive ? (\n                <Button onClick={openLog}>\n                  <Plus className=\"h-4 w-4\" /> Log set\n                </Button>\n              ) : undefined\n            }\n          />\n        ) : (\n          <div className=\"space-y-4\">\n            {groups.map((group) => (\n              <GlassCard key={group.name} treatment=\"plain\" className=\"p-4\">\n                <div className=\"mb-3 flex items-center justify-between gap-2\">\n                  <h3 className=\"text-sm font-semibold text-text-primary\">{group.name}</h3>\n                  <span className=\"text-xs tabular-nums text-text-tertiary\">\n                    {formatNumber(group.sets.length)} {group.sets.length === 1 ? 'set' : 'sets'}\n                  </span>\n                </div>\n                <ul className=\"divide-y divide-border-seam\">\n                  {group.sets.map((st) => {\n                    const isCardio = st.durationSec > 0 || st.distanceM > 0;\n                    return (\n                      <li\n                        key={st.id}\n                        className=\"flex flex-wrap items-center justify-between gap-2 py-2\"\n                      >\n                        <div className=\"flex items-center gap-2\">\n                          <span className=\"text-sm font-medium text-text-primary tabular-nums\">\n                            Set {st.setNumber}: {formatNumber(st.reps)} × {formatWeight(st.weight)}\n                          </span>\n                          {st.isPersonalRecord && <StatusBadge status=\"PR\" />}\n                        </div>\n                        <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary\">\n                          {isCardio && st.durationSec > 0 && (\n                            <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                              <Timer className=\"h-3.5 w-3.5 text-accent\" />\n                              {formatDuration(st.durationSec)}\n                            </span>\n                          )}\n                          {isCardio && st.distanceM > 0 && (\n                            <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                              <Ruler className=\"h-3.5 w-3.5 text-accent\" />\n                              {formatNumber(st.distanceM)} m\n                            </span>\n                          )}\n                        </div>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </GlassCard>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Log set dialog */}\n      <ResponsiveDialog open={logOpen} onOpenChange={setLogOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Log a set</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Record reps and load for strength work, or duration and distance for cardio. The\n              dialog stays open so you can log sets back-to-back.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 px-1\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-set-exercise\">Exercise</Label>\n              <Input\n                id=\"myb-set-exercise\"\n                value={logForm.exerciseName}\n                onChange={(e) => setLogForm((f) => ({ ...f, exerciseName: e.target.value }))}\n                placeholder=\"e.g. Back Squat\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-set-number\">Set number</Label>\n                <Input\n                  id=\"myb-set-number\"\n                  type=\"number\"\n                  inputMode=\"numeric\"\n                  min={1}\n                  value={logForm.setNumber}\n                  onChange={(e) => setLogForm((f) => ({ ...f, setNumber: e.target.value }))}\n                  placeholder=\"1\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-set-reps\">Reps</Label>\n                <Input\n                  id=\"myb-set-reps\"\n                  type=\"number\"\n                  inputMode=\"numeric\"\n                  min={0}\n                  value={logForm.reps}\n                  onChange={(e) => setLogForm((f) => ({ ...f, reps: e.target.value }))}\n                  placeholder=\"8\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-set-weight\">Weight (kg)</Label>\n                <Input\n                  id=\"myb-set-weight\"\n                  type=\"number\"\n                  inputMode=\"decimal\"\n                  min={0}\n                  step=\"0.5\"\n                  value={logForm.weight}\n                  onChange={(e) => setLogForm((f) => ({ ...f, weight: e.target.value }))}\n                  placeholder=\"60\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-set-distance\">Distance (m)</Label>\n                <Input\n                  id=\"myb-set-distance\"\n                  type=\"number\"\n                  inputMode=\"numeric\"\n                  min={0}\n                  value={logForm.distanceM}\n                  onChange={(e) => setLogForm((f) => ({ ...f, distanceM: e.target.value }))}\n                  placeholder=\"Optional\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-set-duration\">Duration (sec)</Label>\n                <Input\n                  id=\"myb-set-duration\"\n                  type=\"number\"\n                  inputMode=\"numeric\"\n                  min={0}\n                  value={logForm.durationSec}\n                  onChange={(e) => setLogForm((f) => ({ ...f, durationSec: e.target.value }))}\n                  placeholder=\"Optional\"\n                />\n              </div>\n            </div>\n\n            <div className=\"flex items-center justify-between gap-3 rounded-xl bg-bg-sunken/60 p-3\">\n              <div className=\"flex items-center gap-2\">\n                <Gauge className=\"h-4 w-4 text-accent\" />\n                <div>\n                  <Label htmlFor=\"myb-set-pr\" className=\"cursor-pointer\">\n                    Personal record\n                  </Label>\n                  <p className=\"text-xs text-text-tertiary\">Flag this set as a new PR.</p>\n                </div>\n              </div>\n              <Switch\n                id=\"myb-set-pr\"\n                checked={logForm.isPersonalRecord}\n                onCheckedChange={(v) => setLogForm((f) => ({ ...f, isPersonalRecord: v }))}\n              />\n            </div>\n\n            {logError && <p className=\"text-sm text-status-error-text\">{logError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={() => setLogOpen(false)}>\n              Done\n            </Button>\n            <Button onClick={submitLog} disabled={logSet.isPending}>\n              {logSet.isPending ? 'Logging…' : 'Log set'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n\n      {/* Complete session dialog */}\n      <ResponsiveDialog open={completeOpen} onOpenChange={setCompleteOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Complete session</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Wrap up this workout and record how it went.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 px-1\">\n            <div className=\"grid grid-cols-2 gap-3\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-complete-calories\">Calories burned</Label>\n                <Input\n                  id=\"myb-complete-calories\"\n                  type=\"number\"\n                  inputMode=\"numeric\"\n                  min={0}\n                  value={completeForm.caloriesBurned}\n                  onChange={(e) =>\n                    setCompleteForm((f) => ({ ...f, caloriesBurned: e.target.value }))\n                  }\n                  placeholder=\"Optional\"\n                />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-complete-rpe\">Perceived exertion (1–10)</Label>\n                <Input\n                  id=\"myb-complete-rpe\"\n                  type=\"number\"\n                  inputMode=\"numeric\"\n                  min={1}\n                  max={10}\n                  value={completeForm.perceivedExertion}\n                  onChange={(e) =>\n                    setCompleteForm((f) => ({ ...f, perceivedExertion: e.target.value }))\n                  }\n                  placeholder=\"Optional\"\n                />\n              </div>\n            </div>\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-complete-notes\">Notes</Label>\n              <Textarea\n                id=\"myb-complete-notes\"\n                rows={3}\n                value={completeForm.notes}\n                onChange={(e) => setCompleteForm((f) => ({ ...f, notes: e.target.value }))}\n                placeholder=\"How did the session feel?\"\n              />\n            </div>\n\n            {completeError && <p className=\"text-sm text-status-error-text\">{completeError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={() => setCompleteOpen(false)}>\n              Cancel\n            </Button>\n            <Button onClick={submitComplete} disabled={completeSession.isPending}>\n              {completeSession.isPending ? 'Completing…' : 'Complete session'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}