npm - @burdenoff/microfe-mybodyshield - Versions diffs - 2026.820.1 → 2026.821.2 - Mend

@burdenoff/microfe-mybodyshield 2026.820.1 → 2026.821.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

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

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

package/dist/mybodyshield/pages/insights/InsightsCharts.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InsightsCharts.js","names":[],"sources":["../../../../src/mybodyshield/pages/insights/InsightsCharts.tsx"],"sourcesContent":["/**\n * Insights visualisations — recharts-based charts and correlation summary for\n * the MyBodyShield Insights page.\n * @module mybodyshield/pages/insights\n *\n * BOFF-4056: charts are pure presentational components that receive the\n * `MybInsightsDay[]` series already aggregated by the backend. No network\n * calls here.\n */\n\nimport { useMemo, type ReactNode } from 'react';\nimport {\n ResponsiveContainer,\n ComposedChart,\n BarChart,\n Bar,\n Area,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n Legend,\n} from 'recharts';\nimport { Dumbbell, HeartPulse, Moon, Utensils, Scale, Activity } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../../utils/cn';\nimport {\n formatDate,\n formatNumber,\n formatWeight,\n formatGrams,\n formatKcal,\n} from '../../utils/formatters';\nimport { IconChip, MACRO_HUE } from '../_shared/visuals';\nimport type { MybInsightsDay } from '../../types';\n\n// ============================================================================\n// Tokens\n// ============================================================================\n\nconst CHART_COLORS = {\n primary: 'var(--color-action-primary-bg)',\n secondary: 'var(--color-accent-primary)',\n success: 'var(--color-status-success-text)',\n warning: 'var(--color-status-warning-text)',\n error: 'var(--color-status-error-text)',\n chart1: 'var(--color-chart-1)',\n chart2: 'var(--color-chart-2)',\n chart3: 'var(--color-chart-3)',\n chart4: 'var(--color-chart-4)',\n} as const;\n\nconst TOOLTIP_STYLE = {\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-seam)',\n borderRadius: 12,\n color: 'var(--color-text-primary)',\n fontSize: 12,\n};\n\nconst GRID_STYLE = {\n stroke: 'var(--color-border-seam)',\n strokeDasharray: '4 4',\n};\n\nconst AXIS_TICK_STYLE = { fill: 'var(--color-text-tertiary)', fontSize: 12 };\n\n// ============================================================================\n// Chart data shaping\n// ============================================================================\n\ntype ChartRow = {\n label: string;\n date: string;\n sessions: number;\n volumeKg: number;\n readiness: number | null;\n sleepHours: number | null;\n calories: number;\n proteinG: number;\n carbsG: number;\n fatG: number;\n weight: number | null;\n};\n\nfunction useChartData(daily: MybInsightsDay[]): ChartRow[] {\n return useMemo(\n () =>\n [...daily]\n .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime())\n .map((d) => ({\n label: formatDate(d.date),\n date: d.date,\n sessions: d.sessions,\n volumeKg: d.volumeKg,\n readiness: d.readiness ?? null,\n sleepHours: d.sleepHours ?? null,\n calories: d.calories,\n proteinG: d.proteinG,\n carbsG: d.carbsG,\n fatG: d.fatG,\n weight: d.weight ?? null,\n })),\n [daily]\n );\n}\n\nfunction EmptyChart({ message = 'No data for the selected range' }: { message?: string }) {\n return (\n <div className=\"flex h-[240px] flex-col items-center justify-center gap-2 text-center\">\n <Activity className=\"h-8 w-8 text-text-tertiary\" />\n <p className=\"text-sm text-text-secondary\">{message}</p>\n </div>\n );\n}\n\nfunction ChartCard({\n title,\n icon,\n children,\n className,\n}: {\n title: string;\n icon: ReactNode;\n children: ReactNode;\n className?: string;\n}) {\n return (\n <GlassCard treatment=\"plain\" className={cn('overflow-hidden p-5', className)}>\n <div className=\"mb-4 flex items-center gap-2.5\">\n {icon}\n <h3 className=\"text-sm font-semibold text-text-primary\">{title}</h3>\n </div>\n {children}\n </GlassCard>\n );\n}\n\n// ============================================================================\n// Volume + sessions over time\n// ============================================================================\n\nexport function VolumeChart({ daily }: { daily: MybInsightsDay[] }) {\n const data = useChartData(daily);\n\n if (data.length === 0) {\n return (\n <ChartCard\n title=\"Training volume\"\n icon={<IconChip icon={<Dumbbell className=\"h-4 w-4\" />} tint={CHART_COLORS.primary} />}\n >\n <EmptyChart message=\"Log completed sessions to see volume trends.\" />\n </ChartCard>\n );\n }\n\n return (\n <ChartCard\n title=\"Training volume\"\n icon={<IconChip icon={<Dumbbell className=\"h-4 w-4\" />} tint={CHART_COLORS.primary} />}\n >\n <div className=\"h-[260px] w-full\">\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <ComposedChart data={data} margin={{ top: 4, right: 16, bottom: 4, left: 4 }}>\n <CartesianGrid {...GRID_STYLE} vertical={false} />\n <XAxis\n dataKey=\"label\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n tickMargin={8}\n minTickGap={24}\n />\n <YAxis\n yAxisId=\"left\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n width={52}\n tickFormatter={(v) => formatWeight(Number(v))}\n />\n <YAxis\n yAxisId=\"right\"\n orientation=\"right\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n width={36}\n allowDecimals={false}\n />\n <Tooltip\n contentStyle={TOOLTIP_STYLE}\n labelStyle={{ color: 'var(--color-text-tertiary)' }}\n formatter={(value, name) => {\n if (name === 'Volume') return [formatWeight(Number(value)), name];\n return [formatNumber(Number(value)), 'Sessions'];\n }}\n />\n <Legend wrapperStyle={{ fontSize: 12, paddingTop: 8 }} />\n <Bar\n yAxisId=\"left\"\n dataKey=\"volumeKg\"\n name=\"Volume\"\n fill={CHART_COLORS.primary}\n radius={[4, 4, 0, 0]}\n opacity={0.85}\n />\n <Line\n yAxisId=\"right\"\n type=\"monotone\"\n dataKey=\"sessions\"\n name=\"Sessions\"\n stroke={CHART_COLORS.secondary}\n strokeWidth={2.5}\n dot={false}\n activeDot={{ r: 4, strokeWidth: 2, stroke: 'var(--color-bg-surface)' }}\n />\n </ComposedChart>\n </ResponsiveContainer>\n </div>\n </ChartCard>\n );\n}\n\n// ============================================================================\n// Readiness + sleep over time\n// ============================================================================\n\nexport function ReadinessSleepChart({ daily }: { daily: MybInsightsDay[] }) {\n const data = useChartData(daily);\n const hasData = data.some((d) => d.readiness != null || d.sleepHours != null);\n\n if (!hasData) {\n return (\n <ChartCard\n title=\"Recovery & sleep\"\n icon={<IconChip icon={<HeartPulse className=\"h-4 w-4\" />} tint={CHART_COLORS.success} />}\n >\n <EmptyChart message=\"Log recovery entries to see readiness and sleep trends.\" />\n </ChartCard>\n );\n }\n\n return (\n <ChartCard\n title=\"Recovery & sleep\"\n icon={<IconChip icon={<HeartPulse className=\"h-4 w-4\" />} tint={CHART_COLORS.success} />}\n >\n <div className=\"h-[260px] w-full\">\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <ComposedChart data={data} margin={{ top: 4, right: 16, bottom: 4, left: 4 }}>\n <CartesianGrid {...GRID_STYLE} vertical={false} />\n <XAxis\n dataKey=\"label\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n tickMargin={8}\n minTickGap={24}\n />\n <YAxis\n yAxisId=\"left\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n width={36}\n domain={[0, 100]}\n hide={!data.some((d) => d.readiness != null)}\n />\n <YAxis\n yAxisId=\"right\"\n orientation=\"right\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n width={44}\n tickFormatter={(v) => `${formatNumber(Number(v))} h`}\n hide={!data.some((d) => d.sleepHours != null)}\n />\n <Tooltip\n contentStyle={TOOLTIP_STYLE}\n labelStyle={{ color: 'var(--color-text-tertiary)' }}\n formatter={(value, name) => {\n if (name === 'Readiness') return [formatNumber(Number(value)), name];\n return [`${formatNumber(Number(value))} h`, name];\n }}\n />\n <Legend wrapperStyle={{ fontSize: 12, paddingTop: 8 }} />\n <Area\n yAxisId=\"right\"\n type=\"monotone\"\n dataKey=\"sleepHours\"\n name=\"Sleep\"\n stroke={CHART_COLORS.secondary}\n strokeWidth={2}\n fill={CHART_COLORS.secondary}\n fillOpacity={0.12}\n dot={false}\n activeDot={{ r: 4, strokeWidth: 2, stroke: 'var(--color-bg-surface)' }}\n connectNulls\n />\n <Line\n yAxisId=\"left\"\n type=\"monotone\"\n dataKey=\"readiness\"\n name=\"Readiness\"\n stroke={CHART_COLORS.success}\n strokeWidth={2.5}\n dot={false}\n activeDot={{ r: 4, strokeWidth: 2, stroke: 'var(--color-bg-surface)' }}\n connectNulls\n />\n </ComposedChart>\n </ResponsiveContainer>\n </div>\n </ChartCard>\n );\n}\n\n// ============================================================================\n// Macros over time\n// ============================================================================\n\nexport function MacroChart({ daily }: { daily: MybInsightsDay[] }) {\n const data = useChartData(daily);\n\n if (data.length === 0) {\n return (\n <ChartCard\n title=\"Macro adherence\"\n icon={<IconChip icon={<Utensils className=\"h-4 w-4\" />} tint={CHART_COLORS.warning} />}\n >\n <EmptyChart message=\"Log meals to see macro trends.\" />\n </ChartCard>\n );\n }\n\n return (\n <ChartCard\n title=\"Macro adherence\"\n icon={<IconChip icon={<Utensils className=\"h-4 w-4\" />} tint={CHART_COLORS.warning} />}\n >\n <div className=\"h-[260px] w-full\">\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <BarChart data={data} margin={{ top: 4, right: 16, bottom: 4, left: 4 }}>\n <CartesianGrid {...GRID_STYLE} vertical={false} />\n <XAxis\n dataKey=\"label\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n tickMargin={8}\n minTickGap={24}\n />\n <YAxis\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n width={44}\n tickFormatter={(v) => formatGrams(Number(v))}\n />\n <Tooltip\n contentStyle={TOOLTIP_STYLE}\n labelStyle={{ color: 'var(--color-text-tertiary)' }}\n formatter={(value, name) => [formatGrams(Number(value)), name as string]}\n />\n <Legend wrapperStyle={{ fontSize: 12, paddingTop: 8 }} />\n <Bar dataKey=\"proteinG\" name=\"Protein\" stackId=\"macros\" fill={MACRO_HUE.protein} />\n <Bar dataKey=\"carbsG\" name=\"Carbs\" stackId=\"macros\" fill={MACRO_HUE.carbs} />\n <Bar dataKey=\"fatG\" name=\"Fat\" stackId=\"macros\" fill={MACRO_HUE.fat} />\n </BarChart>\n </ResponsiveContainer>\n </div>\n </ChartCard>\n );\n}\n\n// ============================================================================\n// Calorie trend\n// ============================================================================\n\nexport function CalorieChart({ daily }: { daily: MybInsightsDay[] }) {\n const data = useChartData(daily);\n\n if (data.length === 0) {\n return (\n <ChartCard\n title=\"Calorie trend\"\n icon={<IconChip icon={<Scale className=\"h-4 w-4\" />} tint={CHART_COLORS.chart1} />}\n >\n <EmptyChart message=\"Log meals to see calorie trends.\" />\n </ChartCard>\n );\n }\n\n return (\n <ChartCard\n title=\"Calorie trend\"\n icon={<IconChip icon={<Scale className=\"h-4 w-4\" />} tint={CHART_COLORS.chart1} />}\n >\n <div className=\"h-[260px] w-full\">\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <ComposedChart data={data} margin={{ top: 4, right: 16, bottom: 4, left: 4 }}>\n <CartesianGrid {...GRID_STYLE} vertical={false} />\n <XAxis\n dataKey=\"label\"\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n tickMargin={8}\n minTickGap={24}\n />\n <YAxis\n tickLine={false}\n axisLine={false}\n tick={AXIS_TICK_STYLE}\n width={52}\n tickFormatter={(v) => formatKcal(Number(v))}\n />\n <Tooltip\n contentStyle={TOOLTIP_STYLE}\n labelStyle={{ color: 'var(--color-text-tertiary)' }}\n formatter={(value) => [formatKcal(Number(value)), 'Calories']}\n />\n <Area\n type=\"monotone\"\n dataKey=\"calories\"\n name=\"Calories\"\n stroke={CHART_COLORS.chart1}\n strokeWidth={2}\n fill={CHART_COLORS.chart1}\n fillOpacity={0.12}\n dot={false}\n activeDot={{ r: 4, strokeWidth: 2, stroke: 'var(--color-bg-surface)' }}\n />\n </ComposedChart>\n </ResponsiveContainer>\n </div>\n </ChartCard>\n );\n}\n\n// ============================================================================\n// Correlation view\n// ============================================================================\n\ntype CorrelationPair = {\n label: string;\n x: string;\n y: string;\n r: number | null;\n n: number;\n};\n\nfunction pearson(xs: (number | null)[], ys: (number | null)[]): { r: number | null; n: number } {\n const pairs = xs\n .map((x, i) => [x, ys[i]] as const)\n .filter(([x, y]) => x != null && y != null) as [number, number][];\n if (pairs.length < 3) return { r: null, n: pairs.length };\n\n const n = pairs.length;\n const sumX = pairs.reduce((a, [x]) => a + x, 0);\n const sumY = pairs.reduce((a, [, y]) => a + y, 0);\n const sumX2 = pairs.reduce((a, [x]) => a + x * x, 0);\n const sumY2 = pairs.reduce((a, [, y]) => a + y * y, 0);\n const sumXY = pairs.reduce((a, [x, y]) => a + x * y, 0);\n\n const denom = Math.sqrt((n * sumX2 - sumX * sumX) * (n * sumY2 - sumY * sumY));\n if (!Number.isFinite(denom) || denom === 0) return { r: null, n };\n\n return { r: (n * sumXY - sumX * sumY) / denom, n };\n}\n\nfunction useCorrelations(daily: MybInsightsDay[]): CorrelationPair[] {\n return useMemo(() => {\n const readiness = daily.map((d) => d.readiness ?? null);\n const sleep = daily.map((d) => d.sleepHours ?? null);\n const volume = daily.map((d) => d.volumeKg);\n const sessions = daily.map((d) => d.sessions);\n const protein = daily.map((d) => d.proteinG);\n const calories = daily.map((d) => d.calories);\n\n const compute = (\n label: string,\n x: string,\n y: string,\n xs: (number | null)[],\n ys: (number | null)[]\n ) => {\n const { r, n } = pearson(xs, ys);\n return { label, x, y, r, n };\n };\n\n return [\n compute('Sleep → Readiness', 'Sleep', 'Readiness', sleep, readiness),\n compute('Volume → Readiness', 'Volume', 'Readiness', volume, readiness),\n compute('Sessions → Sleep', 'Sessions', 'Sleep', sessions, sleep),\n compute('Protein → Readiness', 'Protein', 'Readiness', protein, readiness),\n compute('Calories → Volume', 'Calories', 'Volume', calories, volume),\n ];\n }, [daily]);\n}\n\nfunction correlationLabel(r: number): string {\n const abs = Math.abs(r);\n if (abs >= 0.7) return 'Strong';\n if (abs >= 0.4) return 'Moderate';\n if (abs >= 0.2) return 'Weak';\n return 'None';\n}\n\nfunction correlationColor(r: number): string {\n if (r > 0) return 'var(--color-status-success-text)';\n if (r < 0) return 'var(--color-status-error-text)';\n return 'var(--color-text-tertiary)';\n}\n\nexport function CorrelationView({ daily }: { daily: MybInsightsDay[] }) {\n const correlations = useCorrelations(daily);\n const available = correlations.filter((c) => c.r != null);\n\n if (available.length === 0) {\n return (\n <GlassCard treatment=\"plain\" className=\"p-6\">\n <div className=\"flex items-center gap-2.5\">\n <IconChip icon={<Moon className=\"h-4 w-4\" />} tint={CHART_COLORS.secondary} />\n <h3 className=\"text-sm font-semibold text-text-primary\">Correlations</h3>\n </div>\n <p className=\"mt-3 text-sm text-text-secondary\">\n Log a few more recovery, training and nutrition days to surface correlations.\n </p>\n </GlassCard>\n );\n }\n\n return (\n <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n <div className=\"border-b border-border-seam px-5 py-4\">\n <div className=\"flex items-center gap-2.5\">\n <IconChip icon={<Moon className=\"h-4 w-4\" />} tint={CHART_COLORS.secondary} />\n <h3 className=\"text-sm font-semibold text-text-primary\">Correlations</h3>\n </div>\n <p className=\"mt-1 text-xs text-text-secondary\">\n Pearson correlation across the selected range. More data gives more reliable signals.\n </p>\n </div>\n <div className=\"divide-y divide-border-seam/60\">\n {available.map((c) => (\n <div key={c.label} className=\"flex items-center justify-between px-5 py-3\">\n <div>\n <p className=\"text-sm font-medium text-text-primary\">{c.label}</p>\n <p className=\"text-xs text-text-tertiary\">{c.n} days with both metrics</p>\n </div>\n <div className=\"text-right\">\n <p\n className=\"text-sm font-semibold tabular-nums\"\n style={{ color: correlationColor(c.r ?? 0) }}\n >\n {(c.r ?? 0).toFixed(2)}\n </p>\n <p className=\"text-xs text-text-tertiary\">{correlationLabel(c.r ?? 0)}</p>\n </div>\n </div>\n ))}\n </div>\n </GlassCard>\n );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/insights/InsightsPage.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * Insights — unified analytics dashboard for MyBodyShield.
+ * @module mybodyshield/pages/insights
+ *
+ * BOFF-4056: surfaces a 30-day rollup of training volume, sessions,
+ * readiness, sleep, nutrition, body weight, and active goals using the
+ * `mybInsights` federated query. The backend already aggregates and
+ * anonymizes the data; this page only renders what the member is allowed
+ * to see.
+ */
+export declare function InsightsPage(): import("react").JSX.Element;
+//# sourceMappingURL=InsightsPage.d.ts.map

package/dist/mybodyshield/pages/insights/InsightsPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"InsightsPage.d.ts","sourceRoot":"","sources":["../../../../src/mybodyshield/pages/insights/InsightsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAqEH,wBAAgB,YAAY,gCAsR3B"}