@burdenoff/microfe-mybodyshield 2026.706.2 → 2026.709.1

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

@@ -1,25 +1,26 @@
 import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
-import { motion as t } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as n } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { PageLayout as r } from "../../components/PageLayout.js";
-import { formatKcal as i, formatNumber as a, formatRelativeTime as ee } from "../../utils/formatters.js";
-import { StatusBadge as te } from "../../components/StatusBadge.js";
-import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
-import { EmptyState as c } from "../../components/EmptyState.js";
-import { IconChip as l, Meter as ne } from "../_shared/visuals.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatKcal as n, formatNumber as ee, formatRelativeTime as te } from "../../utils/formatters.js";
+import { StatusBadge as ne } from "../../components/StatusBadge.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
+import { FilterTabs as o } from "../../components/FilterTabs.js";
+import { Pagination as s } from "../../components/Pagination.js";
 import "../../context/index.js";
-import { useMybPrograms as u, useMybSessions as re, useMybStartSession as d } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as f } from "../../hooks/usePager.js";
+import { useMybPrograms as c, useMybSessions as l, useMybStartSession as re } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as ie } from "../../hooks/usePager.js";
+import { useMyBodyShieldAnalytics as u } from "../../hooks/useMyBodyShieldAnalytics.js";
 import "../../hooks/index.js";
-import { FilterTabs as p } from "../../components/FilterTabs.js";
-import { Pagination as ie } from "../../components/Pagination.js";
 import "../../components/index.js";
-import { useState as m } from "react";
-import { CalendarClock as h, CheckCircle2 as g, Flame as _, Gauge as ae, ListChecks as oe, PlayCircle as v, Plus as y, SkipForward as b } from "lucide-react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Button as w, GlassCard as se, Input as ce, Label as T, ResponsiveDialog as E, ResponsiveDialogContent as D, ResponsiveDialogDescription as O, ResponsiveDialogFooter as k, ResponsiveDialogHeader as A, ResponsiveDialogTitle as j, Select as M, SelectContent as N, SelectItem as P, SelectTrigger as F, SelectValue as I, Textarea as L } from "@burdenoff/fe-libs/ui";
+import { motion as d } from "../../../node_modules/.bun/framer-motion@12.38.0_8c0d3e65c5d65bc3/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as ae } from "../../../node_modules/.bun/framer-motion@12.38.0_8c0d3e65c5d65bc3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { IconChip as f, Meter as oe } from "../_shared/visuals.js";
+import { useState as p } from "react";
+import { CalendarClock as m, CheckCircle2 as h, Flame as g, Gauge as se, ListChecks as ce, PlayCircle as _, Plus as v, SkipForward as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C, GlassCard as le, Input as ue, Label as w, ResponsiveDialog as T, ResponsiveDialogContent as E, ResponsiveDialogDescription as D, ResponsiveDialogFooter as O, ResponsiveDialogHeader as k, ResponsiveDialogTitle as A, Select as j, SelectContent as M, SelectItem as N, SelectTrigger as P, SelectValue as F, Textarea as I } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/train/SessionsPage.tsx
-var R = [
+var L = [
 	{
 		value: "ALL",
 		label: "All"
@@ -36,41 +37,41 @@ var R = [
 		value: "COMPLETED",
 		label: "Completed"
 	}
-], z = 24, B = [
+], R = 24, z = [
 	.16,
 	1,
 	.3,
 	1
-], V = "__none__", H = {
-	programId: V,
+], B = "__none__", V = {
+	programId: B,
 	scheduledFor: "",
 	notes: ""
 };
-function U(e) {
+function H(e) {
 	switch (e.status) {
 		case "IN_PROGRESS": return {
-			icon: v,
+			icon: _,
 			tint: "var(--color-accent-teal)",
 			title: "Live workout in progress",
 			stampLabel: "Started",
 			stamp: e.startedAt ?? e.createdAt
 		};
 		case "COMPLETED": return {
-			icon: g,
+			icon: h,
 			tint: "var(--color-status-success-text)",
-			title: e.caloriesBurned > 0 ? `${i(e.caloriesBurned)} burned` : "Workout completed",
+			title: e.caloriesBurned > 0 ? `${n(e.caloriesBurned)} burned` : "Workout completed",
 			stampLabel: "Completed",
 			stamp: e.completedAt ?? e.startedAt ?? e.createdAt
 		};
 		case "SKIPPED": return {
-			icon: b,
+			icon: y,
 			tint: "var(--color-text-secondary)",
 			title: "Skipped session",
 			stampLabel: "Scheduled",
 			stamp: e.scheduledFor ?? e.createdAt
 		};
 		default: return {
-			icon: h,
+			icon: m,
 			tint: "var(--color-accent-primary)",
 			title: "Scheduled session",
 			stampLabel: "Scheduled",
@@ -78,58 +79,58 @@ function U(e) {
 		};
 	}
 }
-function W() {
-	let { navigateTo: h } = e(), g = n(), [v, b] = m("ALL"), W = f(z), G = re({
-		status: v === "ALL" ? void 0 : v,
+function U() {
+	let { navigateTo: m, workspaceId: h } = e(), _ = ae(), y = u(), [U, de] = p("ALL"), W = ie(R), G = l({
+		status: U === "ALL" ? void 0 : U,
 		pagination: {
-			limit: z,
+			limit: R,
 			offset: W.offset
 		}
-	}), le = u({
+	}), fe = c({
 		status: "ACTIVE",
 		pagination: { limit: 50 }
-	}).data?.items ?? [], K = d(), [ue, q] = m(!1), [J, Y] = m(H), [X, Z] = m(null), Q = G.data?.items ?? [], de = G.data?.pageInfo?.hasMore ?? !1, fe = (e) => {
-		b(e), W.reset();
+	}).data?.items ?? [], K = re(), [pe, q] = p(!1), [J, Y] = p(V), [X, Z] = p(null), Q = G.data?.items ?? [], me = G.data?.pageInfo?.hasMore ?? !1, he = (e) => {
+		de(e), W.reset();
 	}, $ = () => {
-		Y(H), Z(null), q(!0);
+		Y(V), Z(null), q(!0), y.emitIntent("session", "create", { workspaceId: h });
 	};
-	return /* @__PURE__ */ C(r, {
+	return /* @__PURE__ */ S(t, {
 		title: "Train",
 		description: "Live workout sessions — start, log sets, and complete.",
-		actions: /* @__PURE__ */ C(w, {
+		actions: /* @__PURE__ */ S(C, {
 			onClick: $,
-			children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), " Start session"]
+			children: [/* @__PURE__ */ x(v, { className: "h-4 w-4" }), " Start session"]
 		}),
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mb-6",
-				children: /* @__PURE__ */ S(p, {
-					options: R,
-					value: v,
-					onChange: fe
+				children: /* @__PURE__ */ x(o, {
+					options: L,
+					value: U,
+					onChange: he
 				})
 			}),
-			G.isLoading ? /* @__PURE__ */ S(s, { label: "Loading your sessions…" }) : G.isError ? /* @__PURE__ */ S(o, {
+			G.isLoading ? /* @__PURE__ */ x(a, { label: "Loading your sessions…" }) : G.isError ? /* @__PURE__ */ x(i, {
 				message: "We couldn't load your workout sessions.",
 				onRetry: () => G.refetch()
-			}) : Q.length === 0 ? /* @__PURE__ */ S(c, {
+			}) : Q.length === 0 ? /* @__PURE__ */ x(r, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ S(_, { className: "h-10 w-10" }),
-				title: v === "ALL" ? "No sessions yet" : "No sessions in this state",
-				description: v === "ALL" ? "Start a workout session to begin logging sets and tracking your training." : "Try a different filter, or start a new workout session.",
-				action: /* @__PURE__ */ C(w, {
+				icon: /* @__PURE__ */ x(g, { className: "h-10 w-10" }),
+				title: U === "ALL" ? "No sessions yet" : "No sessions in this state",
+				description: U === "ALL" ? "Start a workout session to begin logging sets and tracking your training." : "Try a different filter, or start a new workout session.",
+				action: /* @__PURE__ */ S(C, {
 					onClick: $,
-					children: [/* @__PURE__ */ S(y, { className: "h-4 w-4" }), " Start session"]
+					children: [/* @__PURE__ */ x(v, { className: "h-4 w-4" }), " Start session"]
 				})
-			}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+			}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: Q.map((e, n) => {
-					let r = U(e), o = r.icon, s = e.status === "IN_PROGRESS", c = e.sets?.length, u = e.perceivedExertion;
-					return /* @__PURE__ */ S(t.button, {
+				children: Q.map((e, t) => {
+					let r = H(e), i = r.icon, a = e.status === "IN_PROGRESS", o = e.sets?.length, s = e.perceivedExertion;
+					return /* @__PURE__ */ x(d.button, {
 						type: "button",
-						onClick: () => h(`train/${e.id}`),
+						onClick: () => m(`train/${e.id}`),
 						className: "block w-full text-left",
-						initial: g ? !1 : {
+						initial: _ ? !1 : {
 							opacity: 0,
 							y: 12
 						},
@@ -137,77 +138,77 @@ function W() {
 							opacity: 1,
 							y: 0
 						},
-						transition: g ? { duration: 0 } : {
+						transition: _ ? { duration: 0 } : {
 							duration: .35,
-							delay: Math.min(n, 8) * .05,
-							ease: B
+							delay: Math.min(t, 8) * .05,
+							ease: z
 						},
-						whileHover: g ? void 0 : { y: -3 },
-						whileTap: g ? void 0 : { scale: .995 },
-						children: /* @__PURE__ */ C(se, {
+						whileHover: _ ? void 0 : { y: -3 },
+						whileTap: _ ? void 0 : { scale: .995 },
+						children: /* @__PURE__ */ S(le, {
 							treatment: "plain",
-							glow: s,
-							className: "h-full p-4 transition-shadow hover:shadow-float" + (s ? " ring-1 ring-inset ring-[color-mix(in_oklab,var(--color-action-primary-bg)_45%,transparent)]" : ""),
+							glow: a,
+							className: "h-full p-4 transition-shadow hover:shadow-float" + (a ? " ring-1 ring-inset ring-[color-mix(in_oklab,var(--color-action-primary-bg)_45%,transparent)]" : ""),
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center justify-between gap-2",
-									children: [/* @__PURE__ */ S(l, {
-										icon: /* @__PURE__ */ S(o, { className: "h-4 w-4" }),
+									children: [/* @__PURE__ */ x(f, {
+										icon: /* @__PURE__ */ x(i, { className: "h-4 w-4" }),
 										tint: r.tint
-									}), /* @__PURE__ */ S(te, { status: e.status })]
+									}), /* @__PURE__ */ x(ne, { status: e.status })]
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ x("p", {
 									className: "mt-3 text-base font-semibold text-text-primary",
 									children: r.title
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ S("p", {
 									className: "mt-0.5 text-xs text-text-tertiary",
 									children: [
 										r.stampLabel,
 										" ",
-										ee(r.stamp)
+										te(r.stamp)
 									]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ S("div", {
 									className: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary",
 									children: [
-										e.caloriesBurned > 0 && /* @__PURE__ */ C("span", {
+										e.caloriesBurned > 0 && /* @__PURE__ */ S("span", {
 											className: "inline-flex items-center gap-1 tabular-nums",
-											children: [/* @__PURE__ */ S(_, { className: "h-3.5 w-3.5 text-status-warning-text" }), i(e.caloriesBurned)]
+											children: [/* @__PURE__ */ x(g, { className: "h-3.5 w-3.5 text-status-warning-text" }), n(e.caloriesBurned)]
 										}),
-										u != null && /* @__PURE__ */ C("span", {
+										s != null && /* @__PURE__ */ S("span", {
 											className: "inline-flex items-center gap-1 tabular-nums",
 											children: [
-												/* @__PURE__ */ S(ae, { className: "h-3.5 w-3.5 text-accent" }),
+												/* @__PURE__ */ x(se, { className: "h-3.5 w-3.5 text-accent" }),
 												"RPE ",
-												u,
+												s,
 												"/10"
 											]
 										}),
-										c != null && c > 0 && /* @__PURE__ */ C("span", {
+										o != null && o > 0 && /* @__PURE__ */ S("span", {
 											className: "inline-flex items-center gap-1 tabular-nums",
 											children: [
-												/* @__PURE__ */ S(oe, { className: "h-3.5 w-3.5 text-accent" }),
-												a(c),
+												/* @__PURE__ */ x(ce, { className: "h-3.5 w-3.5 text-accent" }),
+												ee(o),
 												" sets"
 											]
 										})
 									]
 								}),
-								u != null && /* @__PURE__ */ C("div", {
+								s != null && /* @__PURE__ */ S("div", {
 									className: "mt-3",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "mb-1 flex items-center justify-between text-[11px] text-text-tertiary",
-										children: [/* @__PURE__ */ S("span", { children: "RPE intensity" }), /* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ x("span", { children: "RPE intensity" }), /* @__PURE__ */ S("span", {
 											className: "tabular-nums",
-											children: [u, "/10"]
+											children: [s, "/10"]
 										})]
-									}), /* @__PURE__ */ S(ne, {
-										value: u * 10,
+									}), /* @__PURE__ */ x(oe, {
+										value: s * 10,
 										height: 6
 									})]
 								}),
-								s && /* @__PURE__ */ S("p", {
+								a && /* @__PURE__ */ x("p", {
 									className: "mt-3 inline-flex items-center gap-1 text-xs font-semibold text-action-primary-bg",
 									children: "In progress — Resume →"
 								})
@@ -215,52 +216,52 @@ function W() {
 						})
 					}, e.id);
 				})
-			}), /* @__PURE__ */ S(ie, {
+			}), /* @__PURE__ */ x(s, {
 				page: W.page,
-				pageSize: z,
+				pageSize: R,
 				itemCount: Q.length,
-				hasMore: de,
+				hasMore: me,
 				onPageChange: (e) => W.onPageChange(e)
 			})] }),
-			/* @__PURE__ */ S(E, {
-				open: ue,
+			/* @__PURE__ */ x(T, {
+				open: pe,
 				onOpenChange: q,
-				children: /* @__PURE__ */ C(D, { children: [
-					/* @__PURE__ */ C(A, { children: [/* @__PURE__ */ S(j, { children: "Start a workout session" }), /* @__PURE__ */ S(O, { children: "Begin a live session now, or schedule one for later. Attach an active program to keep your training organised." })] }),
-					/* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ S(E, { children: [
+					/* @__PURE__ */ S(k, { children: [/* @__PURE__ */ x(A, { children: "Start a workout session" }), /* @__PURE__ */ x(D, { children: "Begin a live session now, or schedule one for later. Attach an active program to keep your training organised." })] }),
+					/* @__PURE__ */ S("div", {
 						className: "space-y-4 px-1",
 						children: [
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ S("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ S(T, {
+								children: [/* @__PURE__ */ x(w, {
 									htmlFor: "myb-start-program",
 									children: "Program (optional)"
-								}), /* @__PURE__ */ C(M, {
+								}), /* @__PURE__ */ S(j, {
 									value: J.programId,
 									onValueChange: (e) => Y((t) => ({
 										...t,
 										programId: e
 									})),
-									children: [/* @__PURE__ */ S(F, {
+									children: [/* @__PURE__ */ x(P, {
 										id: "myb-start-program",
-										children: /* @__PURE__ */ S(I, { placeholder: "No program" })
-									}), /* @__PURE__ */ C(N, { children: [/* @__PURE__ */ S(P, {
-										value: V,
+										children: /* @__PURE__ */ x(F, { placeholder: "No program" })
+									}), /* @__PURE__ */ S(M, { children: [/* @__PURE__ */ x(N, {
+										value: B,
 										children: "No program"
-									}), le.map((e) => /* @__PURE__ */ S(P, {
+									}), fe.map((e) => /* @__PURE__ */ x(N, {
 										value: e.id,
 										children: e.name
 									}, e.id))] })]
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ S("div", {
 								className: "space-y-1.5",
 								children: [
-									/* @__PURE__ */ S(T, {
+									/* @__PURE__ */ x(w, {
 										htmlFor: "myb-start-scheduled",
 										children: "Scheduled for (optional)"
 									}),
-									/* @__PURE__ */ S(ce, {
+									/* @__PURE__ */ x(ue, {
 										id: "myb-start-scheduled",
 										type: "datetime-local",
 										value: J.scheduledFor,
@@ -269,18 +270,18 @@ function W() {
 											scheduledFor: e.target.value
 										}))
 									}),
-									/* @__PURE__ */ S("p", {
+									/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-tertiary",
 										children: "Leave empty to start a live session right now."
 									})
 								]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ S("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ S(T, {
+								children: [/* @__PURE__ */ x(w, {
 									htmlFor: "myb-start-notes",
 									children: "Notes (optional)"
-								}), /* @__PURE__ */ S(L, {
+								}), /* @__PURE__ */ x(I, {
 									id: "myb-start-notes",
 									rows: 3,
 									value: J.notes,
@@ -291,27 +292,30 @@ function W() {
 									placeholder: "Focus, target lifts, how you're feeling…"
 								})]
 							}),
-							X && /* @__PURE__ */ S("p", {
+							X && /* @__PURE__ */ x("p", {
 								className: "text-sm text-status-error-text",
 								children: X
 							})
 						]
 					}),
-					/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(w, {
+					/* @__PURE__ */ S(O, { children: [/* @__PURE__ */ x(C, {
 						variant: "outline",
 						onClick: () => q(!1),
 						disabled: K.isPending,
 						children: "Cancel"
-					}), /* @__PURE__ */ S(w, {
+					}), /* @__PURE__ */ x(C, {
 						onClick: async () => {
 							Z(null);
 							try {
 								let e = await K.mutateAsync({
-									programId: J.programId === V ? void 0 : J.programId,
+									programId: J.programId === B ? void 0 : J.programId,
 									scheduledFor: J.scheduledFor ? new Date(J.scheduledFor).toISOString() : void 0,
 									notes: J.notes.trim() ? J.notes.trim() : void 0
 								});
-								q(!1), h(`train/${e.id}`);
+								y.emitFact("session", "started", {
+									workspaceId: h,
+									entityId: e.id
+								}), q(!1), m(`train/${e.id}`);
 							} catch (e) {
 								Z(e instanceof Error ? e.message : "Failed to start the session.");
 							}
@@ -325,6 +329,6 @@ function W() {
 	});
 }
 //#endregion
-export { W as SessionsPage };
+export { U as SessionsPage };
 
 //# sourceMappingURL=SessionsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionsPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/train/SessionsPage.tsx"],"sourcesContent":["/**\n * Train — live workout sessions.\n * @module mybodyshield/pages/train\n *\n * Lists the member's workout sessions (real `mybListSessions`) filtered by\n * status, and lets you start a new live session (optionally attached to an\n * active program). In-progress sessions are highlighted with an accent ring and\n * a \"Resume\" affordance. No mock data — everything comes from the myb* hooks.\n */\n\nimport { useState } from 'react';\nimport { motion, useReducedMotion } from 'framer-motion';\nimport {\n  Plus,\n  Flame,\n  CheckCircle2,\n  CalendarClock,\n  PlayCircle,\n  SkipForward,\n  Gauge,\n  ListChecks,\n} from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Label,\n  Textarea,\n  Input,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  FilterTabs,\n  Pagination,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n  type FilterOption,\n} from '../../components';\nimport { IconChip, Meter } from '../_shared/visuals';\nimport { useMyBodyShield } from '../../context';\nimport { useMybSessions, useMybStartSession, useMybPrograms, useOffsetPager } from '../../hooks';\nimport { formatRelativeTime, formatKcal, formatNumber } from '../../utils/formatters';\nimport type { MybSessionStatus, MybWorkoutSession } from '../../types';\n\ntype SessionFilterValue = MybSessionStatus | 'ALL';\n\n// Only statuses a control can actually reach are offered as filters: start →\n// IN_PROGRESS / SCHEDULED, complete → COMPLETED. Nothing moves a session to\n// SKIPPED, so that tab would always be empty. sessionMeta still handles the\n// SKIPPED case for display safety.\nconst STATUS_TABS: FilterOption<SessionFilterValue>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'IN_PROGRESS', label: 'Live' },\n  { value: 'COMPLETED', label: 'Completed' },\n];\n\nconst PAGE_SIZE = 24;\n\n/** Shared entrance easing — a soft, decelerating cubic-bezier. */\nconst MOTION_EASE: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\n/** Sentinel for the optional program picker (Radix Select forbids an empty value). */\nconst NO_PROGRAM = '__none__';\n\ninterface StartForm {\n  programId: string;\n  scheduledFor: string;\n  notes: string;\n}\n\nconst EMPTY_START_FORM: StartForm = { programId: NO_PROGRAM, scheduledFor: '', notes: '' };\n\ninterface SessionMeta {\n  icon: typeof Flame;\n  tint: string;\n  title: string;\n  stampLabel: string;\n  stamp?: string | null;\n}\n\nfunction sessionMeta(s: MybWorkoutSession): SessionMeta {\n  switch (s.status) {\n    case 'IN_PROGRESS':\n      return {\n        icon: PlayCircle,\n        tint: 'var(--color-accent-teal)',\n        title: 'Live workout in progress',\n        stampLabel: 'Started',\n        stamp: s.startedAt ?? s.createdAt,\n      };\n    case 'COMPLETED':\n      return {\n        icon: CheckCircle2,\n        tint: 'var(--color-status-success-text)',\n        title:\n          s.caloriesBurned > 0 ? `${formatKcal(s.caloriesBurned)} burned` : 'Workout completed',\n        stampLabel: 'Completed',\n        stamp: s.completedAt ?? s.startedAt ?? s.createdAt,\n      };\n    case 'SKIPPED':\n      return {\n        icon: SkipForward,\n        tint: 'var(--color-text-secondary)',\n        title: 'Skipped session',\n        stampLabel: 'Scheduled',\n        stamp: s.scheduledFor ?? s.createdAt,\n      };\n    case 'SCHEDULED':\n    default:\n      return {\n        icon: CalendarClock,\n        tint: 'var(--color-accent-primary)',\n        title: 'Scheduled session',\n        stampLabel: 'Scheduled',\n        stamp: s.scheduledFor ?? s.createdAt,\n      };\n  }\n}\n\nexport function SessionsPage() {\n  const { navigateTo } = useMyBodyShield();\n  const reduce = useReducedMotion();\n\n  const [filter, setFilter] = useState<SessionFilterValue>('ALL');\n  const pager = useOffsetPager(PAGE_SIZE);\n\n  const sessions = useMybSessions({\n    status: filter === 'ALL' ? undefined : filter,\n    pagination: { limit: PAGE_SIZE, offset: pager.offset },\n  });\n\n  const programs = useMybPrograms({ status: 'ACTIVE', pagination: { limit: 50 } });\n  const activePrograms = programs.data?.items ?? [];\n\n  const startSession = useMybStartSession();\n\n  const [startOpen, setStartOpen] = useState(false);\n  const [form, setForm] = useState<StartForm>(EMPTY_START_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const rows = sessions.data?.items ?? [];\n  const hasMore = sessions.data?.pageInfo?.hasMore ?? false;\n\n  const onFilterChange = (value: SessionFilterValue) => {\n    setFilter(value);\n    pager.reset();\n  };\n\n  const openStart = () => {\n    setForm(EMPTY_START_FORM);\n    setFormError(null);\n    setStartOpen(true);\n  };\n\n  const submitStart = async () => {\n    setFormError(null);\n    try {\n      const created = await startSession.mutateAsync({\n        programId: form.programId === NO_PROGRAM ? undefined : form.programId,\n        scheduledFor: form.scheduledFor ? new Date(form.scheduledFor).toISOString() : undefined,\n        notes: form.notes.trim() ? form.notes.trim() : undefined,\n      });\n      setStartOpen(false);\n      navigateTo(`train/${created.id}`);\n    } catch (e) {\n      setFormError(e instanceof Error ? e.message : 'Failed to start the session.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Train\"\n      description=\"Live workout sessions — start, log sets, and complete.\"\n      actions={\n        <Button onClick={openStart}>\n          <Plus className=\"h-4 w-4\" /> Start session\n        </Button>\n      }\n    >\n      <div className=\"mb-6\">\n        <FilterTabs options={STATUS_TABS} value={filter} onChange={onFilterChange} />\n      </div>\n\n      {sessions.isLoading ? (\n        <LoadingView label=\"Loading your sessions…\" />\n      ) : sessions.isError ? (\n        <ErrorView\n          message=\"We couldn't load your workout sessions.\"\n          onRetry={() => sessions.refetch()}\n        />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Flame className=\"h-10 w-10\" />}\n          title={filter === 'ALL' ? 'No sessions yet' : 'No sessions in this state'}\n          description={\n            filter === 'ALL'\n              ? 'Start a workout session to begin logging sets and tracking your training.'\n              : 'Try a different filter, or start a new workout session.'\n          }\n          action={\n            <Button onClick={openStart}>\n              <Plus className=\"h-4 w-4\" /> Start session\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {rows.map((s, i) => {\n              const meta = sessionMeta(s);\n              const Icon = meta.icon;\n              const isLive = s.status === 'IN_PROGRESS';\n              const setCount = s.sets?.length;\n              const rpe = s.perceivedExertion;\n              return (\n                <motion.button\n                  key={s.id}\n                  type=\"button\"\n                  onClick={() => navigateTo(`train/${s.id}`)}\n                  className=\"block w-full text-left\"\n                  initial={reduce ? false : { opacity: 0, y: 12 }}\n                  animate={{ opacity: 1, y: 0 }}\n                  transition={\n                    reduce\n                      ? { duration: 0 }\n                      : { duration: 0.35, delay: Math.min(i, 8) * 0.05, ease: MOTION_EASE }\n                  }\n                  whileHover={reduce ? undefined : { y: -3 }}\n                  whileTap={reduce ? undefined : { scale: 0.995 }}\n                >\n                  <GlassCard\n                    treatment=\"plain\"\n                    glow={isLive}\n                    className={\n                      'h-full p-4 transition-shadow hover:shadow-float' +\n                      (isLive\n                        ? ' ring-1 ring-inset ring-[color-mix(in_oklab,var(--color-action-primary-bg)_45%,transparent)]'\n                        : '')\n                    }\n                  >\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n                      <StatusBadge status={s.status} />\n                    </div>\n                    <p className=\"mt-3 text-base font-semibold text-text-primary\">{meta.title}</p>\n                    <p className=\"mt-0.5 text-xs text-text-tertiary\">\n                      {meta.stampLabel} {formatRelativeTime(meta.stamp)}\n                    </p>\n\n                    <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary\">\n                      {s.caloriesBurned > 0 && (\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <Flame className=\"h-3.5 w-3.5 text-status-warning-text\" />\n                          {formatKcal(s.caloriesBurned)}\n                        </span>\n                      )}\n                      {rpe != null && (\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <Gauge className=\"h-3.5 w-3.5 text-accent\" />\n                          RPE {rpe}/10\n                        </span>\n                      )}\n                      {setCount != null && setCount > 0 && (\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <ListChecks className=\"h-3.5 w-3.5 text-accent\" />\n                          {formatNumber(setCount)} sets\n                        </span>\n                      )}\n                    </div>\n\n                    {rpe != null && (\n                      <div className=\"mt-3\">\n                        <div className=\"mb-1 flex items-center justify-between text-[11px] text-text-tertiary\">\n                          <span>RPE intensity</span>\n                          <span className=\"tabular-nums\">{rpe}/10</span>\n                        </div>\n                        <Meter value={rpe * 10} height={6} />\n                      </div>\n                    )}\n\n                    {isLive && (\n                      <p className=\"mt-3 inline-flex items-center gap-1 text-xs font-semibold text-action-primary-bg\">\n                        In progress — Resume →\n                      </p>\n                    )}\n                  </GlassCard>\n                </motion.button>\n              );\n            })}\n          </div>\n\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={rows.length}\n            hasMore={hasMore}\n            onPageChange={(t) => pager.onPageChange(t)}\n          />\n        </>\n      )}\n\n      {/* Start session dialog */}\n      <ResponsiveDialog open={startOpen} onOpenChange={setStartOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Start a workout session</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Begin a live session now, or schedule one for later. Attach an active program to keep\n              your training organised.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 px-1\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-start-program\">Program (optional)</Label>\n              <Select\n                value={form.programId}\n                onValueChange={(v) => setForm((f) => ({ ...f, programId: v }))}\n              >\n                <SelectTrigger id=\"myb-start-program\">\n                  <SelectValue placeholder=\"No program\" />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value={NO_PROGRAM}>No program</SelectItem>\n                  {activePrograms.map((p) => (\n                    <SelectItem key={p.id} value={p.id}>\n                      {p.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-start-scheduled\">Scheduled for (optional)</Label>\n              <Input\n                id=\"myb-start-scheduled\"\n                type=\"datetime-local\"\n                value={form.scheduledFor}\n                onChange={(e) => setForm((f) => ({ ...f, scheduledFor: e.target.value }))}\n              />\n              <p className=\"text-xs text-text-tertiary\">\n                Leave empty to start a live session right now.\n              </p>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-start-notes\">Notes (optional)</Label>\n              <Textarea\n                id=\"myb-start-notes\"\n                rows={3}\n                value={form.notes}\n                onChange={(e) => setForm((f) => ({ ...f, notes: e.target.value }))}\n                placeholder=\"Focus, target lifts, how you're feeling…\"\n              />\n            </div>\n\n            {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={() => setStartOpen(false)}\n              disabled={startSession.isPending}\n            >\n              Cancel\n            </Button>\n            <Button onClick={submitStart} disabled={startSession.isPending}>\n              {startSession.isPending ? 'Starting…' : 'Start session'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SessionsPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/train/SessionsPage.tsx"],"sourcesContent":["/**\n * Train — live workout sessions.\n * @module mybodyshield/pages/train\n *\n * Lists the member's workout sessions (real `mybListSessions`) filtered by\n * status, and lets you start a new live session (optionally attached to an\n * active program). In-progress sessions are highlighted with an accent ring and\n * a \"Resume\" affordance. No mock data — everything comes from the myb* hooks.\n */\n\nimport { useState } from 'react';\nimport { motion, useReducedMotion } from 'framer-motion';\nimport {\n  Plus,\n  Flame,\n  CheckCircle2,\n  CalendarClock,\n  PlayCircle,\n  SkipForward,\n  Gauge,\n  ListChecks,\n} from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Label,\n  Textarea,\n  Input,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  FilterTabs,\n  Pagination,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n  type FilterOption,\n} from '../../components';\nimport { IconChip, Meter } from '../_shared/visuals';\nimport { useMyBodyShield } from '../../context';\nimport {\n  useMybSessions,\n  useMybStartSession,\n  useMybPrograms,\n  useOffsetPager,\n  useMyBodyShieldAnalytics,\n} from '../../hooks';\nimport { formatRelativeTime, formatKcal, formatNumber } from '../../utils/formatters';\nimport type { MybSessionStatus, MybWorkoutSession } from '../../types';\n\ntype SessionFilterValue = MybSessionStatus | 'ALL';\n\n// Only statuses a control can actually reach are offered as filters: start →\n// IN_PROGRESS / SCHEDULED, complete → COMPLETED. Nothing moves a session to\n// SKIPPED, so that tab would always be empty. sessionMeta still handles the\n// SKIPPED case for display safety.\nconst STATUS_TABS: FilterOption<SessionFilterValue>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'IN_PROGRESS', label: 'Live' },\n  { value: 'COMPLETED', label: 'Completed' },\n];\n\nconst PAGE_SIZE = 24;\n\n/** Shared entrance easing — a soft, decelerating cubic-bezier. */\nconst MOTION_EASE: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\n/** Sentinel for the optional program picker (Radix Select forbids an empty value). */\nconst NO_PROGRAM = '__none__';\n\ninterface StartForm {\n  programId: string;\n  scheduledFor: string;\n  notes: string;\n}\n\nconst EMPTY_START_FORM: StartForm = { programId: NO_PROGRAM, scheduledFor: '', notes: '' };\n\ninterface SessionMeta {\n  icon: typeof Flame;\n  tint: string;\n  title: string;\n  stampLabel: string;\n  stamp?: string | null;\n}\n\nfunction sessionMeta(s: MybWorkoutSession): SessionMeta {\n  switch (s.status) {\n    case 'IN_PROGRESS':\n      return {\n        icon: PlayCircle,\n        tint: 'var(--color-accent-teal)',\n        title: 'Live workout in progress',\n        stampLabel: 'Started',\n        stamp: s.startedAt ?? s.createdAt,\n      };\n    case 'COMPLETED':\n      return {\n        icon: CheckCircle2,\n        tint: 'var(--color-status-success-text)',\n        title:\n          s.caloriesBurned > 0 ? `${formatKcal(s.caloriesBurned)} burned` : 'Workout completed',\n        stampLabel: 'Completed',\n        stamp: s.completedAt ?? s.startedAt ?? s.createdAt,\n      };\n    case 'SKIPPED':\n      return {\n        icon: SkipForward,\n        tint: 'var(--color-text-secondary)',\n        title: 'Skipped session',\n        stampLabel: 'Scheduled',\n        stamp: s.scheduledFor ?? s.createdAt,\n      };\n    case 'SCHEDULED':\n    default:\n      return {\n        icon: CalendarClock,\n        tint: 'var(--color-accent-primary)',\n        title: 'Scheduled session',\n        stampLabel: 'Scheduled',\n        stamp: s.scheduledFor ?? s.createdAt,\n      };\n  }\n}\n\nexport function SessionsPage() {\n  const { navigateTo, workspaceId } = useMyBodyShield();\n  const reduce = useReducedMotion();\n  const analytics = useMyBodyShieldAnalytics();\n\n  const [filter, setFilter] = useState<SessionFilterValue>('ALL');\n  const pager = useOffsetPager(PAGE_SIZE);\n\n  const sessions = useMybSessions({\n    status: filter === 'ALL' ? undefined : filter,\n    pagination: { limit: PAGE_SIZE, offset: pager.offset },\n  });\n\n  const programs = useMybPrograms({ status: 'ACTIVE', pagination: { limit: 50 } });\n  const activePrograms = programs.data?.items ?? [];\n\n  const startSession = useMybStartSession();\n\n  const [startOpen, setStartOpen] = useState(false);\n  const [form, setForm] = useState<StartForm>(EMPTY_START_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const rows = sessions.data?.items ?? [];\n  const hasMore = sessions.data?.pageInfo?.hasMore ?? false;\n\n  const onFilterChange = (value: SessionFilterValue) => {\n    setFilter(value);\n    pager.reset();\n  };\n\n  const openStart = () => {\n    setForm(EMPTY_START_FORM);\n    setFormError(null);\n    setStartOpen(true);\n    analytics.emitIntent('session', 'create', { workspaceId });\n  };\n\n  const submitStart = async () => {\n    setFormError(null);\n    try {\n      const created = await startSession.mutateAsync({\n        programId: form.programId === NO_PROGRAM ? undefined : form.programId,\n        scheduledFor: form.scheduledFor ? new Date(form.scheduledFor).toISOString() : undefined,\n        notes: form.notes.trim() ? form.notes.trim() : undefined,\n      });\n      analytics.emitFact('session', 'started', { workspaceId, entityId: created.id });\n      setStartOpen(false);\n      navigateTo(`train/${created.id}`);\n    } catch (e) {\n      setFormError(e instanceof Error ? e.message : 'Failed to start the session.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Train\"\n      description=\"Live workout sessions — start, log sets, and complete.\"\n      actions={\n        <Button onClick={openStart}>\n          <Plus className=\"h-4 w-4\" /> Start session\n        </Button>\n      }\n    >\n      <div className=\"mb-6\">\n        <FilterTabs options={STATUS_TABS} value={filter} onChange={onFilterChange} />\n      </div>\n\n      {sessions.isLoading ? (\n        <LoadingView label=\"Loading your sessions…\" />\n      ) : sessions.isError ? (\n        <ErrorView\n          message=\"We couldn't load your workout sessions.\"\n          onRetry={() => sessions.refetch()}\n        />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Flame className=\"h-10 w-10\" />}\n          title={filter === 'ALL' ? 'No sessions yet' : 'No sessions in this state'}\n          description={\n            filter === 'ALL'\n              ? 'Start a workout session to begin logging sets and tracking your training.'\n              : 'Try a different filter, or start a new workout session.'\n          }\n          action={\n            <Button onClick={openStart}>\n              <Plus className=\"h-4 w-4\" /> Start session\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {rows.map((s, i) => {\n              const meta = sessionMeta(s);\n              const Icon = meta.icon;\n              const isLive = s.status === 'IN_PROGRESS';\n              const setCount = s.sets?.length;\n              const rpe = s.perceivedExertion;\n              return (\n                <motion.button\n                  key={s.id}\n                  type=\"button\"\n                  onClick={() => navigateTo(`train/${s.id}`)}\n                  className=\"block w-full text-left\"\n                  initial={reduce ? false : { opacity: 0, y: 12 }}\n                  animate={{ opacity: 1, y: 0 }}\n                  transition={\n                    reduce\n                      ? { duration: 0 }\n                      : { duration: 0.35, delay: Math.min(i, 8) * 0.05, ease: MOTION_EASE }\n                  }\n                  whileHover={reduce ? undefined : { y: -3 }}\n                  whileTap={reduce ? undefined : { scale: 0.995 }}\n                >\n                  <GlassCard\n                    treatment=\"plain\"\n                    glow={isLive}\n                    className={\n                      'h-full p-4 transition-shadow hover:shadow-float' +\n                      (isLive\n                        ? ' ring-1 ring-inset ring-[color-mix(in_oklab,var(--color-action-primary-bg)_45%,transparent)]'\n                        : '')\n                    }\n                  >\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n                      <StatusBadge status={s.status} />\n                    </div>\n                    <p className=\"mt-3 text-base font-semibold text-text-primary\">{meta.title}</p>\n                    <p className=\"mt-0.5 text-xs text-text-tertiary\">\n                      {meta.stampLabel} {formatRelativeTime(meta.stamp)}\n                    </p>\n\n                    <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary\">\n                      {s.caloriesBurned > 0 && (\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <Flame className=\"h-3.5 w-3.5 text-status-warning-text\" />\n                          {formatKcal(s.caloriesBurned)}\n                        </span>\n                      )}\n                      {rpe != null && (\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <Gauge className=\"h-3.5 w-3.5 text-accent\" />\n                          RPE {rpe}/10\n                        </span>\n                      )}\n                      {setCount != null && setCount > 0 && (\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <ListChecks className=\"h-3.5 w-3.5 text-accent\" />\n                          {formatNumber(setCount)} sets\n                        </span>\n                      )}\n                    </div>\n\n                    {rpe != null && (\n                      <div className=\"mt-3\">\n                        <div className=\"mb-1 flex items-center justify-between text-[11px] text-text-tertiary\">\n                          <span>RPE intensity</span>\n                          <span className=\"tabular-nums\">{rpe}/10</span>\n                        </div>\n                        <Meter value={rpe * 10} height={6} />\n                      </div>\n                    )}\n\n                    {isLive && (\n                      <p className=\"mt-3 inline-flex items-center gap-1 text-xs font-semibold text-action-primary-bg\">\n                        In progress — Resume →\n                      </p>\n                    )}\n                  </GlassCard>\n                </motion.button>\n              );\n            })}\n          </div>\n\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={rows.length}\n            hasMore={hasMore}\n            onPageChange={(t) => pager.onPageChange(t)}\n          />\n        </>\n      )}\n\n      {/* Start session dialog */}\n      <ResponsiveDialog open={startOpen} onOpenChange={setStartOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Start a workout session</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Begin a live session now, or schedule one for later. Attach an active program to keep\n              your training organised.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 px-1\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-start-program\">Program (optional)</Label>\n              <Select\n                value={form.programId}\n                onValueChange={(v) => setForm((f) => ({ ...f, programId: v }))}\n              >\n                <SelectTrigger id=\"myb-start-program\">\n                  <SelectValue placeholder=\"No program\" />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value={NO_PROGRAM}>No program</SelectItem>\n                  {activePrograms.map((p) => (\n                    <SelectItem key={p.id} value={p.id}>\n                      {p.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-start-scheduled\">Scheduled for (optional)</Label>\n              <Input\n                id=\"myb-start-scheduled\"\n                type=\"datetime-local\"\n                value={form.scheduledFor}\n                onChange={(e) => setForm((f) => ({ ...f, scheduledFor: e.target.value }))}\n              />\n              <p className=\"text-xs text-text-tertiary\">\n                Leave empty to start a live session right now.\n              </p>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-start-notes\">Notes (optional)</Label>\n              <Textarea\n                id=\"myb-start-notes\"\n                rows={3}\n                value={form.notes}\n                onChange={(e) => setForm((f) => ({ ...f, notes: e.target.value }))}\n                placeholder=\"Focus, target lifts, how you're feeling…\"\n              />\n            </div>\n\n            {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={() => setStartOpen(false)}\n              disabled={startSession.isPending}\n            >\n              Cancel\n            </Button>\n            <Button onClick={submitStart} disabled={startSession.isPending}>\n              {startSession.isPending ? 'Starting…' : 'Start session'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}