@burdenoff/microfe-mybodyshield 2026.706.2 → 2026.709.1

package/dist/mybodyshield/pages/DashboardPage.js

@@ -1,19 +1,19 @@
 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 { 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 { 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 s } from "../utils/formatters.js";
+import { StatusBadge as c } from "../components/StatusBadge.js";
+import { EmptyState as l } from "../components/EmptyState.js";
+import { LoadingView as u, Section as d } from "../components/StateViews.js";
+import { MiniBar as f } from "../components/MiniBar.js";
 import "../context/index.js";
-import { useMybBodyMetrics as g, useMybDailyMacros as _, useMybGoals as v, useMybPrograms as y, useMybRecoveryLogs as b, useMybSessions as x } from "../hooks/useMyBodyShieldApi.js";
+import { useMybBodyMetrics as p, useMybDailyMacros as ee, useMybGoals as te, useMybPrograms as ne, useMybRecoveryLogs as re, useMybSessions as ie } from "../hooks/useMyBodyShieldApi.js";
 import "../hooks/index.js";
-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 { motion as m } from "../../node_modules/.bun/framer-motion@12.38.0_8c0d3e65c5d65bc3/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as h } from "../../node_modules/.bun/framer-motion@12.38.0_8c0d3e65c5d65bc3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { GOAL_TYPE_META as g, IconChip as _, MacroBar as ae, MacroLegend as oe, Meter as v, ProgressRing as se, WORKOUT_TYPE_META as ce, computeGoalProgress as y } from "./_shared/visuals.js";
+import { useMemo as b } from "react";
+import { ArrowRight as x, CalendarCheck as le, CheckCircle2 as S, Dumbbell as C, Flame as w, Moon as T, 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
@@ -24,7 +24,7 @@ var A = [
 	1
 ];
 function j() {
-	let { navigateTo: j, currentUser: M } = e(), N = n(), P = (e) => N ? {} : {
+	let { navigateTo: j, currentUser: M } = e(), N = h(), P = (e) => N ? {} : {
 		initial: {
 			opacity: 0,
 			y: 14
@@ -57,31 +57,31 @@ function j() {
 			}
 		},
 		whileTap: { scale: .985 }
-	}, L = y({
+	}, L = ne({
 		status: "ACTIVE",
 		pagination: { limit: 50 }
-	}), R = x({ pagination: { limit: 20 } }), z = v({
+	}), R = ie({ pagination: { limit: 20 } }), z = te({
 		status: "ACTIVE",
 		pagination: { limit: 50 }
-	}), B = _(), V = g({
+	}), B = ee(), V = p({
 		type: "WEIGHT",
 		pagination: { limit: 30 }
-	}), 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) => {
+	}), fe = re("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() >= 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, {
+	}), 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 = b(() => U.length === 0 ? 0 : U.reduce((e, t) => e + y(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(t, {
 		title: "MyBodyShield",
 		titleGradient: !0,
 		aurora: !0,
-		children: /* @__PURE__ */ D(te, { label: "Loading your fitness overview…" })
+		children: /* @__PURE__ */ D(u, { 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),
+			node: /* @__PURE__ */ D(n, {
+				icon: /* @__PURE__ */ D(C, { className: "h-5 w-5" }),
+				value: i(pe.length),
 				label: "Active programs",
 				footer: /* @__PURE__ */ D("p", {
 					className: "text-xs text-text-tertiary",
@@ -96,9 +96,9 @@ function j() {
 		},
 		{
 			id: "sessions",
-			node: /* @__PURE__ */ D(i, {
-				icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
-				value: a(ge),
+			node: /* @__PURE__ */ D(n, {
+				icon: /* @__PURE__ */ D(w, { className: "h-5 w-5" }),
+				value: i(ge),
 				label: "Sessions this week",
 				accent: K ? "warning" : void 0,
 				footer: K ? /* @__PURE__ */ D("button", {
@@ -121,13 +121,13 @@ function j() {
 		},
 		{
 			id: "goals",
-			node: /* @__PURE__ */ D(i, {
+			node: /* @__PURE__ */ D(n, {
 				icon: /* @__PURE__ */ D(E, { className: "h-5 w-5" }),
-				value: a(U.length),
+				value: i(U.length),
 				label: "Active goals",
 				footer: /* @__PURE__ */ O("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ D(u, {
+					children: [/* @__PURE__ */ D(f, {
 						value: Q,
 						height: 4,
 						barClassName: "bg-action-primary-bg"
@@ -136,7 +136,7 @@ function j() {
 						children: [
 							/* @__PURE__ */ D("span", {
 								className: "tabular-nums text-text-secondary",
-								children: o(Q)
+								children: a(Q)
 							}),
 							" ",
 							"avg progress"
@@ -147,9 +147,9 @@ function j() {
 		},
 		{
 			id: "weight",
-			node: /* @__PURE__ */ D(i, {
+			node: /* @__PURE__ */ D(n, {
 				icon: /* @__PURE__ */ D(de, { className: "h-5 w-5" }),
-				value: J ? c(J.value) : "—",
+				value: J ? s(J.value) : "—",
 				label: "Latest weight",
 				footer: X == null ? /* @__PURE__ */ D("button", {
 					type: "button",
@@ -175,14 +175,14 @@ function j() {
 		},
 		{
 			id: "recovery",
-			node: /* @__PURE__ */ D(i, {
-				icon: /* @__PURE__ */ D(le, { className: "h-5 w-5" }),
+			node: /* @__PURE__ */ D(n, {
+				icon: /* @__PURE__ */ D(T, { 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)
+					children: o(Z.loggedAt)
 				}) : /* @__PURE__ */ D("button", {
 					type: "button",
 					onClick: () => j("recovery"),
@@ -192,17 +192,18 @@ function j() {
 			})
 		}
 	];
-	return /* @__PURE__ */ O(r, {
+	return /* @__PURE__ */ O(t, {
 		title: "MyBodyShield",
 		titleGradient: !0,
 		aurora: !0,
 		description: `Welcome back, ${ve} — your training, nutrition, progress & recovery control room.`,
 		children: [
 			/* @__PURE__ */ D("div", {
+				"data-tour": "mybodyshield-dashboard-kpi-grid",
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",
-				children: ye.map((e, n) => /* @__PURE__ */ O(t.div, {
+				children: ye.map((e, t) => /* @__PURE__ */ O(m.div, {
 					className: "group relative rounded-2xl transition-shadow duration-300 hover:shadow-float",
-					...P(n),
+					...P(t),
 					...F,
 					children: [/* @__PURE__ */ D("span", {
 						"aria-hidden": !0,
@@ -212,7 +213,8 @@ function j() {
 			}),
 			/* @__PURE__ */ O("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ D(t.div, {
+				children: [/* @__PURE__ */ D(m.div, {
+					"data-tour": "mybodyshield-dashboard-nutrition",
 					className: "lg:col-span-2",
 					...P(0),
 					children: /* @__PURE__ */ O(k, {
@@ -230,9 +232,9 @@ function j() {
 								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" })]
+								children: ["Nutrition ", /* @__PURE__ */ D(x, { className: "h-4 w-4" })]
 							})]
-						}), !$ || $.calorieTarget === 0 && $.calories === 0 ? /* @__PURE__ */ D(f, {
+						}), !$ || $.calorieTarget === 0 && $.calories === 0 ? /* @__PURE__ */ D(l, {
 							illustration: "empty-data",
 							icon: /* @__PURE__ */ D(ue, { className: "h-10 w-10" }),
 							title: "No nutrition data yet",
@@ -245,7 +247,7 @@ function j() {
 									"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, {
+								}), /* @__PURE__ */ O(se, {
 									value: _e,
 									size: 188,
 									stroke: 16,
@@ -256,13 +258,13 @@ function j() {
 										}),
 										/* @__PURE__ */ D("span", {
 											className: "text-3xl font-bold tabular-nums text-text-primary",
-											children: a($.calories)
+											children: i($.calories)
 										}),
 										/* @__PURE__ */ O("span", {
 											className: "mt-0.5 text-xs text-text-tertiary",
 											children: [
 												"/ ",
-												a($.calorieTarget),
+												i($.calorieTarget),
 												" kcal"
 											]
 										})
@@ -272,12 +274,12 @@ function j() {
 								className: "flex-1 space-y-4",
 								children: [/* @__PURE__ */ O("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ D(re, {
+									children: [/* @__PURE__ */ D(ae, {
 										proteinG: $.proteinG,
 										carbsG: $.carbsG,
 										fatG: $.fatG,
 										height: 12
-									}), /* @__PURE__ */ D(ie, {})]
+									}), /* @__PURE__ */ D(oe, {})]
 								}), /* @__PURE__ */ D("div", {
 									className: "grid grid-cols-3 gap-3",
 									children: [
@@ -308,22 +310,22 @@ function j() {
 														children: e
 													}), /* @__PURE__ */ D("span", {
 														className: "text-[11px] tabular-nums text-text-tertiary",
-														children: o(r)
+														children: a(r)
 													})]
 												}),
 												/* @__PURE__ */ O("p", {
 													className: "mt-1 text-sm font-semibold tabular-nums text-text-primary",
-													children: [a(t), /* @__PURE__ */ O("span", {
+													children: [i(t), /* @__PURE__ */ O("span", {
 														className: "text-xs font-normal text-text-tertiary",
 														children: [
 															" ",
 															"/ ",
-															a(n),
+															i(n),
 															" g"
 														]
 													})]
 												}),
-												/* @__PURE__ */ D(m, {
+												/* @__PURE__ */ D(v, {
 													value: r,
 													height: 5,
 													className: "mt-2"
@@ -335,7 +337,8 @@ function j() {
 							})]
 						})]
 					})
-				}), /* @__PURE__ */ D(t.div, {
+				}), /* @__PURE__ */ D(m.div, {
+					"data-tour": "mybodyshield-dashboard-next-up",
 					...P(1),
 					children: /* @__PURE__ */ O(k, {
 						treatment: "glass",
@@ -349,9 +352,9 @@ function j() {
 								type: "button",
 								onClick: () => j("train"),
 								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" })]
+								children: ["Train ", /* @__PURE__ */ D(x, { className: "h-4 w-4" })]
 							})]
-						}), K ? /* @__PURE__ */ O(t.button, {
+						}), K ? /* @__PURE__ */ O(m.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",
@@ -359,7 +362,7 @@ function j() {
 							children: [
 								/* @__PURE__ */ D("div", {
 									className: "flex items-center gap-2",
-									children: /* @__PURE__ */ D(l, { status: K.status })
+									children: /* @__PURE__ */ D(c, { status: K.status })
 								}),
 								/* @__PURE__ */ D("p", {
 									className: "mt-2 text-sm font-medium text-text-primary",
@@ -367,22 +370,22 @@ function j() {
 								}),
 								/* @__PURE__ */ O("p", {
 									className: "mt-0.5 text-xs text-text-tertiary",
-									children: ["Started ", s(K.startedAt)]
+									children: ["Started ", o(K.startedAt)]
 								})
 							]
-						}) : q ? /* @__PURE__ */ D(t.button, {
+						}) : q ? /* @__PURE__ */ D(m.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", {
+								children: [/* @__PURE__ */ D(_, { icon: /* @__PURE__ */ D(le, { 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)
+									children: o(q.scheduledFor)
 								})] })]
 							})
 						}) : /* @__PURE__ */ O("div", {
@@ -390,7 +393,7 @@ function j() {
 							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" })
+									children: /* @__PURE__ */ D(w, { className: "h-5 w-5 text-accent" })
 								}),
 								/* @__PURE__ */ D("p", {
 									className: "mt-3 text-sm font-medium text-text-primary",
@@ -408,37 +411,38 @@ function j() {
 				})]
 			}),
 			/* @__PURE__ */ D(d, {
+				"data-tour": "mybodyshield-dashboard-active-goals",
 				title: "Active goals",
 				description: "Your current targets across training, nutrition and body composition.",
 				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__ */ D(C, { className: "h-4 w-4" })]
+					children: ["All goals ", /* @__PURE__ */ D(x, { className: "h-4 w-4" })]
 				}),
-				children: U.length === 0 ? /* @__PURE__ */ D(f, {
+				children: U.length === 0 ? /* @__PURE__ */ D(l, {
 					illustration: "empty-data",
 					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__ */ D("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: U.slice(0, 6).map((e, n) => {
-						let r = h(e), i = ne[e.type], s = i.icon;
-						return /* @__PURE__ */ D(t.button, {
+					children: U.slice(0, 6).map((e, t) => {
+						let n = y(e), o = g[e.type], s = o.icon;
+						return /* @__PURE__ */ D(m.button, {
 							type: "button",
 							onClick: () => j("goals"),
 							className: "text-left",
-							...P(n),
+							...P(t),
 							...I,
 							children: /* @__PURE__ */ O(k, {
 								treatment: "plain",
 								className: "h-full p-4 transition-shadow hover:shadow-float",
 								children: [/* @__PURE__ */ O("div", {
 									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ D(p, {
+									children: [/* @__PURE__ */ D(_, {
 										icon: /* @__PURE__ */ D(s, { className: "h-4 w-4" }),
-										tint: i.tint
+										tint: o.tint
 									}), /* @__PURE__ */ O("div", {
 										className: "min-w-0 flex-1",
 										children: [/* @__PURE__ */ D("p", {
@@ -446,25 +450,25 @@ function j() {
 											children: e.title
 										}), /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-tertiary",
-											children: ee(e.type)
+											children: r(e.type)
 										})]
 									})]
 								}), /* @__PURE__ */ O("div", {
 									className: "mt-3 space-y-1.5",
-									children: [/* @__PURE__ */ D(m, { value: r }), /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ D(v, { value: n }), /* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between text-xs",
 										children: [/* @__PURE__ */ O("span", {
 											className: "tabular-nums text-text-secondary",
 											children: [
-												a(e.currentValue),
+												i(e.currentValue),
 												e.unit ? ` ${e.unit}` : "",
 												" / ",
-												a(e.targetValue),
+												i(e.targetValue),
 												e.unit ? ` ${e.unit}` : ""
 											]
 										}), /* @__PURE__ */ D("span", {
 											className: "tabular-nums text-text-tertiary",
-											children: o(r)
+											children: a(n)
 										})]
 									})]
 								})]
@@ -474,28 +478,29 @@ function j() {
 				})
 			}),
 			/* @__PURE__ */ D(d, {
+				"data-tour": "mybodyshield-dashboard-recent-sessions",
 				title: "Recent sessions",
 				description: "Your latest logged and scheduled workouts.",
 				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__ */ D(C, { className: "h-4 w-4" })]
+					children: ["All sessions ", /* @__PURE__ */ D(x, { className: "h-4 w-4" })]
 				}),
-				children: H.length === 0 ? /* @__PURE__ */ D(f, {
+				children: H.length === 0 ? /* @__PURE__ */ D(l, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ D(T, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ D(w, { className: "h-10 w-10" }),
 					title: "No sessions yet",
 					description: "Start a workout session to begin logging sets and tracking your training."
 				}) : /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: H.slice(0, 6).map((e, n) => {
-						let r = oe.STRENGTH, i = e.status === "COMPLETED" ? se : r.icon;
-						return /* @__PURE__ */ D(t.button, {
+					children: H.slice(0, 6).map((e, t) => {
+						let n = ce.STRENGTH, r = e.status === "COMPLETED" ? S : n.icon;
+						return /* @__PURE__ */ D(m.button, {
 							type: "button",
 							onClick: () => j(`train/${e.id}`),
 							className: "text-left",
-							...P(n),
+							...P(t),
 							...I,
 							children: /* @__PURE__ */ O(k, {
 								treatment: "plain",
@@ -503,18 +508,18 @@ function j() {
 								children: [
 									/* @__PURE__ */ O("div", {
 										className: "flex items-center justify-between gap-2",
-										children: [/* @__PURE__ */ D(p, {
-											icon: /* @__PURE__ */ D(i, { className: "h-4 w-4" }),
-											tint: r.tint
-										}), /* @__PURE__ */ D(l, { status: e.status })]
+										children: [/* @__PURE__ */ D(_, {
+											icon: /* @__PURE__ */ D(r, { className: "h-4 w-4" }),
+											tint: n.tint
+										}), /* @__PURE__ */ D(c, { status: e.status })]
 									}),
 									/* @__PURE__ */ D("p", {
 										className: "mt-3 text-sm font-medium text-text-primary",
-										children: e.caloriesBurned > 0 ? `${a(e.caloriesBurned)} kcal burned` : "Workout session"
+										children: e.caloriesBurned > 0 ? `${i(e.caloriesBurned)} kcal burned` : "Workout session"
 									}),
 									/* @__PURE__ */ D("p", {
 										className: "mt-0.5 text-xs text-text-tertiary",
-										children: s(e.completedAt ?? e.startedAt ?? e.createdAt)
+										children: o(e.completedAt ?? e.startedAt ?? e.createdAt)
 									})
 								]
 							})