@burdenoff/microfe-mybodyshield 2026.705.2 → 2026.706.2

package/dist/mybodyshield/pages/DashboardPage.js

@@ -1,373 +1,470 @@
 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 { formatEnumLabel as r, formatNumber as i, formatPercent as a, formatRelativeTime as o, formatWeight as ee } from "../utils/formatters.js";
-import { StatusBadge as s } from "../components/StatusBadge.js";
-import { MiniBar as te } from "../components/MiniBar.js";
-import { LoadingView as c, Section as l } from "../components/StateViews.js";
-import { EmptyState as u } from "../components/EmptyState.js";
-import { GOAL_TYPE_META as ne, IconChip as d, MacroBar as f, MacroLegend as p, Meter as m, ProgressRing as re, WORKOUT_TYPE_META as h, computeGoalProgress as g } from "./_shared/visuals.js";
+import { motion as t } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as n } from "../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { MetricsCard as i } from "../components/MetricsCard.js";
+import { formatEnumLabel as ee, formatNumber as a, formatPercent as o, formatRelativeTime as s, formatWeight as c } from "../utils/formatters.js";
+import { StatusBadge as l } from "../components/StatusBadge.js";
+import { MiniBar as u } from "../components/MiniBar.js";
+import { LoadingView as te, Section as d } from "../components/StateViews.js";
+import { EmptyState as f } from "../components/EmptyState.js";
+import { GOAL_TYPE_META as ne, IconChip as p, MacroBar as re, MacroLegend as ie, Meter as m, ProgressRing as ae, WORKOUT_TYPE_META as oe, computeGoalProgress as h } from "./_shared/visuals.js";
 import "../context/index.js";
-import { useMybBodyMetrics as _, useMybDailyMacros as v, useMybGoals as y, useMybPrograms as b, useMybRecoveryLogs as x, useMybSessions as S } from "../hooks/useMyBodyShieldApi.js";
+import { useMybBodyMetrics as g, useMybDailyMacros as _, useMybGoals as v, useMybPrograms as y, useMybRecoveryLogs as b, useMybSessions as x } from "../hooks/useMyBodyShieldApi.js";
 import "../hooks/index.js";
-import { useMemo as C } from "react";
-import { ArrowRight as w, CalendarCheck as T, CheckCircle2 as ie, Dumbbell as ae, Flame as E, Moon as oe, Salad as se, Target as D, Weight as ce } from "lucide-react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { GlassCard as A } from "@burdenoff/fe-libs/ui";
+import { useMemo as S } from "react";
+import { ArrowRight as C, CalendarCheck as w, CheckCircle2 as se, Dumbbell as ce, Flame as T, Moon as le, Salad as ue, Target as E, Weight as de } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { GlassCard as k } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/DashboardPage.tsx
+var A = [
+	.16,
+	1,
+	.3,
+	1
+];
 function j() {
-	let { navigateTo: j, currentUser: M } = e(), N = b({
+	let { navigateTo: j, currentUser: M } = e(), N = n(), P = (e) => N ? {} : {
+		initial: {
+			opacity: 0,
+			y: 14
+		},
+		whileInView: {
+			opacity: 1,
+			y: 0
+		},
+		viewport: {
+			once: !0,
+			amount: .15
+		},
+		transition: {
+			duration: .45,
+			delay: Math.min(e, 8) * .05,
+			ease: A
+		}
+	}, F = N ? {} : { whileHover: {
+		y: -3,
+		transition: {
+			duration: .2,
+			ease: A
+		}
+	} }, I = N ? {} : {
+		whileHover: {
+			y: -3,
+			transition: {
+				duration: .2,
+				ease: A
+			}
+		},
+		whileTap: { scale: .985 }
+	}, L = y({
 		status: "ACTIVE",
 		pagination: { limit: 50 }
-	}), P = S({ pagination: { limit: 20 } }), F = y({
+	}), R = x({ pagination: { limit: 20 } }), z = v({
 		status: "ACTIVE",
 		pagination: { limit: 50 }
-	}), I = v(), L = _({
+	}), B = _(), V = g({
 		type: "WEIGHT",
 		pagination: { limit: 30 }
-	}), R = x("READINESS"), z = N.data?.items ?? [], B = P.data?.items ?? [], V = F.data?.items ?? [], H = L.data?.items ?? [], U = R.data ?? [], W = (/* @__PURE__ */ new Date()).getTime() - 10080 * 60 * 1e3, G = B.filter((e) => {
+	}), fe = b("READINESS"), pe = L.data?.items ?? [], H = R.data?.items ?? [], U = z.data?.items ?? [], W = V.data?.items ?? [], me = fe.data ?? [], he = (/* @__PURE__ */ new Date()).getTime() - 10080 * 60 * 1e3, G = H.filter((e) => {
 		let t = e.completedAt ?? e.startedAt ?? e.scheduledFor ?? e.createdAt;
-		return t ? new Date(t).getTime() >= W : !1;
-	}), le = G.filter((e) => e.status === "COMPLETED").length, K = B.find((e) => e.status === "IN_PROGRESS"), q = B.filter((e) => e.status === "SCHEDULED" && e.scheduledFor).sort((e, t) => new Date(e.scheduledFor).getTime() - new Date(t.scheduledFor).getTime())[0], J = H[0], Y = H[1], X = J && Y ? J.value - Y.value : void 0, Z = U.slice().sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], Q = C(() => V.length === 0 ? 0 : V.reduce((e, t) => e + g(t), 0) / V.length, [V]), $ = I.data, ue = $?.calorieTarget ? $.calories / $.calorieTarget * 100 : 0;
-	return N.isLoading && P.isLoading && F.isLoading && I.isLoading ? /* @__PURE__ */ O(t, {
+		return t ? new Date(t).getTime() >= he : !1;
+	}), ge = G.filter((e) => e.status === "COMPLETED").length, K = H.find((e) => e.status === "IN_PROGRESS"), q = H.filter((e) => e.status === "SCHEDULED" && e.scheduledFor).sort((e, t) => new Date(e.scheduledFor).getTime() - new Date(t.scheduledFor).getTime())[0], J = W[0], Y = W[1], X = J && Y ? J.value - Y.value : void 0, Z = me.slice().sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], Q = S(() => U.length === 0 ? 0 : U.reduce((e, t) => e + h(t), 0) / U.length, [U]), $ = B.data, _e = $?.calorieTarget ? $.calories / $.calorieTarget * 100 : 0;
+	if (L.isLoading && R.isLoading && z.isLoading && B.isLoading) return /* @__PURE__ */ D(r, {
 		title: "MyBodyShield",
 		titleGradient: !0,
 		aurora: !0,
-		children: /* @__PURE__ */ O(c, { label: "Loading your fitness overview…" })
-	}) : /* @__PURE__ */ k(t, {
+		children: /* @__PURE__ */ D(te, { label: "Loading your fitness overview…" })
+	});
+	let ve = M?.firstName || M?.name || "there", ye = [
+		{
+			id: "programs",
+			node: /* @__PURE__ */ D(i, {
+				icon: /* @__PURE__ */ D(ce, { className: "h-5 w-5" }),
+				value: a(pe.length),
+				label: "Active programs",
+				footer: /* @__PURE__ */ D("p", {
+					className: "text-xs text-text-tertiary",
+					children: /* @__PURE__ */ D("button", {
+						type: "button",
+						onClick: () => j("programs"),
+						className: "font-medium text-accent hover:underline",
+						children: "Manage programs"
+					})
+				})
+			})
+		},
+		{
+			id: "sessions",
+			node: /* @__PURE__ */ D(i, {
+				icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
+				value: a(ge),
+				label: "Sessions this week",
+				accent: K ? "warning" : void 0,
+				footer: K ? /* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => j(`train/${K.id}`),
+					className: "text-xs font-medium text-status-warning-text hover:underline",
+					children: "Resume live session →"
+				}) : /* @__PURE__ */ O("p", {
+					className: "text-xs text-text-tertiary",
+					children: [
+						/* @__PURE__ */ D("span", {
+							className: "tabular-nums text-text-secondary",
+							children: G.length
+						}),
+						" ",
+						"logged"
+					]
+				})
+			})
+		},
+		{
+			id: "goals",
+			node: /* @__PURE__ */ D(i, {
+				icon: /* @__PURE__ */ D(E, { className: "h-5 w-5" }),
+				value: a(U.length),
+				label: "Active goals",
+				footer: /* @__PURE__ */ O("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ D(u, {
+						value: Q,
+						height: 4,
+						barClassName: "bg-action-primary-bg"
+					}), /* @__PURE__ */ O("p", {
+						className: "text-xs text-text-tertiary",
+						children: [
+							/* @__PURE__ */ D("span", {
+								className: "tabular-nums text-text-secondary",
+								children: o(Q)
+							}),
+							" ",
+							"avg progress"
+						]
+					})]
+				})
+			})
+		},
+		{
+			id: "weight",
+			node: /* @__PURE__ */ D(i, {
+				icon: /* @__PURE__ */ D(de, { className: "h-5 w-5" }),
+				value: J ? c(J.value) : "—",
+				label: "Latest weight",
+				footer: X == null ? /* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => j("progress"),
+					className: "text-xs font-medium text-accent hover:underline",
+					children: "Log a measurement →"
+				}) : /* @__PURE__ */ O("p", {
+					className: "text-xs text-text-tertiary",
+					children: [
+						/* @__PURE__ */ O("span", {
+							className: X <= 0 ? "font-medium text-status-success-text" : "font-medium text-text-secondary",
+							children: [
+								X > 0 ? "+" : "",
+								X.toFixed(1),
+								" kg"
+							]
+						}),
+						" ",
+						"vs last"
+					]
+				})
+			})
+		},
+		{
+			id: "recovery",
+			node: /* @__PURE__ */ D(i, {
+				icon: /* @__PURE__ */ D(le, { className: "h-5 w-5" }),
+				value: Z ? `${Z.score}` : "—",
+				label: "Recovery readiness",
+				accent: Z ? Z.score >= 70 ? "success" : Z.score >= 40 ? "warning" : "error" : void 0,
+				footer: Z ? /* @__PURE__ */ D("p", {
+					className: "text-xs text-text-tertiary",
+					children: s(Z.loggedAt)
+				}) : /* @__PURE__ */ D("button", {
+					type: "button",
+					onClick: () => j("recovery"),
+					className: "text-xs font-medium text-accent hover:underline",
+					children: "Log recovery →"
+				})
+			})
+		}
+	];
+	return /* @__PURE__ */ O(r, {
 		title: "MyBodyShield",
 		titleGradient: !0,
 		aurora: !0,
-		description: `Welcome back, ${M?.firstName || M?.name || "there"} — your training, nutrition, progress & recovery control room.`,
+		description: `Welcome back, ${ve} — your training, nutrition, progress & recovery control room.`,
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
-				children: [
-					/* @__PURE__ */ O(n, {
-						icon: /* @__PURE__ */ O(ae, { className: "h-5 w-5" }),
-						value: i(z.length),
-						label: "Active programs",
-						footer: /* @__PURE__ */ O("p", {
-							className: "text-xs text-text-tertiary",
-							children: /* @__PURE__ */ O("button", {
-								type: "button",
-								onClick: () => j("programs"),
-								className: "font-medium text-accent hover:underline",
-								children: "Manage programs"
-							})
-						})
-					}),
-					/* @__PURE__ */ O(n, {
-						icon: /* @__PURE__ */ O(E, { className: "h-5 w-5" }),
-						value: i(le),
-						label: "Sessions this week",
-						accent: K ? "warning" : void 0,
-						footer: K ? /* @__PURE__ */ O("button", {
-							type: "button",
-							onClick: () => j(`train/${K.id}`),
-							className: "text-xs font-medium text-status-warning-text hover:underline",
-							children: "Resume live session →"
-						}) : /* @__PURE__ */ k("p", {
-							className: "text-xs text-text-tertiary",
-							children: [
-								/* @__PURE__ */ O("span", {
-									className: "tabular-nums text-text-secondary",
-									children: G.length
-								}),
-								" ",
-								"logged"
-							]
-						})
-					}),
-					/* @__PURE__ */ O(n, {
-						icon: /* @__PURE__ */ O(D, { className: "h-5 w-5" }),
-						value: i(V.length),
-						label: "Active goals",
-						footer: /* @__PURE__ */ k("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ O(te, {
-								value: Q,
-								height: 4,
-								barClassName: "bg-accent-teal"
-							}), /* @__PURE__ */ k("p", {
-								className: "text-xs text-text-tertiary",
-								children: [
-									/* @__PURE__ */ O("span", {
-										className: "tabular-nums text-text-secondary",
-										children: a(Q)
-									}),
-									" ",
-									"avg progress"
-								]
-							})]
-						})
-					}),
-					/* @__PURE__ */ O(n, {
-						icon: /* @__PURE__ */ O(ce, { className: "h-5 w-5" }),
-						value: J ? ee(J.value) : "—",
-						label: "Latest weight",
-						footer: X == null ? /* @__PURE__ */ O("button", {
-							type: "button",
-							onClick: () => j("progress"),
-							className: "text-xs font-medium text-accent hover:underline",
-							children: "Log a measurement →"
-						}) : /* @__PURE__ */ k("p", {
-							className: "text-xs text-text-tertiary",
-							children: [
-								/* @__PURE__ */ k("span", {
-									className: X <= 0 ? "font-medium text-status-success-text" : "font-medium text-text-secondary",
-									children: [
-										X > 0 ? "+" : "",
-										X.toFixed(1),
-										" kg"
-									]
-								}),
-								" ",
-								"vs last"
-							]
-						})
-					}),
-					/* @__PURE__ */ O(n, {
-						icon: /* @__PURE__ */ O(oe, { className: "h-5 w-5" }),
-						value: Z ? `${Z.score}` : "—",
-						label: "Recovery readiness",
-						accent: Z ? Z.score >= 70 ? "success" : Z.score >= 40 ? "warning" : "error" : void 0,
-						footer: Z ? /* @__PURE__ */ O("p", {
-							className: "text-xs text-text-tertiary",
-							children: o(Z.loggedAt)
-						}) : /* @__PURE__ */ O("button", {
-							type: "button",
-							onClick: () => j("recovery"),
-							className: "text-xs font-medium text-accent hover:underline",
-							children: "Log recovery →"
-						})
-					})
-				]
+				children: ye.map((e, n) => /* @__PURE__ */ O(t.div, {
+					className: "group relative rounded-2xl transition-shadow duration-300 hover:shadow-float",
+					...P(n),
+					...F,
+					children: [/* @__PURE__ */ D("span", {
+						"aria-hidden": !0,
+						className: "pointer-events-none absolute inset-x-6 top-0 z-10 h-px rounded-full bg-gradient-to-r from-transparent via-action-primary-bg to-transparent opacity-40 transition-opacity duration-300 group-hover:opacity-90"
+					}), e.node]
+				}, e.id))
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ k(A, {
-					treatment: "glass",
-					className: "p-6 lg:col-span-2",
-					children: [/* @__PURE__ */ k("div", {
-						className: "mb-4 flex flex-wrap items-start justify-between gap-3",
-						children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
-							className: "text-base font-semibold text-text-primary",
-							children: "Today's nutrition"
-						}), /* @__PURE__ */ O("p", {
-							className: "mt-0.5 text-sm text-text-secondary",
-							children: "Calories & macros logged against your active plan."
-						})] }), /* @__PURE__ */ k("button", {
-							type: "button",
-							onClick: () => j("nutrition"),
-							className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-							children: ["Nutrition ", /* @__PURE__ */ O(w, { className: "h-4 w-4" })]
-						})]
-					}), !$ || $.calorieTarget === 0 && $.calories === 0 ? /* @__PURE__ */ O(u, {
-						illustration: "empty-data",
-						icon: /* @__PURE__ */ O(se, { className: "h-10 w-10" }),
-						title: "No nutrition data yet",
-						description: "Activate a nutrition plan and log meals to track your daily macros here."
-					}) : /* @__PURE__ */ k("div", {
-						className: "flex flex-col gap-6 sm:flex-row sm:items-center",
-						children: [/* @__PURE__ */ k(re, {
-							value: ue,
-							size: 128,
-							stroke: 12,
-							children: [/* @__PURE__ */ O("span", {
-								className: "text-xl font-bold tabular-nums text-text-primary",
-								children: i($.calories)
-							}), /* @__PURE__ */ k("span", {
-								className: "text-xs text-text-tertiary",
-								children: [
-									"/ ",
-									i($.calorieTarget),
-									" kcal"
-								]
+				children: [/* @__PURE__ */ D(t.div, {
+					className: "lg:col-span-2",
+					...P(0),
+					children: /* @__PURE__ */ O(k, {
+						treatment: "glass",
+						className: "h-full p-6",
+						children: [/* @__PURE__ */ O("div", {
+							className: "mb-4 flex flex-wrap items-start justify-between gap-3",
+							children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Today's nutrition"
+							}), /* @__PURE__ */ D("p", {
+								className: "mt-0.5 text-sm text-text-secondary",
+								children: "Calories & macros logged against your active plan."
+							})] }), /* @__PURE__ */ O("button", {
+								type: "button",
+								onClick: () => j("nutrition"),
+								className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+								children: ["Nutrition ", /* @__PURE__ */ D(C, { className: "h-4 w-4" })]
 							})]
-						}), /* @__PURE__ */ k("div", {
-							className: "flex-1 space-y-4",
-							children: [/* @__PURE__ */ k("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ O(f, {
-									proteinG: $.proteinG,
-									carbsG: $.carbsG,
-									fatG: $.fatG,
-									height: 10
-								}), /* @__PURE__ */ O(p, {})]
-							}), /* @__PURE__ */ O("div", {
-								className: "grid grid-cols-3 gap-3",
-								children: [
-									[
-										"Protein",
-										$.proteinG,
-										$.proteinTarget
-									],
-									[
-										"Carbs",
-										$.carbsG,
-										$.carbsTarget
-									],
-									[
-										"Fat",
-										$.fatG,
-										$.fatTarget
-									]
-								].map(([e, t, n]) => /* @__PURE__ */ k("div", {
-									className: "rounded-xl bg-bg-sunken/60 p-3",
+						}), !$ || $.calorieTarget === 0 && $.calories === 0 ? /* @__PURE__ */ D(f, {
+							illustration: "empty-data",
+							icon: /* @__PURE__ */ D(ue, { className: "h-10 w-10" }),
+							title: "No nutrition data yet",
+							description: "Activate a nutrition plan and log meals to track your daily macros here."
+						}) : /* @__PURE__ */ O("div", {
+							className: "flex flex-col gap-8 sm:flex-row sm:items-center",
+							children: [/* @__PURE__ */ O("div", {
+								className: "relative mx-auto flex shrink-0 items-center justify-center sm:mx-0",
+								children: [/* @__PURE__ */ D("span", {
+									"aria-hidden": !0,
+									className: "pointer-events-none absolute inset-2 rounded-full opacity-70 blur-2xl",
+									style: { background: "radial-gradient(circle, color-mix(in srgb, var(--color-action-primary-bg) 26%, transparent), transparent 70%)" }
+								}), /* @__PURE__ */ O(ae, {
+									value: _e,
+									size: 188,
+									stroke: 16,
 									children: [
-										/* @__PURE__ */ O("p", {
-											className: "text-xs text-text-tertiary",
-											children: e
+										/* @__PURE__ */ D("span", {
+											className: "text-[11px] font-medium uppercase tracking-wide text-text-tertiary",
+											children: "Calories"
 										}),
-										/* @__PURE__ */ k("p", {
-											className: "mt-0.5 text-sm font-semibold tabular-nums text-text-primary",
-											children: [i(t), /* @__PURE__ */ k("span", {
-												className: "text-xs font-normal text-text-tertiary",
-												children: [
-													" ",
-													"/ ",
-													i(n),
-													" g"
-												]
-											})]
+										/* @__PURE__ */ D("span", {
+											className: "text-3xl font-bold tabular-nums text-text-primary",
+											children: a($.calories)
 										}),
-										/* @__PURE__ */ O(m, {
-											value: n ? t / n * 100 : 0,
-											height: 4,
-											className: "mt-2"
+										/* @__PURE__ */ O("span", {
+											className: "mt-0.5 text-xs text-text-tertiary",
+											children: [
+												"/ ",
+												a($.calorieTarget),
+												" kcal"
+											]
 										})
 									]
-								}, e))
+								})]
+							}), /* @__PURE__ */ O("div", {
+								className: "flex-1 space-y-4",
+								children: [/* @__PURE__ */ O("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ D(re, {
+										proteinG: $.proteinG,
+										carbsG: $.carbsG,
+										fatG: $.fatG,
+										height: 12
+									}), /* @__PURE__ */ D(ie, {})]
+								}), /* @__PURE__ */ D("div", {
+									className: "grid grid-cols-3 gap-3",
+									children: [
+										[
+											"Protein",
+											$.proteinG,
+											$.proteinTarget
+										],
+										[
+											"Carbs",
+											$.carbsG,
+											$.carbsTarget
+										],
+										[
+											"Fat",
+											$.fatG,
+											$.fatTarget
+										]
+									].map(([e, t, n]) => {
+										let r = n ? t / n * 100 : 0;
+										return /* @__PURE__ */ O("div", {
+											className: "rounded-2xl bg-bg-sunken/60 p-3 ring-1 ring-inset ring-border-seam/40 transition-shadow hover:shadow-float",
+											children: [
+												/* @__PURE__ */ O("div", {
+													className: "flex items-center justify-between gap-1",
+													children: [/* @__PURE__ */ D("p", {
+														className: "text-xs font-medium text-text-tertiary",
+														children: e
+													}), /* @__PURE__ */ D("span", {
+														className: "text-[11px] tabular-nums text-text-tertiary",
+														children: o(r)
+													})]
+												}),
+												/* @__PURE__ */ O("p", {
+													className: "mt-1 text-sm font-semibold tabular-nums text-text-primary",
+													children: [a(t), /* @__PURE__ */ O("span", {
+														className: "text-xs font-normal text-text-tertiary",
+														children: [
+															" ",
+															"/ ",
+															a(n),
+															" g"
+														]
+													})]
+												}),
+												/* @__PURE__ */ D(m, {
+													value: r,
+													height: 5,
+													className: "mt-2"
+												})
+											]
+										}, e);
+									})
+								})]
 							})]
 						})]
-					})]
-				}), /* @__PURE__ */ k(A, {
-					treatment: "glass",
-					className: "p-6",
-					children: [/* @__PURE__ */ k("div", {
-						className: "mb-4 flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ O("h2", {
-							className: "text-base font-semibold text-text-primary",
-							children: "Next up"
-						}), /* @__PURE__ */ k("button", {
-							type: "button",
-							onClick: () => j("train"),
-							className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-							children: ["Train ", /* @__PURE__ */ O(w, { className: "h-4 w-4" })]
-						})]
-					}), K ? /* @__PURE__ */ k("button", {
-						type: "button",
-						onClick: () => j(`train/${K.id}`),
-						className: "w-full rounded-xl border border-status-warning-text/40 bg-status-warning-bg-subtle p-4 text-left",
-						children: [
-							/* @__PURE__ */ O("div", {
-								className: "flex items-center gap-2",
-								children: /* @__PURE__ */ O(s, { status: K.status })
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "mt-2 text-sm font-medium text-text-primary",
-								children: "Live workout in progress"
-							}),
-							/* @__PURE__ */ k("p", {
-								className: "mt-0.5 text-xs text-text-tertiary",
-								children: ["Started ", o(K.startedAt)]
-							})
-						]
-					}) : q ? /* @__PURE__ */ O("button", {
-						type: "button",
-						onClick: () => j(`train/${q.id}`),
-						className: "w-full rounded-xl bg-bg-sunken/60 p-4 text-left transition-shadow hover:shadow-float",
-						children: /* @__PURE__ */ k("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ O(d, { icon: /* @__PURE__ */ O(T, { className: "h-4 w-4" }) }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: "Scheduled session"
-							}), /* @__PURE__ */ O("p", {
-								className: "text-xs text-text-tertiary",
-								children: o(q.scheduledFor)
-							})] })]
-						})
-					}) : /* @__PURE__ */ k("div", {
-						className: "flex flex-col items-center justify-center rounded-xl border border-dashed border-border-seam py-8 text-center",
-						children: [
-							/* @__PURE__ */ O("span", {
-								className: "flex size-11 items-center justify-center rounded-full bg-[var(--color-accent-soft)]",
-								children: /* @__PURE__ */ O(E, { className: "h-5 w-5 text-accent" })
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "mt-3 text-sm font-medium text-text-primary",
-								children: "No session scheduled"
-							}),
-							/* @__PURE__ */ O("button", {
+					})
+				}), /* @__PURE__ */ D(t.div, {
+					...P(1),
+					children: /* @__PURE__ */ O(k, {
+						treatment: "glass",
+						className: "h-full p-6",
+						children: [/* @__PURE__ */ O("div", {
+							className: "mb-4 flex items-center justify-between gap-3",
+							children: [/* @__PURE__ */ D("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Next up"
+							}), /* @__PURE__ */ O("button", {
 								type: "button",
 								onClick: () => j("train"),
-								className: "mt-1 text-xs font-medium text-accent hover:underline",
-								children: "Start a workout"
+								className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+								children: ["Train ", /* @__PURE__ */ D(C, { className: "h-4 w-4" })]
+							})]
+						}), K ? /* @__PURE__ */ O(t.button, {
+							type: "button",
+							onClick: () => j(`train/${K.id}`),
+							className: "w-full rounded-2xl border border-status-warning-text/40 bg-status-warning-bg-subtle p-4 text-left transition-shadow hover:shadow-float",
+							...I,
+							children: [
+								/* @__PURE__ */ D("div", {
+									className: "flex items-center gap-2",
+									children: /* @__PURE__ */ D(l, { status: K.status })
+								}),
+								/* @__PURE__ */ D("p", {
+									className: "mt-2 text-sm font-medium text-text-primary",
+									children: "Live workout in progress"
+								}),
+								/* @__PURE__ */ O("p", {
+									className: "mt-0.5 text-xs text-text-tertiary",
+									children: ["Started ", s(K.startedAt)]
+								})
+							]
+						}) : q ? /* @__PURE__ */ D(t.button, {
+							type: "button",
+							onClick: () => j(`train/${q.id}`),
+							className: "w-full rounded-2xl bg-bg-sunken/60 p-4 text-left ring-1 ring-inset ring-border-seam/40 transition-shadow hover:shadow-float",
+							...I,
+							children: /* @__PURE__ */ O("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ D(p, { icon: /* @__PURE__ */ D(w, { className: "h-4 w-4" }) }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: "Scheduled session"
+								}), /* @__PURE__ */ D("p", {
+									className: "text-xs text-text-tertiary",
+									children: s(q.scheduledFor)
+								})] })]
 							})
-						]
-					})]
+						}) : /* @__PURE__ */ O("div", {
+							className: "flex flex-col items-center justify-center rounded-2xl border border-dashed border-border-seam py-8 text-center",
+							children: [
+								/* @__PURE__ */ D("span", {
+									className: "flex size-11 items-center justify-center rounded-full bg-[var(--color-accent-soft)]",
+									children: /* @__PURE__ */ D(T, { className: "h-5 w-5 text-accent" })
+								}),
+								/* @__PURE__ */ D("p", {
+									className: "mt-3 text-sm font-medium text-text-primary",
+									children: "No session scheduled"
+								}),
+								/* @__PURE__ */ D("button", {
+									type: "button",
+									onClick: () => j("train"),
+									className: "mt-1 text-xs font-medium text-accent hover:underline",
+									children: "Start a workout"
+								})
+							]
+						})]
+					})
 				})]
 			}),
-			/* @__PURE__ */ O(l, {
+			/* @__PURE__ */ D(d, {
 				title: "Active goals",
 				description: "Your current targets across training, nutrition and body composition.",
-				action: /* @__PURE__ */ k("button", {
+				action: /* @__PURE__ */ O("button", {
 					type: "button",
 					onClick: () => j("goals"),
 					className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-					children: ["All goals ", /* @__PURE__ */ O(w, { className: "h-4 w-4" })]
+					children: ["All goals ", /* @__PURE__ */ D(C, { className: "h-4 w-4" })]
 				}),
-				children: V.length === 0 ? /* @__PURE__ */ O(u, {
+				children: U.length === 0 ? /* @__PURE__ */ D(f, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ O(D, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ D(E, { className: "h-10 w-10" }),
 					title: "No active goals",
 					description: "Set a goal to give your training and nutrition a clear target to work toward."
-				}) : /* @__PURE__ */ O("div", {
+				}) : /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: V.slice(0, 6).map((e) => {
-						let t = g(e), n = ne[e.type], o = n.icon;
-						return /* @__PURE__ */ O("button", {
+					children: U.slice(0, 6).map((e, n) => {
+						let r = h(e), i = ne[e.type], s = i.icon;
+						return /* @__PURE__ */ D(t.button, {
 							type: "button",
 							onClick: () => j("goals"),
 							className: "text-left",
-							children: /* @__PURE__ */ k(A, {
+							...P(n),
+							...I,
+							children: /* @__PURE__ */ O(k, {
 								treatment: "plain",
 								className: "h-full p-4 transition-shadow hover:shadow-float",
-								children: [/* @__PURE__ */ k("div", {
+								children: [/* @__PURE__ */ O("div", {
 									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ O(d, {
-										icon: /* @__PURE__ */ O(o, { className: "h-4 w-4" }),
-										tint: n.tint
-									}), /* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ D(p, {
+										icon: /* @__PURE__ */ D(s, { className: "h-4 w-4" }),
+										tint: i.tint
+									}), /* @__PURE__ */ O("div", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ O("p", {
+										children: [/* @__PURE__ */ D("p", {
 											className: "truncate text-sm font-semibold text-text-primary",
 											children: e.title
-										}), /* @__PURE__ */ O("p", {
+										}), /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-tertiary",
-											children: r(e.type)
+											children: ee(e.type)
 										})]
 									})]
-								}), /* @__PURE__ */ k("div", {
+								}), /* @__PURE__ */ O("div", {
 									className: "mt-3 space-y-1.5",
-									children: [/* @__PURE__ */ O(m, {
-										value: t,
-										color: n.tint
-									}), /* @__PURE__ */ k("div", {
+									children: [/* @__PURE__ */ D(m, { value: r }), /* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between text-xs",
-										children: [/* @__PURE__ */ k("span", {
+										children: [/* @__PURE__ */ O("span", {
 											className: "tabular-nums text-text-secondary",
 											children: [
-												i(e.currentValue),
+												a(e.currentValue),
 												e.unit ? ` ${e.unit}` : "",
 												" / ",
-												i(e.targetValue),
+												a(e.targetValue),
 												e.unit ? ` ${e.unit}` : ""
 											]
-										}), /* @__PURE__ */ O("span", {
+										}), /* @__PURE__ */ D("span", {
 											className: "tabular-nums text-text-tertiary",
-											children: a(t)
+											children: o(r)
 										})]
 									})]
 								})]
@@ -376,46 +473,48 @@ function j() {
 					})
 				})
 			}),
-			/* @__PURE__ */ O(l, {
+			/* @__PURE__ */ D(d, {
 				title: "Recent sessions",
 				description: "Your latest logged and scheduled workouts.",
-				action: /* @__PURE__ */ k("button", {
+				action: /* @__PURE__ */ O("button", {
 					type: "button",
 					onClick: () => j("train"),
 					className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-					children: ["All sessions ", /* @__PURE__ */ O(w, { className: "h-4 w-4" })]
+					children: ["All sessions ", /* @__PURE__ */ D(C, { className: "h-4 w-4" })]
 				}),
-				children: B.length === 0 ? /* @__PURE__ */ O(u, {
+				children: H.length === 0 ? /* @__PURE__ */ D(f, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ O(E, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ D(T, { className: "h-10 w-10" }),
 					title: "No sessions yet",
 					description: "Start a workout session to begin logging sets and tracking your training."
-				}) : /* @__PURE__ */ O("div", {
+				}) : /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: B.slice(0, 6).map((e) => {
-						let t = h.STRENGTH;
-						return /* @__PURE__ */ O("button", {
+					children: H.slice(0, 6).map((e, n) => {
+						let r = oe.STRENGTH, i = e.status === "COMPLETED" ? se : r.icon;
+						return /* @__PURE__ */ D(t.button, {
 							type: "button",
 							onClick: () => j(`train/${e.id}`),
 							className: "text-left",
-							children: /* @__PURE__ */ k(A, {
+							...P(n),
+							...I,
+							children: /* @__PURE__ */ O(k, {
 								treatment: "plain",
 								className: "p-4 transition-shadow hover:shadow-float",
 								children: [
-									/* @__PURE__ */ k("div", {
+									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ O(d, {
-											icon: /* @__PURE__ */ O(e.status === "COMPLETED" ? ie : t.icon, { className: "h-4 w-4" }),
-											tint: t.tint
-										}), /* @__PURE__ */ O(s, { status: e.status })]
+										children: [/* @__PURE__ */ D(p, {
+											icon: /* @__PURE__ */ D(i, { className: "h-4 w-4" }),
+											tint: r.tint
+										}), /* @__PURE__ */ D(l, { status: e.status })]
 									}),
-									/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ D("p", {
 										className: "mt-3 text-sm font-medium text-text-primary",
-										children: e.caloriesBurned > 0 ? `${i(e.caloriesBurned)} kcal burned` : "Workout session"
+										children: e.caloriesBurned > 0 ? `${a(e.caloriesBurned)} kcal burned` : "Workout session"
 									}),
-									/* @__PURE__ */ O("p", {
+									/* @__PURE__ */ D("p", {
 										className: "mt-0.5 text-xs text-text-tertiary",
-										children: o(e.completedAt ?? e.startedAt ?? e.createdAt)
+										children: s(e.completedAt ?? e.startedAt ?? e.createdAt)
 									})
 								]
 							})