@burdenoff/microfe-mybodyshield 2026.821.2 → 2026.830.1

package/dist/mybodyshield/pages/insights/InsightsCharts.js

@@ -1,23 +1,25 @@
 import { cn as e } from "../../utils/cn.js";
 import { formatDate as t, formatGrams as n, formatKcal as r, formatNumber as i, formatWeight as a } from "../../utils/formatters.js";
-import { IconChip as o, MACRO_HUE as s } from "../_shared/visuals.js";
-import { Legend as c } from "../../../node_modules/recharts/es6/component/Legend.js";
-import { Tooltip as l } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as u } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Bar as d } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as f } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Line as p } from "../../../node_modules/recharts/es6/cartesian/Line.js";
-import { Area as m } from "../../../node_modules/recharts/es6/cartesian/Area.js";
-import { XAxis as h } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as g } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { BarChart as _ } from "../../../node_modules/recharts/es6/chart/BarChart.js";
-import { ComposedChart as v } from "../../../node_modules/recharts/es6/chart/ComposedChart.js";
-import { useMemo as y } from "react";
-import { Activity as b, Dumbbell as x, HeartPulse as S, Moon as C, Scale as w, Utensils as T } from "lucide-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { GlassCard as O } from "@burdenoff/fe-libs/ui";
+import { useTr as o } from "../../hooks/useTr.js";
+import "../../hooks/index.js";
+import { IconChip as s, MACRO_HUE as c } from "../_shared/visuals.js";
+import { Legend as l } from "../../../node_modules/recharts/es6/component/Legend.js";
+import { Tooltip as u } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as d } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Bar as f } from "../../../node_modules/recharts/es6/cartesian/Bar.js";
+import { CartesianGrid as p } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as m } from "../../../node_modules/recharts/es6/cartesian/Line.js";
+import { Area as h } from "../../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as g } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as _ } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { BarChart as v } from "../../../node_modules/recharts/es6/chart/BarChart.js";
+import { ComposedChart as y } from "../../../node_modules/recharts/es6/chart/ComposedChart.js";
+import { useMemo as b } from "react";
+import { Activity as x, Dumbbell as S, HeartPulse as C, Moon as w, Scale as T, Utensils as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { GlassCard as k } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/insights/InsightsCharts.tsx
-var k = {
+var A = {
 	primary: "var(--color-action-primary-bg)",
 	secondary: "var(--color-accent-primary)",
 	success: "var(--color-status-success-text)",
@@ -27,21 +29,21 @@ var k = {
 	chart2: "var(--color-chart-2)",
 	chart3: "var(--color-chart-3)",
 	chart4: "var(--color-chart-4)"
-}, A = {
+}, j = {
 	background: "var(--color-bg-surface)",
 	border: "1px solid var(--color-border-seam)",
 	borderRadius: 12,
 	color: "var(--color-text-primary)",
 	fontSize: 12
-}, j = {
+}, M = {
 	stroke: "var(--color-border-seam)",
 	strokeDasharray: "4 4"
-}, M = {
+}, N = {
 	fill: "var(--color-text-tertiary)",
 	fontSize: 12
 };
-function N(e) {
-	return y(() => [...e].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()).map((e) => ({
+function P(e) {
+	return b(() => [...e].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()).map((e) => ({
 		label: t(e.date),
 		date: e.date,
 		sessions: e.sessions,
@@ -55,49 +57,49 @@ function N(e) {
 		weight: e.weight ?? null
 	})), [e]);
 }
-function P({ message: e = "No data for the selected range" }) {
-	return /* @__PURE__ */ D("div", {
+function F({ message: e = "No data for the selected range" }) {
+	return /* @__PURE__ */ O("div", {
 		className: "flex h-[240px] flex-col items-center justify-center gap-2 text-center",
-		children: [/* @__PURE__ */ E(b, { className: "h-8 w-8 text-text-tertiary" }), /* @__PURE__ */ E("p", {
+		children: [/* @__PURE__ */ D(x, { className: "h-8 w-8 text-text-tertiary" }), /* @__PURE__ */ D("p", {
 			className: "text-sm text-text-secondary",
 			children: e
 		})]
 	});
 }
-function F({ title: t, icon: n, children: r, className: i }) {
-	return /* @__PURE__ */ D(O, {
+function I({ title: t, icon: n, children: r, className: i }) {
+	return /* @__PURE__ */ O(k, {
 		treatment: "plain",
 		className: e("overflow-hidden p-5", i),
-		children: [/* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ O("div", {
 			className: "mb-4 flex items-center gap-2.5",
-			children: [n, /* @__PURE__ */ E("h3", {
+			children: [n, /* @__PURE__ */ D("h3", {
 				className: "text-sm font-semibold text-text-primary",
 				children: t
 			})]
 		}), r]
 	});
 }
-function I({ daily: e }) {
-	let t = N(e);
-	return t.length === 0 ? /* @__PURE__ */ E(F, {
-		title: "Training volume",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(x, { className: "h-4 w-4" }),
-			tint: k.primary
+function L({ daily: e }) {
+	let t = P(e), n = o();
+	return t.length === 0 ? /* @__PURE__ */ D(I, {
+		title: n("mybodyshield.pages.insights.volumeChartTitle", "Training volume"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
+			tint: A.primary
 		}),
-		children: /* @__PURE__ */ E(P, { message: "Log completed sessions to see volume trends." })
-	}) : /* @__PURE__ */ E(F, {
-		title: "Training volume",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(x, { className: "h-4 w-4" }),
-			tint: k.primary
+		children: /* @__PURE__ */ D(F, { message: n("mybodyshield.pages.insights.volumeChartEmpty", "Log completed sessions to see volume trends.") })
+	}) : /* @__PURE__ */ D(I, {
+		title: n("mybodyshield.pages.insights.volumeChartTitle", "Training volume"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(S, { className: "h-4 w-4" }),
+			tint: A.primary
 		}),
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ E(u, {
+			children: /* @__PURE__ */ D(d, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ D(v, {
+				children: /* @__PURE__ */ O(y, {
 					data: t,
 					margin: {
 						top: 4,
@@ -106,49 +108,49 @@ function I({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ E(f, {
-							...j,
+						/* @__PURE__ */ D(p, {
+							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ E(h, {
+						/* @__PURE__ */ D(g, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ E(g, {
+						/* @__PURE__ */ D(_, {
 							yAxisId: "left",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							width: 52,
 							tickFormatter: (e) => a(Number(e))
 						}),
-						/* @__PURE__ */ E(g, {
+						/* @__PURE__ */ D(_, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							width: 36,
 							allowDecimals: !1
 						}),
-						/* @__PURE__ */ E(l, {
-							contentStyle: A,
+						/* @__PURE__ */ D(u, {
+							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
-							formatter: (e, t) => t === "Volume" ? [a(Number(e)), t] : [i(Number(e)), "Sessions"]
+							formatter: (e, t, n) => n.dataKey === "volumeKg" ? [a(Number(e)), t] : [i(Number(e)), t]
 						}),
-						/* @__PURE__ */ E(c, { wrapperStyle: {
+						/* @__PURE__ */ D(l, { wrapperStyle: {
 							fontSize: 12,
 							paddingTop: 8
 						} }),
-						/* @__PURE__ */ E(d, {
+						/* @__PURE__ */ D(f, {
 							yAxisId: "left",
 							dataKey: "volumeKg",
-							name: "Volume",
-							fill: k.primary,
+							name: n("mybodyshield.common.volume", "Volume"),
+							fill: A.primary,
 							radius: [
 								4,
 								4,
@@ -157,12 +159,12 @@ function I({ daily: e }) {
 							],
 							opacity: .85
 						}),
-						/* @__PURE__ */ E(p, {
+						/* @__PURE__ */ D(m, {
 							yAxisId: "right",
 							type: "monotone",
 							dataKey: "sessions",
-							name: "Sessions",
-							stroke: k.secondary,
+							name: n("mybodyshield.common.sessions", "Sessions"),
+							stroke: A.secondary,
 							strokeWidth: 2.5,
 							dot: !1,
 							activeDot: {
@@ -177,20 +179,20 @@ function I({ daily: e }) {
 		})
 	});
 }
-function L({ daily: e }) {
-	let t = N(e);
-	return t.some((e) => e.readiness != null || e.sleepHours != null) ? /* @__PURE__ */ E(F, {
-		title: "Recovery & sleep",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(S, { className: "h-4 w-4" }),
-			tint: k.success
+function R({ daily: e }) {
+	let t = P(e), n = o();
+	return t.some((e) => e.readiness != null || e.sleepHours != null) ? /* @__PURE__ */ D(I, {
+		title: n("mybodyshield.pages.insights.readinessSleepChartTitle", "Recovery & sleep"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(C, { className: "h-4 w-4" }),
+			tint: A.success
 		}),
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ E(u, {
+			children: /* @__PURE__ */ D(d, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ D(v, {
+				children: /* @__PURE__ */ O(y, {
 					data: t,
 					margin: {
 						top: 4,
@@ -199,54 +201,54 @@ function L({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ E(f, {
-							...j,
+						/* @__PURE__ */ D(p, {
+							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ E(h, {
+						/* @__PURE__ */ D(g, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ E(g, {
+						/* @__PURE__ */ D(_, {
 							yAxisId: "left",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							width: 36,
 							domain: [0, 100],
 							hide: !t.some((e) => e.readiness != null)
 						}),
-						/* @__PURE__ */ E(g, {
+						/* @__PURE__ */ D(_, {
 							yAxisId: "right",
 							orientation: "right",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							width: 44,
 							tickFormatter: (e) => `${i(Number(e))} h`,
 							hide: !t.some((e) => e.sleepHours != null)
 						}),
-						/* @__PURE__ */ E(l, {
-							contentStyle: A,
+						/* @__PURE__ */ D(u, {
+							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
-							formatter: (e, t) => t === "Readiness" ? [i(Number(e)), t] : [`${i(Number(e))} h`, t]
+							formatter: (e, t, n) => n.dataKey === "readiness" ? [i(Number(e)), t] : [`${i(Number(e))} h`, t]
 						}),
-						/* @__PURE__ */ E(c, { wrapperStyle: {
+						/* @__PURE__ */ D(l, { wrapperStyle: {
 							fontSize: 12,
 							paddingTop: 8
 						} }),
-						/* @__PURE__ */ E(m, {
+						/* @__PURE__ */ D(h, {
 							yAxisId: "right",
 							type: "monotone",
 							dataKey: "sleepHours",
-							name: "Sleep",
-							stroke: k.secondary,
+							name: n("mybodyshield.common.sleep", "Sleep"),
+							stroke: A.secondary,
 							strokeWidth: 2,
-							fill: k.secondary,
+							fill: A.secondary,
 							fillOpacity: .12,
 							dot: !1,
 							activeDot: {
@@ -256,12 +258,12 @@ function L({ daily: e }) {
 							},
 							connectNulls: !0
 						}),
-						/* @__PURE__ */ E(p, {
+						/* @__PURE__ */ D(m, {
 							yAxisId: "left",
 							type: "monotone",
 							dataKey: "readiness",
-							name: "Readiness",
-							stroke: k.success,
+							name: n("mybodyshield.common.readiness", "Readiness"),
+							stroke: A.success,
 							strokeWidth: 2.5,
 							dot: !1,
 							activeDot: {
@@ -275,36 +277,36 @@ function L({ daily: e }) {
 				})
 			})
 		})
-	}) : /* @__PURE__ */ E(F, {
-		title: "Recovery & sleep",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(S, { className: "h-4 w-4" }),
-			tint: k.success
+	}) : /* @__PURE__ */ D(I, {
+		title: n("mybodyshield.pages.insights.readinessSleepChartTitle", "Recovery & sleep"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(C, { className: "h-4 w-4" }),
+			tint: A.success
 		}),
-		children: /* @__PURE__ */ E(P, { message: "Log recovery entries to see readiness and sleep trends." })
+		children: /* @__PURE__ */ D(F, { message: n("mybodyshield.pages.insights.readinessSleepChartEmpty", "Log recovery entries to see readiness and sleep trends.") })
 	});
 }
-function R({ daily: e }) {
-	let t = N(e);
-	return t.length === 0 ? /* @__PURE__ */ E(F, {
-		title: "Macro adherence",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(T, { className: "h-4 w-4" }),
-			tint: k.warning
+function z({ daily: e }) {
+	let t = P(e), r = o();
+	return t.length === 0 ? /* @__PURE__ */ D(I, {
+		title: r("mybodyshield.pages.insights.macroChartTitle", "Macro adherence"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(E, { className: "h-4 w-4" }),
+			tint: A.warning
 		}),
-		children: /* @__PURE__ */ E(P, { message: "Log meals to see macro trends." })
-	}) : /* @__PURE__ */ E(F, {
-		title: "Macro adherence",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(T, { className: "h-4 w-4" }),
-			tint: k.warning
+		children: /* @__PURE__ */ D(F, { message: r("mybodyshield.pages.insights.macroChartEmpty", "Log meals to see macro trends.") })
+	}) : /* @__PURE__ */ D(I, {
+		title: r("mybodyshield.pages.insights.macroChartTitle", "Macro adherence"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(E, { className: "h-4 w-4" }),
+			tint: A.warning
 		}),
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ E(u, {
+			children: /* @__PURE__ */ D(d, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ D(_, {
+				children: /* @__PURE__ */ O(v, {
 					data: t,
 					margin: {
 						top: 4,
@@ -313,51 +315,51 @@ function R({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ E(f, {
-							...j,
+						/* @__PURE__ */ D(p, {
+							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ E(h, {
+						/* @__PURE__ */ D(g, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ E(g, {
+						/* @__PURE__ */ D(_, {
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							width: 44,
 							tickFormatter: (e) => n(Number(e))
 						}),
-						/* @__PURE__ */ E(l, {
-							contentStyle: A,
+						/* @__PURE__ */ D(u, {
+							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
 							formatter: (e, t) => [n(Number(e)), t]
 						}),
-						/* @__PURE__ */ E(c, { wrapperStyle: {
+						/* @__PURE__ */ D(l, { wrapperStyle: {
 							fontSize: 12,
 							paddingTop: 8
 						} }),
-						/* @__PURE__ */ E(d, {
+						/* @__PURE__ */ D(f, {
 							dataKey: "proteinG",
-							name: "Protein",
+							name: r("mybodyshield.common.protein", "Protein"),
 							stackId: "macros",
-							fill: s.protein
+							fill: c.protein
 						}),
-						/* @__PURE__ */ E(d, {
+						/* @__PURE__ */ D(f, {
 							dataKey: "carbsG",
-							name: "Carbs",
+							name: r("mybodyshield.common.carbs", "Carbs"),
 							stackId: "macros",
-							fill: s.carbs
+							fill: c.carbs
 						}),
-						/* @__PURE__ */ E(d, {
+						/* @__PURE__ */ D(f, {
 							dataKey: "fatG",
-							name: "Fat",
+							name: r("mybodyshield.common.fat", "Fat"),
 							stackId: "macros",
-							fill: s.fat
+							fill: c.fat
 						})
 					]
 				})
@@ -365,27 +367,27 @@ function R({ daily: e }) {
 		})
 	});
 }
-function z({ daily: e }) {
-	let t = N(e);
-	return t.length === 0 ? /* @__PURE__ */ E(F, {
-		title: "Calorie trend",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(w, { className: "h-4 w-4" }),
-			tint: k.chart1
+function B({ daily: e }) {
+	let t = P(e), n = o();
+	return t.length === 0 ? /* @__PURE__ */ D(I, {
+		title: n("mybodyshield.pages.insights.calorieChartTitle", "Calorie trend"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(T, { className: "h-4 w-4" }),
+			tint: A.chart1
 		}),
-		children: /* @__PURE__ */ E(P, { message: "Log meals to see calorie trends." })
-	}) : /* @__PURE__ */ E(F, {
-		title: "Calorie trend",
-		icon: /* @__PURE__ */ E(o, {
-			icon: /* @__PURE__ */ E(w, { className: "h-4 w-4" }),
-			tint: k.chart1
+		children: /* @__PURE__ */ D(F, { message: n("mybodyshield.pages.insights.calorieChartEmpty", "Log meals to see calorie trends.") })
+	}) : /* @__PURE__ */ D(I, {
+		title: n("mybodyshield.pages.insights.calorieChartTitle", "Calorie trend"),
+		icon: /* @__PURE__ */ D(s, {
+			icon: /* @__PURE__ */ D(T, { className: "h-4 w-4" }),
+			tint: A.chart1
 		}),
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "h-[260px] w-full",
-			children: /* @__PURE__ */ E(u, {
+			children: /* @__PURE__ */ D(d, {
 				width: "100%",
 				height: "100%",
-				children: /* @__PURE__ */ D(v, {
+				children: /* @__PURE__ */ O(y, {
 					data: t,
 					margin: {
 						top: 4,
@@ -394,37 +396,37 @@ function z({ daily: e }) {
 						left: 4
 					},
 					children: [
-						/* @__PURE__ */ E(f, {
-							...j,
+						/* @__PURE__ */ D(p, {
+							...M,
 							vertical: !1
 						}),
-						/* @__PURE__ */ E(h, {
+						/* @__PURE__ */ D(g, {
 							dataKey: "label",
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							tickMargin: 8,
 							minTickGap: 24
 						}),
-						/* @__PURE__ */ E(g, {
+						/* @__PURE__ */ D(_, {
 							tickLine: !1,
 							axisLine: !1,
-							tick: M,
+							tick: N,
 							width: 52,
 							tickFormatter: (e) => r(Number(e))
 						}),
-						/* @__PURE__ */ E(l, {
-							contentStyle: A,
+						/* @__PURE__ */ D(u, {
+							contentStyle: j,
 							labelStyle: { color: "var(--color-text-tertiary)" },
-							formatter: (e) => [r(Number(e)), "Calories"]
+							formatter: (e, t) => [r(Number(e)), t]
 						}),
-						/* @__PURE__ */ E(m, {
+						/* @__PURE__ */ D(h, {
 							type: "monotone",
 							dataKey: "calories",
-							name: "Calories",
-							stroke: k.chart1,
+							name: n("mybodyshield.common.calories", "Calories"),
+							stroke: A.chart1,
 							strokeWidth: 2,
-							fill: k.chart1,
+							fill: A.chart1,
 							fillOpacity: .12,
 							dot: !1,
 							activeDot: {
@@ -439,7 +441,7 @@ function z({ daily: e }) {
 		})
 	});
 }
-function B(e, t) {
+function V(e, t) {
 	let n = e.map((e, n) => [e, t[n]]).filter(([e, t]) => e != null && t != null);
 	if (n.length < 3) return {
 		r: null,
@@ -454,96 +456,97 @@ function B(e, t) {
 		n: r
 	};
 }
-function V(e) {
-	return y(() => {
-		let t = e.map((e) => e.readiness ?? null), n = e.map((e) => e.sleepHours ?? null), r = e.map((e) => e.volumeKg), i = e.map((e) => e.sessions), a = e.map((e) => e.proteinG), o = e.map((e) => e.calories), s = (e, t, n, r, i) => {
-			let { r: a, n: o } = B(r, i);
+function H(e) {
+	return b(() => {
+		let t = e.map((e) => e.readiness ?? null), n = e.map((e) => e.sleepHours ?? null), r = e.map((e) => e.volumeKg), i = e.map((e) => e.sessions), a = e.map((e) => e.proteinG), o = e.map((e) => e.calories), s = (e, t, n, r, i, a) => {
+			let { r: o, n: s } = V(i, a);
 			return {
-				label: e,
-				x: t,
-				y: n,
-				r: a,
-				n: o
+				labelKey: e,
+				labelFallback: t,
+				x: n,
+				y: r,
+				r: o,
+				n: s
 			};
 		};
 		return [
-			s("Sleep → Readiness", "Sleep", "Readiness", n, t),
-			s("Volume → Readiness", "Volume", "Readiness", r, t),
-			s("Sessions → Sleep", "Sessions", "Sleep", i, n),
-			s("Protein → Readiness", "Protein", "Readiness", a, t),
-			s("Calories → Volume", "Calories", "Volume", o, r)
+			s("mybodyshield.pages.insights.correlationSleepReadiness", "Sleep → Readiness", "Sleep", "Readiness", n, t),
+			s("mybodyshield.pages.insights.correlationVolumeReadiness", "Volume → Readiness", "Volume", "Readiness", r, t),
+			s("mybodyshield.pages.insights.correlationSessionsSleep", "Sessions → Sleep", "Sessions", "Sleep", i, n),
+			s("mybodyshield.pages.insights.correlationProteinReadiness", "Protein → Readiness", "Protein", "Readiness", a, t),
+			s("mybodyshield.pages.insights.correlationCaloriesVolume", "Calories → Volume", "Calories", "Volume", o, r)
 		];
 	}, [e]);
 }
-function H(e) {
-	let t = Math.abs(e);
-	return t >= .7 ? "Strong" : t >= .4 ? "Moderate" : t >= .2 ? "Weak" : "None";
+function U(e, t) {
+	let n = Math.abs(e);
+	return n >= .7 ? t("mybodyshield.pages.insights.correlationStrong", "Strong") : n >= .4 ? t("mybodyshield.pages.insights.correlationModerate", "Moderate") : n >= .2 ? t("mybodyshield.pages.insights.correlationWeak", "Weak") : t("mybodyshield.pages.insights.correlationNone", "None");
 }
-function U(e) {
+function W(e) {
 	return e > 0 ? "var(--color-status-success-text)" : e < 0 ? "var(--color-status-error-text)" : "var(--color-text-tertiary)";
 }
-function W({ daily: e }) {
-	let t = V(e).filter((e) => e.r != null);
-	return t.length === 0 ? /* @__PURE__ */ D(O, {
+function G({ daily: e }) {
+	let t = o(), n = H(e).filter((e) => e.r != null);
+	return n.length === 0 ? /* @__PURE__ */ O(k, {
 		treatment: "plain",
 		className: "p-6",
-		children: [/* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ O("div", {
 			className: "flex items-center gap-2.5",
-			children: [/* @__PURE__ */ E(o, {
-				icon: /* @__PURE__ */ E(C, { className: "h-4 w-4" }),
-				tint: k.secondary
-			}), /* @__PURE__ */ E("h3", {
+			children: [/* @__PURE__ */ D(s, {
+				icon: /* @__PURE__ */ D(w, { className: "h-4 w-4" }),
+				tint: A.secondary
+			}), /* @__PURE__ */ D("h3", {
 				className: "text-sm font-semibold text-text-primary",
-				children: "Correlations"
+				children: t("mybodyshield.pages.insights.correlationsTitle", "Correlations")
 			})]
-		}), /* @__PURE__ */ E("p", {
+		}), /* @__PURE__ */ D("p", {
 			className: "mt-3 text-sm text-text-secondary",
-			children: "Log a few more recovery, training and nutrition days to surface correlations."
+			children: t("mybodyshield.pages.insights.correlationsEmpty", "Log a few more recovery, training and nutrition days to surface correlations.")
 		})]
-	}) : /* @__PURE__ */ D(O, {
+	}) : /* @__PURE__ */ O(k, {
 		treatment: "plain",
 		className: "overflow-hidden p-0",
-		children: [/* @__PURE__ */ D("div", {
+		children: [/* @__PURE__ */ O("div", {
 			className: "border-b border-border-seam px-5 py-4",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ O("div", {
 				className: "flex items-center gap-2.5",
-				children: [/* @__PURE__ */ E(o, {
-					icon: /* @__PURE__ */ E(C, { className: "h-4 w-4" }),
-					tint: k.secondary
-				}), /* @__PURE__ */ E("h3", {
+				children: [/* @__PURE__ */ D(s, {
+					icon: /* @__PURE__ */ D(w, { className: "h-4 w-4" }),
+					tint: A.secondary
+				}), /* @__PURE__ */ D("h3", {
 					className: "text-sm font-semibold text-text-primary",
-					children: "Correlations"
+					children: t("mybodyshield.pages.insights.correlationsTitle", "Correlations")
 				})]
-			}), /* @__PURE__ */ E("p", {
+			}), /* @__PURE__ */ D("p", {
 				className: "mt-1 text-xs text-text-secondary",
-				children: "Pearson correlation across the selected range. More data gives more reliable signals."
+				children: t("mybodyshield.pages.insights.correlationsSubtitle", "Pearson correlation across the selected range. More data gives more reliable signals.")
 			})]
-		}), /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ D("div", {
 			className: "divide-y divide-border-seam/60",
-			children: t.map((e) => /* @__PURE__ */ D("div", {
+			children: n.map((e) => /* @__PURE__ */ O("div", {
 				className: "flex items-center justify-between px-5 py-3",
-				children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+				children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 					className: "text-sm font-medium text-text-primary",
-					children: e.label
+					children: t(e.labelKey, e.labelFallback)
 				}), /* @__PURE__ */ D("p", {
 					className: "text-xs text-text-tertiary",
-					children: [e.n, " days with both metrics"]
-				})] }), /* @__PURE__ */ D("div", {
+					children: t("mybodyshield.pages.insights.correlationDaysWithMetrics", "{{count}} days with both metrics", { count: e.n })
+				})] }), /* @__PURE__ */ O("div", {
 					className: "text-right",
-					children: [/* @__PURE__ */ E("p", {
+					children: [/* @__PURE__ */ D("p", {
 						className: "text-sm font-semibold tabular-nums",
-						style: { color: U(e.r ?? 0) },
+						style: { color: W(e.r ?? 0) },
 						children: (e.r ?? 0).toFixed(2)
-					}), /* @__PURE__ */ E("p", {
+					}), /* @__PURE__ */ D("p", {
 						className: "text-xs text-text-tertiary",
-						children: H(e.r ?? 0)
+						children: U(e.r ?? 0, t)
 					})]
 				})]
-			}, e.label))
+			}, e.labelKey))
 		})]
 	});
 }
 //#endregion
-export { z as CalorieChart, W as CorrelationView, R as MacroChart, L as ReadinessSleepChart, I as VolumeChart };
+export { B as CalorieChart, G as CorrelationView, z as MacroChart, R as ReadinessSleepChart, L as VolumeChart };
 
 //# sourceMappingURL=InsightsCharts.js.map