@burdenoff/microfe-mybodyshield 2026.821.2 → 2026.830.1

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

@@ -2,54 +2,59 @@ 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 { EmptyState as ee } from "../../components/EmptyState.js";
-import { ErrorView as a, LoadingView as te, Section as o } from "../../components/StateViews.js";
+import { useMybLogRecovery as te, useMybRecoveryLogs as a } from "../../hooks/useMyBodyShieldApi.js";
+import { useTr as o } from "../../hooks/useTr.js";
+import "../../hooks/index.js";
+import { ErrorView as s, LoadingView as c, Section as l } from "../../components/StateViews.js";
 import { DataTable as ne } from "../../components/DataTable.js";
 import { FilterTabs as re } from "../../components/FilterTabs.js";
-import { useMybLogRecovery as ie, useMybRecoveryLogs as s } from "../../hooks/useMyBodyShieldApi.js";
-import "../../hooks/index.js";
 import "../../components/index.js";
-import { motion as c } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as l } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { IconChip as u, RECOVERY_META as d } from "../_shared/visuals.js";
-import { Tooltip as f } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as ae } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { motion as u } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as ie } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { IconChip as d, RECOVERY_META as f } from "../_shared/visuals.js";
+import { Tooltip as ae } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as oe } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
 import { ReferenceDot as p } from "../../../node_modules/recharts/es6/cartesian/ReferenceDot.js";
-import { CartesianGrid as oe } 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 { CartesianGrid as se } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Area as ce } from "../../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as le } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as ue } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { AreaChart as de } 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 C, ResponsiveDialogFooter as w, ResponsiveDialogHeader as me, 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";
+import { Button as b, GlassCard as fe, Input as x, Label as S, ResponsiveDialog as pe, ResponsiveDialogContent as me, ResponsiveDialogDescription as he, ResponsiveDialogFooter as ge, ResponsiveDialogHeader as _e, ResponsiveDialogTitle as ve, Select as ye, SelectContent as be, SelectItem as xe, SelectTrigger as Se, SelectValue as Ce, Spinner as we, Textarea as Te } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/recovery/RecoveryPage.tsx
-var T = [
+var C = [
 	"SLEEP",
 	"READINESS",
 	"SORENESS",
 	"STRESS",
 	"MOOD"
-], Ce = [{
-	value: "ALL",
-	label: "All"
-}, ...T.map((e) => ({
-	value: e,
-	label: d[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) {
+], w = "var(--color-action-primary-bg)", T = (e) => e >= 70 ? "success" : e >= 40 ? "warning" : "error", E = (e) => e >= 7 ? "success" : e >= 6 ? "warning" : "error";
+function D(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") => ({
+var O = (e = "READINESS") => ({
 	metric: e,
 	score: "",
 	sleepHours: "",
 	notes: "",
-	loggedAt: k(/* @__PURE__ */ new Date())
+	loggedAt: D(/* @__PURE__ */ new Date())
 });
-function j() {
-	let [k, j] = h("ALL"), [we, M] = h(!1), [N, P] = h(A), [F, I] = h(null), Te = s("READINESS"), Ee = s("SLEEP"), De = s("MOOD"), L = s(k === "ALL" ? void 0 : k), R = ie(), z = l(), B = (e, t = !0) => z ? { initial: !1 } : {
+function k(e, t) {
+	let n = "mybodyshield.pages.recovery.metricNames";
+	switch (t) {
+		case "SLEEP": return e(`${n}.sleep`, "Sleep");
+		case "READINESS": return e(`${n}.readiness`, "Readiness");
+		case "SORENESS": return e(`${n}.soreness`, "Soreness");
+		case "STRESS": return e(`${n}.stress`, "Stress");
+		case "MOOD": return e(`${n}.mood`, "Mood");
+	}
+}
+function A() {
+	let D = o(), [A, Ee] = h("ALL"), [De, j] = h(!1), [M, N] = h(O), [P, F] = h(null), Oe = a("READINESS"), ke = a("SLEEP"), Ae = a("MOOD"), I = a(A === "ALL" ? void 0 : A), L = te(), R = ie(), z = (e, t = !0) => R ? { initial: !1 } : {
 		initial: {
 			opacity: 0,
 			y: 14
@@ -71,67 +76,73 @@ function j() {
 				damping: 22
 			}
 		} } : {}
-	}, V = Te.data?.items ?? [], H = Ee.data?.items ?? [], U = De.data?.items ?? [], W = L.data?.items ?? [], 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" : d[k].label, X = m(() => [...W].sort((e, t) => new Date(e.loggedAt).getTime() - new Date(t.loggedAt).getTime()).map((e) => ({
+	}, B = Oe.data?.items ?? [], V = ke.data?.items ?? [], H = Ae.data?.items ?? [], U = I.data?.items ?? [], W = m(() => [...B].sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], [B]), G = m(() => [...H].sort((e, t) => new Date(t.loggedAt).getTime() - new Date(e.loggedAt).getTime())[0], [H]), K = m(() => V.length === 0 ? null : V.reduce((e, t) => e + t.sleepHours, 0) / V.length, [V]), q = A === "SLEEP", J = A === "ALL" ? D("mybodyshield.pages.recovery.allMetrics", "All metrics") : k(D, A), je = [{
+		value: "ALL",
+		label: D("mybodyshield.common.all", "All")
+	}, ...C.map((e) => ({
+		value: e,
+		label: k(D, e)
+	}))], Y = m(() => [...U].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]), 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.");
+		value: q ? e.sleepHours : e.score
+	})), [U, q]), X = Y.length > 0 ? Y[Y.length - 1] : void 0, Z = (e = "READINESS") => {
+		N(O(e)), F(null), j(!0);
+	}, Q = M.metric === "SLEEP", Me = async () => {
+		if (F(null), Q) {
+			if (M.sleepHours.trim() === "") {
+				F(D("mybodyshield.pages.recovery.sleepHoursRequired", "Sleep hours is required for sleep entries."));
 				return;
 			}
-			let e = Number(N.sleepHours);
+			let e = Number(M.sleepHours);
 			if (!Number.isFinite(e) || e < 0 || e > 24) {
-				I("Enter sleep hours between 0 and 24.");
+				F(D("mybodyshield.pages.recovery.sleepHoursRange", "Enter sleep hours between 0 and 24."));
 				return;
 			}
-		} else if (N.score.trim() === "") {
-			I("A score is required.");
+		} else if (M.score.trim() === "") {
+			F(D("mybodyshield.pages.recovery.scoreRequired", "A score is required."));
 			return;
 		}
-		if (N.score.trim() !== "") {
-			let e = Number(N.score);
+		if (M.score.trim() !== "") {
+			let e = Number(M.score);
 			if (!Number.isFinite(e) || e < 0 || e > 100) {
-				I("Enter a score between 0 and 100.");
+				F(D("mybodyshield.pages.recovery.scoreRange", "Enter a score between 0 and 100."));
 				return;
 			}
 		}
 		let e = {
-			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
+			metric: M.metric,
+			score: M.score.trim() === "" ? void 0 : Number(M.score),
+			sleepHours: M.sleepHours.trim() === "" ? void 0 : Number(M.sleepHours),
+			notes: M.notes.trim() || void 0,
+			loggedAt: M.loggedAt ? new Date(M.loggedAt).toISOString() : void 0
 		};
 		try {
-			await R.mutateAsync(e), M(!1);
+			await L.mutateAsync(e), j(!1);
 		} catch (e) {
-			I(e instanceof Error ? e.message : "Failed to log recovery.");
+			F(e instanceof Error ? e.message : D("mybodyshield.pages.recovery.failedToLog", "Failed to log recovery."));
 		}
-	}, ke = [
+	}, $ = [
 		{
 			key: "metric",
-			header: "Metric",
-			sortValue: (e) => d[e.metric].label,
+			header: D("mybodyshield.pages.recovery.metricColumn", "Metric"),
+			sortValue: (e) => k(D, e.metric),
 			render: (e) => {
-				let t = d[e.metric], n = t.icon;
+				let t = f[e.metric], n = t.icon;
 				return /* @__PURE__ */ y("span", {
 					className: "inline-flex items-center gap-2.5",
-					children: [/* @__PURE__ */ v(u, {
+					children: [/* @__PURE__ */ v(d, {
 						icon: /* @__PURE__ */ v(n, { className: "h-4 w-4" }),
 						tint: t.tint
 					}), /* @__PURE__ */ v("span", {
 						className: "font-medium text-text-primary",
-						children: t.label
+						children: k(D, e.metric)
 					})]
 				});
 			}
 		},
 		{
 			key: "value",
-			header: "Value",
+			header: D("mybodyshield.pages.recovery.valueColumn", "Value"),
 			align: "right",
 			sortValue: (e) => e.metric === "SLEEP" ? e.sleepHours : e.score,
 			render: (e) => e.metric === "SLEEP" ? /* @__PURE__ */ y("span", {
@@ -144,7 +155,7 @@ function j() {
 		},
 		{
 			key: "notes",
-			header: "Notes",
+			header: D("mybodyshield.pages.recovery.notesColumn", "Notes"),
 			hideOnMobile: !0,
 			render: (e) => e.notes && e.notes.trim() ? /* @__PURE__ */ v("span", {
 				className: "text-text-secondary",
@@ -156,7 +167,7 @@ function j() {
 		},
 		{
 			key: "loggedAt",
-			header: "Logged",
+			header: D("mybodyshield.pages.recovery.loggedColumn", "Logged"),
 			align: "right",
 			sortValue: (e) => new Date(e.loggedAt).getTime(),
 			render: (e) => /* @__PURE__ */ v("span", {
@@ -164,80 +175,79 @@ function j() {
 				children: i(e.loggedAt)
 			})
 		}
-	], Ae = d.READINESS.icon, je = d.SLEEP.icon, Me = d.MOOD.icon;
+	], Ne = f.READINESS.icon, Pe = f.SLEEP.icon, Fe = f.MOOD.icon;
 	return /* @__PURE__ */ y(e, {
-		title: "Recovery",
-		description: "Sleep, readiness, soreness, stress & mood.",
+		title: D("mybodyshield.pages.recovery.title", "Recovery"),
+		description: D("mybodyshield.pages.recovery.description", "Sleep, readiness, soreness, stress & mood."),
 		actions: /* @__PURE__ */ y(b, {
 			className: "gap-2",
-			onClick: () => Q(),
-			children: [/* @__PURE__ */ v(_, { className: "h-4 w-4" }), "Log recovery"]
+			onClick: () => Z(),
+			children: [/* @__PURE__ */ v(_, { className: "h-4 w-4" }), D("mybodyshield.pages.recovery.logRecoveryButton", "Log recovery")]
 		}),
 		children: [
-			/* @__PURE__ */ y(c.div, {
-				...B(0),
+			/* @__PURE__ */ y(u.div, {
+				...z(0),
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
 					/* @__PURE__ */ v(t, {
-						icon: /* @__PURE__ */ v(u, {
-							icon: /* @__PURE__ */ v(Ae, { className: "h-5 w-5" }),
-							tint: d.READINESS.tint
+						icon: /* @__PURE__ */ v(d, {
+							icon: /* @__PURE__ */ v(Ne, { className: "h-5 w-5" }),
+							tint: f.READINESS.tint
 						}),
-						value: G ? r(G.score) : "—",
-						label: "Latest readiness",
-						accent: G ? D(G.score) : void 0,
-						footer: G ? /* @__PURE__ */ v("p", {
+						value: W ? r(W.score) : "—",
+						label: D("mybodyshield.pages.recovery.latestReadiness", "Latest readiness"),
+						accent: W ? T(W.score) : void 0,
+						footer: W ? /* @__PURE__ */ v("p", {
 							className: "text-xs text-text-tertiary",
-							children: i(G.loggedAt)
+							children: i(W.loggedAt)
 						}) : /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => Q("READINESS"),
+							onClick: () => Z("READINESS"),
 							className: "text-xs font-medium text-accent hover:underline",
-							children: "Log readiness →"
+							children: D("mybodyshield.pages.recovery.logReadiness", "Log readiness →")
 						})
 					}),
 					/* @__PURE__ */ v(t, {
-						icon: /* @__PURE__ */ v(u, {
-							icon: /* @__PURE__ */ v(je, { className: "h-5 w-5" }),
-							tint: d.SLEEP.tint
+						icon: /* @__PURE__ */ v(d, {
+							icon: /* @__PURE__ */ v(Pe, { className: "h-5 w-5" }),
+							tint: f.SLEEP.tint
 						}),
-						value: q == null ? "—" : `${r(q, { maximumFractionDigits: 1 })} h`,
-						label: "Avg sleep",
-						accent: q == null ? void 0 : O(q),
-						footer: H.length > 0 ? /* @__PURE__ */ y("p", {
+						value: K == null ? "—" : `${r(K, { maximumFractionDigits: 1 })} h`,
+						label: D("mybodyshield.pages.recovery.avgSleep", "Avg sleep"),
+						accent: K == null ? void 0 : E(K),
+						footer: V.length > 0 ? /* @__PURE__ */ y("p", {
 							className: "text-xs text-text-tertiary",
 							children: [
 								/* @__PURE__ */ v("span", {
 									className: "tabular-nums text-text-secondary",
-									children: H.length
+									children: V.length
 								}),
 								" ",
-								H.length === 1 ? "night" : "nights",
-								" logged"
+								V.length === 1 ? D("mybodyshield.pages.recovery.nightsLogged", "{{count}} night logged", { count: V.length }) : D("mybodyshield.pages.recovery.nightsLoggedPlural", "{{count}} nights logged", { count: V.length })
 							]
 						}) : /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => Q("SLEEP"),
+							onClick: () => Z("SLEEP"),
 							className: "text-xs font-medium text-accent hover:underline",
-							children: "Log sleep →"
+							children: D("mybodyshield.pages.recovery.logSleep", "Log sleep →")
 						})
 					}),
 					/* @__PURE__ */ v(t, {
-						icon: /* @__PURE__ */ v(u, {
-							icon: /* @__PURE__ */ v(Me, { className: "h-5 w-5" }),
-							tint: d.MOOD.tint
+						icon: /* @__PURE__ */ v(d, {
+							icon: /* @__PURE__ */ v(Fe, { className: "h-5 w-5" }),
+							tint: f.MOOD.tint
 						}),
-						value: K ? r(K.score) : "—",
-						label: "Latest mood",
-						accent: K ? D(K.score) : void 0,
-						footer: K ? /* @__PURE__ */ v("p", {
+						value: G ? r(G.score) : "—",
+						label: D("mybodyshield.pages.recovery.latestMood", "Latest mood"),
+						accent: G ? T(G.score) : void 0,
+						footer: G ? /* @__PURE__ */ v("p", {
 							className: "text-xs text-text-tertiary",
-							children: i(K.loggedAt)
+							children: i(G.loggedAt)
 						}) : /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => Q("MOOD"),
+							onClick: () => Z("MOOD"),
 							className: "text-xs font-medium text-accent hover:underline",
-							children: "Log mood →"
+							children: D("mybodyshield.pages.recovery.logMood", "Log mood →")
 						})
 					})
 				]
@@ -245,26 +255,26 @@ function j() {
 			/* @__PURE__ */ v("div", {
 				className: "mt-6 flex flex-wrap items-center gap-3",
 				children: /* @__PURE__ */ v(re, {
-					options: Ce,
-					value: k,
-					onChange: j
+					options: je,
+					value: A,
+					onChange: Ee
 				})
 			}),
-			/* @__PURE__ */ v(o, {
-				title: `${Y} trend`,
-				description: J ? "Sleep hours over time." : "Recovery score over time.",
-				children: /* @__PURE__ */ v(c.div, {
-					...B(.08),
-					children: /* @__PURE__ */ v(de, {
+			/* @__PURE__ */ v(l, {
+				title: D("mybodyshield.pages.recovery.trendTitle", "{{metric}} trend", { metric: J }),
+				description: q ? D("mybodyshield.pages.recovery.sleepTrendDescription", "Sleep hours over time.") : D("mybodyshield.pages.recovery.scoreTrendDescription", "Recovery score over time."),
+				children: /* @__PURE__ */ v(u.div, {
+					...z(.08),
+					children: /* @__PURE__ */ v(fe, {
 						treatment: "glass",
 						className: "rounded-2xl p-6 transition-shadow duration-300 hover:shadow-2xl",
-						children: L.isLoading ? /* @__PURE__ */ v("div", {
+						children: I.isLoading ? /* @__PURE__ */ v("div", {
 							className: "flex h-[280px] items-center justify-center",
-							children: /* @__PURE__ */ v(xe, { size: "lg" })
-						}) : L.isError ? /* @__PURE__ */ v(a, {
-							message: "We couldn't load this metric's history.",
-							onRetry: () => L.refetch()
-						}) : X.length === 0 ? /* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ v(we, { size: "lg" })
+						}) : I.isError ? /* @__PURE__ */ v(s, {
+							message: D("mybodyshield.pages.recovery.chartError", "We couldn't load this metric's history."),
+							onRetry: () => I.refetch()
+						}) : Y.length === 0 ? /* @__PURE__ */ y("div", {
 							className: "flex h-[280px] flex-col items-center justify-center text-center",
 							children: [
 								/* @__PURE__ */ v("span", {
@@ -273,22 +283,18 @@ function j() {
 								}),
 								/* @__PURE__ */ v("p", {
 									className: "mt-3 text-sm font-medium text-text-primary",
-									children: "Nothing to chart yet"
+									children: D("mybodyshield.pages.recovery.emptyChartTitle", "Nothing to chart yet")
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__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."
-									]
+									children: D("mybodyshield.pages.recovery.emptyChartDescription", "Log a few {{metric}} entries to see your trend here.", { metric: J.toLowerCase() })
 								})
 							]
-						}) : /* @__PURE__ */ v(ae, {
+						}) : /* @__PURE__ */ v(oe, {
 							width: "100%",
 							height: 280,
-							children: /* @__PURE__ */ y(ue, {
-								data: X,
+							children: /* @__PURE__ */ y(de, {
+								data: Y,
 								margin: {
 									top: 12,
 									right: 16,
@@ -305,27 +311,27 @@ function j() {
 										children: [
 											/* @__PURE__ */ v("stop", {
 												offset: "0%",
-												stopColor: E,
+												stopColor: w,
 												stopOpacity: .38
 											}),
 											/* @__PURE__ */ v("stop", {
 												offset: "55%",
-												stopColor: E,
+												stopColor: w,
 												stopOpacity: .12
 											}),
 											/* @__PURE__ */ v("stop", {
 												offset: "100%",
-												stopColor: E,
+												stopColor: w,
 												stopOpacity: 0
 											})
 										]
 									}) }),
-									/* @__PURE__ */ v(oe, {
+									/* @__PURE__ */ v(se, {
 										vertical: !1,
 										stroke: "var(--color-border-seam)",
 										strokeDasharray: "4 4"
 									}),
-									/* @__PURE__ */ v(ce, {
+									/* @__PURE__ */ v(le, {
 										dataKey: "label",
 										tickLine: !1,
 										axisLine: !1,
@@ -336,7 +342,7 @@ function j() {
 											fontSize: 12
 										}
 									}),
-									/* @__PURE__ */ v(le, {
+									/* @__PURE__ */ v(ue, {
 										width: 44,
 										tickLine: !1,
 										axisLine: !1,
@@ -345,7 +351,7 @@ function j() {
 											fontSize: 12
 										}
 									}),
-									/* @__PURE__ */ v(f, {
+									/* @__PURE__ */ v(ae, {
 										contentStyle: {
 											background: "var(--color-bg-surface)",
 											border: "1px solid var(--color-border-seam)",
@@ -359,11 +365,11 @@ function j() {
 											strokeDasharray: "4 4"
 										}
 									}),
-									/* @__PURE__ */ v(se, {
+									/* @__PURE__ */ v(ce, {
 										type: "monotone",
 										dataKey: "value",
-										name: J ? "Sleep hours" : "Score",
-										stroke: E,
+										name: q ? D("mybodyshield.pages.recovery.sleepHours", "Sleep hours") : D("mybodyshield.pages.recovery.score", "Score"),
+										stroke: w,
 										strokeWidth: 2.5,
 										fill: "url(#myb-recovery-fill)",
 										fillOpacity: 1,
@@ -372,28 +378,28 @@ function j() {
 											r: 4,
 											strokeWidth: 2,
 											stroke: "var(--color-bg-surface)",
-											fill: E
+											fill: w
 										},
-										isAnimationActive: !z,
+										isAnimationActive: !R,
 										animationDuration: 900
 									}),
-									Z && /* @__PURE__ */ v(p, {
-										x: Z.label,
-										y: Z.value,
+									X && /* @__PURE__ */ v(p, {
+										x: X.label,
+										y: X.value,
 										r: 12,
 										isFront: !0,
 										ifOverflow: "visible",
-										fill: E,
+										fill: w,
 										fillOpacity: .16,
 										stroke: "none"
 									}),
-									Z && /* @__PURE__ */ v(p, {
-										x: Z.label,
-										y: Z.value,
+									X && /* @__PURE__ */ v(p, {
+										x: X.label,
+										y: X.value,
 										r: 5,
 										isFront: !0,
 										ifOverflow: "visible",
-										fill: E,
+										fill: w,
 										stroke: "var(--color-bg-surface)",
 										strokeWidth: 2
 									})
@@ -403,27 +409,27 @@ function j() {
 					})
 				})
 			}),
-			/* @__PURE__ */ v(c.div, {
-				...B(.16, !1),
-				children: /* @__PURE__ */ v(o, {
-					title: "Recovery log",
-					description: "Every recovery entry, most recent first.",
-					children: L.isLoading ? /* @__PURE__ */ v(te, { label: "Loading recovery logs…" }) : L.isError ? /* @__PURE__ */ v(a, {
-						message: "We couldn't load your recovery logs.",
-						onRetry: () => L.refetch()
-					}) : W.length === 0 ? /* @__PURE__ */ v(ee, {
+			/* @__PURE__ */ v(u.div, {
+				...z(.16, !1),
+				children: /* @__PURE__ */ v(l, {
+					title: D("mybodyshield.pages.recovery.recoveryLog", "Recovery log"),
+					description: D("mybodyshield.pages.recovery.recoveryLogDescription", "Every recovery entry, most recent first."),
+					children: I.isLoading ? /* @__PURE__ */ v(c, { label: D("mybodyshield.pages.recovery.loading", "Loading recovery logs…") }) : I.isError ? /* @__PURE__ */ v(s, {
+						message: D("mybodyshield.pages.recovery.error", "We couldn't load your recovery logs."),
+						onRetry: () => I.refetch()
+					}) : U.length === 0 ? /* @__PURE__ */ v(ee, {
 						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.",
+						title: D("mybodyshield.pages.recovery.emptyTitle", "No recovery logs yet"),
+						description: D("mybodyshield.pages.recovery.emptyDescription", "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"]
+							onClick: () => Z(),
+							children: [/* @__PURE__ */ v(_, { className: "h-4 w-4" }), D("mybodyshield.pages.recovery.logRecoveryButton", "Log recovery")]
 						})
 					}) : /* @__PURE__ */ v(ne, {
-						columns: ke,
-						rows: W,
+						columns: $,
+						rows: U,
 						rowKey: (e) => e.id,
 						defaultSort: {
 							key: "loggedAt",
@@ -432,13 +438,13 @@ function j() {
 					})
 				})
 			}),
-			/* @__PURE__ */ v(fe, {
-				open: we,
-				onOpenChange: M,
-				children: /* @__PURE__ */ y(pe, {
+			/* @__PURE__ */ v(pe, {
+				open: De,
+				onOpenChange: j,
+				children: /* @__PURE__ */ y(me, {
 					className: "sm:max-w-[480px]",
 					children: [
-						/* @__PURE__ */ y(me, { children: [/* @__PURE__ */ v(he, { children: "Log recovery" }), /* @__PURE__ */ v(C, { children: "Capture how your body is recovering — one metric per entry." })] }),
+						/* @__PURE__ */ y(_e, { children: [/* @__PURE__ */ v(ve, { children: D("mybodyshield.pages.recovery.dialogTitle", "Log recovery") }), /* @__PURE__ */ v(he, { children: D("mybodyshield.pages.recovery.dialogDescription", "Capture how your body is recovering — one metric per entry.") })] }),
 						/* @__PURE__ */ y("div", {
 							className: "space-y-4 py-2",
 							children: [
@@ -446,28 +452,28 @@ function j() {
 									className: "space-y-1.5",
 									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "myb-recovery-metric",
-										children: "Metric"
-									}), /* @__PURE__ */ y(ge, {
-										value: N.metric,
-										onValueChange: (e) => P((t) => ({
+										children: D("mybodyshield.pages.recovery.metric", "Metric")
+									}), /* @__PURE__ */ y(ye, {
+										value: M.metric,
+										onValueChange: (e) => N((t) => ({
 											...t,
 											metric: e
 										})),
-										children: [/* @__PURE__ */ v(ye, {
+										children: [/* @__PURE__ */ v(Se, {
 											id: "myb-recovery-metric",
-											children: /* @__PURE__ */ v(be, {})
-										}), /* @__PURE__ */ v(_e, { children: T.map((e) => /* @__PURE__ */ v(ve, {
+											children: /* @__PURE__ */ v(Ce, {})
+										}), /* @__PURE__ */ v(be, { children: C.map((e) => /* @__PURE__ */ v(xe, {
 											value: e,
-											children: d[e].label
+											children: k(D, e)
 										}, e)) })]
 									})]
 								}),
-								$ && /* @__PURE__ */ y("div", {
+								Q && /* @__PURE__ */ y("div", {
 									className: "space-y-1.5",
 									children: [
 										/* @__PURE__ */ v(S, {
 											htmlFor: "myb-recovery-sleep",
-											children: "Sleep hours"
+											children: D("mybodyshield.pages.recovery.sleepHours", "Sleep hours")
 										}),
 										/* @__PURE__ */ v(x, {
 											id: "myb-recovery-sleep",
@@ -475,25 +481,25 @@ function j() {
 											min: "0",
 											max: "24",
 											step: "0.1",
-											value: N.sleepHours,
-											onChange: (e) => P((t) => ({
+											value: M.sleepHours,
+											onChange: (e) => N((t) => ({
 												...t,
 												sleepHours: e.target.value
 											})),
-											placeholder: "e.g. 7.5"
+											placeholder: D("mybodyshield.pages.recovery.sleepHoursPlaceholder", "e.g. 7.5")
 										}),
 										/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-tertiary",
-											children: "Primary measure for sleep entries."
+											children: D("mybodyshield.pages.recovery.sleepHoursHint", "Primary measure for sleep entries.")
 										})
 									]
 								}),
 								/* @__PURE__ */ y("div", {
 									className: "space-y-1.5",
 									children: [
-										/* @__PURE__ */ y(S, {
+										/* @__PURE__ */ v(S, {
 											htmlFor: "myb-recovery-score",
-											children: ["Score", $ ? " (optional)" : ""]
+											children: Q ? D("mybodyshield.pages.recovery.scoreOptional", "Score (optional)") : D("mybodyshield.pages.recovery.score", "Score")
 										}),
 										/* @__PURE__ */ v(x, {
 											id: "myb-recovery-score",
@@ -501,16 +507,16 @@ function j() {
 											min: "0",
 											max: "100",
 											step: "1",
-											value: N.score,
-											onChange: (e) => P((t) => ({
+											value: M.score,
+											onChange: (e) => N((t) => ({
 												...t,
 												score: e.target.value
 											})),
-											placeholder: "0–100"
+											placeholder: D("mybodyshield.pages.recovery.scorePlaceholder", "0–100")
 										}),
 										/* @__PURE__ */ v("p", {
 											className: "text-xs text-text-tertiary",
-											children: $ ? "Optional 0–100 sleep-quality score." : "A 0–100 rating for this metric."
+											children: Q ? D("mybodyshield.pages.recovery.sleepScoreHint", "Optional 0–100 sleep-quality score.") : D("mybodyshield.pages.recovery.scoreHint", "A 0–100 rating for this metric.")
 										})
 									]
 								}),
@@ -518,12 +524,12 @@ function j() {
 									className: "space-y-1.5",
 									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "myb-recovery-at",
-										children: "Logged at"
+										children: D("mybodyshield.pages.recovery.loggedAt", "Logged at")
 									}), /* @__PURE__ */ v(x, {
 										id: "myb-recovery-at",
 										type: "datetime-local",
-										value: N.loggedAt,
-										onChange: (e) => P((t) => ({
+										value: M.loggedAt,
+										onChange: (e) => N((t) => ({
 											...t,
 											loggedAt: e.target.value
 										}))
@@ -533,33 +539,33 @@ function j() {
 									className: "space-y-1.5",
 									children: [/* @__PURE__ */ v(S, {
 										htmlFor: "myb-recovery-notes",
-										children: "Notes"
-									}), /* @__PURE__ */ v(Se, {
+										children: D("mybodyshield.common.notes", "Notes")
+									}), /* @__PURE__ */ v(Te, {
 										id: "myb-recovery-notes",
 										rows: 3,
-										value: N.notes,
-										onChange: (e) => P((t) => ({
+										value: M.notes,
+										onChange: (e) => N((t) => ({
 											...t,
 											notes: e.target.value
 										})),
-										placeholder: "How are you feeling? (optional)"
+										placeholder: D("mybodyshield.pages.recovery.notesPlaceholder", "How are you feeling? (optional)")
 									})]
 								}),
-								F && /* @__PURE__ */ v("p", {
+								P && /* @__PURE__ */ v("p", {
 									className: "text-sm text-status-error-text",
-									children: F
+									children: P
 								})
 							]
 						}),
-						/* @__PURE__ */ y(w, { children: [/* @__PURE__ */ v(b, {
+						/* @__PURE__ */ y(ge, { children: [/* @__PURE__ */ v(b, {
 							variant: "outline",
-							onClick: () => M(!1),
-							disabled: R.isPending,
-							children: "Cancel"
+							onClick: () => j(!1),
+							disabled: L.isPending,
+							children: D("mybodyshield.common.cancel", "Cancel")
 						}), /* @__PURE__ */ v(b, {
-							onClick: Oe,
-							disabled: R.isPending,
-							children: R.isPending ? "Saving…" : "Log recovery"
+							onClick: Me,
+							disabled: L.isPending,
+							children: L.isPending ? D("mybodyshield.common.saving", "Saving…") : D("mybodyshield.pages.recovery.logRecoveryButton", "Log recovery")
 						})] })
 					]
 				})
@@ -568,6 +574,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as RecoveryPage };
+export { A as RecoveryPage };
 
 //# sourceMappingURL=RecoveryPage.js.map