@burdenoff/microfe-mybodyshield 2026.827.1 → 2026.830.1

package/dist/mybodyshield/pages/_shared/visuals.js

@@ -1,17 +1,19 @@
 import { cn as e } from "../../utils/cn.js";
-import { Activity as t, BedDouble as n, Brain as r, Dumbbell as i, Flower2 as a, Gauge as o, Heart as s, HeartPulse as c, Moon as l, Percent as u, Ruler as d, Smile as f, Sparkles as p, StretchHorizontal as m, TrendingDown as h, TrendingUp as g, Waves as _, Weight as v, Zap as y } from "lucide-react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useTr as t } from "../../hooks/useTr.js";
+import "../../hooks/index.js";
+import { Activity as n, BedDouble as r, Brain as i, Dumbbell as a, Flower2 as o, Gauge as s, Heart as c, HeartPulse as l, Moon as u, Percent as d, Ruler as f, Smile as p, Sparkles as m, StretchHorizontal as h, TrendingDown as g, TrendingUp as _, Waves as v, Weight as y, Zap as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/mybodyshield/pages/_shared/visuals.tsx
-var S = ({ value: t, color: n = "var(--color-action-primary-bg)", height: r = 8, className: i }) => {
+var C = ({ value: t, color: n = "var(--color-action-primary-bg)", height: r = 8, className: i }) => {
 	let a = Math.max(0, Math.min(100, t));
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: e("w-full overflow-hidden rounded-full bg-bg-sunken", i),
 		style: { height: r },
 		role: "progressbar",
 		"aria-valuenow": Math.round(a),
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "h-full rounded-full transition-[width] duration-500 ease-out",
 			style: {
 				width: `${a}%`,
@@ -19,26 +21,26 @@ var S = ({ value: t, color: n = "var(--color-action-primary-bg)", height: r = 8,
 			}
 		})
 	});
-}, C = ({ value: t, size: n = 96, stroke: r = 9, color: i = "var(--color-action-primary-bg)", trackColor: a = "var(--color-bg-sunken)", children: o, className: s }) => {
+}, w = ({ value: t, size: n = 96, stroke: r = 9, color: i = "var(--color-action-primary-bg)", trackColor: a = "var(--color-bg-sunken)", children: o, className: s }) => {
 	let c = Math.max(0, Math.min(100, t)), l = (n - r) / 2, u = 2 * Math.PI * l, d = u - c / 100 * u;
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ S("div", {
 		className: e("relative inline-flex items-center justify-center", s),
 		style: {
 			width: n,
 			height: n
 		},
-		children: [/* @__PURE__ */ x("svg", {
+		children: [/* @__PURE__ */ S("svg", {
 			width: n,
 			height: n,
 			className: "-rotate-90",
-			children: [/* @__PURE__ */ b("circle", {
+			children: [/* @__PURE__ */ x("circle", {
 				cx: n / 2,
 				cy: n / 2,
 				r: l,
 				fill: "none",
 				stroke: a,
 				strokeWidth: r
-			}), /* @__PURE__ */ b("circle", {
+			}), /* @__PURE__ */ x("circle", {
 				cx: n / 2,
 				cy: n / 2,
 				r: l,
@@ -50,83 +52,86 @@ var S = ({ value: t, color: n = "var(--color-action-primary-bg)", height: r = 8,
 				strokeDashoffset: d,
 				className: "transition-[stroke-dashoffset] duration-700 ease-out"
 			})]
-		}), o != null && /* @__PURE__ */ b("div", {
+		}), o != null && /* @__PURE__ */ x("div", {
 			className: "absolute inset-0 flex flex-col items-center justify-center",
 			children: o
 		})]
 	});
-}, w = {
+}, T = {
 	protein: "var(--color-action-primary-bg)",
 	carbs: "var(--color-status-warning-text)",
 	fat: "var(--color-accent-primary)"
-}, T = ({ proteinG: t, carbsG: n, fatG: r, height: i = 8, className: a }) => {
+}, E = ({ proteinG: t, carbsG: n, fatG: r, height: i = 8, className: a }) => {
 	let o = Math.max(1, t + n + r), s = (e) => `${e / o * 100}%`;
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ S("div", {
 		className: e("flex w-full overflow-hidden rounded-full bg-bg-sunken", a),
 		style: { height: i },
 		children: [
-			/* @__PURE__ */ b("div", { style: {
+			/* @__PURE__ */ x("div", { style: {
 				width: s(t),
-				backgroundColor: w.protein
+				backgroundColor: T.protein
 			} }),
-			/* @__PURE__ */ b("div", { style: {
+			/* @__PURE__ */ x("div", { style: {
 				width: s(n),
-				backgroundColor: w.carbs
+				backgroundColor: T.carbs
 			} }),
-			/* @__PURE__ */ b("div", { style: {
+			/* @__PURE__ */ x("div", { style: {
 				width: s(r),
-				backgroundColor: w.fat
+				backgroundColor: T.fat
 			} })
 		]
 	});
-}, E = ({ className: t }) => /* @__PURE__ */ b("div", {
-	className: e("flex flex-wrap items-center gap-3 text-xs text-text-tertiary", t),
-	children: [
-		"protein",
-		"carbs",
-		"fat"
-	].map((e) => /* @__PURE__ */ x("span", {
-		className: "inline-flex items-center gap-1.5",
-		children: [/* @__PURE__ */ b("span", {
-			className: "size-2 rounded-full",
-			style: { backgroundColor: w[e] }
-		}), /* @__PURE__ */ b("span", {
-			className: "capitalize",
-			children: e
-		})]
-	}, e))
-});
-function D(e, t) {
+}, D = ({ className: n }) => {
+	let r = t();
+	return /* @__PURE__ */ x("div", {
+		className: e("flex flex-wrap items-center gap-3 text-xs text-text-tertiary", n),
+		children: [
+			"protein",
+			"carbs",
+			"fat"
+		].map((e) => /* @__PURE__ */ S("span", {
+			className: "inline-flex items-center gap-1.5",
+			children: [/* @__PURE__ */ x("span", {
+				className: "size-2 rounded-full",
+				style: { backgroundColor: T[e] }
+			}), /* @__PURE__ */ x("span", {
+				className: "capitalize",
+				children: r(`mybodyshield.common.${e}`, e === "protein" ? "Protein" : e === "carbs" ? "Carbs" : "Fat")
+			})]
+		}, e))
+	});
+};
+function O(e, t) {
 	return new Proxy(e, { get(e, n) {
 		return e[n] ?? e[t];
 	} });
 }
-var O = D({
+var k = O({
 	STRENGTH: {
-		icon: i,
+		icon: a,
 		tint: "var(--color-accent-primary)"
 	},
 	CARDIO: {
-		icon: c,
+		icon: l,
 		tint: "var(--color-status-warning-text)"
 	},
 	HIIT: {
-		icon: y,
+		icon: b,
 		tint: "var(--color-status-error-text)"
 	},
 	MOBILITY: {
-		icon: m,
+		icon: h,
 		tint: "var(--color-action-primary-bg)"
 	},
 	YOGA: {
-		icon: a,
+		icon: o,
 		tint: "var(--color-action-primary-bg)"
 	},
 	RECOVERY: {
-		icon: l,
+		icon: u,
 		tint: "var(--color-status-success-text)"
 	}
-}, "STRENGTH"), k = D({
+}, "STRENGTH"), A = O({
 	CHEST: { tint: "var(--color-accent-primary)" },
 	BACK: { tint: "var(--color-action-primary-bg)" },
 	LEGS: { tint: "var(--color-status-warning-text)" },
@@ -134,128 +139,133 @@ var O = D({
 	ARMS: { tint: "var(--color-accent-primary)" },
 	CORE: { tint: "var(--color-status-success-text)" },
 	FULL_BODY: { tint: "var(--color-text-secondary)" }
-}, "FULL_BODY"), A = D({
+}, "FULL_BODY"), j = O({
 	WEIGHT_LOSS: {
-		icon: h,
+		icon: g,
 		tint: "var(--color-action-primary-bg)"
 	},
 	MUSCLE_GAIN: {
-		icon: i,
+		icon: a,
 		tint: "var(--color-accent-primary)"
 	},
 	STRENGTH: {
-		icon: v,
+		icon: y,
 		tint: "var(--color-status-error-text)"
 	},
 	ENDURANCE: {
-		icon: t,
+		icon: n,
 		tint: "var(--color-status-warning-text)"
 	},
 	MOBILITY: {
-		icon: m,
+		icon: h,
 		tint: "var(--color-action-primary-bg)"
 	},
 	GENERAL_FITNESS: {
-		icon: p,
+		icon: m,
 		tint: "var(--color-text-secondary)"
 	}
-}, "GENERAL_FITNESS"), j = D({
+}, "GENERAL_FITNESS"), M = O({
 	WEIGHT: {
-		icon: v,
+		icon: y,
 		tint: "var(--color-accent-primary)",
 		unit: "kg"
 	},
 	BODY_FAT: {
-		icon: u,
+		icon: d,
 		tint: "var(--color-status-warning-text)",
 		unit: "%"
 	},
 	RESTING_HEART_RATE: {
-		icon: s,
+		icon: c,
 		tint: "var(--color-status-error-text)",
 		unit: "bpm"
 	},
 	WAIST: {
-		icon: d,
+		icon: f,
 		tint: "var(--color-action-primary-bg)",
 		unit: "cm"
 	},
 	CHEST: {
-		icon: d,
+		icon: f,
 		tint: "var(--color-action-primary-bg)",
 		unit: "cm"
 	},
 	HIPS: {
-		icon: d,
+		icon: f,
 		tint: "var(--color-action-primary-bg)",
 		unit: "cm"
 	},
 	ARM: {
-		icon: d,
+		icon: f,
 		tint: "var(--color-action-primary-bg)",
 		unit: "cm"
 	},
 	THIGH: {
-		icon: d,
+		icon: f,
 		tint: "var(--color-action-primary-bg)",
 		unit: "cm"
 	}
-}, "WEIGHT"), M = D({
+}, "WEIGHT"), N = O({
 	SLEEP: {
-		icon: n,
+		icon: r,
 		tint: "var(--color-accent-primary)",
-		label: "Sleep"
+		labelKey: "mybodyshield.pages.recovery.metricNames.sleep",
+		labelFallback: "Sleep"
 	},
 	READINESS: {
-		icon: o,
+		icon: s,
 		tint: "var(--color-status-success-text)",
-		label: "Readiness"
+		labelKey: "mybodyshield.pages.recovery.metricNames.readiness",
+		labelFallback: "Readiness"
 	},
 	SORENESS: {
-		icon: _,
+		icon: v,
 		tint: "var(--color-status-warning-text)",
-		label: "Soreness"
+		labelKey: "mybodyshield.pages.recovery.metricNames.soreness",
+		labelFallback: "Soreness"
 	},
 	STRESS: {
-		icon: r,
+		icon: i,
 		tint: "var(--color-status-error-text)",
-		label: "Stress"
+		labelKey: "mybodyshield.pages.recovery.metricNames.stress",
+		labelFallback: "Stress"
 	},
 	MOOD: {
-		icon: f,
+		icon: p,
 		tint: "var(--color-action-primary-bg)",
-		label: "Mood"
+		labelKey: "mybodyshield.pages.recovery.metricNames.mood",
+		labelFallback: "Mood"
 	}
-}, "READINESS"), N = ({ icon: t, tint: n = "var(--color-action-primary-bg)", className: r }) => /* @__PURE__ */ b("span", {
+}, "READINESS"), P = ({ icon: t, tint: n = "var(--color-action-primary-bg)", className: r }) => /* @__PURE__ */ x("span", {
 	className: e("flex size-9 shrink-0 items-center justify-center rounded-lg", r),
 	style: {
 		backgroundColor: `color-mix(in srgb, ${n} 16%, transparent)`,
 		color: n
 	},
 	children: t
-}), P = ({ delta: t, unit: n = "", goodDirection: r = "up" }) => {
-	if (!Number.isFinite(t) || t === 0) return /* @__PURE__ */ x("span", {
+}), F = ({ delta: t, unit: n = "", goodDirection: r = "up" }) => {
+	if (!Number.isFinite(t) || t === 0) return /* @__PURE__ */ S("span", {
 		className: "text-xs text-text-tertiary",
 		children: ["±0", n]
 	});
-	let i = t > 0, a = r === "up" ? i : !i, o = i ? g : h;
-	return /* @__PURE__ */ x("span", {
+	let i = t > 0, a = r === "up" ? i : !i, o = i ? _ : g;
+	return /* @__PURE__ */ S("span", {
 		className: e("inline-flex items-center gap-1 text-xs font-medium tabular-nums", a ? "text-status-success-text" : "text-status-error-text"),
 		children: [
-			/* @__PURE__ */ b(o, { className: "h-3.5 w-3.5" }),
+			/* @__PURE__ */ x(o, { className: "h-3.5 w-3.5" }),
 			i ? "+" : "",
 			t.toFixed(1),
 			n
 		]
 	});
 };
-function F(e) {
+function I(e) {
 	let t = e.targetValue - e.baselineValue;
 	if (t === 0) return e.currentValue >= e.targetValue ? 100 : 0;
 	let n = (e.currentValue - e.baselineValue) / t * 100;
 	return Math.max(0, Math.min(100, n));
 }
 //#endregion
-export { A as GOAL_TYPE_META, N as IconChip, w as MACRO_HUE, j as METRIC_META, k as MUSCLE_META, T as MacroBar, E as MacroLegend, S as Meter, C as ProgressRing, M as RECOVERY_META, P as TrendPill, O as WORKOUT_TYPE_META, F as computeGoalProgress };
+export { j as GOAL_TYPE_META, P as IconChip, T as MACRO_HUE, M as METRIC_META, A as MUSCLE_META, E as MacroBar, D as MacroLegend, C as Meter, w as ProgressRing, N as RECOVERY_META, F as TrendPill, k as WORKOUT_TYPE_META, I as computeGoalProgress };
 
 //# sourceMappingURL=visuals.js.map

package/dist/mybodyshield/pages/_shared/visuals.js.map

@@ -1 +1 @@
-{"version":3,"file":"visuals.js","names":[],"sources":["../../../../src/mybodyshield/pages/_shared/visuals.tsx"],"sourcesContent":["/**\n * Shared fitness-domain visual helpers.\n * @module mybodyshield/pages/_shared\n *\n * Token-driven (no raw colors) SVG/CSS visual primitives + domain icon/tint\n * maps reused across the MyBodyShield pages. Everything reads fe-libs semantic\n * tokens so light/dark themes and custom themes work automatically.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport {\n  Dumbbell,\n  HeartPulse,\n  Timer,\n  Activity,\n  StretchHorizontal,\n  Flower2,\n  Moon,\n  Weight,\n  Ruler,\n  Percent,\n  Heart,\n  TrendingDown,\n  TrendingUp,\n  Zap,\n  Waves,\n  Target,\n  Sparkles,\n  Brain,\n  BedDouble,\n  Gauge,\n  Smile,\n} from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n  MybBodyMetricType,\n  MybGoalType,\n  MybMuscleGroup,\n  MybRecoveryMetric,\n  MybWorkoutType,\n} from '../../types';\n\n// ============================================================================\n// Meter — a horizontal progress bar with a token-driven fill\n// ============================================================================\n\nexport const Meter: FC<{\n  /** 0–100 percentage. */\n  value: number;\n  /** CSS color for the fill (default: brand emerald). */\n  color?: string;\n  height?: number;\n  className?: string;\n}> = ({ value, color = 'var(--color-action-primary-bg)', height = 8, className }) => {\n  const pct = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cn('w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(pct)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n        style={{ width: `${pct}%`, backgroundColor: color }}\n      />\n    </div>\n  );\n};\n\n// ============================================================================\n// ProgressRing — a circular progress indicator (goal progress, readiness)\n// ============================================================================\n\nexport const ProgressRing: FC<{\n  value: number;\n  size?: number;\n  stroke?: number;\n  color?: string;\n  trackColor?: string;\n  children?: ReactNode;\n  className?: string;\n}> = ({\n  value,\n  size = 96,\n  stroke = 9,\n  color = 'var(--color-action-primary-bg)',\n  trackColor = 'var(--color-bg-sunken)',\n  children,\n  className,\n}) => {\n  const pct = Math.max(0, Math.min(100, value));\n  const r = (size - stroke) / 2;\n  const c = 2 * Math.PI * r;\n  const offset = c - (pct / 100) * c;\n  return (\n    <div\n      className={cn('relative inline-flex items-center justify-center', className)}\n      style={{ width: size, height: size }}\n    >\n      <svg width={size} height={size} className=\"-rotate-90\">\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={r}\n          fill=\"none\"\n          stroke={trackColor}\n          strokeWidth={stroke}\n        />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={r}\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          strokeDasharray={c}\n          strokeDashoffset={offset}\n          className=\"transition-[stroke-dashoffset] duration-700 ease-out\"\n        />\n      </svg>\n      {children != null && (\n        <div className=\"absolute inset-0 flex flex-col items-center justify-center\">{children}</div>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// MacroBar — a stacked protein/carbs/fat bar (grams → proportion)\n// ============================================================================\n\nexport const MACRO_HUE = {\n  protein: 'var(--color-action-primary-bg)',\n  carbs: 'var(--color-status-warning-text)',\n  fat: 'var(--color-accent-primary)',\n} as const;\n\nexport const MacroBar: FC<{\n  proteinG: number;\n  carbsG: number;\n  fatG: number;\n  height?: number;\n  className?: string;\n}> = ({ proteinG, carbsG, fatG, height = 8, className }) => {\n  const total = Math.max(1, proteinG + carbsG + fatG);\n  const seg = (g: number) => `${(g / total) * 100}%`;\n  return (\n    <div\n      className={cn('flex w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n    >\n      <div style={{ width: seg(proteinG), backgroundColor: MACRO_HUE.protein }} />\n      <div style={{ width: seg(carbsG), backgroundColor: MACRO_HUE.carbs }} />\n      <div style={{ width: seg(fatG), backgroundColor: MACRO_HUE.fat }} />\n    </div>\n  );\n};\n\nexport const MacroLegend: FC<{ className?: string }> = ({ className }) => (\n  <div className={cn('flex flex-wrap items-center gap-3 text-xs text-text-tertiary', className)}>\n    {(['protein', 'carbs', 'fat'] as const).map((k) => (\n      <span key={k} className=\"inline-flex items-center gap-1.5\">\n        <span className=\"size-2 rounded-full\" style={{ backgroundColor: MACRO_HUE[k] }} />\n        <span className=\"capitalize\">{k}</span>\n      </span>\n    ))}\n  </div>\n);\n\n// ============================================================================\n// Domain icon + tint maps (semantic tokens only)\n// ============================================================================\n\n/**\n * Wrap an enum→meta map so an unknown server enum value (svc stores enums as\n * TEXT, so a value outside the client union is plausible) resolves to a safe\n * fallback entry instead of `undefined` — accessing `.icon`/`.tint`/`.label` on\n * `undefined` would otherwise crash the whole page.\n */\nfunction metaWithFallback<K extends string, V>(\n  source: Record<K, V>,\n  fallback: NoInfer<K>\n): Record<K, V> {\n  return new Proxy(source, {\n    get(target, prop: string) {\n      return (target as Record<string, V>)[prop] ?? target[fallback];\n    },\n  }) as Record<K, V>;\n}\n\nconst WORKOUT_TYPE_META_SOURCE: Record<MybWorkoutType, { icon: typeof Dumbbell; tint: string }> = {\n  STRENGTH: { icon: Dumbbell, tint: 'var(--color-accent-primary)' },\n  CARDIO: { icon: HeartPulse, tint: 'var(--color-status-warning-text)' },\n  HIIT: { icon: Zap, tint: 'var(--color-status-error-text)' },\n  MOBILITY: { icon: StretchHorizontal, tint: 'var(--color-action-primary-bg)' },\n  YOGA: { icon: Flower2, tint: 'var(--color-action-primary-bg)' },\n  RECOVERY: { icon: Moon, tint: 'var(--color-status-success-text)' },\n};\nexport const WORKOUT_TYPE_META = metaWithFallback(WORKOUT_TYPE_META_SOURCE, 'STRENGTH');\n\nconst MUSCLE_META_SOURCE: Record<MybMuscleGroup, { tint: string }> = {\n  CHEST: { tint: 'var(--color-accent-primary)' },\n  BACK: { tint: 'var(--color-action-primary-bg)' },\n  LEGS: { tint: 'var(--color-status-warning-text)' },\n  SHOULDERS: { tint: 'var(--color-status-error-text)' },\n  ARMS: { tint: 'var(--color-accent-primary)' },\n  CORE: { tint: 'var(--color-status-success-text)' },\n  FULL_BODY: { tint: 'var(--color-text-secondary)' },\n};\nexport const MUSCLE_META = metaWithFallback(MUSCLE_META_SOURCE, 'FULL_BODY');\n\nconst GOAL_TYPE_META_SOURCE: Record<MybGoalType, { icon: typeof Target; tint: string }> = {\n  WEIGHT_LOSS: { icon: TrendingDown, tint: 'var(--color-action-primary-bg)' },\n  MUSCLE_GAIN: { icon: Dumbbell, tint: 'var(--color-accent-primary)' },\n  STRENGTH: { icon: Weight, tint: 'var(--color-status-error-text)' },\n  ENDURANCE: { icon: Activity, tint: 'var(--color-status-warning-text)' },\n  MOBILITY: { icon: StretchHorizontal, tint: 'var(--color-action-primary-bg)' },\n  GENERAL_FITNESS: { icon: Sparkles, tint: 'var(--color-text-secondary)' },\n};\nexport const GOAL_TYPE_META = metaWithFallback(GOAL_TYPE_META_SOURCE, 'GENERAL_FITNESS');\n\nconst METRIC_META_SOURCE: Record<\n  MybBodyMetricType,\n  { icon: typeof Weight; tint: string; unit: string }\n> = {\n  WEIGHT: { icon: Weight, tint: 'var(--color-accent-primary)', unit: 'kg' },\n  BODY_FAT: { icon: Percent, tint: 'var(--color-status-warning-text)', unit: '%' },\n  RESTING_HEART_RATE: { icon: Heart, tint: 'var(--color-status-error-text)', unit: 'bpm' },\n  WAIST: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  CHEST: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  HIPS: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  ARM: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  THIGH: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n};\nexport const METRIC_META = metaWithFallback(METRIC_META_SOURCE, 'WEIGHT');\n\nconst RECOVERY_META_SOURCE: Record<\n  MybRecoveryMetric,\n  { icon: typeof Gauge; tint: string; label: string }\n> = {\n  SLEEP: { icon: BedDouble, tint: 'var(--color-accent-primary)', label: 'Sleep' },\n  READINESS: { icon: Gauge, tint: 'var(--color-status-success-text)', label: 'Readiness' },\n  SORENESS: { icon: Waves, tint: 'var(--color-status-warning-text)', label: 'Soreness' },\n  STRESS: { icon: Brain, tint: 'var(--color-status-error-text)', label: 'Stress' },\n  MOOD: { icon: Smile, tint: 'var(--color-action-primary-bg)', label: 'Mood' },\n};\nexport const RECOVERY_META = metaWithFallback(RECOVERY_META_SOURCE, 'READINESS');\n\n// ============================================================================\n// Small helpers\n// ============================================================================\n\n/** Circular icon chip with a soft tinted background. */\nexport const IconChip: FC<{ icon: ReactNode; tint?: string; className?: string }> = ({\n  icon,\n  tint = 'var(--color-action-primary-bg)',\n  className,\n}) => (\n  <span\n    className={cn('flex size-9 shrink-0 items-center justify-center rounded-lg', className)}\n    style={{ backgroundColor: `color-mix(in srgb, ${tint} 16%, transparent)`, color: tint }}\n  >\n    {icon}\n  </span>\n);\n\n/** A small trend delta pill (up/down/flat) with semantic color. */\nexport const TrendPill: FC<{ delta: number; unit?: string; goodDirection?: 'up' | 'down' }> = ({\n  delta,\n  unit = '',\n  goodDirection = 'up',\n}) => {\n  if (!Number.isFinite(delta) || delta === 0) {\n    return <span className=\"text-xs text-text-tertiary\">±0{unit}</span>;\n  }\n  const up = delta > 0;\n  const good = goodDirection === 'up' ? up : !up;\n  const Icon = up ? TrendingUp : TrendingDown;\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 text-xs font-medium tabular-nums',\n        good ? 'text-status-success-text' : 'text-status-error-text'\n      )}\n    >\n      <Icon className=\"h-3.5 w-3.5\" />\n      {up ? '+' : ''}\n      {delta.toFixed(1)}\n      {unit}\n    </span>\n  );\n};\n\n/** Compute a goal's completion percentage from baseline → target → current. */\nexport function computeGoalProgress(goal: {\n  baselineValue: number;\n  targetValue: number;\n  currentValue: number;\n}): number {\n  const span = goal.targetValue - goal.baselineValue;\n  if (span === 0) return goal.currentValue >= goal.targetValue ? 100 : 0;\n  const done = ((goal.currentValue - goal.baselineValue) / span) * 100;\n  return Math.max(0, Math.min(100, done));\n}\n\nexport { Timer };\n"],"mappings":"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"}
+{"version":3,"file":"visuals.js","names":[],"sources":["../../../../src/mybodyshield/pages/_shared/visuals.tsx"],"sourcesContent":["/**\n * Shared fitness-domain visual helpers.\n * @module mybodyshield/pages/_shared\n *\n * Token-driven (no raw colors) SVG/CSS visual primitives + domain icon/tint\n * maps reused across the MyBodyShield pages. Everything reads fe-libs semantic\n * tokens so light/dark themes and custom themes work automatically.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport {\n  Dumbbell,\n  HeartPulse,\n  Timer,\n  Activity,\n  StretchHorizontal,\n  Flower2,\n  Moon,\n  Weight,\n  Ruler,\n  Percent,\n  Heart,\n  TrendingDown,\n  TrendingUp,\n  Zap,\n  Waves,\n  Target,\n  Sparkles,\n  Brain,\n  BedDouble,\n  Gauge,\n  Smile,\n} from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useTr } from '../../hooks';\nimport type {\n  MybBodyMetricType,\n  MybGoalType,\n  MybMuscleGroup,\n  MybRecoveryMetric,\n  MybWorkoutType,\n} from '../../types';\n\n// ============================================================================\n// Meter — a horizontal progress bar with a token-driven fill\n// ============================================================================\n\nexport const Meter: FC<{\n  /** 0–100 percentage. */\n  value: number;\n  /** CSS color for the fill (default: brand emerald). */\n  color?: string;\n  height?: number;\n  className?: string;\n}> = ({ value, color = 'var(--color-action-primary-bg)', height = 8, className }) => {\n  const pct = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cn('w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(pct)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n        style={{ width: `${pct}%`, backgroundColor: color }}\n      />\n    </div>\n  );\n};\n\n// ============================================================================\n// ProgressRing — a circular progress indicator (goal progress, readiness)\n// ============================================================================\n\nexport const ProgressRing: FC<{\n  value: number;\n  size?: number;\n  stroke?: number;\n  color?: string;\n  trackColor?: string;\n  children?: ReactNode;\n  className?: string;\n}> = ({\n  value,\n  size = 96,\n  stroke = 9,\n  color = 'var(--color-action-primary-bg)',\n  trackColor = 'var(--color-bg-sunken)',\n  children,\n  className,\n}) => {\n  const pct = Math.max(0, Math.min(100, value));\n  const r = (size - stroke) / 2;\n  const c = 2 * Math.PI * r;\n  const offset = c - (pct / 100) * c;\n  return (\n    <div\n      className={cn('relative inline-flex items-center justify-center', className)}\n      style={{ width: size, height: size }}\n    >\n      <svg width={size} height={size} className=\"-rotate-90\">\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={r}\n          fill=\"none\"\n          stroke={trackColor}\n          strokeWidth={stroke}\n        />\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={r}\n          fill=\"none\"\n          stroke={color}\n          strokeWidth={stroke}\n          strokeLinecap=\"round\"\n          strokeDasharray={c}\n          strokeDashoffset={offset}\n          className=\"transition-[stroke-dashoffset] duration-700 ease-out\"\n        />\n      </svg>\n      {children != null && (\n        <div className=\"absolute inset-0 flex flex-col items-center justify-center\">{children}</div>\n      )}\n    </div>\n  );\n};\n\n// ============================================================================\n// MacroBar — a stacked protein/carbs/fat bar (grams → proportion)\n// ============================================================================\n\nexport const MACRO_HUE = {\n  protein: 'var(--color-action-primary-bg)',\n  carbs: 'var(--color-status-warning-text)',\n  fat: 'var(--color-accent-primary)',\n} as const;\n\nexport const MacroBar: FC<{\n  proteinG: number;\n  carbsG: number;\n  fatG: number;\n  height?: number;\n  className?: string;\n}> = ({ proteinG, carbsG, fatG, height = 8, className }) => {\n  const total = Math.max(1, proteinG + carbsG + fatG);\n  const seg = (g: number) => `${(g / total) * 100}%`;\n  return (\n    <div\n      className={cn('flex w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n    >\n      <div style={{ width: seg(proteinG), backgroundColor: MACRO_HUE.protein }} />\n      <div style={{ width: seg(carbsG), backgroundColor: MACRO_HUE.carbs }} />\n      <div style={{ width: seg(fatG), backgroundColor: MACRO_HUE.fat }} />\n    </div>\n  );\n};\n\nexport const MacroLegend: FC<{ className?: string }> = ({ className }) => {\n  const t = useTr();\n  return (\n    <div className={cn('flex flex-wrap items-center gap-3 text-xs text-text-tertiary', className)}>\n      {(['protein', 'carbs', 'fat'] as const).map((k) => (\n        <span key={k} className=\"inline-flex items-center gap-1.5\">\n          <span className=\"size-2 rounded-full\" style={{ backgroundColor: MACRO_HUE[k] }} />\n          <span className=\"capitalize\">\n            {t(\n              `mybodyshield.common.${k}`,\n              k === 'protein' ? 'Protein' : k === 'carbs' ? 'Carbs' : 'Fat'\n            )}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n};\n\n// ============================================================================\n// Domain icon + tint maps (semantic tokens only)\n// ============================================================================\n\n/**\n * Wrap an enum→meta map so an unknown server enum value (svc stores enums as\n * TEXT, so a value outside the client union is plausible) resolves to a safe\n * fallback entry instead of `undefined` — accessing `.icon`/`.tint`/`.label` on\n * `undefined` would otherwise crash the whole page.\n */\nfunction metaWithFallback<K extends string, V>(\n  source: Record<K, V>,\n  fallback: NoInfer<K>\n): Record<K, V> {\n  return new Proxy(source, {\n    get(target, prop: string) {\n      return (target as Record<string, V>)[prop] ?? target[fallback];\n    },\n  }) as Record<K, V>;\n}\n\nconst WORKOUT_TYPE_META_SOURCE: Record<MybWorkoutType, { icon: typeof Dumbbell; tint: string }> = {\n  STRENGTH: { icon: Dumbbell, tint: 'var(--color-accent-primary)' },\n  CARDIO: { icon: HeartPulse, tint: 'var(--color-status-warning-text)' },\n  HIIT: { icon: Zap, tint: 'var(--color-status-error-text)' },\n  MOBILITY: { icon: StretchHorizontal, tint: 'var(--color-action-primary-bg)' },\n  YOGA: { icon: Flower2, tint: 'var(--color-action-primary-bg)' },\n  RECOVERY: { icon: Moon, tint: 'var(--color-status-success-text)' },\n};\nexport const WORKOUT_TYPE_META = metaWithFallback(WORKOUT_TYPE_META_SOURCE, 'STRENGTH');\n\nconst MUSCLE_META_SOURCE: Record<MybMuscleGroup, { tint: string }> = {\n  CHEST: { tint: 'var(--color-accent-primary)' },\n  BACK: { tint: 'var(--color-action-primary-bg)' },\n  LEGS: { tint: 'var(--color-status-warning-text)' },\n  SHOULDERS: { tint: 'var(--color-status-error-text)' },\n  ARMS: { tint: 'var(--color-accent-primary)' },\n  CORE: { tint: 'var(--color-status-success-text)' },\n  FULL_BODY: { tint: 'var(--color-text-secondary)' },\n};\nexport const MUSCLE_META = metaWithFallback(MUSCLE_META_SOURCE, 'FULL_BODY');\n\nconst GOAL_TYPE_META_SOURCE: Record<MybGoalType, { icon: typeof Target; tint: string }> = {\n  WEIGHT_LOSS: { icon: TrendingDown, tint: 'var(--color-action-primary-bg)' },\n  MUSCLE_GAIN: { icon: Dumbbell, tint: 'var(--color-accent-primary)' },\n  STRENGTH: { icon: Weight, tint: 'var(--color-status-error-text)' },\n  ENDURANCE: { icon: Activity, tint: 'var(--color-status-warning-text)' },\n  MOBILITY: { icon: StretchHorizontal, tint: 'var(--color-action-primary-bg)' },\n  GENERAL_FITNESS: { icon: Sparkles, tint: 'var(--color-text-secondary)' },\n};\nexport const GOAL_TYPE_META = metaWithFallback(GOAL_TYPE_META_SOURCE, 'GENERAL_FITNESS');\n\nconst METRIC_META_SOURCE: Record<\n  MybBodyMetricType,\n  { icon: typeof Weight; tint: string; unit: string }\n> = {\n  WEIGHT: { icon: Weight, tint: 'var(--color-accent-primary)', unit: 'kg' },\n  BODY_FAT: { icon: Percent, tint: 'var(--color-status-warning-text)', unit: '%' },\n  RESTING_HEART_RATE: { icon: Heart, tint: 'var(--color-status-error-text)', unit: 'bpm' },\n  WAIST: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  CHEST: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  HIPS: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  ARM: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n  THIGH: { icon: Ruler, tint: 'var(--color-action-primary-bg)', unit: 'cm' },\n};\nexport const METRIC_META = metaWithFallback(METRIC_META_SOURCE, 'WEIGHT');\n\nconst RECOVERY_META_SOURCE: Record<\n  MybRecoveryMetric,\n  { icon: typeof Gauge; tint: string; labelKey: string; labelFallback: string }\n> = {\n  SLEEP: {\n    icon: BedDouble,\n    tint: 'var(--color-accent-primary)',\n    labelKey: 'mybodyshield.pages.recovery.metricNames.sleep',\n    labelFallback: 'Sleep',\n  },\n  READINESS: {\n    icon: Gauge,\n    tint: 'var(--color-status-success-text)',\n    labelKey: 'mybodyshield.pages.recovery.metricNames.readiness',\n    labelFallback: 'Readiness',\n  },\n  SORENESS: {\n    icon: Waves,\n    tint: 'var(--color-status-warning-text)',\n    labelKey: 'mybodyshield.pages.recovery.metricNames.soreness',\n    labelFallback: 'Soreness',\n  },\n  STRESS: {\n    icon: Brain,\n    tint: 'var(--color-status-error-text)',\n    labelKey: 'mybodyshield.pages.recovery.metricNames.stress',\n    labelFallback: 'Stress',\n  },\n  MOOD: {\n    icon: Smile,\n    tint: 'var(--color-action-primary-bg)',\n    labelKey: 'mybodyshield.pages.recovery.metricNames.mood',\n    labelFallback: 'Mood',\n  },\n};\nexport const RECOVERY_META = metaWithFallback(RECOVERY_META_SOURCE, 'READINESS');\n\n// ============================================================================\n// Small helpers\n// ============================================================================\n\n/** Circular icon chip with a soft tinted background. */\nexport const IconChip: FC<{ icon: ReactNode; tint?: string; className?: string }> = ({\n  icon,\n  tint = 'var(--color-action-primary-bg)',\n  className,\n}) => (\n  <span\n    className={cn('flex size-9 shrink-0 items-center justify-center rounded-lg', className)}\n    style={{ backgroundColor: `color-mix(in srgb, ${tint} 16%, transparent)`, color: tint }}\n  >\n    {icon}\n  </span>\n);\n\n/** A small trend delta pill (up/down/flat) with semantic color. */\nexport const TrendPill: FC<{ delta: number; unit?: string; goodDirection?: 'up' | 'down' }> = ({\n  delta,\n  unit = '',\n  goodDirection = 'up',\n}) => {\n  if (!Number.isFinite(delta) || delta === 0) {\n    return <span className=\"text-xs text-text-tertiary\">±0{unit}</span>;\n  }\n  const up = delta > 0;\n  const good = goodDirection === 'up' ? up : !up;\n  const Icon = up ? TrendingUp : TrendingDown;\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1 text-xs font-medium tabular-nums',\n        good ? 'text-status-success-text' : 'text-status-error-text'\n      )}\n    >\n      <Icon className=\"h-3.5 w-3.5\" />\n      {up ? '+' : ''}\n      {delta.toFixed(1)}\n      {unit}\n    </span>\n  );\n};\n\n/** Compute a goal's completion percentage from baseline → target → current. */\nexport function computeGoalProgress(goal: {\n  baselineValue: number;\n  targetValue: number;\n  currentValue: number;\n}): number {\n  const span = goal.targetValue - goal.baselineValue;\n  if (span === 0) return goal.currentValue >= goal.targetValue ? 100 : 0;\n  const done = ((goal.currentValue - goal.baselineValue) / span) * 100;\n  return Math.max(0, Math.min(100, done));\n}\n\nexport { Timer };\n"],"mappings":"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"}

package/dist/mybodyshield/pages/ai/AiControlsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AiControlsPage.d.ts","sourceRoot":"","sources":["../../../../src/mybodyshield/pages/ai/AiControlsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAgcH,wBAAgB,cAAc,gCA2C7B"}
+{"version":3,"file":"AiControlsPage.d.ts","sourceRoot":"","sources":["../../../../src/mybodyshield/pages/ai/AiControlsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA0hBH,wBAAgB,cAAc,gCAoD7B"}