@burdenoff/microfe-mybodyshield 2026.512.1 → 2026.705.1

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

@@ -0,0 +1,484 @@
+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 "../../hooks/index.js";
+import { DataTable as d } from "../../components/DataTable.js";
+import { FilterTabs as f } 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";
+//#region src/mybodyshield/pages/recovery/RecoveryPage.tsx
+var T = [
+	"SLEEP",
+	"READINESS",
+	"SORENESS",
+	"STRESS",
+	"MOOD"
+], E = [{
+	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";
+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())}`;
+}
+var A = (e = "READINESS") => ({
+	metric: e,
+	score: "",
+	sleepHours: "",
+	notes: "",
+	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),
+		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.");
+				return;
+			}
+			let e = Number(P.sleepHours);
+			if (!Number.isFinite(e) || e < 0 || e > 24) {
+				L("Enter sleep hours between 0 and 24.");
+				return;
+			}
+		} else if (P.score.trim() === "") {
+			L("A score is required.");
+			return;
+		}
+		if (P.score.trim() !== "") {
+			let e = Number(P.score);
+			if (!Number.isFinite(e) || e < 0 || e > 100) {
+				L("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
+		};
+		try {
+			await B.mutateAsync(e), N(!1);
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Failed to log recovery.");
+		}
+	}, Ce = [
+		{
+			key: "metric",
+			header: "Metric",
+			sortValue: (e) => c[e.metric].label,
+			render: (e) => {
+				let t = c[e.metric], n = t.icon;
+				return /* @__PURE__ */ v("span", {
+					className: "inline-flex items-center gap-2.5",
+					children: [/* @__PURE__ */ _(s, {
+						icon: /* @__PURE__ */ _(n, { className: "h-4 w-4" }),
+						tint: t.tint
+					}), /* @__PURE__ */ _("span", {
+						className: "font-medium text-text-primary",
+						children: t.label
+					})]
+				});
+			}
+		},
+		{
+			key: "value",
+			header: "Value",
+			align: "right",
+			sortValue: (e) => e.metric === "SLEEP" ? e.sleepHours : e.score,
+			render: (e) => e.metric === "SLEEP" ? /* @__PURE__ */ v("span", {
+				className: "tabular-nums text-text-primary",
+				children: [r(e.sleepHours, { maximumFractionDigits: 1 }), " h"]
+			}) : /* @__PURE__ */ _("span", {
+				className: "tabular-nums text-text-primary",
+				children: r(e.score)
+			})
+		},
+		{
+			key: "notes",
+			header: "Notes",
+			hideOnMobile: !0,
+			render: (e) => e.notes && e.notes.trim() ? /* @__PURE__ */ _("span", {
+				className: "text-text-secondary",
+				children: e.notes
+			}) : /* @__PURE__ */ _("span", {
+				className: "text-text-tertiary",
+				children: "—"
+			})
+		},
+		{
+			key: "loggedAt",
+			header: "Logged",
+			align: "right",
+			sortValue: (e) => new Date(e.loggedAt).getTime(),
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "whitespace-nowrap text-text-tertiary",
+				children: i(e.loggedAt)
+			})
+		}
+	], we = c.READINESS.icon, Te = c.SLEEP.icon, Ee = c.MOOD.icon;
+	return /* @__PURE__ */ v(e, {
+		title: "Recovery",
+		description: "Sleep, readiness, soreness, stress & mood.",
+		actions: /* @__PURE__ */ v(y, {
+			className: "gap-2",
+			onClick: () => Q(),
+			children: [/* @__PURE__ */ _(g, { className: "h-4 w-4" }), "Log recovery"]
+		}),
+		children: [
+			/* @__PURE__ */ v("div", {
+				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) : "—",
+						label: "Latest readiness",
+						accent: G ? D(G.score) : void 0,
+						footer: G ? /* @__PURE__ */ _("p", {
+							className: "text-xs text-text-tertiary",
+							children: i(G.loggedAt)
+						}) : /* @__PURE__ */ _("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`,
+						label: "Avg sleep",
+						accent: q == null ? void 0 : O(q),
+						footer: H.length > 0 ? /* @__PURE__ */ v("p", {
+							className: "text-xs text-text-tertiary",
+							children: [
+								/* @__PURE__ */ _("span", {
+									className: "tabular-nums text-text-secondary",
+									children: H.length
+								}),
+								" ",
+								H.length === 1 ? "night" : "nights",
+								" logged"
+							]
+						}) : /* @__PURE__ */ _("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) : "—",
+						label: "Latest mood",
+						accent: K ? D(K.score) : void 0,
+						footer: K ? /* @__PURE__ */ _("p", {
+							className: "text-xs text-text-tertiary",
+							children: i(K.loggedAt)
+						}) : /* @__PURE__ */ _("button", {
+							type: "button",
+							onClick: () => Q("MOOD"),
+							className: "text-xs font-medium text-accent hover:underline",
+							children: "Log mood →"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "mt-6 flex flex-wrap items-center gap-3",
+				children: /* @__PURE__ */ _(f, {
+					options: E,
+					value: k,
+					onChange: j
+				})
+			}),
+			/* @__PURE__ */ _(o, {
+				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__ */ _(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__ */ _(se, {
+									width: 44,
+									tickLine: !1,
+									axisLine: !1,
+									tick: {
+										fill: "var(--color-text-tertiary)",
+										fontSize: 12
+									}
+								}),
+								/* @__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__ */ _(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__ */ _(d, {
+					columns: Ce,
+					rows: W,
+					rowKey: (e) => e.id,
+					defaultSort: {
+						key: "loggedAt",
+						dir: "desc"
+					}
+				})
+			}),
+			/* @__PURE__ */ _(S, {
+				open: M,
+				onOpenChange: N,
+				children: /* @__PURE__ */ v(C, {
+					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", {
+							className: "space-y-4 py-2",
+							children: [
+								/* @__PURE__ */ v("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "myb-recovery-metric",
+										children: "Metric"
+									}), /* @__PURE__ */ v(pe, {
+										value: P.metric,
+										onValueChange: (e) => F((t) => ({
+											...t,
+											metric: e
+										})),
+										children: [/* @__PURE__ */ _(ge, {
+											id: "myb-recovery-metric",
+											children: /* @__PURE__ */ _(_e, {})
+										}), /* @__PURE__ */ _(me, { children: T.map((e) => /* @__PURE__ */ _(he, {
+											value: e,
+											children: c[e].label
+										}, e)) })]
+									})]
+								}),
+								$ && /* @__PURE__ */ v("div", {
+									className: "space-y-1.5",
+									children: [
+										/* @__PURE__ */ _(x, {
+											htmlFor: "myb-recovery-sleep",
+											children: "Sleep hours"
+										}),
+										/* @__PURE__ */ _(b, {
+											id: "myb-recovery-sleep",
+											type: "number",
+											min: "0",
+											max: "24",
+											step: "0.1",
+											value: P.sleepHours,
+											onChange: (e) => F((t) => ({
+												...t,
+												sleepHours: e.target.value
+											})),
+											placeholder: "e.g. 7.5"
+										}),
+										/* @__PURE__ */ _("p", {
+											className: "text-xs text-text-tertiary",
+											children: "Primary measure for sleep entries."
+										})
+									]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "space-y-1.5",
+									children: [
+										/* @__PURE__ */ v(x, {
+											htmlFor: "myb-recovery-score",
+											children: ["Score", $ ? " (optional)" : ""]
+										}),
+										/* @__PURE__ */ _(b, {
+											id: "myb-recovery-score",
+											type: "number",
+											min: "0",
+											max: "100",
+											step: "1",
+											value: P.score,
+											onChange: (e) => F((t) => ({
+												...t,
+												score: e.target.value
+											})),
+											placeholder: "0–100"
+										}),
+										/* @__PURE__ */ _("p", {
+											className: "text-xs text-text-tertiary",
+											children: $ ? "Optional 0–100 sleep-quality score." : "A 0–100 rating for this metric."
+										})
+									]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "myb-recovery-at",
+										children: "Logged at"
+									}), /* @__PURE__ */ _(b, {
+										id: "myb-recovery-at",
+										type: "datetime-local",
+										value: P.loggedAt,
+										onChange: (e) => F((t) => ({
+											...t,
+											loggedAt: e.target.value
+										}))
+									})]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "space-y-1.5",
+									children: [/* @__PURE__ */ _(x, {
+										htmlFor: "myb-recovery-notes",
+										children: "Notes"
+									}), /* @__PURE__ */ _(ye, {
+										id: "myb-recovery-notes",
+										rows: 3,
+										value: P.notes,
+										onChange: (e) => F((t) => ({
+											...t,
+											notes: e.target.value
+										})),
+										placeholder: "How are you feeling? (optional)"
+									})]
+								}),
+								I && /* @__PURE__ */ _("p", {
+									className: "text-sm text-status-error-text",
+									children: I
+								})
+							]
+						}),
+						/* @__PURE__ */ v(ue, { children: [/* @__PURE__ */ _(y, {
+							variant: "outline",
+							onClick: () => N(!1),
+							disabled: B.isPending,
+							children: "Cancel"
+						}), /* @__PURE__ */ _(y, {
+							onClick: Se,
+							disabled: B.isPending,
+							children: B.isPending ? "Saving…" : "Log recovery"
+						})] })
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { j as RecoveryPage };
+
+//# sourceMappingURL=RecoveryPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/recovery/RecoveryPage.tsx"],"sourcesContent":["/**\n * Recovery — sleep, readiness, soreness, stress & mood tracking.\n * @module mybodyshield/pages/recovery\n *\n * Reads the real `mybListRecoveryLogs` array endpoint (no pagination). KPIs pull\n * the readiness / sleep / mood metrics independently so they stay stable while\n * the FilterTabs drive the charted + tabulated metric. New entries go through\n * `mybLogRecovery`. No mock data — everything is derived from the hooks.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, HeartPulse } from 'lucide-react';\nimport {\n  ResponsiveContainer,\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n} from 'recharts';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectTrigger,\n  SelectContent,\n  SelectItem,\n  SelectValue,\n  GlassCard,\n  Spinner,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  MetricsCard,\n  FilterTabs,\n  DataTable,\n  LoadingView,\n  ErrorView,\n  Section,\n  EmptyState,\n  type Column,\n  type FilterOption,\n} from '../../components';\nimport { useMybRecoveryLogs, useMybLogRecovery } from '../../hooks';\nimport type { MybRecoveryMetric, MybRecoveryLog, MybLogRecoveryInput } from '../../types';\nimport { formatNumber, formatDate, formatRelativeTime } from '../../utils/formatters';\nimport { RECOVERY_META, IconChip } from '../_shared/visuals';\n\ntype RecoveryFilter = 'ALL' | MybRecoveryMetric;\n\ntype Accent = 'success' | 'warning' | 'error';\n\nconst RECOVERY_METRICS: MybRecoveryMetric[] = ['SLEEP', 'READINESS', 'SORENESS', 'STRESS', 'MOOD'];\n\nconst FILTER_OPTIONS: FilterOption<RecoveryFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  ...RECOVERY_METRICS.map((m) => ({ value: m, label: RECOVERY_META[m].label })),\n];\n\nconst scoreAccent = (score: number): Accent =>\n  score >= 70 ? 'success' : score >= 40 ? 'warning' : 'error';\n\nconst sleepAccent = (hours: number): Accent =>\n  hours >= 7 ? 'success' : hours >= 6 ? 'warning' : 'error';\n\n/** Format a Date into a `datetime-local` input value (local time, minute precision). */\nfunction toDatetimeLocalValue(date: Date): string {\n  const pad = (n: number): string => String(n).padStart(2, '0');\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(\n    date.getHours()\n  )}:${pad(date.getMinutes())}`;\n}\n\ninterface RecoveryForm {\n  metric: MybRecoveryMetric;\n  score: string;\n  sleepHours: string;\n  notes: string;\n  loggedAt: string;\n}\n\nconst makeEmptyForm = (metric: MybRecoveryMetric = 'READINESS'): RecoveryForm => ({\n  metric,\n  score: '',\n  sleepHours: '',\n  notes: '',\n  loggedAt: toDatetimeLocalValue(new Date()),\n});\n\nexport function RecoveryPage() {\n  const [filter, setFilter] = useState<RecoveryFilter>('ALL');\n  const [open, setOpen] = useState(false);\n  const [form, setForm] = useState<RecoveryForm>(makeEmptyForm);\n  const [err, setErr] = useState<string | null>(null);\n\n  // KPI feeds — independent of the active filter so the header stays stable.\n  const readiness = useMybRecoveryLogs('READINESS');\n  const sleep = useMybRecoveryLogs('SLEEP');\n  const mood = useMybRecoveryLogs('MOOD');\n\n  // Charted + tabulated metric (undefined → all metrics).\n  const selectedMetric = filter === 'ALL' ? undefined : filter;\n  const logs = useMybRecoveryLogs(selectedMetric);\n\n  const logRecovery = useMybLogRecovery();\n\n  const readinessRows = readiness.data ?? [];\n  const sleepRows = sleep.data ?? [];\n  const moodRows = mood.data ?? [];\n  const logRows = logs.data ?? [];\n\n  const latestReadiness = useMemo(\n    () =>\n      [...readinessRows].sort(\n        (a, b) => new Date(b.loggedAt).getTime() - new Date(a.loggedAt).getTime()\n      )[0],\n    [readinessRows]\n  );\n\n  const latestMood = useMemo(\n    () =>\n      [...moodRows].sort(\n        (a, b) => new Date(b.loggedAt).getTime() - new Date(a.loggedAt).getTime()\n      )[0],\n    [moodRows]\n  );\n\n  const avgSleep = useMemo(() => {\n    if (sleepRows.length === 0) return null;\n    const sum = sleepRows.reduce((acc, l) => acc + l.sleepHours, 0);\n    return sum / sleepRows.length;\n  }, [sleepRows]);\n\n  const isSleepSelected = filter === 'SLEEP';\n  const selectedLabel = filter === 'ALL' ? 'All metrics' : RECOVERY_META[filter].label;\n  const chartStroke = filter === 'ALL' ? 'var(--color-accent-teal)' : RECOVERY_META[filter].tint;\n\n  const chartData = useMemo(\n    () =>\n      [...logRows]\n        .sort((a, b) => new Date(a.loggedAt).getTime() - new Date(b.loggedAt).getTime())\n        .map((l) => ({\n          label: formatDate(l.loggedAt),\n          value: isSleepSelected ? l.sleepHours : l.score,\n        })),\n    [logRows, isSleepSelected]\n  );\n\n  const openLog = (metric: MybRecoveryMetric = 'READINESS') => {\n    setForm(makeEmptyForm(metric));\n    setErr(null);\n    setOpen(true);\n  };\n\n  const isSleepForm = form.metric === 'SLEEP';\n\n  const submit = async () => {\n    setErr(null);\n    if (isSleepForm) {\n      if (form.sleepHours.trim() === '') {\n        setErr('Sleep hours is required for sleep entries.');\n        return;\n      }\n      const h = Number(form.sleepHours);\n      if (!Number.isFinite(h) || h < 0 || h > 24) {\n        setErr('Enter sleep hours between 0 and 24.');\n        return;\n      }\n    } else {\n      if (form.score.trim() === '') {\n        setErr('A score is required.');\n        return;\n      }\n    }\n    if (form.score.trim() !== '') {\n      const s = Number(form.score);\n      if (!Number.isFinite(s) || s < 0 || s > 100) {\n        setErr('Enter a score between 0 and 100.');\n        return;\n      }\n    }\n\n    const input: MybLogRecoveryInput = {\n      metric: form.metric,\n      score: form.score.trim() !== '' ? Number(form.score) : undefined,\n      sleepHours: form.sleepHours.trim() !== '' ? Number(form.sleepHours) : undefined,\n      notes: form.notes.trim() || undefined,\n      loggedAt: form.loggedAt ? new Date(form.loggedAt).toISOString() : undefined,\n    };\n\n    try {\n      await logRecovery.mutateAsync(input);\n      setOpen(false);\n    } catch (e) {\n      setErr(e instanceof Error ? e.message : 'Failed to log recovery.');\n    }\n  };\n\n  const columns: Column<MybRecoveryLog>[] = [\n    {\n      key: 'metric',\n      header: 'Metric',\n      sortValue: (r) => RECOVERY_META[r.metric].label,\n      render: (r) => {\n        const meta = RECOVERY_META[r.metric];\n        const Icon = meta.icon;\n        return (\n          <span className=\"inline-flex items-center gap-2.5\">\n            <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n            <span className=\"font-medium text-text-primary\">{meta.label}</span>\n          </span>\n        );\n      },\n    },\n    {\n      key: 'value',\n      header: 'Value',\n      align: 'right',\n      sortValue: (r) => (r.metric === 'SLEEP' ? r.sleepHours : r.score),\n      render: (r) =>\n        r.metric === 'SLEEP' ? (\n          <span className=\"tabular-nums text-text-primary\">\n            {formatNumber(r.sleepHours, { maximumFractionDigits: 1 })} h\n          </span>\n        ) : (\n          <span className=\"tabular-nums text-text-primary\">{formatNumber(r.score)}</span>\n        ),\n    },\n    {\n      key: 'notes',\n      header: 'Notes',\n      hideOnMobile: true,\n      render: (r) =>\n        r.notes && r.notes.trim() ? (\n          <span className=\"text-text-secondary\">{r.notes}</span>\n        ) : (\n          <span className=\"text-text-tertiary\">—</span>\n        ),\n    },\n    {\n      key: 'loggedAt',\n      header: 'Logged',\n      align: 'right',\n      sortValue: (r) => new Date(r.loggedAt).getTime(),\n      render: (r) => (\n        <span className=\"whitespace-nowrap text-text-tertiary\">\n          {formatRelativeTime(r.loggedAt)}\n        </span>\n      ),\n    },\n  ];\n\n  const ReadinessIcon = RECOVERY_META.READINESS.icon;\n  const SleepIcon = RECOVERY_META.SLEEP.icon;\n  const MoodIcon = RECOVERY_META.MOOD.icon;\n\n  return (\n    <PageLayout\n      title=\"Recovery\"\n      description=\"Sleep, readiness, soreness, stress & mood.\"\n      actions={\n        <Button className=\"gap-2\" onClick={() => openLog()}>\n          <Plus className=\"h-4 w-4\" />\n          Log recovery\n        </Button>\n      }\n    >\n      {/* KPI grid */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n        <MetricsCard\n          icon={<ReadinessIcon className=\"h-5 w-5\" />}\n          value={latestReadiness ? formatNumber(latestReadiness.score) : '—'}\n          label=\"Latest readiness\"\n          accent={latestReadiness ? scoreAccent(latestReadiness.score) : undefined}\n          footer={\n            latestReadiness ? (\n              <p className=\"text-xs text-text-tertiary\">\n                {formatRelativeTime(latestReadiness.loggedAt)}\n              </p>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => openLog('READINESS')}\n                className=\"text-xs font-medium text-accent hover:underline\"\n              >\n                Log readiness →\n              </button>\n            )\n          }\n        />\n        <MetricsCard\n          icon={<SleepIcon className=\"h-5 w-5\" />}\n          value={\n            avgSleep != null ? `${formatNumber(avgSleep, { maximumFractionDigits: 1 })} h` : '—'\n          }\n          label=\"Avg sleep\"\n          accent={avgSleep != null ? sleepAccent(avgSleep) : undefined}\n          footer={\n            sleepRows.length > 0 ? (\n              <p className=\"text-xs text-text-tertiary\">\n                <span className=\"tabular-nums text-text-secondary\">{sleepRows.length}</span>{' '}\n                {sleepRows.length === 1 ? 'night' : 'nights'} logged\n              </p>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => openLog('SLEEP')}\n                className=\"text-xs font-medium text-accent hover:underline\"\n              >\n                Log sleep →\n              </button>\n            )\n          }\n        />\n        <MetricsCard\n          icon={<MoodIcon className=\"h-5 w-5\" />}\n          value={latestMood ? formatNumber(latestMood.score) : '—'}\n          label=\"Latest mood\"\n          accent={latestMood ? scoreAccent(latestMood.score) : undefined}\n          footer={\n            latestMood ? (\n              <p className=\"text-xs text-text-tertiary\">\n                {formatRelativeTime(latestMood.loggedAt)}\n              </p>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => openLog('MOOD')}\n                className=\"text-xs font-medium text-accent hover:underline\"\n              >\n                Log mood →\n              </button>\n            )\n          }\n        />\n      </div>\n\n      {/* Metric filter */}\n      <div className=\"mt-6 flex flex-wrap items-center gap-3\">\n        <FilterTabs options={FILTER_OPTIONS} value={filter} onChange={setFilter} />\n      </div>\n\n      {/* Trend chart */}\n      <Section\n        title={`${selectedLabel} trend`}\n        description={isSleepSelected ? 'Sleep hours over time.' : 'Recovery score over time.'}\n      >\n        <GlassCard treatment=\"glass\" className=\"p-6\">\n          {logs.isLoading ? (\n            <div className=\"flex h-[280px] items-center justify-center\">\n              <Spinner size=\"lg\" />\n            </div>\n          ) : logs.isError ? (\n            <ErrorView\n              message=\"We couldn't load this metric's history.\"\n              onRetry={() => logs.refetch()}\n            />\n          ) : chartData.length === 0 ? (\n            <div className=\"flex h-[280px] flex-col items-center justify-center text-center\">\n              <span className=\"flex size-11 items-center justify-center rounded-full bg-[var(--color-accent-soft)]\">\n                <HeartPulse className=\"h-5 w-5 text-accent\" />\n              </span>\n              <p className=\"mt-3 text-sm font-medium text-text-primary\">Nothing to chart yet</p>\n              <p className=\"mt-1 max-w-xs text-xs text-text-tertiary\">\n                Log a few {selectedLabel.toLowerCase()} entries to see your trend here.\n              </p>\n            </div>\n          ) : (\n            <ResponsiveContainer width=\"100%\" height={280}>\n              <LineChart data={chartData} margin={{ top: 12, right: 16, bottom: 4, left: 4 }}>\n                <CartesianGrid vertical={false} stroke=\"var(--color-border-seam)\" strokeWidth={1} />\n                <XAxis\n                  dataKey=\"label\"\n                  tickLine={false}\n                  axisLine={false}\n                  tickMargin={8}\n                  minTickGap={20}\n                  tick={{ fill: 'var(--color-text-tertiary)', fontSize: 12 }}\n                />\n                <YAxis\n                  width={44}\n                  tickLine={false}\n                  axisLine={false}\n                  tick={{ fill: 'var(--color-text-tertiary)', fontSize: 12 }}\n                />\n                <Tooltip\n                  contentStyle={{\n                    background: 'var(--color-bg-surface)',\n                    border: '1px solid var(--color-border-seam)',\n                    borderRadius: 12,\n                    color: 'var(--color-text-primary)',\n                    fontSize: 12,\n                  }}\n                  labelStyle={{ color: 'var(--color-text-tertiary)' }}\n                  cursor={{ stroke: 'var(--color-border-seam)', strokeWidth: 1 }}\n                />\n                <Line\n                  type=\"monotone\"\n                  dataKey=\"value\"\n                  name={isSleepSelected ? 'Sleep hours' : 'Score'}\n                  stroke={chartStroke}\n                  strokeWidth={2}\n                  dot={false}\n                  activeDot={{\n                    r: 4,\n                    strokeWidth: 2,\n                    stroke: 'var(--color-bg-surface)',\n                    fill: chartStroke,\n                  }}\n                />\n              </LineChart>\n            </ResponsiveContainer>\n          )}\n        </GlassCard>\n      </Section>\n\n      {/* Log table */}\n      <Section title=\"Recovery log\" description=\"Every recovery entry, most recent first.\">\n        {logs.isLoading ? (\n          <LoadingView label=\"Loading recovery logs…\" />\n        ) : logs.isError ? (\n          <ErrorView\n            message=\"We couldn't load your recovery logs.\"\n            onRetry={() => logs.refetch()}\n          />\n        ) : logRows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<HeartPulse className=\"h-10 w-10\" />}\n            title=\"No recovery logs yet\"\n            description=\"Track your sleep, readiness, soreness, stress or mood to see how your body is recovering between sessions.\"\n            action={\n              <Button className=\"gap-2\" onClick={() => openLog()}>\n                <Plus className=\"h-4 w-4\" />\n                Log recovery\n              </Button>\n            }\n          />\n        ) : (\n          <DataTable\n            columns={columns}\n            rows={logRows}\n            rowKey={(r) => r.id}\n            defaultSort={{ key: 'loggedAt', dir: 'desc' }}\n          />\n        )}\n      </Section>\n\n      {/* Log recovery dialog */}\n      <ResponsiveDialog open={open} onOpenChange={setOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-[480px]\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Log recovery</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Capture how your body is recovering — one metric per entry.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"space-y-4 py-2\">\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-recovery-metric\">Metric</Label>\n              <Select\n                value={form.metric}\n                onValueChange={(v) =>\n                  // Select only emits values from RECOVERY_METRICS, so `v` is a\n                  // MybRecoveryMetric — narrow the Radix `string` payload.\n                  setForm((f) => ({ ...f, metric: v as MybRecoveryMetric }))\n                }\n              >\n                <SelectTrigger id=\"myb-recovery-metric\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {RECOVERY_METRICS.map((m) => (\n                    <SelectItem key={m} value={m}>\n                      {RECOVERY_META[m].label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n\n            {isSleepForm && (\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"myb-recovery-sleep\">Sleep hours</Label>\n                <Input\n                  id=\"myb-recovery-sleep\"\n                  type=\"number\"\n                  min=\"0\"\n                  max=\"24\"\n                  step=\"0.1\"\n                  value={form.sleepHours}\n                  onChange={(e) => setForm((f) => ({ ...f, sleepHours: e.target.value }))}\n                  placeholder=\"e.g. 7.5\"\n                />\n                <p className=\"text-xs text-text-tertiary\">Primary measure for sleep entries.</p>\n              </div>\n            )}\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-recovery-score\">Score{isSleepForm ? ' (optional)' : ''}</Label>\n              <Input\n                id=\"myb-recovery-score\"\n                type=\"number\"\n                min=\"0\"\n                max=\"100\"\n                step=\"1\"\n                value={form.score}\n                onChange={(e) => setForm((f) => ({ ...f, score: e.target.value }))}\n                placeholder=\"0–100\"\n              />\n              <p className=\"text-xs text-text-tertiary\">\n                {isSleepForm\n                  ? 'Optional 0–100 sleep-quality score.'\n                  : 'A 0–100 rating for this metric.'}\n              </p>\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-recovery-at\">Logged at</Label>\n              <Input\n                id=\"myb-recovery-at\"\n                type=\"datetime-local\"\n                value={form.loggedAt}\n                onChange={(e) => setForm((f) => ({ ...f, loggedAt: e.target.value }))}\n              />\n            </div>\n\n            <div className=\"space-y-1.5\">\n              <Label htmlFor=\"myb-recovery-notes\">Notes</Label>\n              <Textarea\n                id=\"myb-recovery-notes\"\n                rows={3}\n                value={form.notes}\n                onChange={(e) => setForm((f) => ({ ...f, notes: e.target.value }))}\n                placeholder=\"How are you feeling? (optional)\"\n              />\n            </div>\n\n            {err && <p className=\"text-sm text-status-error-text\">{err}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={() => setOpen(false)}\n              disabled={logRecovery.isPending}\n            >\n              Cancel\n            </Button>\n            <Button onClick={submit} disabled={logRecovery.isPending}>\n              {logRecovery.isPending ? 'Saving…' : 'Log recovery'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}