@burdenoff/microfe-mybodyshield 2026.705.2 → 2026.706.2

package/dist/mybodyshield/pages/recovery/RecoveryPage.js

@@ -1,25 +1,28 @@
-import { PageLayout as e } from "../../components/PageLayout.js";
-import { MetricsCard as t } from "../../components/MetricsCard.js";
-import { formatDate as n, formatNumber as r, formatRelativeTime as i } from "../../utils/formatters.js";
-import { ErrorView as a, LoadingView as ee, Section as o } from "../../components/StateViews.js";
-import { EmptyState as te } from "../../components/EmptyState.js";
-import { IconChip as s, RECOVERY_META as c } from "../_shared/visuals.js";
-import { useMybLogRecovery as l, useMybRecoveryLogs as u } from "../../hooks/useMyBodyShieldApi.js";
+import { motion as e } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as t } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { MetricsCard as r } from "../../components/MetricsCard.js";
+import { formatDate as ee, formatNumber as i, formatRelativeTime as a } from "../../utils/formatters.js";
+import { ErrorView as o, LoadingView as te, Section as s } from "../../components/StateViews.js";
+import { EmptyState as ne } from "../../components/EmptyState.js";
+import { IconChip as c, RECOVERY_META as l } from "../_shared/visuals.js";
+import { useMybLogRecovery as re, useMybRecoveryLogs as u } from "../../hooks/useMyBodyShieldApi.js";
 import "../../hooks/index.js";
-import { DataTable as d } from "../../components/DataTable.js";
-import { FilterTabs as f } from "../../components/FilterTabs.js";
+import { DataTable as ie } from "../../components/DataTable.js";
+import { FilterTabs as ae } from "../../components/FilterTabs.js";
 import "../../components/index.js";
-import { Tooltip as ne } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as re } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { CartesianGrid as ie } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as ae } from "../../../node_modules/recharts/es6/cartesian/Line.js";
-import { XAxis as oe } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as se } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { LineChart as ce } from "../../../node_modules/recharts/es6/chart/LineChart.js";
-import { useMemo as p, useState as m } from "react";
-import { HeartPulse as h, Plus as g } from "lucide-react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, GlassCard as le, Input as b, Label as x, ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as ue, ResponsiveDialogHeader as de, ResponsiveDialogTitle as fe, Select as pe, SelectContent as me, SelectItem as he, SelectTrigger as ge, SelectValue as _e, Spinner as ve, Textarea as ye } from "@burdenoff/fe-libs/ui";
+import { Tooltip as d } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as oe } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { ReferenceDot as f } from "../../../node_modules/recharts/es6/cartesian/ReferenceDot.js";
+import { CartesianGrid as p } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Area as se } from "../../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as ce } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as le } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { AreaChart as ue } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useMemo as m, useState as h } from "react";
+import { HeartPulse as g, Plus as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, GlassCard as de, Input as x, Label as S, ResponsiveDialog as fe, ResponsiveDialogContent as pe, ResponsiveDialogDescription as me, ResponsiveDialogFooter as C, ResponsiveDialogHeader as w, ResponsiveDialogTitle as he, Select as ge, SelectContent as _e, SelectItem as ve, SelectTrigger as ye, SelectValue as be, Spinner as xe, Textarea as Se } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/recovery/RecoveryPage.tsx
 var T = [
 	"SLEEP",
@@ -27,13 +30,13 @@ var T = [
 	"SORENESS",
 	"STRESS",
 	"MOOD"
-], E = [{
+], Ce = [{
 	value: "ALL",
 	label: "All"
 }, ...T.map((e) => ({
 	value: e,
-	label: c[e].label
-}))], D = (e) => e >= 70 ? "success" : e >= 40 ? "warning" : "error", O = (e) => e >= 7 ? "success" : e >= 6 ? "warning" : "error";
+	label: l[e].label
+}))], E = "var(--color-action-primary-bg)", D = (e) => e >= 70 ? "success" : e >= 40 ? "warning" : "error", O = (e) => e >= 7 ? "success" : e >= 6 ? "warning" : "error";
 function k(e) {
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}T${t(e.getHours())}:${t(e.getMinutes())}`;
@@ -46,58 +49,80 @@ var A = (e = "READINESS") => ({
 	loggedAt: k(/* @__PURE__ */ new Date())
 });
 function j() {
-	let [k, j] = m("ALL"), [M, N] = m(!1), [P, F] = m(A), [I, L] = m(null), be = u("READINESS"), R = u("SLEEP"), xe = u("MOOD"), z = u(k === "ALL" ? void 0 : k), B = l(), V = be.data ?? [], H = R.data ?? [], U = xe.data ?? [], W = z.data ?? [], G = p(() => [...V].sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], [V]), K = p(() => [...U].sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], [U]), q = p(() => H.length === 0 ? null : H.reduce((e, t) => e + t.sleepHours, 0) / H.length, [H]), J = k === "SLEEP", Y = k === "ALL" ? "All metrics" : c[k].label, X = k === "ALL" ? "var(--color-accent-teal)" : c[k].tint, Z = p(() => [...W].sort((e, t) => new Date(e.loggedAt).getTime() - new Date(t.loggedAt).getTime()).map((e) => ({
-		label: n(e.loggedAt),
+	let [k, j] = h("ALL"), [we, M] = h(!1), [N, P] = h(A), [F, I] = h(null), Te = u("READINESS"), Ee = u("SLEEP"), De = u("MOOD"), L = u(k === "ALL" ? void 0 : k), R = re(), z = t(), B = (e, t = !0) => z ? { initial: !1 } : {
+		initial: {
+			opacity: 0,
+			y: 14
+		},
+		animate: {
+			opacity: 1,
+			y: 0
+		},
+		transition: {
+			duration: .45,
+			delay: e,
+			ease: "easeOut"
+		},
+		...t ? { whileHover: {
+			y: -3,
+			transition: {
+				type: "spring",
+				stiffness: 300,
+				damping: 22
+			}
+		} } : {}
+	}, V = Te.data ?? [], H = Ee.data ?? [], U = De.data ?? [], W = L.data ?? [], G = m(() => [...V].sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], [V]), K = m(() => [...U].sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], [U]), q = m(() => H.length === 0 ? null : H.reduce((e, t) => e + t.sleepHours, 0) / H.length, [H]), J = k === "SLEEP", Y = k === "ALL" ? "All metrics" : l[k].label, X = m(() => [...W].sort((e, t) => new Date(e.loggedAt).getTime() - new Date(t.loggedAt).getTime()).map((e) => ({
+		label: ee(e.loggedAt),
 		value: J ? e.sleepHours : e.score
-	})), [W, J]), Q = (e = "READINESS") => {
-		F(A(e)), L(null), N(!0);
-	}, $ = P.metric === "SLEEP", Se = async () => {
-		if (L(null), $) {
-			if (P.sleepHours.trim() === "") {
-				L("Sleep hours is required for sleep entries.");
+	})), [W, J]), Z = X.length > 0 ? X[X.length - 1] : void 0, Q = (e = "READINESS") => {
+		P(A(e)), I(null), M(!0);
+	}, $ = N.metric === "SLEEP", Oe = async () => {
+		if (I(null), $) {
+			if (N.sleepHours.trim() === "") {
+				I("Sleep hours is required for sleep entries.");
 				return;
 			}
-			let e = Number(P.sleepHours);
+			let e = Number(N.sleepHours);
 			if (!Number.isFinite(e) || e < 0 || e > 24) {
-				L("Enter sleep hours between 0 and 24.");
+				I("Enter sleep hours between 0 and 24.");
 				return;
 			}
-		} else if (P.score.trim() === "") {
-			L("A score is required.");
+		} else if (N.score.trim() === "") {
+			I("A score is required.");
 			return;
 		}
-		if (P.score.trim() !== "") {
-			let e = Number(P.score);
+		if (N.score.trim() !== "") {
+			let e = Number(N.score);
 			if (!Number.isFinite(e) || e < 0 || e > 100) {
-				L("Enter a score between 0 and 100.");
+				I("Enter a score between 0 and 100.");
 				return;
 			}
 		}
 		let e = {
-			metric: P.metric,
-			score: P.score.trim() === "" ? void 0 : Number(P.score),
-			sleepHours: P.sleepHours.trim() === "" ? void 0 : Number(P.sleepHours),
-			notes: P.notes.trim() || void 0,
-			loggedAt: P.loggedAt ? new Date(P.loggedAt).toISOString() : void 0
+			metric: N.metric,
+			score: N.score.trim() === "" ? void 0 : Number(N.score),
+			sleepHours: N.sleepHours.trim() === "" ? void 0 : Number(N.sleepHours),
+			notes: N.notes.trim() || void 0,
+			loggedAt: N.loggedAt ? new Date(N.loggedAt).toISOString() : void 0
 		};
 		try {
-			await B.mutateAsync(e), N(!1);
+			await R.mutateAsync(e), M(!1);
 		} catch (e) {
-			L(e instanceof Error ? e.message : "Failed to log recovery.");
+			I(e instanceof Error ? e.message : "Failed to log recovery.");
 		}
-	}, Ce = [
+	}, ke = [
 		{
 			key: "metric",
 			header: "Metric",
-			sortValue: (e) => c[e.metric].label,
+			sortValue: (e) => l[e.metric].label,
 			render: (e) => {
-				let t = c[e.metric], n = t.icon;
-				return /* @__PURE__ */ v("span", {
+				let t = l[e.metric], n = t.icon;
+				return /* @__PURE__ */ y("span", {
 					className: "inline-flex items-center gap-2.5",
-					children: [/* @__PURE__ */ _(s, {
-						icon: /* @__PURE__ */ _(n, { className: "h-4 w-4" }),
+					children: [/* @__PURE__ */ v(c, {
+						icon: /* @__PURE__ */ v(n, { className: "h-4 w-4" }),
 						tint: t.tint
-					}), /* @__PURE__ */ _("span", {
+					}), /* @__PURE__ */ v("span", {
 						className: "font-medium text-text-primary",
 						children: t.label
 					})]
@@ -109,22 +134,22 @@ function j() {
 			header: "Value",
 			align: "right",
 			sortValue: (e) => e.metric === "SLEEP" ? e.sleepHours : e.score,
-			render: (e) => e.metric === "SLEEP" ? /* @__PURE__ */ v("span", {
+			render: (e) => e.metric === "SLEEP" ? /* @__PURE__ */ y("span", {
 				className: "tabular-nums text-text-primary",
-				children: [r(e.sleepHours, { maximumFractionDigits: 1 }), " h"]
-			}) : /* @__PURE__ */ _("span", {
+				children: [i(e.sleepHours, { maximumFractionDigits: 1 }), " h"]
+			}) : /* @__PURE__ */ v("span", {
 				className: "tabular-nums text-text-primary",
-				children: r(e.score)
+				children: i(e.score)
 			})
 		},
 		{
 			key: "notes",
 			header: "Notes",
 			hideOnMobile: !0,
-			render: (e) => e.notes && e.notes.trim() ? /* @__PURE__ */ _("span", {
+			render: (e) => e.notes && e.notes.trim() ? /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
 				children: e.notes
-			}) : /* @__PURE__ */ _("span", {
+			}) : /* @__PURE__ */ v("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -134,48 +159,55 @@ function j() {
 			header: "Logged",
 			align: "right",
 			sortValue: (e) => new Date(e.loggedAt).getTime(),
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "whitespace-nowrap text-text-tertiary",
-				children: i(e.loggedAt)
+				children: a(e.loggedAt)
 			})
 		}
-	], we = c.READINESS.icon, Te = c.SLEEP.icon, Ee = c.MOOD.icon;
-	return /* @__PURE__ */ v(e, {
+	], Ae = l.READINESS.icon, je = l.SLEEP.icon, Me = l.MOOD.icon;
+	return /* @__PURE__ */ y(n, {
 		title: "Recovery",
 		description: "Sleep, readiness, soreness, stress & mood.",
-		actions: /* @__PURE__ */ v(y, {
+		actions: /* @__PURE__ */ y(b, {
 			className: "gap-2",
 			onClick: () => Q(),
-			children: [/* @__PURE__ */ _(g, { className: "h-4 w-4" }), "Log recovery"]
+			children: [/* @__PURE__ */ v(_, { className: "h-4 w-4" }), "Log recovery"]
 		}),
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y(e.div, {
+				...B(0),
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ _(t, {
-						icon: /* @__PURE__ */ _(we, { className: "h-5 w-5" }),
-						value: G ? r(G.score) : "—",
+					/* @__PURE__ */ v(r, {
+						icon: /* @__PURE__ */ v(c, {
+							icon: /* @__PURE__ */ v(Ae, { className: "h-5 w-5" }),
+							tint: l.READINESS.tint
+						}),
+						value: G ? i(G.score) : "—",
 						label: "Latest readiness",
 						accent: G ? D(G.score) : void 0,
-						footer: G ? /* @__PURE__ */ _("p", {
+						footer: G ? /* @__PURE__ */ v("p", {
 							className: "text-xs text-text-tertiary",
-							children: i(G.loggedAt)
-						}) : /* @__PURE__ */ _("button", {
+							children: a(G.loggedAt)
+						}) : /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => Q("READINESS"),
 							className: "text-xs font-medium text-accent hover:underline",
 							children: "Log readiness →"
 						})
 					}),
-					/* @__PURE__ */ _(t, {
-						icon: /* @__PURE__ */ _(Te, { className: "h-5 w-5" }),
-						value: q == null ? "—" : `${r(q, { maximumFractionDigits: 1 })} h`,
+					/* @__PURE__ */ v(r, {
+						icon: /* @__PURE__ */ v(c, {
+							icon: /* @__PURE__ */ v(je, { className: "h-5 w-5" }),
+							tint: l.SLEEP.tint
+						}),
+						value: q == null ? "—" : `${i(q, { maximumFractionDigits: 1 })} h`,
 						label: "Avg sleep",
 						accent: q == null ? void 0 : O(q),
-						footer: H.length > 0 ? /* @__PURE__ */ v("p", {
+						footer: H.length > 0 ? /* @__PURE__ */ y("p", {
 							className: "text-xs text-text-tertiary",
 							children: [
-								/* @__PURE__ */ _("span", {
+								/* @__PURE__ */ v("span", {
 									className: "tabular-nums text-text-secondary",
 									children: H.length
 								}),
@@ -183,22 +215,25 @@ function j() {
 								H.length === 1 ? "night" : "nights",
 								" logged"
 							]
-						}) : /* @__PURE__ */ _("button", {
+						}) : /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => Q("SLEEP"),
 							className: "text-xs font-medium text-accent hover:underline",
 							children: "Log sleep →"
 						})
 					}),
-					/* @__PURE__ */ _(t, {
-						icon: /* @__PURE__ */ _(Ee, { className: "h-5 w-5" }),
-						value: K ? r(K.score) : "—",
+					/* @__PURE__ */ v(r, {
+						icon: /* @__PURE__ */ v(c, {
+							icon: /* @__PURE__ */ v(Me, { className: "h-5 w-5" }),
+							tint: l.MOOD.tint
+						}),
+						value: K ? i(K.score) : "—",
 						label: "Latest mood",
 						accent: K ? D(K.score) : void 0,
-						footer: K ? /* @__PURE__ */ _("p", {
+						footer: K ? /* @__PURE__ */ v("p", {
 							className: "text-xs text-text-tertiary",
-							children: i(K.loggedAt)
-						}) : /* @__PURE__ */ _("button", {
+							children: a(K.loggedAt)
+						}) : /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => Q("MOOD"),
 							className: "text-xs font-medium text-accent hover:underline",
@@ -207,270 +242,324 @@ function j() {
 					})
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-6 flex flex-wrap items-center gap-3",
-				children: /* @__PURE__ */ _(f, {
-					options: E,
+				children: /* @__PURE__ */ v(ae, {
+					options: Ce,
 					value: k,
 					onChange: j
 				})
 			}),
-			/* @__PURE__ */ _(o, {
+			/* @__PURE__ */ v(s, {
 				title: `${Y} trend`,
 				description: J ? "Sleep hours over time." : "Recovery score over time.",
-				children: /* @__PURE__ */ _(le, {
-					treatment: "glass",
-					className: "p-6",
-					children: z.isLoading ? /* @__PURE__ */ _("div", {
-						className: "flex h-[280px] items-center justify-center",
-						children: /* @__PURE__ */ _(ve, { size: "lg" })
-					}) : z.isError ? /* @__PURE__ */ _(a, {
-						message: "We couldn't load this metric's history.",
-						onRetry: () => z.refetch()
-					}) : Z.length === 0 ? /* @__PURE__ */ v("div", {
-						className: "flex h-[280px] flex-col items-center justify-center text-center",
-						children: [
-							/* @__PURE__ */ _("span", {
-								className: "flex size-11 items-center justify-center rounded-full bg-[var(--color-accent-soft)]",
-								children: /* @__PURE__ */ _(h, { className: "h-5 w-5 text-accent" })
-							}),
-							/* @__PURE__ */ _("p", {
-								className: "mt-3 text-sm font-medium text-text-primary",
-								children: "Nothing to chart yet"
-							}),
-							/* @__PURE__ */ v("p", {
-								className: "mt-1 max-w-xs text-xs text-text-tertiary",
-								children: [
-									"Log a few ",
-									Y.toLowerCase(),
-									" entries to see your trend here."
-								]
-							})
-						]
-					}) : /* @__PURE__ */ _(re, {
-						width: "100%",
-						height: 280,
-						children: /* @__PURE__ */ v(ce, {
-							data: Z,
-							margin: {
-								top: 12,
-								right: 16,
-								bottom: 4,
-								left: 4
-							},
+				children: /* @__PURE__ */ v(e.div, {
+					...B(.08),
+					children: /* @__PURE__ */ v(de, {
+						treatment: "glass",
+						className: "rounded-2xl p-6 transition-shadow duration-300 hover:shadow-2xl",
+						children: L.isLoading ? /* @__PURE__ */ v("div", {
+							className: "flex h-[280px] items-center justify-center",
+							children: /* @__PURE__ */ v(xe, { size: "lg" })
+						}) : L.isError ? /* @__PURE__ */ v(o, {
+							message: "We couldn't load this metric's history.",
+							onRetry: () => L.refetch()
+						}) : X.length === 0 ? /* @__PURE__ */ y("div", {
+							className: "flex h-[280px] flex-col items-center justify-center text-center",
 							children: [
-								/* @__PURE__ */ _(ie, {
-									vertical: !1,
-									stroke: "var(--color-border-seam)",
-									strokeWidth: 1
-								}),
-								/* @__PURE__ */ _(oe, {
-									dataKey: "label",
-									tickLine: !1,
-									axisLine: !1,
-									tickMargin: 8,
-									minTickGap: 20,
-									tick: {
-										fill: "var(--color-text-tertiary)",
-										fontSize: 12
-									}
+								/* @__PURE__ */ v("span", {
+									className: "flex size-11 items-center justify-center rounded-full bg-[var(--color-accent-soft)]",
+									children: /* @__PURE__ */ v(g, { className: "h-5 w-5 text-accent" })
 								}),
-								/* @__PURE__ */ _(se, {
-									width: 44,
-									tickLine: !1,
-									axisLine: !1,
-									tick: {
-										fill: "var(--color-text-tertiary)",
-										fontSize: 12
-									}
+								/* @__PURE__ */ v("p", {
+									className: "mt-3 text-sm font-medium text-text-primary",
+									children: "Nothing to chart yet"
 								}),
-								/* @__PURE__ */ _(ne, {
-									contentStyle: {
-										background: "var(--color-bg-surface)",
-										border: "1px solid var(--color-border-seam)",
-										borderRadius: 12,
-										color: "var(--color-text-primary)",
-										fontSize: 12
-									},
-									labelStyle: { color: "var(--color-text-tertiary)" },
-									cursor: {
-										stroke: "var(--color-border-seam)",
-										strokeWidth: 1
-									}
-								}),
-								/* @__PURE__ */ _(ae, {
-									type: "monotone",
-									dataKey: "value",
-									name: J ? "Sleep hours" : "Score",
-									stroke: X,
-									strokeWidth: 2,
-									dot: !1,
-									activeDot: {
-										r: 4,
-										strokeWidth: 2,
-										stroke: "var(--color-bg-surface)",
-										fill: X
-									}
+								/* @__PURE__ */ y("p", {
+									className: "mt-1 max-w-xs text-xs text-text-tertiary",
+									children: [
+										"Log a few ",
+										Y.toLowerCase(),
+										" entries to see your trend here."
+									]
 								})
 							]
+						}) : /* @__PURE__ */ v(oe, {
+							width: "100%",
+							height: 280,
+							children: /* @__PURE__ */ y(ue, {
+								data: X,
+								margin: {
+									top: 12,
+									right: 16,
+									bottom: 4,
+									left: 4
+								},
+								children: [
+									/* @__PURE__ */ v("defs", { children: /* @__PURE__ */ y("linearGradient", {
+										id: "myb-recovery-fill",
+										x1: "0",
+										y1: "0",
+										x2: "0",
+										y2: "1",
+										children: [
+											/* @__PURE__ */ v("stop", {
+												offset: "0%",
+												stopColor: E,
+												stopOpacity: .38
+											}),
+											/* @__PURE__ */ v("stop", {
+												offset: "55%",
+												stopColor: E,
+												stopOpacity: .12
+											}),
+											/* @__PURE__ */ v("stop", {
+												offset: "100%",
+												stopColor: E,
+												stopOpacity: 0
+											})
+										]
+									}) }),
+									/* @__PURE__ */ v(p, {
+										vertical: !1,
+										stroke: "var(--color-border-seam)",
+										strokeDasharray: "4 4"
+									}),
+									/* @__PURE__ */ v(ce, {
+										dataKey: "label",
+										tickLine: !1,
+										axisLine: !1,
+										tickMargin: 8,
+										minTickGap: 20,
+										tick: {
+											fill: "var(--color-text-tertiary)",
+											fontSize: 12
+										}
+									}),
+									/* @__PURE__ */ v(le, {
+										width: 44,
+										tickLine: !1,
+										axisLine: !1,
+										tick: {
+											fill: "var(--color-text-tertiary)",
+											fontSize: 12
+										}
+									}),
+									/* @__PURE__ */ v(d, {
+										contentStyle: {
+											background: "var(--color-bg-surface)",
+											border: "1px solid var(--color-border-seam)",
+											borderRadius: 12,
+											color: "var(--color-text-primary)",
+											fontSize: 12
+										},
+										labelStyle: { color: "var(--color-text-tertiary)" },
+										cursor: {
+											stroke: "var(--color-border-seam)",
+											strokeDasharray: "4 4"
+										}
+									}),
+									/* @__PURE__ */ v(se, {
+										type: "monotone",
+										dataKey: "value",
+										name: J ? "Sleep hours" : "Score",
+										stroke: E,
+										strokeWidth: 2.5,
+										fill: "url(#myb-recovery-fill)",
+										fillOpacity: 1,
+										dot: !1,
+										activeDot: {
+											r: 4,
+											strokeWidth: 2,
+											stroke: "var(--color-bg-surface)",
+											fill: E
+										},
+										isAnimationActive: !z,
+										animationDuration: 900
+									}),
+									Z && /* @__PURE__ */ v(f, {
+										x: Z.label,
+										y: Z.value,
+										r: 12,
+										isFront: !0,
+										ifOverflow: "visible",
+										fill: E,
+										fillOpacity: .16,
+										stroke: "none"
+									}),
+									Z && /* @__PURE__ */ v(f, {
+										x: Z.label,
+										y: Z.value,
+										r: 5,
+										isFront: !0,
+										ifOverflow: "visible",
+										fill: E,
+										stroke: "var(--color-bg-surface)",
+										strokeWidth: 2
+									})
+								]
+							})
 						})
 					})
 				})
 			}),
-			/* @__PURE__ */ _(o, {
-				title: "Recovery log",
-				description: "Every recovery entry, most recent first.",
-				children: z.isLoading ? /* @__PURE__ */ _(ee, { label: "Loading recovery logs…" }) : z.isError ? /* @__PURE__ */ _(a, {
-					message: "We couldn't load your recovery logs.",
-					onRetry: () => z.refetch()
-				}) : W.length === 0 ? /* @__PURE__ */ _(te, {
-					illustration: "empty-data",
-					icon: /* @__PURE__ */ _(h, { className: "h-10 w-10" }),
-					title: "No recovery logs yet",
-					description: "Track your sleep, readiness, soreness, stress or mood to see how your body is recovering between sessions.",
-					action: /* @__PURE__ */ v(y, {
-						className: "gap-2",
-						onClick: () => Q(),
-						children: [/* @__PURE__ */ _(g, { className: "h-4 w-4" }), "Log recovery"]
+			/* @__PURE__ */ v(e.div, {
+				...B(.16, !1),
+				children: /* @__PURE__ */ v(s, {
+					title: "Recovery log",
+					description: "Every recovery entry, most recent first.",
+					children: L.isLoading ? /* @__PURE__ */ v(te, { label: "Loading recovery logs…" }) : L.isError ? /* @__PURE__ */ v(o, {
+						message: "We couldn't load your recovery logs.",
+						onRetry: () => L.refetch()
+					}) : W.length === 0 ? /* @__PURE__ */ v(ne, {
+						illustration: "empty-data",
+						icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
+						title: "No recovery logs yet",
+						description: "Track your sleep, readiness, soreness, stress or mood to see how your body is recovering between sessions.",
+						action: /* @__PURE__ */ y(b, {
+							className: "gap-2",
+							onClick: () => Q(),
+							children: [/* @__PURE__ */ v(_, { className: "h-4 w-4" }), "Log recovery"]
+						})
+					}) : /* @__PURE__ */ v(ie, {
+						columns: ke,
+						rows: W,
+						rowKey: (e) => e.id,
+						defaultSort: {
+							key: "loggedAt",
+							dir: "desc"
+						}
 					})
-				}) : /* @__PURE__ */ _(d, {
-					columns: Ce,
-					rows: W,
-					rowKey: (e) => e.id,
-					defaultSort: {
-						key: "loggedAt",
-						dir: "desc"
-					}
 				})
 			}),
-			/* @__PURE__ */ _(S, {
-				open: M,
-				onOpenChange: N,
-				children: /* @__PURE__ */ v(C, {
+			/* @__PURE__ */ v(fe, {
+				open: we,
+				onOpenChange: M,
+				children: /* @__PURE__ */ y(pe, {
 					className: "sm:max-w-[480px]",
 					children: [
-						/* @__PURE__ */ v(de, { children: [/* @__PURE__ */ _(fe, { children: "Log recovery" }), /* @__PURE__ */ _(w, { children: "Capture how your body is recovering — one metric per entry." })] }),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(he, { children: "Log recovery" }), /* @__PURE__ */ v(me, { children: "Capture how your body is recovering — one metric per entry." })] }),
+						/* @__PURE__ */ y("div", {
 							className: "space-y-4 py-2",
 							children: [
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "myb-recovery-metric",
 										children: "Metric"
-									}), /* @__PURE__ */ v(pe, {
-										value: P.metric,
-										onValueChange: (e) => F((t) => ({
+									}), /* @__PURE__ */ y(ge, {
+										value: N.metric,
+										onValueChange: (e) => P((t) => ({
 											...t,
 											metric: e
 										})),
-										children: [/* @__PURE__ */ _(ge, {
+										children: [/* @__PURE__ */ v(ye, {
 											id: "myb-recovery-metric",
-											children: /* @__PURE__ */ _(_e, {})
-										}), /* @__PURE__ */ _(me, { children: T.map((e) => /* @__PURE__ */ _(he, {
+											children: /* @__PURE__ */ v(be, {})
+										}), /* @__PURE__ */ v(_e, { children: T.map((e) => /* @__PURE__ */ v(ve, {
 											value: e,
-											children: c[e].label
+											children: l[e].label
 										}, e)) })]
 									})]
 								}),
-								$ && /* @__PURE__ */ v("div", {
+								$ && /* @__PURE__ */ y("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ _(x, {
+										/* @__PURE__ */ v(S, {
 											htmlFor: "myb-recovery-sleep",
 											children: "Sleep hours"
 										}),
-										/* @__PURE__ */ _(b, {
+										/* @__PURE__ */ v(x, {
 											id: "myb-recovery-sleep",
 											type: "number",
 											min: "0",
 											max: "24",
 											step: "0.1",
-											value: P.sleepHours,
-											onChange: (e) => F((t) => ({
+											value: N.sleepHours,
+											onChange: (e) => P((t) => ({
 												...t,
 												sleepHours: e.target.value
 											})),
 											placeholder: "e.g. 7.5"
 										}),
-										/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-tertiary",
 											children: "Primary measure for sleep entries."
 										})
 									]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ v(x, {
+										/* @__PURE__ */ y(S, {
 											htmlFor: "myb-recovery-score",
 											children: ["Score", $ ? " (optional)" : ""]
 										}),
-										/* @__PURE__ */ _(b, {
+										/* @__PURE__ */ v(x, {
 											id: "myb-recovery-score",
 											type: "number",
 											min: "0",
 											max: "100",
 											step: "1",
-											value: P.score,
-											onChange: (e) => F((t) => ({
+											value: N.score,
+											onChange: (e) => P((t) => ({
 												...t,
 												score: e.target.value
 											})),
 											placeholder: "0–100"
 										}),
-										/* @__PURE__ */ _("p", {
+										/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-tertiary",
 											children: $ ? "Optional 0–100 sleep-quality score." : "A 0–100 rating for this metric."
 										})
 									]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "myb-recovery-at",
 										children: "Logged at"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ v(x, {
 										id: "myb-recovery-at",
 										type: "datetime-local",
-										value: P.loggedAt,
-										onChange: (e) => F((t) => ({
+										value: N.loggedAt,
+										onChange: (e) => P((t) => ({
 											...t,
 											loggedAt: e.target.value
 										}))
 									})]
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "myb-recovery-notes",
 										children: "Notes"
-									}), /* @__PURE__ */ _(ye, {
+									}), /* @__PURE__ */ v(Se, {
 										id: "myb-recovery-notes",
 										rows: 3,
-										value: P.notes,
-										onChange: (e) => F((t) => ({
+										value: N.notes,
+										onChange: (e) => P((t) => ({
 											...t,
 											notes: e.target.value
 										})),
 										placeholder: "How are you feeling? (optional)"
 									})]
 								}),
-								I && /* @__PURE__ */ _("p", {
+								F && /* @__PURE__ */ v("p", {
 									className: "text-sm text-status-error-text",
-									children: I
+									children: F
 								})
 							]
 						}),
-						/* @__PURE__ */ v(ue, { children: [/* @__PURE__ */ _(y, {
+						/* @__PURE__ */ y(C, { children: [/* @__PURE__ */ v(b, {
 							variant: "outline",
-							onClick: () => N(!1),
-							disabled: B.isPending,
+							onClick: () => M(!1),
+							disabled: R.isPending,
 							children: "Cancel"
-						}), /* @__PURE__ */ _(y, {
-							onClick: Se,
-							disabled: B.isPending,
-							children: B.isPending ? "Saving…" : "Log recovery"
+						}), /* @__PURE__ */ v(b, {
+							onClick: Oe,
+							disabled: R.isPending,
+							children: R.isPending ? "Saving…" : "Log recovery"
 						})] })
 					]
 				})