@burdenoff/microfe-mybodyshield 2026.827.1 → 2026.830.1

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

@@ -2,112 +2,119 @@ import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
 import { formatDate as r, formatEnumLabel as i, formatGrams as a, formatKcal as o, formatNumber as s, formatPercent as c, formatWeight as l } from "../../utils/formatters.js";
-import { ErrorView as u, LoadingView as d, Section as f } from "../../components/StateViews.js";
-import { DataTable as p } from "../../components/DataTable.js";
 import "../../context/index.js";
-import { useMybInsights as m } from "../../hooks/useMyBodyShieldApi.js";
-import { useMyBodyShieldAnalytics as h } from "../../hooks/useMyBodyShieldAnalytics.js";
+import { useMybInsights as u } from "../../hooks/useMyBodyShieldApi.js";
+import { useMyBodyShieldAnalytics as d } from "../../hooks/useMyBodyShieldAnalytics.js";
+import { useTr as f } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
+import { ErrorView as p, LoadingView as m, Section as h } from "../../components/StateViews.js";
+import { DataTable as g } from "../../components/DataTable.js";
 import "../../components/index.js";
-import { CalorieChart as g, CorrelationView as _, MacroChart as v, ReadinessSleepChart as y, VolumeChart as b } from "./InsightsCharts.js";
-import { useEffect as x, useMemo as S, useState as C } from "react";
-import { BarChart3 as w, Calendar as T, Dumbbell as E, Flame as D, HeartPulse as O, Moon as k, Scale as A, Target as j, TrendingUp as M, Utensils as N } from "lucide-react";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { Button as I, GlassCard as L } from "@burdenoff/fe-libs/ui";
+import { CalorieChart as _, CorrelationView as v, MacroChart as y, ReadinessSleepChart as b, VolumeChart as x } from "./InsightsCharts.js";
+import { useEffect as S, useMemo as C, useState as w } from "react";
+import { BarChart3 as T, Calendar as E, Dumbbell as D, Flame as O, HeartPulse as k, Moon as A, Scale as j, Target as M, TrendingUp as N, Utensils as P } from "lucide-react";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { Button as L, GlassCard as R } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/insights/InsightsPage.tsx
-var R = [
+var z = [
 	{
-		label: "Last 7 days",
+		labelKey: "last7Days",
+		fallback: "Last 7 days",
 		days: 7
 	},
 	{
-		label: "Last 30 days",
+		labelKey: "last30Days",
+		fallback: "Last 30 days",
 		days: 30
 	},
 	{
-		label: "Last 90 days",
+		labelKey: "last90Days",
+		fallback: "Last 90 days",
 		days: 90
 	}
 ];
-function z(e) {
+function B(e) {
 	return e.toISOString().split("T")[0];
 }
-function B(e) {
+function V(e) {
 	return e.calories > 0 || e.proteinG > 0 || e.carbsG > 0 || e.fatG > 0;
 }
-function V(e) {
+function H(e) {
 	return e.readiness != null || e.sleepHours != null;
 }
-function H(e) {
-	return e.sessions > 0 || V(e) || B(e) || e.weight != null;
+function U(e) {
+	return e.sessions > 0 || H(e) || V(e) || e.weight != null;
 }
-function U({ daily: e, summary: t, onOpen: n }) {
-	let r = e.length;
-	return /* @__PURE__ */ P(f, {
-		title: "What these numbers are built on",
-		description: "The logs feeding the charts above. Gaps here are why a trend can look flat.",
-		children: /* @__PURE__ */ P("div", {
+function W({ daily: e, summary: t, onOpen: n }) {
+	let r = f(), i = e.length, a = [
+		{
+			route: "train",
+			icon: /* @__PURE__ */ F(D, { className: "h-4 w-4" }),
+			label: r("mybodyshield.pages.insights.training", "Training"),
+			value: t.totalSessions,
+			unit: t.totalSessions === 1 ? r("mybodyshield.pages.insights.trainingUnitSingular", "completed session") : r("mybodyshield.pages.insights.trainingUnitPlural", "completed sessions"),
+			detail: r("mybodyshield.pages.insights.trainingDetail", "on {{active}} of {{total}} days", {
+				active: s(e.filter((e) => e.sessions > 0).length),
+				total: s(i)
+			})
+		},
+		{
+			route: "recovery",
+			icon: /* @__PURE__ */ F(k, { className: "h-4 w-4" }),
+			label: r("mybodyshield.pages.insights.recovery", "Recovery"),
+			value: e.filter(H).length,
+			unit: r("mybodyshield.pages.insights.recoveryUnit", "days logged"),
+			detail: r("mybodyshield.pages.insights.recoveryDetail", "readiness or sleep entries")
+		},
+		{
+			route: "nutrition",
+			icon: /* @__PURE__ */ F(P, { className: "h-4 w-4" }),
+			label: r("mybodyshield.pages.insights.nutrition", "Nutrition"),
+			value: e.filter(V).length,
+			unit: r("mybodyshield.pages.insights.nutritionUnit", "days logged"),
+			detail: r("mybodyshield.pages.insights.nutritionDetail", "days with macros logged")
+		},
+		{
+			route: "progress",
+			icon: /* @__PURE__ */ F(j, { className: "h-4 w-4" }),
+			label: r("mybodyshield.pages.insights.bodyWeight", "Body weight"),
+			value: e.filter((e) => e.weight != null).length,
+			unit: r("mybodyshield.pages.insights.bodyWeightUnit", "days logged"),
+			detail: r("mybodyshield.pages.insights.bodyWeightDetail", "weight readings only")
+		}
+	];
+	return /* @__PURE__ */ F(h, {
+		title: r("mybodyshield.pages.insights.sourcesTitle", "What these numbers are built on"),
+		description: r("mybodyshield.pages.insights.sourcesDescription", "The logs feeding the charts above. Gaps here are why a trend can look flat."),
+		children: /* @__PURE__ */ F("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
-			children: [
-				{
-					route: "train",
-					icon: /* @__PURE__ */ P(E, { className: "h-4 w-4" }),
-					label: "Training",
-					value: t.totalSessions,
-					unit: t.totalSessions === 1 ? "completed session" : "completed sessions",
-					detail: `on ${e.filter((e) => e.sessions > 0).length} of ${r} days`
-				},
-				{
-					route: "recovery",
-					icon: /* @__PURE__ */ P(O, { className: "h-4 w-4" }),
-					label: "Recovery",
-					value: e.filter(V).length,
-					unit: "days logged",
-					detail: "readiness or sleep entries"
-				},
-				{
-					route: "nutrition",
-					icon: /* @__PURE__ */ P(N, { className: "h-4 w-4" }),
-					label: "Nutrition",
-					value: e.filter(B).length,
-					unit: "days logged",
-					detail: "days with macros logged"
-				},
-				{
-					route: "progress",
-					icon: /* @__PURE__ */ P(A, { className: "h-4 w-4" }),
-					label: "Body weight",
-					value: e.filter((e) => e.weight != null).length,
-					unit: "days logged",
-					detail: "weight readings only"
-				}
-			].map((e) => /* @__PURE__ */ F(L, {
+			children: a.map((e) => /* @__PURE__ */ I(R, {
 				treatment: "plain",
 				className: "flex flex-col gap-3 p-5",
-				children: [/* @__PURE__ */ F("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ F("div", {
+					children: [/* @__PURE__ */ I("div", {
 						className: "flex min-w-0 items-center gap-2 text-text-secondary",
-						children: [e.icon, /* @__PURE__ */ P("span", {
+						children: [e.icon, /* @__PURE__ */ F("span", {
 							className: "truncate text-sm font-medium text-text-primary",
 							children: e.label
 						})]
-					}), /* @__PURE__ */ P(I, {
+					}), /* @__PURE__ */ F(L, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => n(e.route),
-						children: "View"
+						children: r("mybodyshield.pages.insights.viewButton", "View")
 					})]
-				}), /* @__PURE__ */ F("div", { children: [
-					/* @__PURE__ */ P("p", {
+				}), /* @__PURE__ */ I("div", { children: [
+					/* @__PURE__ */ F("p", {
 						className: "text-2xl font-bold tabular-nums text-text-primary",
 						children: s(e.value)
 					}),
-					/* @__PURE__ */ P("p", {
+					/* @__PURE__ */ F("p", {
 						className: "text-xs text-text-secondary",
 						children: e.unit
 					}),
-					/* @__PURE__ */ P("p", {
+					/* @__PURE__ */ F("p", {
 						className: "mt-1 text-xs text-text-tertiary",
 						children: e.detail
 					})
@@ -116,200 +123,234 @@ function U({ daily: e, summary: t, onOpen: n }) {
 		})
 	});
 }
-function W(e) {
-	return S(() => {
+function G(e) {
+	return C(() => {
 		let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
 		return n.setDate(t.getDate() - e + 1), {
-			dateRangeStart: z(n),
-			dateRangeEnd: z(t)
+			dateRangeStart: B(n),
+			dateRangeEnd: B(t)
 		};
 	}, [e]);
 }
-function G() {
-	let { workspaceId: S, navigateTo: I } = e(), [z, B] = C(30), V = m(W(z)), G = h();
-	if (x(() => {
-		G.emitPageView("insights", { workspaceId: S });
-	}, [G, S]), V.isLoading) return /* @__PURE__ */ P(t, {
-		title: "Insights",
-		children: /* @__PURE__ */ P(d, { label: "Loading insights…" })
+function K() {
+	let C = f(), { workspaceId: L, navigateTo: B } = e(), [V, H] = w(30), K = u(G(V)), q = d();
+	if (S(() => {
+		q.emitPageView("insights", { workspaceId: L });
+	}, [q, L]), K.isLoading) return /* @__PURE__ */ F(t, {
+		title: C("mybodyshield.pages.insights.title", "Insights"),
+		children: /* @__PURE__ */ F(m, { label: C("mybodyshield.pages.insights.loading", "Loading insights…") })
 	});
-	if (V.isError) return /* @__PURE__ */ P(t, {
-		title: "Insights",
-		children: /* @__PURE__ */ P(u, {
-			title: "Could not load insights",
-			message: V.error instanceof Error ? V.error.message : "Unknown error",
-			onRetry: () => V.refetch()
+	if (K.isError) return /* @__PURE__ */ F(t, {
+		title: C("mybodyshield.pages.insights.title", "Insights"),
+		children: /* @__PURE__ */ F(p, {
+			title: C("mybodyshield.pages.insights.errorTitle", "Could not load insights"),
+			message: K.error instanceof Error ? K.error.message : C("mybodyshield.common.unknownError", "Unknown error"),
+			onRetry: () => K.refetch()
 		})
 	});
-	let K = V.data;
-	if (!K) return /* @__PURE__ */ P(t, {
-		title: "Insights",
-		children: /* @__PURE__ */ P(u, {
-			title: "Could not load insights",
-			message: "No insight data was returned.",
-			onRetry: () => V.refetch()
+	let J = K.data;
+	if (!J) return /* @__PURE__ */ F(t, {
+		title: C("mybodyshield.pages.insights.title", "Insights"),
+		children: /* @__PURE__ */ F(p, {
+			title: C("mybodyshield.pages.insights.errorTitle", "Could not load insights"),
+			message: C("mybodyshield.pages.insights.error", "No insight data was returned."),
+			onRetry: () => K.refetch()
 		})
 	});
-	let { summary: q, daily: J, goals: Y } = K, X = J.filter(H).length;
-	return /* @__PURE__ */ F(t, {
-		title: "Insights",
-		description: `${r(K.dateRangeStart)} – ${r(K.dateRangeEnd)}`,
+	let { summary: Y, daily: X, goals: Z } = J, Q = X.filter(U).length, $ = [
+		{
+			key: "date",
+			header: C("mybodyshield.pages.insights.dateColumn", "Date"),
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "text-text-primary",
+				children: r(e.date)
+			})
+		},
+		{
+			key: "sessions",
+			header: C("mybodyshield.pages.insights.sessionsColumn", "Sessions"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "tabular-nums text-text-secondary",
+				children: e.sessions
+			})
+		},
+		{
+			key: "volumeKg",
+			header: C("mybodyshield.pages.insights.volumeColumn", "Volume"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "tabular-nums text-text-secondary",
+				children: l(e.volumeKg)
+			})
+		},
+		{
+			key: "readiness",
+			header: C("mybodyshield.pages.insights.readinessColumn", "Readiness"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "tabular-nums text-text-secondary",
+				children: e.readiness == null ? "—" : s(e.readiness)
+			})
+		},
+		{
+			key: "sleepHours",
+			header: C("mybodyshield.pages.insights.sleepColumn", "Sleep"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "tabular-nums text-text-secondary",
+				children: e.sleepHours == null ? "—" : `${s(e.sleepHours)} h`
+			})
+		},
+		{
+			key: "calories",
+			header: C("mybodyshield.pages.insights.caloriesColumn", "Calories"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "tabular-nums text-text-secondary",
+				children: o(e.calories)
+			})
+		},
+		{
+			key: "proteinG",
+			header: C("mybodyshield.pages.insights.proteinColumn", "Protein"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "tabular-nums text-text-secondary",
+				children: a(e.proteinG)
+			})
+		},
+		{
+			key: "weight",
+			header: C("mybodyshield.pages.insights.weightColumn", "Weight"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: "tabular-nums text-text-secondary",
+				children: e.weight == null ? "—" : l(e.weight)
+			})
+		}
+	], ee = [
+		{
+			key: "title",
+			header: C("mybodyshield.pages.insights.goalColumn", "Goal"),
+			render: (e) => /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("span", {
+				className: "block text-sm text-text-primary",
+				children: e.title
+			}), /* @__PURE__ */ F("span", {
+				className: "text-xs text-text-tertiary",
+				children: i(e.type)
+			})] })
+		},
+		{
+			key: "status",
+			header: C("mybodyshield.pages.insights.statusColumn", "Status"),
+			render: (e) => /* @__PURE__ */ F("span", {
+				className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${e.status === "ACHIEVED" ? "bg-status-success-bg text-status-success-text" : "bg-status-warning-bg text-status-warning-text"}`,
+				children: i(e.status)
+			})
+		},
+		{
+			key: "progress",
+			header: C("mybodyshield.pages.insights.progressColumn", "Progress"),
+			align: "right",
+			render: (e) => /* @__PURE__ */ I("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [
+					s(e.currentValue),
+					" / ",
+					s(e.targetValue),
+					" ",
+					e.unit
+				]
+			})
+		}
+	];
+	return /* @__PURE__ */ I(t, {
+		title: C("mybodyshield.pages.insights.title", "Insights"),
+		description: C("mybodyshield.pages.insights.description", "{{start}} – {{end}}", {
+			start: r(J.dateRangeStart),
+			end: r(J.dateRangeEnd)
+		}),
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: R.map((e) => /* @__PURE__ */ P("button", {
+				children: z.map((e) => /* @__PURE__ */ F("button", {
 					type: "button",
-					onClick: () => B(e.days),
-					className: `rounded-lg px-3 py-1.5 text-sm font-medium transition-colors ${z === e.days ? "bg-accent text-white" : "bg-bg-sunken text-text-secondary hover:bg-bg-elevated"}`,
-					children: e.label
+					onClick: () => H(e.days),
+					className: `rounded-lg px-3 py-1.5 text-sm font-medium transition-colors ${V === e.days ? "bg-accent text-white" : "bg-bg-sunken text-text-secondary hover:bg-bg-elevated"}`,
+					children: C(`mybodyshield.pages.insights.${e.labelKey}`, e.fallback)
 				}, e.days))
 			}),
-			/* @__PURE__ */ P(f, {
-				title: "Summary",
-				children: /* @__PURE__ */ F("div", {
+			/* @__PURE__ */ F(h, {
+				title: C("mybodyshield.pages.insights.summary", "Summary"),
+				children: /* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
 					children: [
-						/* @__PURE__ */ P(n, {
-							icon: /* @__PURE__ */ P(D, { className: "h-5 w-5" }),
-							value: q.consistencyStreakDays,
-							label: "Consistency streak"
+						/* @__PURE__ */ F(n, {
+							icon: /* @__PURE__ */ F(O, { className: "h-5 w-5" }),
+							value: Y.consistencyStreakDays,
+							label: C("mybodyshield.pages.insights.consistencyStreak", "Consistency streak")
 						}),
-						/* @__PURE__ */ P(n, {
-							icon: /* @__PURE__ */ P(E, { className: "h-5 w-5" }),
-							value: q.totalSessions,
-							label: "Total sessions"
+						/* @__PURE__ */ F(n, {
+							icon: /* @__PURE__ */ F(D, { className: "h-5 w-5" }),
+							value: Y.totalSessions,
+							label: C("mybodyshield.pages.insights.totalSessions", "Total sessions")
 						}),
-						/* @__PURE__ */ P(n, {
-							icon: /* @__PURE__ */ P(M, { className: "h-5 w-5" }),
-							value: l(q.totalVolumeKg),
-							label: "Total volume"
+						/* @__PURE__ */ F(n, {
+							icon: /* @__PURE__ */ F(N, { className: "h-5 w-5" }),
+							value: l(Y.totalVolumeKg),
+							label: C("mybodyshield.pages.insights.totalVolume", "Total volume")
 						}),
-						/* @__PURE__ */ P(n, {
-							icon: /* @__PURE__ */ P(O, { className: "h-5 w-5" }),
-							value: s(q.averageReadiness),
-							label: "Average readiness"
+						/* @__PURE__ */ F(n, {
+							icon: /* @__PURE__ */ F(k, { className: "h-5 w-5" }),
+							value: s(Y.averageReadiness),
+							label: C("mybodyshield.pages.insights.averageReadiness", "Average readiness")
 						}),
-						/* @__PURE__ */ P(n, {
-							icon: /* @__PURE__ */ P(N, { className: "h-5 w-5" }),
-							value: c(q.macroAdherencePercent),
-							label: "Macro adherence"
+						/* @__PURE__ */ F(n, {
+							icon: /* @__PURE__ */ F(P, { className: "h-5 w-5" }),
+							value: c(Y.macroAdherencePercent),
+							label: C("mybodyshield.pages.insights.macroAdherence", "Macro adherence")
 						}),
-						/* @__PURE__ */ P(n, {
-							icon: /* @__PURE__ */ P(T, { className: "h-5 w-5" }),
-							value: X,
-							label: "Days with data",
+						/* @__PURE__ */ F(n, {
+							icon: /* @__PURE__ */ F(E, { className: "h-5 w-5" }),
+							value: Q,
+							label: C("mybodyshield.pages.insights.daysWithData", "Days with data"),
 							footer: /* @__PURE__ */ F("p", {
 								className: "text-xs text-text-tertiary",
-								children: [
-									"of ",
-									J.length,
-									" days in this range"
-								]
+								children: C("mybodyshield.pages.insights.ofDaysInRange", "of {{count}} days in this range", { count: X.length })
 							})
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ P(U, {
-				daily: J,
-				summary: q,
-				onOpen: I
+			/* @__PURE__ */ F(W, {
+				daily: X,
+				summary: Y,
+				onOpen: B
 			}),
-			/* @__PURE__ */ P(f, {
-				title: "Trends",
-				description: "How training, recovery and nutrition move together.",
-				children: /* @__PURE__ */ F("div", {
+			/* @__PURE__ */ F(h, {
+				title: C("mybodyshield.pages.insights.trends", "Trends"),
+				description: C("mybodyshield.pages.insights.trendsDescription", "How training, recovery and nutrition move together."),
+				children: /* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-6 xl:grid-cols-2",
 					children: [
-						/* @__PURE__ */ P(b, { daily: J }),
-						/* @__PURE__ */ P(y, { daily: J }),
-						/* @__PURE__ */ P(v, { daily: J }),
-						/* @__PURE__ */ P(g, { daily: J })
+						/* @__PURE__ */ F(x, { daily: X }),
+						/* @__PURE__ */ F(b, { daily: X }),
+						/* @__PURE__ */ F(y, { daily: X }),
+						/* @__PURE__ */ F(_, { daily: X })
 					]
 				})
 			}),
-			/* @__PURE__ */ P(_, { daily: J }),
-			/* @__PURE__ */ P(f, {
-				title: "Daily breakdown",
-				description: "Per-day training, recovery and nutrition.",
-				children: /* @__PURE__ */ P(L, {
+			/* @__PURE__ */ F(v, { daily: X }),
+			/* @__PURE__ */ F(h, {
+				title: C("mybodyshield.pages.insights.dailyBreakdown", "Daily breakdown"),
+				description: C("mybodyshield.pages.insights.dailyBreakdownDescription", "Per-day training, recovery and nutrition."),
+				children: /* @__PURE__ */ F(R, {
 					treatment: "plain",
 					className: "overflow-hidden p-0",
-					children: /* @__PURE__ */ P(p, {
-						columns: [
-							{
-								key: "date",
-								header: "Date",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "text-text-primary",
-									children: r(e.date)
-								})
-							},
-							{
-								key: "sessions",
-								header: "Sessions",
-								align: "right",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "tabular-nums text-text-secondary",
-									children: e.sessions
-								})
-							},
-							{
-								key: "volumeKg",
-								header: "Volume",
-								align: "right",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "tabular-nums text-text-secondary",
-									children: l(e.volumeKg)
-								})
-							},
-							{
-								key: "readiness",
-								header: "Readiness",
-								align: "right",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "tabular-nums text-text-secondary",
-									children: e.readiness == null ? "—" : s(e.readiness)
-								})
-							},
-							{
-								key: "sleepHours",
-								header: "Sleep",
-								align: "right",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "tabular-nums text-text-secondary",
-									children: e.sleepHours == null ? "—" : `${s(e.sleepHours)} h`
-								})
-							},
-							{
-								key: "calories",
-								header: "Calories",
-								align: "right",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "tabular-nums text-text-secondary",
-									children: o(e.calories)
-								})
-							},
-							{
-								key: "proteinG",
-								header: "Protein",
-								align: "right",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "tabular-nums text-text-secondary",
-									children: a(e.proteinG)
-								})
-							},
-							{
-								key: "weight",
-								header: "Weight",
-								align: "right",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: "tabular-nums text-text-secondary",
-									children: e.weight == null ? "—" : l(e.weight)
-								})
-							}
-						],
-						rows: J,
+					children: /* @__PURE__ */ F(g, {
+						columns: $,
+						rows: X,
 						rowKey: (e) => e.date,
 						defaultSort: {
 							key: "date",
@@ -318,64 +359,29 @@ function G() {
 					})
 				})
 			}),
-			/* @__PURE__ */ P(f, {
-				title: "Active goals",
-				description: "Goals open during this period.",
-				children: Y.length === 0 ? /* @__PURE__ */ F(L, {
+			/* @__PURE__ */ F(h, {
+				title: C("mybodyshield.pages.insights.activeGoals", "Active goals"),
+				description: C("mybodyshield.pages.insights.activeGoalsDescription", "Goals open during this period."),
+				children: Z.length === 0 ? /* @__PURE__ */ I(R, {
 					treatment: "plain",
 					className: "p-8 text-center",
 					children: [
-						/* @__PURE__ */ P(j, { className: "mx-auto h-8 w-8 text-text-tertiary" }),
-						/* @__PURE__ */ P("p", {
+						/* @__PURE__ */ F(M, { className: "mx-auto h-8 w-8 text-text-tertiary" }),
+						/* @__PURE__ */ F("p", {
 							className: "mt-3 text-sm font-medium text-text-primary",
-							children: "No active goals"
+							children: C("mybodyshield.pages.insights.noActiveGoals", "No active goals")
 						}),
-						/* @__PURE__ */ P("p", {
+						/* @__PURE__ */ F("p", {
 							className: "mt-1 text-xs text-text-tertiary",
-							children: "Create a goal to see progress here."
+							children: C("mybodyshield.pages.insights.noActiveGoalsDescription", "Create a goal to see progress here.")
 						})
 					]
-				}) : /* @__PURE__ */ P(L, {
+				}) : /* @__PURE__ */ F(R, {
 					treatment: "plain",
 					className: "overflow-hidden p-0",
-					children: /* @__PURE__ */ P(p, {
-						columns: [
-							{
-								key: "title",
-								header: "Goal",
-								render: (e) => /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("span", {
-									className: "block text-sm text-text-primary",
-									children: e.title
-								}), /* @__PURE__ */ P("span", {
-									className: "text-xs text-text-tertiary",
-									children: i(e.type)
-								})] })
-							},
-							{
-								key: "status",
-								header: "Status",
-								render: (e) => /* @__PURE__ */ P("span", {
-									className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${e.status === "ACHIEVED" ? "bg-status-success-bg text-status-success-text" : "bg-status-warning-bg text-status-warning-text"}`,
-									children: i(e.status)
-								})
-							},
-							{
-								key: "progress",
-								header: "Progress",
-								align: "right",
-								render: (e) => /* @__PURE__ */ F("span", {
-									className: "tabular-nums text-text-secondary",
-									children: [
-										s(e.currentValue),
-										" / ",
-										s(e.targetValue),
-										" ",
-										e.unit
-									]
-								})
-							}
-						],
-						rows: Y,
+					children: /* @__PURE__ */ F(g, {
+						columns: ee,
+						rows: Z,
 						rowKey: (e) => e.id,
 						defaultSort: {
 							key: "status",
@@ -384,35 +390,35 @@ function G() {
 					})
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-wrap gap-4 text-xs text-text-tertiary",
 				children: [
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ I("span", {
 						className: "inline-flex items-center gap-1.5",
-						children: [/* @__PURE__ */ P(E, { className: "h-3.5 w-3.5" }), "Training data from completed sessions."]
+						children: [/* @__PURE__ */ F(D, { className: "h-3.5 w-3.5" }), C("mybodyshield.pages.insights.legendTraining", "Training data from completed sessions.")]
 					}),
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ I("span", {
 						className: "inline-flex items-center gap-1.5",
-						children: [/* @__PURE__ */ P(k, { className: "h-3.5 w-3.5" }), "Recovery data from recovery logs."]
+						children: [/* @__PURE__ */ F(A, { className: "h-3.5 w-3.5" }), C("mybodyshield.pages.insights.legendRecovery", "Recovery data from recovery logs.")]
 					}),
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ I("span", {
 						className: "inline-flex items-center gap-1.5",
-						children: [/* @__PURE__ */ P(A, { className: "h-3.5 w-3.5" }), "Body metrics from progress logs."]
+						children: [/* @__PURE__ */ F(j, { className: "h-3.5 w-3.5" }), C("mybodyshield.pages.insights.legendBody", "Body metrics from progress logs.")]
 					}),
-					/* @__PURE__ */ F("span", {
+					/* @__PURE__ */ I("span", {
 						className: "inline-flex items-center gap-1.5",
-						children: [/* @__PURE__ */ P(w, { className: "h-3.5 w-3.5" }), "Nutrition data from logged meals."]
+						children: [/* @__PURE__ */ F(T, { className: "h-3.5 w-3.5" }), C("mybodyshield.pages.insights.legendNutrition", "Nutrition data from logged meals.")]
 					})
 				]
 			}),
-			/* @__PURE__ */ P("p", {
+			/* @__PURE__ */ F("p", {
 				className: "mt-4 border-t border-border-seam pt-4 text-xs leading-relaxed text-text-tertiary",
-				children: "General fitness information, not medical advice. MyBodyShield is not a medical device and does not diagnose, treat, cure or prevent any condition — talk to a qualified healthcare professional before changing how you train or eat."
+				children: C("mybodyshield.pages.insights.medicalDisclaimer", "General fitness information, not medical advice. MyBodyShield is not a medical device and does not diagnose, treat, cure or prevent any condition — talk to a qualified healthcare professional before changing how you train or eat.")
 			})
 		]
 	});
 }
 //#endregion
-export { G as InsightsPage };
+export { K as InsightsPage };
 
 //# sourceMappingURL=InsightsPage.js.map