@burdenoff/microfe-atheletebridge 2026.705.2 → 2026.706.1

package/dist/atheletebridge/pages/analytics/CoachAnalyticsPage.js

@@ -0,0 +1,372 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { STATUS as n } from "../../components/viz/lib/palette.js";
+import { LineChart as r } from "../../components/viz/LineChart.js";
+import { BarChart as i } from "../../components/viz/BarChart.js";
+import { DonutChart as a } from "../../components/viz/DonutChart.js";
+import { RatingStars as o } from "../../components/viz/RatingStars.js";
+import "../../components/viz/index.js";
+import { MetricsCard as s } from "../../components/MetricsCard.js";
+import { humanizeEnum as c } from "../../components/domain.js";
+import { Crest as l } from "../../components/Crest.js";
+import { UserAvatar as u } from "../../components/UserAvatar.js";
+import { EmptyState as d } from "../../components/EmptyState.js";
+import { ErrorState as f, LoadingState as p } from "../../components/LoadingState.js";
+import { useCoachAnalytics as m, useUserDirectory as h } from "../../hooks/useAthleteBridgeApi.js";
+import { useMemo as g } from "react";
+import { Activity as _, BarChart3 as v, CheckCircle2 as y, Info as b, ListChecks as x, Star as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, GlassCard as D, GradientText as O, ResponsiveTable as k, Tooltip as A, TooltipContent as j, TooltipProvider as M, TooltipTrigger as N } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/pages/analytics/CoachAnalyticsPage.tsx
+var P = {
+	COMPLETED: n.success,
+	CONFIRMED: n.info,
+	REQUESTED: n.warning,
+	CANCELLED: n.danger,
+	NO_SHOW: "var(--color-text-muted)"
+};
+function F(e) {
+	return e == null ? {
+		label: "No data",
+		variant: "secondary"
+	} : e > 1.5 ? {
+		label: "At risk",
+		variant: "destructive"
+	} : e < .8 || e > 1.3 ? {
+		label: "Watch",
+		variant: "secondary"
+	} : {
+		label: "Optimal",
+		variant: "default"
+	};
+}
+function I(e, t) {
+	return e && e.trim() ? e : `Coach ${t.slice(0, 4)}`;
+}
+function L() {
+	let { navigateTo: n } = e(), L = m(), R = h(L.coachIds), z = g(() => L.sessionsByStatus.map((e) => ({
+		label: c(e.status),
+		value: e.count,
+		color: P[e.status]
+	})), [L.sessionsByStatus]), B = g(() => L.ratingByCoach.map((e) => ({
+		label: I(R.nameOf(e.coachId), e.coachId),
+		value: Number(e.avgRating.toFixed(2))
+	})), [L.ratingByCoach, R]), V = [
+		{
+			key: "rank",
+			header: "#",
+			priority: "secondary",
+			cell: (e, t) => /* @__PURE__ */ w("span", {
+				className: "tabular-nums text-text-secondary",
+				children: e.rank ?? t + 1
+			})
+		},
+		{
+			key: "team",
+			header: "Team",
+			priority: "primary",
+			cell: (e) => /* @__PURE__ */ T("span", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ w(l, {
+					name: e.team?.name ?? "Team",
+					sport: e.team?.sport,
+					size: 20,
+					showSportGlyph: !1
+				}), /* @__PURE__ */ w("span", {
+					className: "truncate font-medium text-text-primary",
+					children: e.team?.name ?? "Team"
+				})]
+			})
+		},
+		{
+			key: "played",
+			header: "P",
+			priority: "hidden-on-mobile",
+			cell: (e) => /* @__PURE__ */ w("span", {
+				className: "tabular-nums text-text-secondary",
+				children: e.played
+			})
+		},
+		{
+			key: "gd",
+			header: "GD",
+			priority: "hidden-on-mobile",
+			cell: (e) => {
+				let t = e.goalsFor - e.goalsAgainst;
+				return /* @__PURE__ */ T("span", {
+					className: "tabular-nums text-text-secondary",
+					children: [t > 0 ? "+" : "", t]
+				});
+			}
+		},
+		{
+			key: "points",
+			header: "Pts",
+			priority: "secondary",
+			cell: (e) => /* @__PURE__ */ w("span", {
+				className: "font-semibold tabular-nums text-text-primary",
+				children: e.points
+			})
+		}
+	];
+	if (L.isLoading) return /* @__PURE__ */ w(t, {
+		title: "Coach analytics",
+		children: /* @__PURE__ */ w(p, { label: "Crunching coaching data…" })
+	});
+	if (L.isError) return /* @__PURE__ */ w(t, {
+		title: "Coach analytics",
+		children: /* @__PURE__ */ w(f, {
+			title: "Analytics unavailable",
+			message: "We could not load coaching analytics. Please try again."
+		})
+	});
+	let H = L.totalSessions > 0 || L.standings.length > 0, U = F(L.trainingLoad.ratio);
+	return /* @__PURE__ */ w(t, {
+		title: /* @__PURE__ */ T("span", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ w(O, { children: "Coach analytics" }), /* @__PURE__ */ w(E, {
+				variant: "outline",
+				children: "Beta"
+			})]
+		}),
+		description: "Honest aggregates over your real sessions, workouts and results.",
+		children: H ? /* @__PURE__ */ T("div", {
+			className: "space-y-8",
+			children: [
+				/* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: [
+						/* @__PURE__ */ w(s, {
+							icon: /* @__PURE__ */ w(x, { className: "h-5 w-5" }),
+							value: L.totalSessions,
+							label: "Total sessions",
+							tone: "accent"
+						}),
+						/* @__PURE__ */ T(D, {
+							treatment: "metric",
+							className: "flex flex-col justify-between gap-3 p-5",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ w("span", {
+										className: "text-sm font-medium text-text-secondary",
+										children: "Avg session rating"
+									}), /* @__PURE__ */ w(S, { className: "h-5 w-5 text-text-muted" })]
+								}),
+								L.avgRating == null ? /* @__PURE__ */ w("span", {
+									className: "text-sm text-text-muted",
+									children: "No rated sessions yet"
+								}) : /* @__PURE__ */ T("div", {
+									className: "flex items-end gap-3",
+									children: [/* @__PURE__ */ T("span", {
+										className: "text-3xl font-semibold leading-none tabular-nums text-text-primary",
+										children: [L.avgRating.toFixed(1), /* @__PURE__ */ w("span", {
+											className: "ml-1 text-base text-text-secondary",
+											children: "/5"
+										})]
+									}), /* @__PURE__ */ w("div", {
+										className: "pb-1",
+										children: /* @__PURE__ */ w(o, {
+											value: L.avgRating,
+											max: 5,
+											size: 16
+										})
+									})]
+								}),
+								/* @__PURE__ */ T("span", {
+									className: "text-xs text-text-muted tabular-nums",
+									children: [
+										L.ratedCount,
+										" rated of ",
+										L.totalSessions
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ w(s, {
+							icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
+							value: `${Math.round(L.completedPct)}%`,
+							label: "Sessions completed",
+							tone: "success"
+						})
+					]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ T(D, {
+						treatment: "insight",
+						className: "p-6",
+						children: [/* @__PURE__ */ w("h2", {
+							className: "mb-4 text-lg font-semibold text-text-primary",
+							children: "Session status overview"
+						}), z.length > 0 ? /* @__PURE__ */ w(a, {
+							segments: z,
+							centerLabel: L.totalSessions,
+							centerCaption: "sessions",
+							valueFormatter: (e) => e.toLocaleString()
+						}) : /* @__PURE__ */ w("p", {
+							className: "text-sm text-text-muted",
+							children: "No sessions to break down yet."
+						})]
+					}), /* @__PURE__ */ T(D, {
+						treatment: "insight",
+						className: "p-6",
+						children: [/* @__PURE__ */ w("h2", {
+							className: "mb-4 text-lg font-semibold text-text-primary",
+							children: "Average rating by coach"
+						}), B.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(i, {
+							series: B,
+							height: 220,
+							colorful: !0,
+							valueFormatter: (e) => e.toFixed(1)
+						}), /* @__PURE__ */ w("div", {
+							className: "mt-3 flex flex-wrap gap-x-4 gap-y-2",
+							children: L.ratingByCoach.map((e) => /* @__PURE__ */ T("span", {
+								className: "flex items-center gap-2 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ w(u, {
+									name: R.nameOf(e.coachId),
+									id: e.coachId,
+									size: "xs"
+								}), /* @__PURE__ */ T("span", {
+									className: "truncate",
+									children: [I(R.nameOf(e.coachId), e.coachId), /* @__PURE__ */ T("span", {
+										className: "ml-1 text-text-muted tabular-nums",
+										children: [
+											"(",
+											e.count,
+											")"
+										]
+									})]
+								})]
+							}, e.coachId))
+						})] }) : /* @__PURE__ */ w("p", {
+							className: "text-sm text-text-muted",
+							children: "Rate completed sessions to compare coaches."
+						})]
+					})]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ T(D, {
+						treatment: "insight",
+						className: "p-6",
+						children: [/* @__PURE__ */ T("div", {
+							className: "mb-4 flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Weekly training load"
+							}), /* @__PURE__ */ w(M, { children: /* @__PURE__ */ T(A, { children: [/* @__PURE__ */ w(N, {
+								asChild: !0,
+								children: /* @__PURE__ */ w("button", {
+									type: "button",
+									"aria-label": "About ACWR training load",
+									className: "rounded-full p-1 text-text-muted transition-colors hover:text-text-primary",
+									children: /* @__PURE__ */ w(b, { className: "h-4 w-4" })
+								})
+							}), /* @__PURE__ */ T(j, {
+								className: "max-w-xs",
+								children: [
+									"Total workout load per week (sum of real ",
+									/* @__PURE__ */ w("code", { children: "totalLoad" }),
+									"). The badge is the acute:chronic workload ratio (last 7 days vs 28-day average) — a standard sports-science load indicator; 0.8–1.3 is the typical sweet spot."
+								]
+							})] }) })]
+						}), L.loadTrend.some((e) => e.value > 0) ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(r, {
+							series: L.loadTrend,
+							seriesLabel: "Training load",
+							height: 200,
+							valueFormatter: (e) => e.toLocaleString()
+						}), /* @__PURE__ */ T("div", {
+							className: "mt-4 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ T("span", {
+									className: "text-text-secondary",
+									children: [
+										"Acute (7d)",
+										" ",
+										/* @__PURE__ */ w("span", {
+											className: "font-semibold tabular-nums text-text-primary",
+											children: Math.round(L.trainingLoad.acute).toLocaleString()
+										})
+									]
+								}),
+								/* @__PURE__ */ T("span", {
+									className: "text-text-secondary",
+									children: [
+										"Chronic (28d avg)",
+										" ",
+										/* @__PURE__ */ w("span", {
+											className: "font-semibold tabular-nums text-text-primary",
+											children: Math.round(L.trainingLoad.chronic).toLocaleString()
+										})
+									]
+								}),
+								/* @__PURE__ */ T("span", {
+									className: "flex items-center gap-2 text-text-secondary",
+									children: ["ACWR", /* @__PURE__ */ w(E, {
+										variant: U.variant,
+										className: "tabular-nums",
+										children: L.trainingLoad.ratio == null ? U.label : `${L.trainingLoad.ratio.toFixed(2)} · ${U.label}`
+									})]
+								})
+							]
+						})] }) : /* @__PURE__ */ w("p", {
+							className: "text-sm text-text-muted",
+							children: "Log workouts with a load to see training trend."
+						})]
+					}), /* @__PURE__ */ T(D, {
+						treatment: "insight",
+						className: "p-6",
+						children: [/* @__PURE__ */ w("h2", {
+							className: "mb-4 text-lg font-semibold text-text-primary",
+							children: "Sessions per week"
+						}), L.sessionTrend.some((e) => e.value > 0) ? /* @__PURE__ */ w(i, {
+							series: L.sessionTrend,
+							height: 200,
+							valueFormatter: (e) => e.toLocaleString()
+						}) : /* @__PURE__ */ w("p", {
+							className: "text-sm text-text-muted",
+							children: "Schedule sessions to see weekly volume."
+						})]
+					})]
+				}),
+				L.standings.length > 0 ? /* @__PURE__ */ T("section", { children: [/* @__PURE__ */ T("div", {
+					className: "mb-4 flex flex-wrap items-center justify-between gap-3",
+					children: [/* @__PURE__ */ T("h2", {
+						className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
+						children: [
+							/* @__PURE__ */ w(_, { className: "h-5 w-5 text-text-muted" }),
+							"League standings",
+							L.competition ? /* @__PURE__ */ w(E, {
+								variant: "secondary",
+								children: L.competition
+							}) : null
+						]
+					}), /* @__PURE__ */ w("button", {
+						type: "button",
+						onClick: () => n("/standings"),
+						className: "text-sm font-medium text-[var(--color-accent-teal)] transition-colors hover:underline",
+						children: "View full standings"
+					})]
+				}), /* @__PURE__ */ w(D, {
+					treatment: "insight",
+					className: "p-2 sm:p-4",
+					children: /* @__PURE__ */ w(k, {
+						columns: V,
+						data: L.standings,
+						rowKey: (e) => e.id
+					})
+				})] }) : null
+			]
+		}) : /* @__PURE__ */ w(d, {
+			illustration: "empty-data",
+			icon: /* @__PURE__ */ w(v, { className: "h-10 w-10" }),
+			title: "No coaching data yet",
+			description: "Book and complete sessions, log workouts and record fixtures to unlock analytics."
+		})
+	});
+}
+//#endregion
+export { L as CoachAnalyticsPage };
+
+//# sourceMappingURL=CoachAnalyticsPage.js.map

package/dist/atheletebridge/pages/analytics/CoachAnalyticsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoachAnalyticsPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/analytics/CoachAnalyticsPage.tsx"],"sourcesContent":["/**\n * Coach Analytics\n * @module atheletebridge/pages/analytics\n *\n * An honest coaching-analytics dashboard built ENTIRELY from real aggregates via\n * `useCoachAnalytics()` — total sessions, average session rating, completion\n * rate, session-status mix, average rating by coach, weekly training-load /\n * session trends, and a league-standings snapshot.\n *\n * Deliberately OMITS the mock's fabricated composite indices (Form Index,\n * Fitness Score, Fatigue Index, Injury Status, Availability %) — there is no\n * wellness / injury / availability data in the schema, so those are not faked.\n * The one derived metric shown (ACWR training load) uses standard sports-science\n * maths over real `workout.totalLoad` and carries an explanatory tooltip.\n * Semantic tokens only; responsive.\n */\n\nimport { useMemo } from 'react';\nimport { Activity, BarChart3, CheckCircle2, Info, ListChecks, Star } from 'lucide-react';\nimport {\n  Badge,\n  GlassCard,\n  GradientText,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { Crest } from '../../components/Crest';\nimport { UserAvatar } from '../../components/UserAvatar';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { LineChart, BarChart, DonutChart, RatingStars, STATUS } from '../../components/viz';\nimport { humanizeEnum } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useCoachAnalytics, useUserDirectory } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSessionStatus, AthStanding } from '../../types';\n\n/** Tokenized color per session status for the status donut. */\nconst STATUS_COLOR: Record<AthSessionStatus, string> = {\n  COMPLETED: STATUS.success,\n  CONFIRMED: STATUS.info,\n  REQUESTED: STATUS.warning,\n  CANCELLED: STATUS.danger,\n  NO_SHOW: 'var(--color-text-muted)',\n};\n\n/** ACWR banding (acute:chronic workload ratio) — standard sweet-spot 0.8–1.3. */\nfunction acwrBand(ratio: number | null): {\n  label: string;\n  variant: 'default' | 'secondary' | 'destructive';\n} {\n  if (ratio == null) {\n    return { label: 'No data', variant: 'secondary' };\n  }\n  if (ratio > 1.5) {\n    return { label: 'At risk', variant: 'destructive' };\n  }\n  if (ratio < 0.8 || ratio > 1.3) {\n    return { label: 'Watch', variant: 'secondary' };\n  }\n  return { label: 'Optimal', variant: 'default' };\n}\n\n/** Short coach display: resolved name, else a monogram-friendly id fragment. */\nfunction coachShortName(name: string | undefined, id: string): string {\n  if (name && name.trim()) {\n    return name;\n  }\n  return `Coach ${id.slice(0, 4)}`;\n}\n\nexport function CoachAnalyticsPage() {\n  const { navigateTo } = useAthleteBridge();\n  const analytics = useCoachAnalytics();\n  const directory = useUserDirectory(analytics.coachIds);\n\n  const statusSegments = useMemo(\n    () =>\n      analytics.sessionsByStatus.map((entry) => ({\n        label: humanizeEnum(entry.status),\n        value: entry.count,\n        color: STATUS_COLOR[entry.status],\n      })),\n    [analytics.sessionsByStatus]\n  );\n\n  const coachBars = useMemo(\n    () =>\n      analytics.ratingByCoach.map((entry) => ({\n        label: coachShortName(directory.nameOf(entry.coachId), entry.coachId),\n        value: Number(entry.avgRating.toFixed(2)),\n      })),\n    [analytics.ratingByCoach, directory]\n  );\n\n  const standingsColumns: ResponsiveTableColumn<AthStanding>[] = [\n    {\n      key: 'rank',\n      header: '#',\n      priority: 'secondary',\n      cell: (row, i) => (\n        <span className=\"tabular-nums text-text-secondary\">{row.rank ?? i + 1}</span>\n      ),\n    },\n    {\n      key: 'team',\n      header: 'Team',\n      priority: 'primary',\n      cell: (row) => (\n        <span className=\"flex items-center gap-2\">\n          <Crest\n            name={row.team?.name ?? 'Team'}\n            sport={row.team?.sport}\n            size={20}\n            showSportGlyph={false}\n          />\n          <span className=\"truncate font-medium text-text-primary\">{row.team?.name ?? 'Team'}</span>\n        </span>\n      ),\n    },\n    {\n      key: 'played',\n      header: 'P',\n      priority: 'hidden-on-mobile',\n      cell: (row) => <span className=\"tabular-nums text-text-secondary\">{row.played}</span>,\n    },\n    {\n      key: 'gd',\n      header: 'GD',\n      priority: 'hidden-on-mobile',\n      cell: (row) => {\n        const gd = row.goalsFor - row.goalsAgainst;\n        return (\n          <span className=\"tabular-nums text-text-secondary\">\n            {gd > 0 ? '+' : ''}\n            {gd}\n          </span>\n        );\n      },\n    },\n    {\n      key: 'points',\n      header: 'Pts',\n      priority: 'secondary',\n      cell: (row) => (\n        <span className=\"font-semibold tabular-nums text-text-primary\">{row.points}</span>\n      ),\n    },\n  ];\n\n  if (analytics.isLoading) {\n    return (\n      <PageLayout title=\"Coach analytics\">\n        <LoadingState label=\"Crunching coaching data…\" />\n      </PageLayout>\n    );\n  }\n\n  if (analytics.isError) {\n    return (\n      <PageLayout title=\"Coach analytics\">\n        <ErrorState\n          title=\"Analytics unavailable\"\n          message=\"We could not load coaching analytics. Please try again.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  const hasData = analytics.totalSessions > 0 || analytics.standings.length > 0;\n  const band = acwrBand(analytics.trainingLoad.ratio);\n\n  return (\n    <PageLayout\n      title={\n        <span className=\"flex items-center gap-2\">\n          <GradientText>Coach analytics</GradientText>\n          <Badge variant=\"outline\">Beta</Badge>\n        </span>\n      }\n      description=\"Honest aggregates over your real sessions, workouts and results.\"\n    >\n      {!hasData ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<BarChart3 className=\"h-10 w-10\" />}\n          title=\"No coaching data yet\"\n          description=\"Book and complete sessions, log workouts and record fixtures to unlock analytics.\"\n        />\n      ) : (\n        <div className=\"space-y-8\">\n          {/* KPI row */}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            <MetricsCard\n              icon={<ListChecks className=\"h-5 w-5\" />}\n              value={analytics.totalSessions}\n              label=\"Total sessions\"\n              tone=\"accent\"\n            />\n            <GlassCard treatment=\"metric\" className=\"flex flex-col justify-between gap-3 p-5\">\n              <div className=\"flex items-start justify-between gap-2\">\n                <span className=\"text-sm font-medium text-text-secondary\">Avg session rating</span>\n                <Star className=\"h-5 w-5 text-text-muted\" />\n              </div>\n              {analytics.avgRating != null ? (\n                <div className=\"flex items-end gap-3\">\n                  <span className=\"text-3xl font-semibold leading-none tabular-nums text-text-primary\">\n                    {analytics.avgRating.toFixed(1)}\n                    <span className=\"ml-1 text-base text-text-secondary\">/5</span>\n                  </span>\n                  <div className=\"pb-1\">\n                    <RatingStars value={analytics.avgRating} max={5} size={16} />\n                  </div>\n                </div>\n              ) : (\n                <span className=\"text-sm text-text-muted\">No rated sessions yet</span>\n              )}\n              <span className=\"text-xs text-text-muted tabular-nums\">\n                {analytics.ratedCount} rated of {analytics.totalSessions}\n              </span>\n            </GlassCard>\n            <MetricsCard\n              icon={<CheckCircle2 className=\"h-5 w-5\" />}\n              value={`${Math.round(analytics.completedPct)}%`}\n              label=\"Sessions completed\"\n              tone=\"success\"\n            />\n          </div>\n\n          {/* Charts row: status donut + rating-by-coach bars */}\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n            <GlassCard treatment=\"insight\" className=\"p-6\">\n              <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n                Session status overview\n              </h2>\n              {statusSegments.length > 0 ? (\n                <DonutChart\n                  segments={statusSegments}\n                  centerLabel={analytics.totalSessions}\n                  centerCaption=\"sessions\"\n                  valueFormatter={(v) => v.toLocaleString()}\n                />\n              ) : (\n                <p className=\"text-sm text-text-muted\">No sessions to break down yet.</p>\n              )}\n            </GlassCard>\n\n            <GlassCard treatment=\"insight\" className=\"p-6\">\n              <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">\n                Average rating by coach\n              </h2>\n              {coachBars.length > 0 ? (\n                <>\n                  <BarChart\n                    series={coachBars}\n                    height={220}\n                    colorful\n                    valueFormatter={(v) => v.toFixed(1)}\n                  />\n                  <div className=\"mt-3 flex flex-wrap gap-x-4 gap-y-2\">\n                    {analytics.ratingByCoach.map((entry) => (\n                      <span\n                        key={entry.coachId}\n                        className=\"flex items-center gap-2 text-xs text-text-secondary\"\n                      >\n                        <UserAvatar\n                          name={directory.nameOf(entry.coachId)}\n                          id={entry.coachId}\n                          size=\"xs\"\n                        />\n                        <span className=\"truncate\">\n                          {coachShortName(directory.nameOf(entry.coachId), entry.coachId)}\n                          <span className=\"ml-1 text-text-muted tabular-nums\">({entry.count})</span>\n                        </span>\n                      </span>\n                    ))}\n                  </div>\n                </>\n              ) : (\n                <p className=\"text-sm text-text-muted\">\n                  Rate completed sessions to compare coaches.\n                </p>\n              )}\n            </GlassCard>\n          </div>\n\n          {/* Trends row: training load + sessions per week */}\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n            <GlassCard treatment=\"insight\" className=\"p-6\">\n              <div className=\"mb-4 flex items-center justify-between gap-2\">\n                <h2 className=\"text-lg font-semibold text-text-primary\">Weekly training load</h2>\n                <TooltipProvider>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        aria-label=\"About ACWR training load\"\n                        className=\"rounded-full p-1 text-text-muted transition-colors hover:text-text-primary\"\n                      >\n                        <Info className=\"h-4 w-4\" />\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent className=\"max-w-xs\">\n                      Total workout load per week (sum of real <code>totalLoad</code>). The badge is\n                      the acute:chronic workload ratio (last 7 days vs 28-day average) — a standard\n                      sports-science load indicator; 0.8–1.3 is the typical sweet spot.\n                    </TooltipContent>\n                  </Tooltip>\n                </TooltipProvider>\n              </div>\n              {analytics.loadTrend.some((p) => p.value > 0) ? (\n                <>\n                  <LineChart\n                    series={analytics.loadTrend}\n                    seriesLabel=\"Training load\"\n                    height={200}\n                    valueFormatter={(v) => v.toLocaleString()}\n                  />\n                  <div className=\"mt-4 flex flex-wrap items-center gap-x-6 gap-y-2 text-sm\">\n                    <span className=\"text-text-secondary\">\n                      Acute (7d){' '}\n                      <span className=\"font-semibold tabular-nums text-text-primary\">\n                        {Math.round(analytics.trainingLoad.acute).toLocaleString()}\n                      </span>\n                    </span>\n                    <span className=\"text-text-secondary\">\n                      Chronic (28d avg){' '}\n                      <span className=\"font-semibold tabular-nums text-text-primary\">\n                        {Math.round(analytics.trainingLoad.chronic).toLocaleString()}\n                      </span>\n                    </span>\n                    <span className=\"flex items-center gap-2 text-text-secondary\">\n                      ACWR\n                      <Badge variant={band.variant} className=\"tabular-nums\">\n                        {analytics.trainingLoad.ratio != null\n                          ? `${analytics.trainingLoad.ratio.toFixed(2)} · ${band.label}`\n                          : band.label}\n                      </Badge>\n                    </span>\n                  </div>\n                </>\n              ) : (\n                <p className=\"text-sm text-text-muted\">\n                  Log workouts with a load to see training trend.\n                </p>\n              )}\n            </GlassCard>\n\n            <GlassCard treatment=\"insight\" className=\"p-6\">\n              <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Sessions per week</h2>\n              {analytics.sessionTrend.some((p) => p.value > 0) ? (\n                <BarChart\n                  series={analytics.sessionTrend}\n                  height={200}\n                  valueFormatter={(v) => v.toLocaleString()}\n                />\n              ) : (\n                <p className=\"text-sm text-text-muted\">Schedule sessions to see weekly volume.</p>\n              )}\n            </GlassCard>\n          </div>\n\n          {/* League standings snapshot */}\n          {analytics.standings.length > 0 ? (\n            <section>\n              <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n                <h2 className=\"flex items-center gap-2 text-lg font-semibold text-text-primary\">\n                  <Activity className=\"h-5 w-5 text-text-muted\" />\n                  League standings\n                  {analytics.competition ? (\n                    <Badge variant=\"secondary\">{analytics.competition}</Badge>\n                  ) : null}\n                </h2>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo('/standings')}\n                  className=\"text-sm font-medium text-[var(--color-accent-teal)] transition-colors hover:underline\"\n                >\n                  View full standings\n                </button>\n              </div>\n              <GlassCard treatment=\"insight\" className=\"p-2 sm:p-4\">\n                <ResponsiveTable\n                  columns={standingsColumns}\n                  data={analytics.standings}\n                  rowKey={(row) => row.id}\n                />\n              </GlassCard>\n            </section>\n          ) : null}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}