@burdenoff/microfe-mybodyshield 2026.827.1 → 2026.830.1

package/dist/mybodyshield/pages/progress/ProgressPage.js

@@ -1,34 +1,35 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
 import { MetricsCard as t } from "../../components/MetricsCard.js";
-import { formatDate as ee, formatDateTime as te, formatEnumLabel as n, formatNumber as r, formatRelativeTime as ne } from "../../utils/formatters.js";
+import { formatDate as n, formatDateTime as ee, formatNumber as r, formatRelativeTime as te } from "../../utils/formatters.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
-import { ErrorView as a, LoadingView as re, Section as ie } from "../../components/StateViews.js";
-import { DataTable as ae } from "../../components/DataTable.js";
-import { FilterTabs as oe } from "../../components/FilterTabs.js";
-import { Pagination as se } from "../../components/Pagination.js";
-import { useMybBodyMetrics as o, useMybRecordBodyMetric as ce } from "../../hooks/useMyBodyShieldApi.js";
-import { useOffsetPager as le } from "../../hooks/usePager.js";
+import { useMybBodyMetrics as a, useMybRecordBodyMetric as ne } from "../../hooks/useMyBodyShieldApi.js";
+import { useOffsetPager as re } from "../../hooks/usePager.js";
+import { useTr as ie } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { EvidenceUpload as ue } from "../../components/EvidenceUpload.js";
-import { FileLink as de } from "../../components/FileLink.js";
+import { ErrorView as o, LoadingView as ae, Section as oe } from "../../components/StateViews.js";
+import { DataTable as se } from "../../components/DataTable.js";
+import { FilterTabs as s } from "../../components/FilterTabs.js";
+import { Pagination as ce } from "../../components/Pagination.js";
+import { EvidenceUpload as le } from "../../components/EvidenceUpload.js";
+import { FileLink as ue } from "../../components/FileLink.js";
 import "../../components/index.js";
-import { motion as s } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as fe } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { IconChip as c, METRIC_META as l, TrendPill as pe } from "../_shared/visuals.js";
-import { Tooltip as me } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as he } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { ReferenceDot as u } from "../../../node_modules/recharts/es6/cartesian/ReferenceDot.js";
-import { CartesianGrid as ge } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Area as _e } from "../../../node_modules/recharts/es6/cartesian/Area.js";
-import { XAxis as ve } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as ye } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { AreaChart as be } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
-import { useEffect as xe, useMemo as d, useState as f } from "react";
-import { Activity as Se, ArrowDownUp as Ce, Plus as p, Sigma as we } from "lucide-react";
-import { Fragment as Te, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as g, GlassCard as _, Input as v, Label as y, ResponsiveDialog as Ee, ResponsiveDialogContent as De, ResponsiveDialogDescription as Oe, ResponsiveDialogFooter as ke, ResponsiveDialogHeader as Ae, ResponsiveDialogTitle as je, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as Me, SelectValue as Ne, Textarea as Pe } from "@burdenoff/fe-libs/ui";
+import { motion as c } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as de } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { IconChip as l, METRIC_META as u, TrendPill as fe } from "../_shared/visuals.js";
+import { Tooltip as pe } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as me } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { ReferenceDot as d } from "../../../node_modules/recharts/es6/cartesian/ReferenceDot.js";
+import { CartesianGrid as he } from "../../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Area as ge } from "../../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as _e } from "../../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as ve } from "../../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { AreaChart as ye } from "../../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useEffect as be, useMemo as f, useState as p } from "react";
+import { Activity as xe, ArrowDownUp as Se, Plus as m, Sigma as Ce } from "lucide-react";
+import { Fragment as we, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, GlassCard as Te, Input as v, Label as y, ResponsiveDialog as Ee, ResponsiveDialogContent as De, ResponsiveDialogDescription as Oe, ResponsiveDialogFooter as ke, ResponsiveDialogHeader as Ae, ResponsiveDialogTitle as je, Select as Me, SelectContent as Ne, SelectItem as Pe, SelectTrigger as Fe, SelectValue as Ie, Textarea as Le } from "@burdenoff/fe-libs/ui";
 //#region src/mybodyshield/pages/progress/ProgressPage.tsx
-var C = [
+var b = [
 	"WEIGHT",
 	"BODY_FAT",
 	"RESTING_HEART_RATE",
@@ -37,7 +38,7 @@ var C = [
 	"HIPS",
 	"ARM",
 	"THIGH"
-], Fe = {
+], Re = {
 	WEIGHT: "down",
 	BODY_FAT: "down",
 	RESTING_HEART_RATE: "down",
@@ -46,32 +47,45 @@ var C = [
 	CHEST: "up",
 	ARM: "up",
 	THIGH: "up"
-}, w = 100, T = 25, E = "var(--color-action-primary-bg)", D = (e) => {
+}, x = 100, S = 25, C = "var(--color-action-primary-bg)", w = (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())}`;
-}, O = (e) => ({
+}, T = (e) => ({
 	type: e,
 	value: "",
-	unit: l[e].unit,
-	measuredAt: D(/* @__PURE__ */ new Date()),
+	unit: u[e].unit,
+	measuredAt: w(/* @__PURE__ */ new Date()),
 	notes: "",
 	photo: null
 });
-function k() {
-	let [D, k] = f("WEIGHT"), [Ie, A] = f(!1), [j, M] = f(() => O("WEIGHT")), [N, P] = f(null), F = le(T), I = F.reset;
-	xe(() => {
-		I();
-	}, [D, I]);
-	let L = o({
+function E(e, t) {
+	let n = "mybodyshield.pages.progress.metricNames";
+	switch (t) {
+		case "WEIGHT": return e(`${n}.weight`, "Weight");
+		case "BODY_FAT": return e(`${n}.bodyFat`, "Body fat");
+		case "RESTING_HEART_RATE": return e(`${n}.restingHeartRate`, "Resting heart rate");
+		case "WAIST": return e(`${n}.waist`, "Waist");
+		case "CHEST": return e(`${n}.chest`, "Chest");
+		case "HIPS": return e(`${n}.hips`, "Hips");
+		case "ARM": return e(`${n}.arm`, "Arm");
+		case "THIGH": return e(`${n}.thigh`, "Thigh");
+	}
+}
+function D() {
+	let w = ie(), [D, O] = p("WEIGHT"), [ze, k] = p(!1), [A, j] = p(() => T("WEIGHT")), [M, N] = p(null), P = re(S), F = P.reset;
+	be(() => {
+		F();
+	}, [D, F]);
+	let I = a({
 		type: D,
-		pagination: { limit: w }
-	}), R = o({
+		pagination: { limit: x }
+	}), L = a({
 		type: D,
 		pagination: {
-			limit: T,
-			offset: F.offset
+			limit: S,
+			offset: P.offset
 		}
-	}), z = ce(), B = fe(), V = (e, t = !0) => B ? { initial: !1 } : {
+	}), R = ne(), z = de(), B = (e, t = !0) => z ? { initial: !1 } : {
 		initial: {
 			opacity: 0,
 			y: 14
@@ -93,10 +107,10 @@ function k() {
 				damping: 22
 			}
 		} } : {}
-	}, H = l[D], U = H.icon, Le = Fe[D], W = d(() => L.data?.items ?? [], [L.data]), G = d(() => [...W].sort((e, t) => new Date(e.measuredAt).getTime() - new Date(t.measuredAt).getTime()), [W]), K = G[G.length - 1], q = G[G.length - 2], J = K && q ? K.value - q.value : void 0, Y = d(() => G.map((e) => ({
-		label: ee(e.measuredAt),
+	}, V = u[D], H = V.icon, Be = Re[D], U = E(w, D), W = f(() => I.data?.items ?? [], [I.data]), G = f(() => [...W].sort((e, t) => new Date(e.measuredAt).getTime() - new Date(t.measuredAt).getTime()), [W]), K = G[G.length - 1], q = G[G.length - 2], J = K && q ? K.value - q.value : void 0, Y = f(() => G.map((e) => ({
+		label: n(e.measuredAt),
 		value: e.value
-	})), [G]), X = Y.length > 0 ? Y[Y.length - 1] : void 0, Z = d(() => {
+	})), [G]), X = Y.length > 0 ? Y[Y.length - 1] : void 0, Z = f(() => {
 		if (G.length === 0) return null;
 		let e = G.map((e) => e.value);
 		return {
@@ -105,40 +119,40 @@ function k() {
 			max: Math.max(...e),
 			avg: e.reduce((e, t) => e + t, 0) / e.length
 		};
-	}, [G]), Re = C.map((e) => ({
+	}, [G]), Ve = b.map((e) => ({
 		value: e,
-		label: n(e)
+		label: E(w, e)
 	})), Q = () => {
-		M(O(D)), P(null), A(!0);
-	}, ze = async () => {
-		let e = Number(j.value);
-		if (j.value.trim() === "" || !Number.isFinite(e)) {
-			P("Enter a valid measurement value.");
+		j(T(D)), N(null), k(!0);
+	}, He = async () => {
+		let e = Number(A.value);
+		if (A.value.trim() === "" || !Number.isFinite(e)) {
+			N(w("mybodyshield.pages.progress.invalidValue", "Enter a valid measurement value."));
 			return;
 		}
-		P(null);
+		N(null);
 		let t = {
-			type: j.type,
+			type: A.type,
 			value: e,
-			unit: j.unit.trim() || l[j.type].unit,
-			measuredAt: j.measuredAt ? new Date(j.measuredAt).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
-			notes: j.notes.trim() ? j.notes.trim() : null,
-			photoFileId: j.photo?.fileId ?? null
+			unit: A.unit.trim() || u[A.type].unit,
+			measuredAt: A.measuredAt ? new Date(A.measuredAt).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
+			notes: A.notes.trim() ? A.notes.trim() : null,
+			photoFileId: A.photo?.fileId ?? null
 		};
 		try {
-			await z.mutateAsync(t), A(!1), k(j.type), F.reset();
+			await R.mutateAsync(t), k(!1), O(A.type), P.reset();
 		} catch (e) {
-			P(e instanceof Error ? e.message : "Failed to record measurement.");
+			N(e instanceof Error ? e.message : w("mybodyshield.pages.progress.failedToRecord", "Failed to record measurement."));
 		}
-	}, $ = R.data?.items ?? [], Be = [
+	}, $ = L.data?.items ?? [], Ue = [
 		{
 			key: "value",
-			header: "Value",
+			header: w("mybodyshield.pages.progress.valueColumn", "Value"),
 			align: "right",
 			sortValue: (e) => e.value,
-			render: (e) => /* @__PURE__ */ h("span", {
+			render: (e) => /* @__PURE__ */ g("span", {
 				className: "font-medium tabular-nums text-text-primary",
-				children: [r(e.value), /* @__PURE__ */ m("span", {
+				children: [r(e.value), /* @__PURE__ */ h("span", {
 					className: "ml-1 text-xs font-normal text-text-tertiary",
 					children: e.unit
 				})]
@@ -146,110 +160,118 @@ function k() {
 		},
 		{
 			key: "measuredAt",
-			header: "Measured",
+			header: w("mybodyshield.pages.progress.measuredColumn", "Measured"),
 			sortValue: (e) => new Date(e.measuredAt).getTime(),
-			render: (e) => /* @__PURE__ */ m("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "whitespace-nowrap text-text-secondary",
-				children: te(e.measuredAt)
+				children: ee(e.measuredAt)
 			})
 		},
 		{
 			key: "notes",
-			header: "Notes",
+			header: w("mybodyshield.pages.progress.notesColumn", "Notes"),
 			hideOnMobile: !0,
-			render: (e) => e.notes ? /* @__PURE__ */ m("span", {
+			render: (e) => e.notes ? /* @__PURE__ */ h("span", {
 				className: "text-text-secondary",
 				children: e.notes
-			}) : /* @__PURE__ */ m("span", {
+			}) : /* @__PURE__ */ h("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
 		},
 		{
 			key: "photo",
-			header: "Photo",
-			render: (e) => e.photo?.id ? /* @__PURE__ */ m(de, { fileId: e.photo.id }) : /* @__PURE__ */ m("span", {
+			header: w("mybodyshield.pages.progress.photoColumn", "Photo"),
+			render: (e) => e.photo?.id ? /* @__PURE__ */ h(ue, { fileId: e.photo.id }) : /* @__PURE__ */ h("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
 		}
-	];
-	return /* @__PURE__ */ h(e, {
-		title: "Progress",
-		description: "Body metrics over time — weight, composition & measurements.",
-		actions: /* @__PURE__ */ h(g, {
-			onClick: Q,
-			children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
-		}),
+	], We = /* @__PURE__ */ g(_, {
+		onClick: Q,
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h(m, { className: "mr-1.5 h-4 w-4" }),
+			" ",
+			w("mybodyshield.pages.progress.recordMeasurement", "Record measurement")
+		]
+	});
+	return /* @__PURE__ */ g(e, {
+		title: w("mybodyshield.pages.progress.title", "Progress"),
+		description: w("mybodyshield.pages.progress.description", "Body metrics over time — weight, composition & measurements."),
+		actions: We,
+		children: [
+			/* @__PURE__ */ h("div", {
 				className: "mb-6 overflow-x-auto",
-				children: /* @__PURE__ */ m(oe, {
-					options: Re,
+				children: /* @__PURE__ */ h(s, {
+					options: Ve,
 					value: D,
-					onChange: k
+					onChange: O
 				})
 			}),
-			L.isLoading && W.length === 0 ? /* @__PURE__ */ m(re, { label: `Loading ${n(D).toLowerCase()} history…` }) : L.isError ? /* @__PURE__ */ m(a, {
-				message: "We couldn't load your body-metric history.",
-				onRetry: () => L.refetch()
-			}) : W.length === 0 ? /* @__PURE__ */ m(i, {
+			I.isLoading && W.length === 0 ? /* @__PURE__ */ h(ae, { label: w("mybodyshield.pages.progress.loading", "Loading {{metric}} history…", { metric: U.toLowerCase() }) }) : I.isError ? /* @__PURE__ */ h(o, {
+				message: w("mybodyshield.pages.progress.error", "We couldn't load your body-metric history."),
+				onRetry: () => I.refetch()
+			}) : W.length === 0 ? /* @__PURE__ */ h(i, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ m(U, { className: "h-10 w-10" }),
-				title: `No ${n(D).toLowerCase()} readings yet`,
-				description: "Record a measurement to start tracking this metric over time.",
-				action: /* @__PURE__ */ h(g, {
+				icon: /* @__PURE__ */ h(H, { className: "h-10 w-10" }),
+				title: w("mybodyshield.pages.progress.emptyTitle", "No {{metric}} readings yet", { metric: U.toLowerCase() }),
+				description: w("mybodyshield.pages.progress.emptyDescription", "Record a measurement to start tracking this metric over time."),
+				action: /* @__PURE__ */ g(_, {
 					onClick: Q,
-					children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
+					children: [
+						/* @__PURE__ */ h(m, { className: "mr-1.5 h-4 w-4" }),
+						" ",
+						w("mybodyshield.pages.progress.recordMeasurement", "Record measurement")
+					]
 				})
-			}) : /* @__PURE__ */ h("div", {
+			}) : /* @__PURE__ */ g("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ m(s.div, {
-						...V(0),
-						children: /* @__PURE__ */ h(_, {
+					/* @__PURE__ */ h(c.div, {
+						...B(0),
+						children: /* @__PURE__ */ g(Te, {
 							treatment: "glass",
 							className: "rounded-2xl p-6 transition-shadow duration-300 hover:shadow-2xl",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex flex-wrap items-start justify-between gap-4",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ m(c, {
-										icon: /* @__PURE__ */ m(U, { className: "h-5 w-5" }),
-										tint: H.tint
-									}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h2", {
+									children: [/* @__PURE__ */ h(l, {
+										icon: /* @__PURE__ */ h(H, { className: "h-5 w-5" }),
+										tint: V.tint
+									}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h2", {
 										className: "text-base font-semibold text-text-primary",
-										children: n(D)
-									}), /* @__PURE__ */ m("p", {
+										children: U
+									}), /* @__PURE__ */ h("p", {
 										className: "text-sm text-text-secondary",
-										children: K ? `Last measured ${ne(K.measuredAt)}` : "No measurements yet"
+										children: K ? w("mybodyshield.pages.progress.lastMeasured", "Last measured {{time}}", { time: te(K.measuredAt) }) : w("mybodyshield.pages.progress.noMeasurements", "No measurements yet")
 									})] })]
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "text-right",
-									children: [/* @__PURE__ */ h("p", {
+									children: [/* @__PURE__ */ g("p", {
 										className: "text-3xl font-bold leading-none tracking-tight tabular-nums text-text-primary sm:text-4xl",
-										children: [K ? r(K.value) : "—", K && /* @__PURE__ */ m("span", {
+										children: [K ? r(K.value) : "—", K && /* @__PURE__ */ h("span", {
 											className: "ml-1 text-base font-medium text-text-tertiary",
-											children: H.unit
+											children: V.unit
 										})]
-									}), J != null && /* @__PURE__ */ m("div", {
+									}), J != null && /* @__PURE__ */ h("div", {
 										className: "mt-2 flex justify-end",
-										children: /* @__PURE__ */ m("span", {
+										children: /* @__PURE__ */ h("span", {
 											className: "inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-1 ring-1 ring-border-seam",
-											children: /* @__PURE__ */ m(pe, {
+											children: /* @__PURE__ */ h(fe, {
 												delta: J,
-												unit: ` ${H.unit}`,
-												goodDirection: Le
+												unit: ` ${V.unit}`,
+												goodDirection: Be
 											})
 										})
 									})]
 								})]
-							}), /* @__PURE__ */ m("div", {
+							}), /* @__PURE__ */ h("div", {
 								className: "mt-6 h-64 w-full",
-								children: /* @__PURE__ */ m(he, {
+								children: /* @__PURE__ */ h(me, {
 									width: "100%",
 									height: "100%",
-									children: /* @__PURE__ */ h(be, {
+									children: /* @__PURE__ */ g(ye, {
 										data: Y,
 										margin: {
 											top: 8,
@@ -258,36 +280,36 @@ function k() {
 											left: -8
 										},
 										children: [
-											/* @__PURE__ */ m("defs", { children: /* @__PURE__ */ h("linearGradient", {
+											/* @__PURE__ */ h("defs", { children: /* @__PURE__ */ g("linearGradient", {
 												id: "myb-progress-fill",
 												x1: "0",
 												y1: "0",
 												x2: "0",
 												y2: "1",
 												children: [
-													/* @__PURE__ */ m("stop", {
+													/* @__PURE__ */ h("stop", {
 														offset: "0%",
-														stopColor: E,
+														stopColor: C,
 														stopOpacity: .38
 													}),
-													/* @__PURE__ */ m("stop", {
+													/* @__PURE__ */ h("stop", {
 														offset: "55%",
-														stopColor: E,
+														stopColor: C,
 														stopOpacity: .12
 													}),
-													/* @__PURE__ */ m("stop", {
+													/* @__PURE__ */ h("stop", {
 														offset: "100%",
-														stopColor: E,
+														stopColor: C,
 														stopOpacity: 0
 													})
 												]
 											}) }),
-											/* @__PURE__ */ m(ge, {
+											/* @__PURE__ */ h(he, {
 												stroke: "var(--color-border-seam)",
 												strokeDasharray: "4 4",
 												vertical: !1
 											}),
-											/* @__PURE__ */ m(ve, {
+											/* @__PURE__ */ h(_e, {
 												dataKey: "label",
 												stroke: "var(--color-border-seam)",
 												tickLine: !1,
@@ -299,7 +321,7 @@ function k() {
 												tickMargin: 8,
 												minTickGap: 24
 											}),
-											/* @__PURE__ */ m(ye, {
+											/* @__PURE__ */ h(ve, {
 												stroke: "var(--color-border-seam)",
 												tickLine: !1,
 												axisLine: !1,
@@ -310,7 +332,7 @@ function k() {
 												width: 44,
 												domain: ["auto", "auto"]
 											}),
-											/* @__PURE__ */ m(me, {
+											/* @__PURE__ */ h(pe, {
 												cursor: {
 													stroke: "var(--color-border-seam)",
 													strokeDasharray: "4 4"
@@ -323,13 +345,13 @@ function k() {
 												},
 												labelStyle: { color: "var(--color-text-tertiary)" },
 												itemStyle: { color: "var(--color-text-primary)" },
-												formatter: (e) => [`${r(Number(e))} ${H.unit}`, n(D)]
+												formatter: (e) => [`${r(Number(e))} ${V.unit}`, U]
 											}),
-											/* @__PURE__ */ m(_e, {
+											/* @__PURE__ */ h(ge, {
 												type: "monotone",
 												dataKey: "value",
-												name: n(D),
-												stroke: E,
+												name: U,
+												stroke: C,
 												strokeWidth: 2.5,
 												fill: "url(#myb-progress-fill)",
 												fillOpacity: 1,
@@ -338,28 +360,28 @@ function k() {
 													r: 5,
 													strokeWidth: 2,
 													stroke: "var(--color-bg-surface)",
-													fill: E
+													fill: C
 												},
-												isAnimationActive: !B,
+												isAnimationActive: !z,
 												animationDuration: 900
 											}),
-											X && /* @__PURE__ */ m(u, {
+											X && /* @__PURE__ */ h(d, {
 												x: X.label,
 												y: X.value,
 												r: 12,
 												isFront: !0,
 												ifOverflow: "visible",
-												fill: E,
+												fill: C,
 												fillOpacity: .16,
 												stroke: "none"
 											}),
-											X && /* @__PURE__ */ m(u, {
+											X && /* @__PURE__ */ h(d, {
 												x: X.label,
 												y: X.value,
 												r: 5,
 												isFront: !0,
 												ifOverflow: "visible",
-												fill: E,
+												fill: C,
 												stroke: "var(--color-bg-surface)",
 												strokeWidth: 2
 											})
@@ -369,220 +391,215 @@ function k() {
 							})]
 						})
 					}),
-					Z && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+					Z && /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 						children: [
-							/* @__PURE__ */ m(s.div, {
-								...V(.08),
-								children: /* @__PURE__ */ m(t, {
+							/* @__PURE__ */ h(c.div, {
+								...B(.08),
+								children: /* @__PURE__ */ h(t, {
 									className: "h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl",
-									icon: /* @__PURE__ */ m(c, {
-										icon: /* @__PURE__ */ m(Se, { className: "h-5 w-5" }),
-										tint: E
+									icon: /* @__PURE__ */ h(l, {
+										icon: /* @__PURE__ */ h(xe, { className: "h-5 w-5" }),
+										tint: C
 									}),
 									value: r(Z.count),
-									label: "Recent readings"
+									label: w("mybodyshield.pages.progress.recentReadings", "Recent readings")
 								})
 							}),
-							/* @__PURE__ */ m(s.div, {
-								...V(.14),
-								children: /* @__PURE__ */ m(t, {
+							/* @__PURE__ */ h(c.div, {
+								...B(.14),
+								children: /* @__PURE__ */ h(t, {
 									className: "h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl",
-									icon: /* @__PURE__ */ m(c, {
-										icon: /* @__PURE__ */ m(we, { className: "h-5 w-5" }),
-										tint: E
+									icon: /* @__PURE__ */ h(l, {
+										icon: /* @__PURE__ */ h(Ce, { className: "h-5 w-5" }),
+										tint: C
 									}),
-									value: `${r(Z.avg, { maximumFractionDigits: 1 })} ${H.unit}`,
-									label: `Window average ${n(D).toLowerCase()}`
+									value: `${r(Z.avg, { maximumFractionDigits: 1 })} ${V.unit}`,
+									label: w("mybodyshield.pages.progress.windowAverage", "Window average {{metric}}", { metric: U.toLowerCase() })
 								})
 							}),
-							/* @__PURE__ */ m(s.div, {
-								...V(.2),
-								children: /* @__PURE__ */ m(t, {
+							/* @__PURE__ */ h(c.div, {
+								...B(.2),
+								children: /* @__PURE__ */ h(t, {
 									className: "h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl",
-									icon: /* @__PURE__ */ m(c, {
-										icon: /* @__PURE__ */ m(Ce, { className: "h-5 w-5" }),
-										tint: E
+									icon: /* @__PURE__ */ h(l, {
+										icon: /* @__PURE__ */ h(Se, { className: "h-5 w-5" }),
+										tint: C
 									}),
 									value: `${r(Z.min)}–${r(Z.max)}`,
-									label: `Window range (${H.unit})`
+									label: w("mybodyshield.pages.progress.windowRange", "Window range ({{unit}})", { unit: V.unit })
 								})
 							})
 						]
 					}), /* @__PURE__ */ h("p", {
 						className: "mt-2 text-xs text-text-tertiary",
-						children: [
-							"Based on your most recent ",
-							r(Z.count),
-							" ",
-							n(D).toLowerCase(),
-							" reading",
-							Z.count === 1 ? "" : "s",
-							" (up to ",
-							r(w),
-							") — not a full-history total."
-						]
+						children: w("mybodyshield.pages.progress.basedOnReadings", "Based on your most recent {{count}} {{metric}} reading{{plural}} (up to {{limit}}) — not a full-history total.", {
+							count: r(Z.count),
+							metric: U.toLowerCase(),
+							plural: Z.count === 1 ? "" : "s",
+							limit: r(x)
+						})
 					})] }),
-					/* @__PURE__ */ m(s.div, {
-						...V(.26, !1),
-						children: /* @__PURE__ */ m(ie, {
-							title: "Measurement log",
-							description: "Every recorded reading for this metric.",
-							children: R.isError ? /* @__PURE__ */ m(a, {
-								message: "We couldn't load this page of measurements.",
-								onRetry: () => R.refetch()
-							}) : R.isLoading && $.length === 0 ? /* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h(c.div, {
+						...B(.26, !1),
+						children: /* @__PURE__ */ h(oe, {
+							title: w("mybodyshield.pages.progress.measurementLog", "Measurement log"),
+							description: w("mybodyshield.pages.progress.measurementLogDescription", "Every recorded reading for this metric."),
+							children: L.isError ? /* @__PURE__ */ h(o, {
+								message: w("mybodyshield.pages.progress.pageError", "We couldn't load this page of measurements."),
+								onRetry: () => L.refetch()
+							}) : L.isLoading && $.length === 0 ? /* @__PURE__ */ h("div", {
 								className: "py-8 text-center text-sm text-text-secondary",
-								children: "Loading measurements…"
-							}) : $.length === 0 ? /* @__PURE__ */ m(i, {
+								children: w("mybodyshield.pages.progress.pageLoading", "Loading measurements…")
+							}) : $.length === 0 ? /* @__PURE__ */ h(i, {
 								illustration: "empty-data",
-								icon: /* @__PURE__ */ m(U, { className: "h-10 w-10" }),
-								title: "No measurements on this page",
-								description: "Go back a page or record a new measurement."
-							}) : /* @__PURE__ */ h(Te, { children: [/* @__PURE__ */ m(ae, {
-								columns: Be,
+								icon: /* @__PURE__ */ h(H, { className: "h-10 w-10" }),
+								title: w("mybodyshield.pages.progress.pageEmptyTitle", "No measurements on this page"),
+								description: w("mybodyshield.pages.progress.pageEmptyDescription", "Go back a page or record a new measurement.")
+							}) : /* @__PURE__ */ g(we, { children: [/* @__PURE__ */ h(se, {
+								columns: Ue,
 								rows: $,
 								rowKey: (e) => e.id,
 								defaultSort: {
 									key: "measuredAt",
 									dir: "desc"
 								}
-							}), /* @__PURE__ */ m(se, {
-								page: F.page,
-								pageSize: T,
+							}), /* @__PURE__ */ h(ce, {
+								page: P.page,
+								pageSize: S,
 								itemCount: $.length,
-								hasMore: R.data?.pageInfo?.hasMore ?? !1,
-								onPageChange: (e) => F.onPageChange(e)
+								hasMore: L.data?.pageInfo?.hasMore ?? !1,
+								onPageChange: (e) => P.onPageChange(e)
 							})] })
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ m(Ee, {
-				open: Ie,
-				onOpenChange: A,
-				children: /* @__PURE__ */ h(De, { children: [
-					/* @__PURE__ */ h(Ae, { children: [/* @__PURE__ */ m(je, { children: "Record measurement" }), /* @__PURE__ */ m(Oe, { children: "Log a new body-metric reading to track your progress over time." })] }),
-					/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ h(Ee, {
+				open: ze,
+				onOpenChange: k,
+				children: /* @__PURE__ */ g(De, { children: [
+					/* @__PURE__ */ g(Ae, { children: [/* @__PURE__ */ h(je, { children: w("mybodyshield.pages.progress.dialogTitle", "Record measurement") }), /* @__PURE__ */ h(Oe, { children: w("mybodyshield.pages.progress.dialogDescription", "Log a new body-metric reading to track your progress over time.") })] }),
+					/* @__PURE__ */ g("div", {
 						className: "space-y-4 py-2",
 						children: [
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ m(y, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "myb-metric-type",
-									children: "Metric"
-								}), /* @__PURE__ */ h(b, {
-									value: j.type,
+									children: w("mybodyshield.pages.progress.metric", "Metric")
+								}), /* @__PURE__ */ g(Me, {
+									value: A.type,
 									onValueChange: (e) => {
 										let t = e;
-										M((e) => ({
+										j((e) => ({
 											...e,
 											type: t,
-											unit: l[t].unit
+											unit: u[t].unit
 										}));
 									},
-									children: [/* @__PURE__ */ m(Me, {
+									children: [/* @__PURE__ */ h(Fe, {
 										id: "myb-metric-type",
-										children: /* @__PURE__ */ m(Ne, { placeholder: "Select a metric" })
-									}), /* @__PURE__ */ m(x, { children: C.map((e) => /* @__PURE__ */ m(S, {
+										children: /* @__PURE__ */ h(Ie, { placeholder: w("mybodyshield.pages.progress.selectMetricPlaceholder", "Select a metric") })
+									}), /* @__PURE__ */ h(Ne, { children: b.map((e) => /* @__PURE__ */ h(Pe, {
 										value: e,
-										children: n(e)
+										children: E(w, e)
 									}, e)) })]
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid grid-cols-2 gap-3",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "myb-metric-value",
-										children: "Value"
-									}), /* @__PURE__ */ m(v, {
+										children: w("mybodyshield.pages.progress.value", "Value")
+									}), /* @__PURE__ */ h(v, {
 										id: "myb-metric-value",
 										type: "number",
 										inputMode: "decimal",
 										step: "any",
-										value: j.value,
-										onChange: (e) => M((t) => ({
+										value: A.value,
+										onChange: (e) => j((t) => ({
 											...t,
 											value: e.target.value
 										})),
 										placeholder: "0"
 									})]
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "space-y-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ h(y, {
 										htmlFor: "myb-metric-unit",
-										children: "Unit"
-									}), /* @__PURE__ */ m(v, {
+										children: w("mybodyshield.common.unit", "Unit")
+									}), /* @__PURE__ */ h(v, {
 										id: "myb-metric-unit",
-										value: j.unit,
-										onChange: (e) => M((t) => ({
+										value: A.unit,
+										onChange: (e) => j((t) => ({
 											...t,
 											unit: e.target.value
 										})),
-										placeholder: l[j.type].unit
+										placeholder: u[A.type].unit
 									})]
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ m(y, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "myb-metric-measured",
-									children: "Measured at"
-								}), /* @__PURE__ */ m(v, {
+									children: w("mybodyshield.pages.progress.measuredAt", "Measured at")
+								}), /* @__PURE__ */ h(v, {
 									id: "myb-metric-measured",
 									type: "datetime-local",
-									value: j.measuredAt,
-									onChange: (e) => M((t) => ({
+									value: A.measuredAt,
+									onChange: (e) => j((t) => ({
 										...t,
 										measuredAt: e.target.value
 									}))
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ m(y, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "myb-metric-notes",
-									children: "Notes"
-								}), /* @__PURE__ */ m(Pe, {
+									children: w("mybodyshield.common.notes", "Notes")
+								}), /* @__PURE__ */ h(Le, {
 									id: "myb-metric-notes",
-									value: j.notes,
-									onChange: (e) => M((t) => ({
+									value: A.notes,
+									onChange: (e) => j((t) => ({
 										...t,
 										notes: e.target.value
 									})),
-									placeholder: "Optional context (fasted, post-workout, morning…)",
+									placeholder: w("mybodyshield.pages.progress.notesPlaceholder", "Optional context (fasted, post-workout, morning…)"),
 									rows: 3
 								})]
 							}),
-							/* @__PURE__ */ m(ue, {
+							/* @__PURE__ */ h(le, {
 								id: "myb-metric-photo",
-								label: "Progress photo (optional)",
-								value: j.photo,
-								onChange: (e) => M((t) => ({
+								label: w("mybodyshield.pages.progress.progressPhoto", "Progress photo (optional)"),
+								value: A.photo,
+								onChange: (e) => j((t) => ({
 									...t,
 									photo: e
 								})),
 								accept: "image/*",
-								disabled: z.isPending,
-								hint: "Attach a progress photo for this reading."
+								disabled: R.isPending,
+								hint: w("mybodyshield.pages.progress.progressPhotoHint", "Attach a progress photo for this reading.")
 							}),
-							N && /* @__PURE__ */ m("p", {
+							M && /* @__PURE__ */ h("p", {
 								className: "text-sm text-status-error-text",
-								children: N
+								children: M
 							})
 						]
 					}),
-					/* @__PURE__ */ h(ke, { children: [/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ g(ke, { children: [/* @__PURE__ */ h(_, {
 						variant: "outline",
-						onClick: () => A(!1),
-						disabled: z.isPending,
-						children: "Cancel"
-					}), /* @__PURE__ */ m(g, {
-						onClick: ze,
-						disabled: z.isPending,
-						children: z.isPending ? "Recording…" : "Record"
+						onClick: () => k(!1),
+						disabled: R.isPending,
+						children: w("mybodyshield.common.cancel", "Cancel")
+					}), /* @__PURE__ */ h(_, {
+						onClick: He,
+						disabled: R.isPending,
+						children: R.isPending ? w("mybodyshield.common.recording", "Recording…") : w("mybodyshield.pages.progress.record", "Record")
 					})] })
 				] })
 			})
@@ -590,6 +607,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as ProgressPage };
+export { D as ProgressPage };
 
 //# sourceMappingURL=ProgressPage.js.map