@burdenoff/microfe-mybodyshield 2026.720.3 → 2026.731.2

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

@@ -14,14 +14,38 @@ import "../../components/index.js";
 import { motion as s } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
 import { useReducedMotion as me } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
 import { IconChip as c } from "../_shared/visuals.js";
-import { useEffect as he, useMemo as l, useState as u } from "react";
-import { AlertTriangle as ge, ArrowLeft as _e, CheckCircle2 as ve, ChevronLeft as ye, ChevronRight as be, Dumbbell as d, Flame as xe, Gauge as Se, ListChecks as Ce, Plus as f, Ruler as we, Timer as p, Trophy as Te, Weight as Ee, X as De } from "lucide-react";
-import { useParams as Oe } from "react-router-dom";
-import { Fragment as ke, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as g, GlassCard as _, Input as v, Label as y, ResponsiveDialog as Ae, ResponsiveDialogContent as je, ResponsiveDialogDescription as Me, ResponsiveDialogFooter as Ne, ResponsiveDialogHeader as Pe, ResponsiveDialogTitle as Fe, Switch as Ie, Textarea as Le } from "@burdenoff/fe-libs/ui";
+import { listPendingActionsForSession as he } from "../../lib/offlineSessionQueue.js";
+import { useOfflineSessionSync as ge } from "../../lib/useOfflineSessionSync.js";
+import { useCallback as _e, useEffect as ve, useMemo as l, useState as u } from "react";
+import { AlertTriangle as ye, ArrowLeft as be, CheckCircle2 as xe, ChevronLeft as Se, ChevronRight as Ce, Dumbbell as d, Flame as we, Gauge as Te, ListChecks as Ee, Plus as f, Ruler as De, Timer as p, Trophy as Oe, Weight as ke, WifiOff as Ae, X as je } from "lucide-react";
+import { useParams as Me } from "react-router-dom";
+import { Fragment as Ne, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, GlassCard as _, Input as v, Label as y, ResponsiveDialog as Pe, ResponsiveDialogContent as Fe, ResponsiveDialogDescription as Ie, ResponsiveDialogFooter as Le, ResponsiveDialogHeader as Re, ResponsiveDialogTitle as ze, Switch as Be, Textarea as Ve } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/train/SessionDetailPage.tsx
-var Re = 90, ze = [];
-function Be(e, t, n) {
+function He(e) {
+	if (typeof navigator < "u" && !navigator.onLine || e instanceof TypeError) return !0;
+	let t = e instanceof Error ? e.message.toLowerCase() : "";
+	return t.includes("failed to fetch") || t.includes("load failed") || t.includes("network");
+}
+function Ue(e, t) {
+	let n = e.input;
+	return {
+		id: `pending-${e.clientActionId}`,
+		workspaceId: "",
+		sessionId: t,
+		exerciseName: n.exerciseName,
+		setNumber: n.setNumber ?? 1,
+		reps: n.reps ?? 0,
+		weight: n.weight ?? 0,
+		distanceM: n.distanceM ?? 0,
+		durationSec: n.durationSec ?? 0,
+		isPersonalRecord: !!n.isPersonalRecord,
+		createdAt: e.capturedAt,
+		updatedAt: e.capturedAt
+	};
+}
+var We = 90, Ge = [];
+function Ke(e, t, n) {
 	return n ? e > n.weight || e === n.weight && t > n.reps : !1;
 }
 var b = [
@@ -29,7 +53,7 @@ var b = [
 	1,
 	.3,
 	1
-], Ve = {
+], qe = {
 	hidden: {},
 	show: { transition: { staggerChildren: .06 } }
 }, x = {
@@ -60,17 +84,23 @@ var C = {
 	distanceM: "",
 	durationSec: "",
 	isPersonalRecord: !1
-}, He = {
+}, Je = {
 	caloriesBurned: "",
 	perceivedExertion: "",
 	notes: ""
 };
 function w() {
-	let { navigateTo: w, workspaceId: Ue } = e(), T = me(), { id: E } = Oe();
+	let { navigateTo: w, workspaceId: Ye } = e(), T = me(), { id: E } = Me();
 	fe();
-	let D = ue(E), O = le(), k = se(), We = de(D.data?.workoutId ?? void 0), [Ge, A] = u(!1), [j, M] = u(C), [Ke, N] = u(null), [qe, P] = u(!1), [Je, F] = u(!1), [I, L] = u(He), [Ye, R] = u(null), [Xe, z] = u(null), [Ze, Qe] = u(D.data?.workoutId), [B, V] = u(null), [$e, H] = u(0), U = ce(j.exerciseName), W = D.data, G = l(() => W?.sets ?? [], [W?.sets]), K = l(() => {
+	let D = ue(E), O = le(), k = se(), Xe = de(D.data?.workoutId ?? void 0), A = ge((e) => O.mutateAsync(e), (e) => k.mutateAsync(e), () => D.refetch()), [j, Ze] = u([]), M = _e(() => {
+		E && he(E).then(Ze);
+	}, [E]);
+	ve(() => {
+		M();
+	}, [M, A.pendingCount]);
+	let Qe = l(() => E ? j.filter((e) => e.type === "LOG_SET").map((e) => Ue(e, E)) : [], [j, E]), $e = j.some((e) => e.type === "COMPLETE_SESSION"), [et, N] = u(!1), [P, F] = u(C), [tt, I] = u(null), [nt, L] = u(!1), [rt, R] = u(!1), [z, B] = u(Je), [it, V] = u(null), [at, H] = u(null), [ot, st] = u(D.data?.workoutId), [ct, U] = u(null), [lt, W] = u(0), G = ce(P.exerciseName), K = D.data, q = l(() => [...K?.sets ?? [], ...Qe], [K?.sets, Qe]), J = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of G) {
+		for (let t of q) {
 			let n = e.get(t.exerciseName) ?? [];
 			n.push(t), e.set(t.exerciseName, n);
 		}
@@ -78,28 +108,28 @@ function w() {
 			name: e,
 			sets: t.slice().sort((e, t) => e.setNumber - t.setNumber)
 		}));
-	}, [G]), et = l(() => G.reduce((e, t) => e + t.reps * t.weight, 0), [G]), q = W?.startedAt, tt = W?.completedAt, nt = l(() => {
-		if (!q || !tt) return;
-		let e = new Date(q).getTime(), t = new Date(tt).getTime();
+	}, [q]), ut = l(() => q.reduce((e, t) => e + t.reps * t.weight, 0), [q]), dt = K?.startedAt, ft = K?.completedAt, pt = l(() => {
+		if (!dt || !ft) return;
+		let e = new Date(dt).getTime(), t = new Date(ft).getTime();
 		if (!(!Number.isFinite(e) || !Number.isFinite(t) || t < e)) return (t - e) / 1e3;
-	}, [q, tt]), J = We.data ?? ze, Y = l(() => {
+	}, [dt, ft]), Y = Xe.data ?? Ge, X = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of K) e.set(t.name, t.sets.length);
+		for (let t of J) e.set(t.name, t.sets.length);
 		return e;
-	}, [K]), rt = l(() => {
-		if (J.length === 0) return 0;
-		let e = J.findIndex((e) => (Y.get(e.name) ?? 0) < Math.max(e.sets, 1));
-		return e === -1 ? J.length - 1 : e;
-	}, [J, Y]), X = Math.min(Xe ?? rt, Math.max(J.length - 1, 0)), Z = J[X], it = J.length > 0 && J.every((e) => (Y.get(e.name) ?? 0) >= Math.max(e.sets, 1));
-	D.data?.workoutId !== Ze && (Qe(D.data?.workoutId), z(null)), he(() => {
-		if (B == null) return;
+	}, [J]), mt = l(() => {
+		if (Y.length === 0) return 0;
+		let e = Y.findIndex((e) => (X.get(e.name) ?? 0) < Math.max(e.sets, 1));
+		return e === -1 ? Y.length - 1 : e;
+	}, [Y, X]), Z = Math.min(at ?? mt, Math.max(Y.length - 1, 0)), Q = Y[Z], ht = Y.length > 0 && Y.every((e) => (X.get(e.name) ?? 0) >= Math.max(e.sets, 1));
+	D.data?.workoutId !== ot && (st(D.data?.workoutId), H(null)), ve(() => {
+		if (ct == null) return;
 		let e = window.setInterval(() => {
-			let e = Math.max(0, Math.ceil((B - Date.now()) / 1e3));
-			H(e), e <= 0 && V(null);
+			let e = Math.max(0, Math.ceil((ct - Date.now()) / 1e3));
+			W(e), e <= 0 && U(null);
 		}, 1e3);
 		return () => window.clearInterval(e);
-	}, [B]);
-	let at = S(j.weight) ?? 0, ot = S(j.reps) ?? 0, st = j.exerciseName.trim().length > 0 && Be(at, ot, U.data), ct = qe ? j.isPersonalRecord : st;
+	}, [ct]);
+	let gt = S(P.weight) ?? 0, _t = S(P.reps) ?? 0, vt = P.exerciseName.trim().length > 0 && Ke(gt, _t, G.data), yt = nt ? P.isPersonalRecord : vt;
 	if (!E) return /* @__PURE__ */ m(t, {
 		title: "Workout session",
 		children: /* @__PURE__ */ m(ae, {
@@ -111,7 +141,7 @@ function w() {
 		title: "Workout session",
 		children: /* @__PURE__ */ m(oe, { label: "Loading session…" })
 	});
-	if (D.isError || !W) return /* @__PURE__ */ m(t, {
+	if (D.isError || !K) return /* @__PURE__ */ m(t, {
 		title: "Workout session",
 		children: /* @__PURE__ */ m(ae, {
 			title: "Session not found",
@@ -119,37 +149,55 @@ function w() {
 			onRetry: () => D.refetch()
 		})
 	});
-	let Q = W.status === "IN_PROGRESS", lt = W.completedAt ? `Completed ${a(W.completedAt)}` : W.startedAt ? `Started ${a(W.startedAt)}` : W.scheduledFor ? `Scheduled ${a(W.scheduledFor)}` : `Created ${a(W.createdAt)}`, $ = () => {
-		M(C), N(null), P(!1), A(!0);
-	}, ut = (e) => {
-		let t = Y.get(e.name) ?? 0;
-		M({
+	let $ = K.status === "IN_PROGRESS", bt = K.completedAt ? `Completed ${a(K.completedAt)}` : K.startedAt ? `Started ${a(K.startedAt)}` : K.scheduledFor ? `Scheduled ${a(K.scheduledFor)}` : `Created ${a(K.createdAt)}`, xt = () => {
+		F(C), I(null), L(!1), N(!0);
+	}, St = (e) => {
+		let t = X.get(e.name) ?? 0;
+		F({
 			...C,
 			exerciseName: e.name,
 			setNumber: String(t + 1),
 			reps: e.reps > 0 ? String(e.reps) : "",
 			weight: e.targetWeight > 0 ? String(e.targetWeight) : ""
-		}), N(null), P(!1), A(!0);
+		}), I(null), L(!1), N(!0);
 	};
 	return /* @__PURE__ */ h(t, {
 		title: "Workout session",
-		description: lt,
-		actions: Q ? /* @__PURE__ */ h(ke, { children: [/* @__PURE__ */ h(g, {
+		description: bt,
+		actions: $ ? /* @__PURE__ */ h(Ne, { children: [/* @__PURE__ */ h(g, {
 			variant: "outline",
-			onClick: $,
+			onClick: xt,
 			children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), " Log set"]
 		}), /* @__PURE__ */ h(g, {
 			onClick: () => {
-				L(He), R(null), F(!0);
+				B(Je), V(null), R(!0);
 			},
-			children: [/* @__PURE__ */ m(ve, { className: "h-4 w-4" }), " Complete"]
+			disabled: $e,
+			children: [
+				/* @__PURE__ */ m(xe, { className: "h-4 w-4" }),
+				" ",
+				$e ? "Pending sync…" : "Complete"
+			]
 		})] }) : void 0,
 		children: [
 			/* @__PURE__ */ h("button", {
 				type: "button",
 				onClick: () => w("train"),
 				className: "mb-4 inline-flex items-center gap-1.5 text-sm font-medium text-text-secondary hover:text-text-primary",
-				children: [/* @__PURE__ */ m(_e, { className: "h-4 w-4" }), " Back to sessions"]
+				children: [/* @__PURE__ */ m(be, { className: "h-4 w-4" }), " Back to sessions"]
+			}),
+			(!A.isOnline || j.length > 0) && /* @__PURE__ */ h("div", {
+				className: "mb-4 flex items-center gap-2 rounded-xl border border-status-warning-text/40 bg-status-warning-bg-subtle px-4 py-2.5 text-sm text-text-primary",
+				children: [
+					/* @__PURE__ */ m(Ae, { className: "h-4 w-4 shrink-0 text-status-warning-text" }),
+					/* @__PURE__ */ m("span", { children: A.isOnline ? `Syncing ${j.length} queued ${j.length === 1 ? "action" : "actions"}…` : `You're offline — logged sets and completion will sync automatically once you're back online${j.length > 0 ? ` (${j.length} queued)` : ""}.` }),
+					A.isOnline && j.length > 0 && /* @__PURE__ */ m(g, {
+						variant: "ghost",
+						onClick: A.syncNow,
+						className: "ml-auto h-7 px-2 text-xs",
+						children: "Retry now"
+					})
+				]
 			}),
 			/* @__PURE__ */ m(s.div, {
 				initial: T ? !1 : {
@@ -166,7 +214,7 @@ function w() {
 				},
 				children: /* @__PURE__ */ h(_, {
 					treatment: "glass",
-					glow: Q,
+					glow: $,
 					className: "p-6",
 					children: [
 						/* @__PURE__ */ m("div", {
@@ -174,71 +222,71 @@ function w() {
 							children: /* @__PURE__ */ h("div", {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ m(c, {
-									icon: m(Q ? xe : d, { className: "h-5 w-5" }),
-									tint: Q ? "var(--color-accent-teal)" : "var(--color-accent-primary)"
+									icon: m($ ? we : d, { className: "h-5 w-5" }),
+									tint: $ ? "var(--color-accent-teal)" : "var(--color-accent-primary)"
 								}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2",
-									children: /* @__PURE__ */ m(re, { status: W.status })
+									children: /* @__PURE__ */ m(re, { status: K.status })
 								}), /* @__PURE__ */ m("p", {
 									className: "mt-1 text-sm text-text-secondary",
-									children: lt
+									children: bt
 								})] })]
 							})
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 							children: [
-								W.scheduledFor && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								K.scheduledFor && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-tertiary",
 									children: "Scheduled for"
 								}), /* @__PURE__ */ m("p", {
 									className: "mt-0.5 text-sm font-medium text-text-primary",
-									children: ee(W.scheduledFor)
+									children: ee(K.scheduledFor)
 								})] }),
-								W.startedAt && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								K.startedAt && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-tertiary",
 									children: "Started"
 								}), /* @__PURE__ */ m("p", {
 									className: "mt-0.5 text-sm font-medium text-text-primary",
-									children: ee(W.startedAt)
+									children: ee(K.startedAt)
 								})] }),
-								W.completedAt && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								K.completedAt && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-tertiary",
 									children: "Completed"
 								}), /* @__PURE__ */ m("p", {
 									className: "mt-0.5 text-sm font-medium text-text-primary",
-									children: ee(W.completedAt)
+									children: ee(K.completedAt)
 								})] }),
-								W.perceivedExertion != null && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								K.perceivedExertion != null && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-tertiary",
 									children: "Perceived exertion"
 								}), /* @__PURE__ */ h("p", {
 									className: "mt-0.5 text-sm font-medium tabular-nums text-text-primary",
-									children: [W.perceivedExertion, "/10 RPE"]
+									children: [K.perceivedExertion, "/10 RPE"]
 								})] }),
-								W.caloriesBurned > 0 && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								K.caloriesBurned > 0 && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-tertiary",
 									children: "Calories burned"
 								}), /* @__PURE__ */ m("p", {
 									className: "mt-0.5 text-sm font-medium tabular-nums text-text-primary",
-									children: ne(W.caloriesBurned)
+									children: ne(K.caloriesBurned)
 								})] })
 							]
 						}),
-						W.notes && /* @__PURE__ */ h("div", {
+						K.notes && /* @__PURE__ */ h("div", {
 							className: "mt-5 rounded-xl bg-bg-sunken/60 p-4",
 							children: [/* @__PURE__ */ m("p", {
 								className: "text-xs text-text-tertiary",
 								children: "Notes"
 							}), /* @__PURE__ */ m("p", {
 								className: "mt-1 whitespace-pre-wrap text-sm text-text-secondary",
-								children: W.notes
+								children: K.notes
 							})]
 						})
 					]
 				})
 			}),
-			Q && $e > 0 && /* @__PURE__ */ m(s.div, {
+			$ && lt > 0 && /* @__PURE__ */ m(s.div, {
 				initial: T ? !1 : {
 					opacity: 0,
 					y: -6
@@ -265,7 +313,7 @@ function w() {
 							children: "Resting"
 						}), /* @__PURE__ */ h("p", {
 							className: "text-xs tabular-nums text-text-secondary",
-							children: [r($e), " remaining"]
+							children: [r(lt), " remaining"]
 						})] })]
 					}), /* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2",
@@ -273,21 +321,21 @@ function w() {
 							variant: "outline",
 							size: "sm",
 							onClick: () => {
-								V((e) => e && e + 15e3), H((e) => e + 15);
+								U((e) => e && e + 15e3), W((e) => e + 15);
 							},
 							children: "+15s"
 						}), /* @__PURE__ */ h(g, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								V(null), H(0);
+								U(null), W(0);
 							},
-							children: [/* @__PURE__ */ m(De, { className: "h-4 w-4" }), " Skip"]
+							children: [/* @__PURE__ */ m(je, { className: "h-4 w-4" }), " Skip"]
 						})]
 					})]
 				})
 			}),
-			Q && J.length > 0 && /* @__PURE__ */ m(s.div, {
+			$ && Y.length > 0 && /* @__PURE__ */ m(s.div, {
 				initial: T ? !1 : {
 					opacity: 0,
 					y: 10
@@ -309,65 +357,65 @@ function w() {
 						className: "mb-3 flex items-center justify-between gap-2",
 						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center gap-2.5",
-							children: [/* @__PURE__ */ m(c, { icon: /* @__PURE__ */ m(Ce, { className: "h-4 w-4" }) }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+							children: [/* @__PURE__ */ m(c, { icon: /* @__PURE__ */ m(Ee, { className: "h-4 w-4" }) }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
 								className: "text-sm font-semibold text-text-primary",
 								children: "Guided workout"
 							}), /* @__PURE__ */ m("p", {
 								className: "text-xs text-text-secondary",
-								children: it ? "All planned exercises logged — nice work." : `Exercise ${X + 1} of ${J.length}`
+								children: ht ? "All planned exercises logged — nice work." : `Exercise ${Z + 1} of ${Y.length}`
 							})] })]
 						}), /* @__PURE__ */ h("div", {
 							className: "flex items-center gap-1.5",
 							children: [/* @__PURE__ */ m(g, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => z(Math.max(X - 1, 0)),
-								disabled: X === 0,
+								onClick: () => H(Math.max(Z - 1, 0)),
+								disabled: Z === 0,
 								"aria-label": "Previous exercise",
-								children: /* @__PURE__ */ m(ye, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ m(Se, { className: "h-4 w-4" })
 							}), /* @__PURE__ */ m(g, {
 								variant: "outline",
 								size: "sm",
-								onClick: () => z(Math.min(X + 1, J.length - 1)),
-								disabled: X >= J.length - 1,
+								onClick: () => H(Math.min(Z + 1, Y.length - 1)),
+								disabled: Z >= Y.length - 1,
 								"aria-label": "Next exercise",
-								children: /* @__PURE__ */ m(be, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ m(Ce, { className: "h-4 w-4" })
 							})]
 						})]
-					}), Z && /* @__PURE__ */ h("div", {
+					}), Q && /* @__PURE__ */ h("div", {
 						className: "flex flex-wrap items-center justify-between gap-3 rounded-xl bg-bg-sunken/60 p-3",
 						children: [/* @__PURE__ */ h("div", { children: [
 							/* @__PURE__ */ m("p", {
 								className: "text-sm font-semibold text-text-primary",
-								children: Z.name
+								children: Q.name
 							}),
 							/* @__PURE__ */ h("p", {
 								className: "mt-0.5 text-xs text-text-secondary",
 								children: [
-									te(Z.muscleGroup),
+									te(Q.muscleGroup),
 									" · ",
-									Z.sets,
+									Q.sets,
 									" ×",
 									" ",
-									Z.reps,
+									Q.reps,
 									" reps",
-									Z.targetWeight > 0 ? ` @ ${o(Z.targetWeight)}` : "",
-									Z.restSeconds > 0 ? ` · ${r(Z.restSeconds)} rest` : ""
+									Q.targetWeight > 0 ? ` @ ${o(Q.targetWeight)}` : "",
+									Q.restSeconds > 0 ? ` · ${r(Q.restSeconds)} rest` : ""
 								]
 							}),
 							/* @__PURE__ */ h("p", {
 								className: "mt-0.5 text-xs tabular-nums text-text-tertiary",
 								children: [
-									Y.get(Z.name) ?? 0,
+									X.get(Q.name) ?? 0,
 									" of",
 									" ",
-									Math.max(Z.sets, 1),
+									Math.max(Q.sets, 1),
 									" sets logged"
 								]
 							})
 						] }), /* @__PURE__ */ h(g, {
 							size: "sm",
-							onClick: () => ut(Z),
+							onClick: () => St(Q),
 							children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), " Log this exercise"]
 						})]
 					})]
@@ -375,7 +423,7 @@ function w() {
 			}),
 			/* @__PURE__ */ h(s.div, {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				variants: T ? void 0 : Ve,
+				variants: T ? void 0 : qe,
 				initial: T ? !1 : "hidden",
 				animate: "show",
 				children: [
@@ -386,7 +434,7 @@ function w() {
 								className: "text-action-primary-bg",
 								children: /* @__PURE__ */ m(d, { className: "h-5 w-5" })
 							}),
-							value: i(G.length),
+							value: i(q.length),
 							label: "Total sets"
 						})
 					}),
@@ -395,9 +443,9 @@ function w() {
 						children: /* @__PURE__ */ m(n, {
 							icon: /* @__PURE__ */ m("span", {
 								className: "text-action-primary-bg",
-								children: /* @__PURE__ */ m(Ee, { className: "h-5 w-5" })
+								children: /* @__PURE__ */ m(ke, { className: "h-5 w-5" })
 							}),
-							value: `${i(et)} kg`,
+							value: `${i(ut)} kg`,
 							label: "Total volume"
 						})
 					}),
@@ -408,7 +456,7 @@ function w() {
 								className: "text-action-primary-bg",
 								children: /* @__PURE__ */ m(p, { className: "h-5 w-5" })
 							}),
-							value: nt == null ? "—" : r(nt),
+							value: pt == null ? "—" : r(pt),
 							label: "Duration"
 						})
 					}),
@@ -417,9 +465,9 @@ function w() {
 						children: /* @__PURE__ */ m(n, {
 							icon: /* @__PURE__ */ m("span", {
 								className: "text-action-primary-bg",
-								children: /* @__PURE__ */ m(xe, { className: "h-5 w-5" })
+								children: /* @__PURE__ */ m(we, { className: "h-5 w-5" })
 							}),
-							value: W.caloriesBurned > 0 ? ne(W.caloriesBurned) : "—",
+							value: K.caloriesBurned > 0 ? ne(K.caloriesBurned) : "—",
 							label: "Calories burned"
 						})
 					})
@@ -435,28 +483,28 @@ function w() {
 					}), /* @__PURE__ */ m("p", {
 						className: "mt-0.5 text-sm text-text-secondary",
 						children: "Every set recorded during this session, grouped by exercise."
-					})] }), Q && /* @__PURE__ */ h(g, {
+					})] }), $ && /* @__PURE__ */ h(g, {
 						variant: "outline",
 						size: "sm",
-						onClick: $,
+						onClick: xt,
 						className: "shrink-0",
 						children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), " Log set"]
 					})]
-				}), K.length === 0 ? /* @__PURE__ */ m(ie, {
+				}), J.length === 0 ? /* @__PURE__ */ m(ie, {
 					illustration: "empty-data",
 					icon: /* @__PURE__ */ m(d, { className: "h-10 w-10" }),
 					title: "No sets logged yet",
-					description: Q ? "Log your first set to start tracking this workout." : "No sets were recorded for this session.",
-					action: Q ? /* @__PURE__ */ h(g, {
-						onClick: $,
+					description: $ ? "Log your first set to start tracking this workout." : "No sets were recorded for this session.",
+					action: $ ? /* @__PURE__ */ h(g, {
+						onClick: xt,
 						children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), " Log set"]
 					}) : void 0
 				}) : /* @__PURE__ */ m(s.div, {
 					className: "space-y-4",
-					variants: T ? void 0 : Ve,
+					variants: T ? void 0 : qe,
 					initial: T ? !1 : "hidden",
 					animate: "show",
-					children: K.map((e) => {
+					children: J.map((e) => {
 						let t = e.sets.filter((e) => e.isPersonalRecord).length;
 						return /* @__PURE__ */ m(s.div, {
 							variants: T ? void 0 : x,
@@ -521,7 +569,7 @@ function w() {
 												}), t && e.distanceM > 0 && /* @__PURE__ */ h("span", {
 													className: "inline-flex items-center gap-1 tabular-nums",
 													children: [
-														/* @__PURE__ */ m(we, { className: "h-3.5 w-3.5 text-accent" }),
+														/* @__PURE__ */ m(De, { className: "h-3.5 w-3.5 text-accent" }),
 														i(e.distanceM),
 														" m"
 													]
@@ -539,16 +587,16 @@ function w() {
 				className: "mt-8",
 				children: /* @__PURE__ */ m(pe, {
 					entityType: "mybodyshield-session",
-					entityId: W.id,
+					entityId: K.id,
 					title: "Coach feedback",
 					description: "Discuss form, cues and this session's results with your coach and team."
 				})
 			}),
-			/* @__PURE__ */ m(Ae, {
-				open: Ge,
-				onOpenChange: A,
-				children: /* @__PURE__ */ h(je, { children: [
-					/* @__PURE__ */ h(Pe, { children: [/* @__PURE__ */ m(Fe, { children: "Log a set" }), /* @__PURE__ */ m(Me, { 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__ */ m(Pe, {
+				open: et,
+				onOpenChange: N,
+				children: /* @__PURE__ */ h(Fe, { children: [
+					/* @__PURE__ */ h(Re, { children: [/* @__PURE__ */ m(ze, { children: "Log a set" }), /* @__PURE__ */ m(Ie, { 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__ */ h("div", {
 						className: "space-y-4 px-1",
 						children: [
@@ -559,13 +607,13 @@ function w() {
 									children: "Exercise"
 								}), /* @__PURE__ */ m(v, {
 									id: "myb-set-exercise",
-									value: j.exerciseName,
+									value: P.exerciseName,
 									onChange: (e) => {
 										let t = e.target.value;
-										M((e) => ({
+										F((e) => ({
 											...e,
 											exerciseName: t
-										})), P(!1);
+										})), L(!1);
 									},
 									placeholder: "e.g. Back Squat"
 								})]
@@ -583,8 +631,8 @@ function w() {
 											type: "number",
 											inputMode: "numeric",
 											min: 1,
-											value: j.setNumber,
-											onChange: (e) => M((t) => ({
+											value: P.setNumber,
+											onChange: (e) => F((t) => ({
 												...t,
 												setNumber: e.target.value
 											})),
@@ -601,8 +649,8 @@ function w() {
 											type: "number",
 											inputMode: "numeric",
 											min: 0,
-											value: j.reps,
-											onChange: (e) => M((t) => ({
+											value: P.reps,
+											onChange: (e) => F((t) => ({
 												...t,
 												reps: e.target.value
 											})),
@@ -620,8 +668,8 @@ function w() {
 											inputMode: "decimal",
 											min: 0,
 											step: "0.5",
-											value: j.weight,
-											onChange: (e) => M((t) => ({
+											value: P.weight,
+											onChange: (e) => F((t) => ({
 												...t,
 												weight: e.target.value
 											})),
@@ -638,8 +686,8 @@ function w() {
 											type: "number",
 											inputMode: "numeric",
 											min: 0,
-											value: j.distanceM,
-											onChange: (e) => M((t) => ({
+											value: P.distanceM,
+											onChange: (e) => F((t) => ({
 												...t,
 												distanceM: e.target.value
 											})),
@@ -656,8 +704,8 @@ function w() {
 											type: "number",
 											inputMode: "numeric",
 											min: 0,
-											value: j.durationSec,
-											onChange: (e) => M((t) => ({
+											value: P.durationSec,
+											onChange: (e) => F((t) => ({
 												...t,
 												durationSec: e.target.value
 											})),
@@ -670,63 +718,75 @@ function w() {
 								className: "flex items-center justify-between gap-3 rounded-xl bg-bg-sunken/60 p-3",
 								children: [/* @__PURE__ */ h("div", {
 									className: "flex items-center gap-2",
-									children: [ct ? /* @__PURE__ */ m(Te, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ m(Se, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m(y, {
+									children: [yt ? /* @__PURE__ */ m(Oe, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ m(Te, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m(y, {
 										htmlFor: "myb-set-pr",
 										className: "cursor-pointer",
 										children: "Personal record"
 									}), /* @__PURE__ */ m("p", {
 										className: "text-xs text-text-tertiary",
-										children: U.data ? `Auto-detected against your best: ${i(U.data.reps)} × ${o(U.data.weight)}.` : j.exerciseName.trim() ? "First time logging this exercise — nothing to compare yet." : "Flag this set as a new PR."
+										children: G.data ? `Auto-detected against your best: ${i(G.data.reps)} × ${o(G.data.weight)}.` : P.exerciseName.trim() ? "First time logging this exercise — nothing to compare yet." : "Flag this set as a new PR."
 									})] })]
-								}), /* @__PURE__ */ m(Ie, {
+								}), /* @__PURE__ */ m(Be, {
 									id: "myb-set-pr",
-									checked: ct,
+									checked: yt,
 									onCheckedChange: (e) => {
-										P(!0), M((t) => ({
+										L(!0), F((t) => ({
 											...t,
 											isPersonalRecord: e
 										}));
 									}
 								})]
 							}),
-							Ke && /* @__PURE__ */ m("p", {
+							tt && /* @__PURE__ */ m("p", {
 								className: "text-sm text-status-error-text",
-								children: Ke
+								children: tt
 							})
 						]
 					}),
-					/* @__PURE__ */ h(Ne, { children: [/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ h(Le, { children: [/* @__PURE__ */ m(g, {
 						variant: "outline",
-						onClick: () => A(!1),
+						onClick: () => N(!1),
 						children: "Done"
 					}), /* @__PURE__ */ m(g, {
 						onClick: async () => {
-							N(null);
-							let e = j.exerciseName.trim();
+							I(null);
+							let e = P.exerciseName.trim();
 							if (!e) {
-								N("Exercise name is required.");
+								I("Exercise name is required.");
 								return;
 							}
-							try {
-								let t = await O.mutateAsync({
-									sessionId: E,
-									exerciseName: e,
-									setNumber: S(j.setNumber),
-									reps: S(j.reps),
-									weight: S(j.weight),
-									distanceM: S(j.distanceM),
-									durationSec: S(j.durationSec),
-									isPersonalRecord: ct
-								});
-								M({
+							let t = {
+								exerciseName: e,
+								setNumber: S(P.setNumber),
+								reps: S(P.reps),
+								weight: S(P.weight),
+								distanceM: S(P.distanceM),
+								durationSec: S(P.durationSec),
+								isPersonalRecord: yt
+							}, n = (t) => {
+								F({
 									...C,
 									exerciseName: e,
-									setNumber: String(t.setNumber + 1)
-								}), P(!1);
-								let n = Z && Z.name === e && Z.restSeconds > 0 ? Z.restSeconds : Re;
-								V(Date.now() + n * 1e3), H(n);
+									setNumber: String(t)
+								}), L(!1);
+								let n = Q && Q.name === e && Q.restSeconds > 0 ? Q.restSeconds : We;
+								U(Date.now() + n * 1e3), W(n);
+							};
+							if (!A.isOnline) {
+								await A.enqueueLogSet(E, t), M(), n((S(P.setNumber) ?? q.length) + 1);
+								return;
+							}
+							try {
+								n((await O.mutateAsync({
+									sessionId: E,
+									...t
+								})).setNumber + 1);
 							} catch (e) {
-								N(e instanceof Error ? e.message : "Failed to log the set.");
+								if (He(e)) {
+									await A.enqueueLogSet(E, t), M(), n((S(P.setNumber) ?? q.length) + 1);
+									return;
+								}
+								I(e instanceof Error ? e.message : "Failed to log the set.");
 							}
 						},
 						disabled: O.isPending,
@@ -734,17 +794,17 @@ function w() {
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ m(Ae, {
-				open: Je,
-				onOpenChange: F,
-				children: /* @__PURE__ */ h(je, { children: [
-					/* @__PURE__ */ h(Pe, { children: [/* @__PURE__ */ m(Fe, { children: "Complete session" }), /* @__PURE__ */ m(Me, { children: "Wrap up this workout and record how it went." })] }),
+			/* @__PURE__ */ m(Pe, {
+				open: rt,
+				onOpenChange: R,
+				children: /* @__PURE__ */ h(Fe, { children: [
+					/* @__PURE__ */ h(Re, { children: [/* @__PURE__ */ m(ze, { children: "Complete session" }), /* @__PURE__ */ m(Ie, { children: "Wrap up this workout and record how it went." })] }),
 					/* @__PURE__ */ h("div", {
 						className: "space-y-4 px-1",
 						children: [
-							G.length === 0 && /* @__PURE__ */ h("div", {
+							q.length === 0 && /* @__PURE__ */ h("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__ */ m(ge, { className: "mt-0.5 h-4 w-4 shrink-0 text-status-warning-text" }), /* @__PURE__ */ h("p", {
+								children: [/* @__PURE__ */ m(ye, { className: "mt-0.5 h-4 w-4 shrink-0 text-status-warning-text" }), /* @__PURE__ */ h("p", {
 									className: "text-sm text-text-secondary",
 									children: [/* @__PURE__ */ m("span", {
 										className: "font-medium text-text-primary",
@@ -764,8 +824,8 @@ function w() {
 										type: "number",
 										inputMode: "numeric",
 										min: 0,
-										value: I.caloriesBurned,
-										onChange: (e) => L((t) => ({
+										value: z.caloriesBurned,
+										onChange: (e) => B((t) => ({
 											...t,
 											caloriesBurned: e.target.value
 										})),
@@ -782,8 +842,8 @@ function w() {
 										inputMode: "numeric",
 										min: 1,
 										max: 10,
-										value: I.perceivedExertion,
-										onChange: (e) => L((t) => ({
+										value: z.perceivedExertion,
+										onChange: (e) => B((t) => ({
 											...t,
 											perceivedExertion: e.target.value
 										})),
@@ -796,41 +856,50 @@ function w() {
 								children: [/* @__PURE__ */ m(y, {
 									htmlFor: "myb-complete-notes",
 									children: "Notes"
-								}), /* @__PURE__ */ m(Le, {
+								}), /* @__PURE__ */ m(Ve, {
 									id: "myb-complete-notes",
 									rows: 3,
-									value: I.notes,
-									onChange: (e) => L((t) => ({
+									value: z.notes,
+									onChange: (e) => B((t) => ({
 										...t,
 										notes: e.target.value
 									})),
 									placeholder: "How did the session feel?"
 								})]
 							}),
-							Ye && /* @__PURE__ */ m("p", {
+							it && /* @__PURE__ */ m("p", {
 								className: "text-sm text-status-error-text",
-								children: Ye
+								children: it
 							})
 						]
 					}),
-					/* @__PURE__ */ h(Ne, { children: [/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ h(Le, { children: [/* @__PURE__ */ m(g, {
 						variant: "outline",
-						onClick: () => F(!1),
+						onClick: () => R(!1),
 						children: "Cancel"
 					}), /* @__PURE__ */ m(g, {
 						onClick: async () => {
-							R(null);
+							V(null);
+							let e = {
+								caloriesBurned: S(z.caloriesBurned),
+								perceivedExertion: S(z.perceivedExertion),
+								notes: z.notes.trim() ? z.notes.trim() : void 0
+							};
+							if (!A.isOnline) {
+								await A.enqueueCompleteSession(E, e), M(), R(!1);
+								return;
+							}
 							try {
 								await k.mutateAsync({
 									id: E,
-									input: {
-										caloriesBurned: S(I.caloriesBurned),
-										perceivedExertion: S(I.perceivedExertion),
-										notes: I.notes.trim() ? I.notes.trim() : void 0
-									}
-								}), F(!1);
-							} catch (e) {
-								R(e instanceof Error ? e.message : "Failed to complete the session.");
+									input: e
+								}), R(!1);
+							} catch (t) {
+								if (He(t)) {
+									await A.enqueueCompleteSession(E, e), M(), R(!1);
+									return;
+								}
+								V(t instanceof Error ? t.message : "Failed to complete the session.");
 							}
 						},
 						disabled: k.isPending,