@burdenoff/microfe-mybodyshield 2026.525.1 → 2026.705.2

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

@@ -0,0 +1,579 @@
+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 { MybDiscussion as se } 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";
+//#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 } = 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(() => {
+		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]), 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();
+		if (!(!Number.isFinite(e) || !Number.isFinite(t) || t < e)) return (t - e) / 1e3;
+	}, [J, Y]);
+	if (!j) return /* @__PURE__ */ h(t, {
+		title: "Workout session",
+		children: /* @__PURE__ */ h(l, {
+			message: "No session was specified.",
+			onRetry: () => A("train")
+		})
+	});
+	if (M.isLoading) return /* @__PURE__ */ h(t, {
+		title: "Workout session",
+		children: /* @__PURE__ */ h(te, { label: "Loading session…" })
+	});
+	if (M.isError || !G) return /* @__PURE__ */ h(t, {
+		title: "Workout session",
+		children: /* @__PURE__ */ h(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__ */ g(t, {
+		title: "Workout session",
+		description: Q,
+		actions: Z ? /* @__PURE__ */ g(ge, { children: [/* @__PURE__ */ g(_, {
+			variant: "outline",
+			onClick: $,
+			children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Log set"]
+		}), /* @__PURE__ */ g(_, {
+			onClick: () => {
+				H(k), W(null), B(!0);
+			},
+			children: [/* @__PURE__ */ h(ue, { className: "h-4 w-4" }), " Complete"]
+		})] }) : void 0,
+		children: [
+			/* @__PURE__ */ g("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__ */ h(le, { 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", {
+								className: "text-xs text-text-tertiary",
+								children: "Perceived exertion"
+							}), /* @__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
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(f, { className: "h-5 w-5" }),
+						value: o(K.length),
+						label: "Total sets"
+					}),
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(me, { className: "h-5 w-5" }),
+						value: `${o(xe)} kg`,
+						label: "Total volume"
+					}),
+					/* @__PURE__ */ h(n, {
+						icon: /* @__PURE__ */ h(m, { className: "h-5 w-5" }),
+						value: X == null ? "—" : i(X),
+						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("div", {
+				className: "mt-8",
+				children: [/* @__PURE__ */ g("div", {
+					className: "mb-3 flex items-end justify-between gap-3",
+					children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Logged sets"
+					}), /* @__PURE__ */ h("p", {
+						className: "mt-0.5 text-sm text-text-secondary",
+						children: "Every set recorded during this session, grouped by exercise."
+					})] }), Z && /* @__PURE__ */ g(_, {
+						variant: "outline",
+						size: "sm",
+						onClick: $,
+						className: "shrink-0",
+						children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Log set"]
+					})]
+				}), q.length === 0 ? /* @__PURE__ */ h(ne, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ h(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__ */ g(_, {
+						onClick: $,
+						children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Log set"]
+					}) : void 0
+				}) : /* @__PURE__ */ h("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"
+											]
+										})]
+									})]
+								}, e.id);
+							})
+						})]
+					}, e.name))
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "mt-8",
+				children: /* @__PURE__ */ h(se, {
+					entityType: "mybodyshield-session",
+					entityId: G.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", {
+						className: "space-y-4 px-1",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ h(b, {
+									htmlFor: "myb-set-exercise",
+									children: "Exercise"
+								}), /* @__PURE__ */ h(y, {
+									id: "myb-set-exercise",
+									value: I.exerciseName,
+									onChange: (e) => L((t) => ({
+										...t,
+										exerciseName: e.target.value
+									})),
+									placeholder: "e.g. Back Squat"
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ h(b, {
+											htmlFor: "myb-set-number",
+											children: "Set number"
+										}), /* @__PURE__ */ h(y, {
+											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__ */ g("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ h(b, {
+											htmlFor: "myb-set-reps",
+											children: "Reps"
+										}), /* @__PURE__ */ h(y, {
+											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__ */ g("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ h(b, {
+											htmlFor: "myb-set-weight",
+											children: "Weight (kg)"
+										}), /* @__PURE__ */ h(y, {
+											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__ */ g("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ h(b, {
+											htmlFor: "myb-set-distance",
+											children: "Distance (m)"
+										}), /* @__PURE__ */ h(y, {
+											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__ */ g("div", {
+										className: "space-y-1.5",
+										children: [/* @__PURE__ */ h(b, {
+											htmlFor: "myb-set-duration",
+											children: "Duration (sec)"
+										}), /* @__PURE__ */ h(y, {
+											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__ */ g("div", {
+								className: "flex items-center justify-between gap-3 rounded-xl bg-bg-sunken/60 p-3",
+								children: [/* @__PURE__ */ g("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, {
+										htmlFor: "myb-set-pr",
+										className: "cursor-pointer",
+										children: "Personal record"
+									}), /* @__PURE__ */ h("p", {
+										className: "text-xs text-text-tertiary",
+										children: "Flag this set as a new PR."
+									})] })]
+								}), /* @__PURE__ */ h(_e, {
+									id: "myb-set-pr",
+									checked: I.isPersonalRecord,
+									onCheckedChange: (e) => L((t) => ({
+										...t,
+										isPersonalRecord: e
+									}))
+								})]
+							}),
+							R && /* @__PURE__ */ h("p", {
+								className: "text-sm text-status-error-text",
+								children: R
+							})
+						]
+					}),
+					/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(_, {
+						variant: "outline",
+						onClick: () => F(!1),
+						children: "Done"
+					}), /* @__PURE__ */ h(_, {
+						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__ */ 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", {
+						className: "space-y-4 px-1",
+						children: [
+							K.length === 0 && /* @__PURE__ */ g("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", {
+									className: "text-sm text-text-secondary",
+									children: [/* @__PURE__ */ h("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", {
+								className: "grid grid-cols-2 gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ h(b, {
+										htmlFor: "myb-complete-calories",
+										children: "Calories burned"
+									}), /* @__PURE__ */ h(y, {
+										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__ */ g("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ h(b, {
+										htmlFor: "myb-complete-rpe",
+										children: "Perceived exertion (1–10)"
+									}), /* @__PURE__ */ h(y, {
+										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__ */ g("div", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ h(b, {
+									htmlFor: "myb-complete-notes",
+									children: "Notes"
+								}), /* @__PURE__ */ h(ve, {
+									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__ */ h("p", {
+								className: "text-sm text-status-error-text",
+								children: U
+							})
+						]
+					}),
+					/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(_, {
+						variant: "outline",
+						onClick: () => B(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ h(_, {
+						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  AlertTriangle,\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  MybDiscussion,\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      {/* Coach feedback / discussion — available for any session */}\n      <div className=\"mt-8\">\n        <MybDiscussion\n          entityType=\"mybodyshield-session\"\n          entityId={data.id}\n          title=\"Coach feedback\"\n          description=\"Discuss form, cues and this session's results with your coach and team.\"\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            {sets.length === 0 && (\n              <div className=\"flex items-start gap-2.5 rounded-xl border border-status-warning-text/40 bg-status-warning-bg-subtle p-3\">\n                <AlertTriangle className=\"mt-0.5 h-4 w-4 shrink-0 text-status-warning-text\" />\n                <p className=\"text-sm text-text-secondary\">\n                  <span className=\"font-medium text-text-primary\">No sets logged.</span> You can\n                  still complete this session, but nothing was recorded for it.\n                </p>\n              </div>\n            )}\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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"}