@burdenoff/microfe-atheletebridge 2026.710.1 → 2026.716.1

package/dist/atheletebridge/pages/performance/PerformancePage.js

@@ -8,8 +8,8 @@ import { formatDate as a, formatDuration as o } from "../../utils/formatters.js"
 import { EmptyState as s } from "../../components/EmptyState.js";
 import { ErrorState as c, LoadingState as l } from "../../components/LoadingState.js";
 import { useLogWorkout as u, usePerformanceMetrics as d, useRecordMetric as f, useWorkoutLogs as p } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as m, fieldInputClass as h } from "../../components/form.js";
-import { CursorPager as g } from "../../components/CursorPager.js";
+import { CursorPager as m } from "../../components/CursorPager.js";
+import { FormField as h, fieldInputClass as g } from "../../components/form.js";
 import { AthleteSelect as _ } from "../../components/AthleteSelect.js";
 import { useMemo as v, useState as y } from "react";
 import { Activity as b, ArrowDown as x, ArrowUp as S, Dumbbell as C, Gauge as w, HeartPulse as T, Loader2 as E, Move as D, Plus as O, Save as k, Scale as A, Target as j, Users as M, Zap as N } from "lucide-react";
@@ -52,6 +52,7 @@ function $() {
 		title: "Performance",
 		description: "Log workouts, record metrics and track an athlete's progress over time.",
 		children: [/* @__PURE__ */ F("div", {
+			"data-tour": "performance-athlete-picker",
 			className: "sticky top-0 z-20 -mx-6 mb-8 bg-bg-canvas/80 px-6 pb-4 pt-1 backdrop-blur supports-[backdrop-filter]:bg-bg-canvas/60",
 			children: /* @__PURE__ */ F(L, {
 				treatment: "insight",
@@ -74,7 +75,7 @@ function $() {
 	});
 }
 function ee({ athleteId: t, displayName: n }) {
-	let [i, u] = y(0), [f, m] = y(!1), [h, _] = y(!1), x = p({
+	let [i, u] = y(0), [f, h] = y(!1), [g, _] = y(!1), x = p({
 		athleteId: t,
 		pagination: {
 			limit: W,
@@ -194,7 +195,7 @@ function ee({ athleteId: t, displayName: n }) {
 						children: [/* @__PURE__ */ F(w, { className: "h-4 w-4" }), " Record metric"]
 					}), /* @__PURE__ */ I("button", {
 						type: "button",
-						onClick: () => m(!0),
+						onClick: () => h(!0),
 						className: e(q, "hidden sm:inline-flex"),
 						children: [/* @__PURE__ */ F(C, { className: "h-4 w-4" }), " Log workout"]
 					})]
@@ -228,7 +229,7 @@ function ee({ athleteId: t, displayName: n }) {
 				description: "Log a workout to build this athlete's training history.",
 				action: /* @__PURE__ */ I("button", {
 					type: "button",
-					onClick: () => m(!0),
+					onClick: () => h(!0),
 					className: q,
 					children: [/* @__PURE__ */ F(C, { className: "h-4 w-4" }), " Log workout"]
 				})
@@ -241,7 +242,7 @@ function ee({ athleteId: t, displayName: n }) {
 					rowKey: (e) => e.id,
 					caption: `Workout history for ${n || "athlete"}`
 				})
-			}), /* @__PURE__ */ F(g, {
+			}), /* @__PURE__ */ F(m, {
 				className: "mt-6",
 				page: i,
 				hasMore: E,
@@ -252,19 +253,19 @@ function ee({ athleteId: t, displayName: n }) {
 				className: "sticky bottom-0 z-30 -mx-6 border-t border-border-seam bg-bg-canvas/85 px-6 pb-[max(env(safe-area-inset-bottom),0.75rem)] pt-3 backdrop-blur sm:hidden",
 				children: /* @__PURE__ */ I("button", {
 					type: "button",
-					onClick: () => m(!0),
+					onClick: () => h(!0),
 					className: e(q, "w-full py-3 text-base"),
 					children: [/* @__PURE__ */ F(O, { className: "h-5 w-5" }), " Log workout"]
 				})
 			}),
 			/* @__PURE__ */ F(ie, {
 				open: f,
-				onOpenChange: m,
+				onOpenChange: h,
 				athleteId: t,
 				displayName: n
 			}),
 			/* @__PURE__ */ F(ae, {
-				open: h,
+				open: g,
 				onOpenChange: _,
 				athleteId: t,
 				displayName: n
@@ -364,8 +365,8 @@ function re({ metric: e }) {
 	});
 }
 function ie({ open: t, onOpenChange: n, athleteId: r, displayName: i }) {
-	let a = u(), [o, s] = y(""), [c, l] = y("COMPLETED"), [d, f] = y(Z), [p, g] = y(""), [_, v] = y(""), [b, x] = y(""), [S, C] = y(""), [w, T] = y(null), D = () => {
-		s(""), l("COMPLETED"), f(Z()), g(""), v(""), x(""), C(""), T(null);
+	let a = u(), [o, s] = y(""), [c, l] = y("COMPLETED"), [d, f] = y(Z), [p, m] = y(""), [_, v] = y(""), [b, x] = y(""), [S, C] = y(""), [w, T] = y(null), D = () => {
+		s(""), l("COMPLETED"), f(Z()), m(""), v(""), x(""), C(""), T(null);
 	};
 	return /* @__PURE__ */ F(R, {
 		open: t,
@@ -397,13 +398,13 @@ function ie({ open: t, onOpenChange: n, athleteId: r, displayName: i }) {
 			},
 			className: "space-y-4 px-1",
 			children: [
-				/* @__PURE__ */ F(m, {
+				/* @__PURE__ */ F(h, {
 					label: "Title",
 					htmlFor: "workoutTitle",
 					required: !0,
 					children: /* @__PURE__ */ F("input", {
 						id: "workoutTitle",
-						className: h,
+						className: g,
 						value: o,
 						onChange: (e) => s(e.target.value),
 						placeholder: "e.g. Lower-body strength"
@@ -411,12 +412,12 @@ function ie({ open: t, onOpenChange: n, athleteId: r, displayName: i }) {
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ F(m, {
+					children: [/* @__PURE__ */ F(h, {
 						label: "Status",
 						htmlFor: "workoutStatus",
 						children: /* @__PURE__ */ F("select", {
 							id: "workoutStatus",
-							className: h,
+							className: g,
 							value: c,
 							onChange: (e) => l(e.target.value),
 							children: G.map((e) => /* @__PURE__ */ F("option", {
@@ -424,14 +425,14 @@ function ie({ open: t, onOpenChange: n, athleteId: r, displayName: i }) {
 								children: e.charAt(0) + e.slice(1).toLowerCase()
 							}, e))
 						})
-					}), /* @__PURE__ */ F(m, {
+					}), /* @__PURE__ */ F(h, {
 						label: "Performed at",
 						htmlFor: "workoutPerformedAt",
 						required: !0,
 						children: /* @__PURE__ */ F("input", {
 							id: "workoutPerformedAt",
 							type: "datetime-local",
-							className: h,
+							className: g,
 							value: d,
 							onChange: (e) => f(e.target.value)
 						})
@@ -440,48 +441,48 @@ function ie({ open: t, onOpenChange: n, athleteId: r, displayName: i }) {
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ F(m, {
+						/* @__PURE__ */ F(h, {
 							label: "Duration (min)",
 							htmlFor: "workoutDuration",
 							children: /* @__PURE__ */ F("input", {
 								id: "workoutDuration",
 								inputMode: "numeric",
-								className: h,
+								className: g,
 								value: p,
-								onChange: (e) => g(e.target.value)
+								onChange: (e) => m(e.target.value)
 							})
 						}),
-						/* @__PURE__ */ F(m, {
+						/* @__PURE__ */ F(h, {
 							label: "RPE (1–10)",
 							htmlFor: "workoutRpe",
 							children: /* @__PURE__ */ F("input", {
 								id: "workoutRpe",
 								inputMode: "numeric",
-								className: h,
+								className: g,
 								value: _,
 								onChange: (e) => v(e.target.value)
 							})
 						}),
-						/* @__PURE__ */ F(m, {
+						/* @__PURE__ */ F(h, {
 							label: "Total load",
 							htmlFor: "workoutLoad",
 							children: /* @__PURE__ */ F("input", {
 								id: "workoutLoad",
 								inputMode: "decimal",
-								className: h,
+								className: g,
 								value: b,
 								onChange: (e) => x(e.target.value)
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ F(m, {
+				/* @__PURE__ */ F(h, {
 					label: "Notes",
 					htmlFor: "workoutNotes",
 					children: /* @__PURE__ */ F("textarea", {
 						id: "workoutNotes",
 						rows: 2,
-						className: h,
+						className: g,
 						value: S,
 						onChange: (e) => C(e.target.value),
 						placeholder: "How did the session go?"
@@ -507,7 +508,7 @@ function ie({ open: t, onOpenChange: n, athleteId: r, displayName: i }) {
 	});
 }
 function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
-	let o = f(), [s, c] = y("CUSTOM"), [l, u] = y(""), [d, p] = y(""), [g, _] = y(""), [v, b] = y(""), [x, S] = y(Z), [C, w] = y(null), T = () => {
+	let o = f(), [s, c] = y("CUSTOM"), [l, u] = y(""), [d, p] = y(""), [m, _] = y(""), [v, b] = y(""), [x, S] = y(Z), [C, w] = y(null), T = () => {
 		c("CUSTOM"), u(""), p(""), _(""), b(""), S(Z()), w(null);
 	};
 	return /* @__PURE__ */ F(R, {
@@ -534,7 +535,7 @@ function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
 						type: s,
 						label: l.trim(),
 						value: t,
-						unit: g.trim() || void 0,
+						unit: m.trim() || void 0,
 						source: v.trim() || void 0,
 						recordedAt: new Date(x).toISOString()
 					}), T(), n(!1);
@@ -546,12 +547,12 @@ function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
 			children: [
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ F(m, {
+					children: [/* @__PURE__ */ F(h, {
 						label: "Type",
 						htmlFor: "metricType",
 						children: /* @__PURE__ */ F("select", {
 							id: "metricType",
-							className: h,
+							className: g,
 							value: s,
 							onChange: (e) => c(e.target.value),
 							children: K.map((e) => /* @__PURE__ */ F("option", {
@@ -559,26 +560,26 @@ function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
 								children: i[e]
 							}, e))
 						})
-					}), /* @__PURE__ */ F(m, {
+					}), /* @__PURE__ */ F(h, {
 						label: "Recorded at",
 						htmlFor: "metricRecordedAt",
 						required: !0,
 						children: /* @__PURE__ */ F("input", {
 							id: "metricRecordedAt",
 							type: "datetime-local",
-							className: h,
+							className: g,
 							value: x,
 							onChange: (e) => S(e.target.value)
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(m, {
+				/* @__PURE__ */ F(h, {
 					label: "Label",
 					htmlFor: "metricLabel",
 					required: !0,
 					children: /* @__PURE__ */ F("input", {
 						id: "metricLabel",
-						className: h,
+						className: g,
 						value: l,
 						onChange: (e) => u(e.target.value),
 						placeholder: "e.g. 40m sprint"
@@ -586,37 +587,37 @@ function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
 				}),
 				/* @__PURE__ */ I("div", {
 					className: "grid grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ F(m, {
+					children: [/* @__PURE__ */ F(h, {
 						label: "Value",
 						htmlFor: "metricValue",
 						required: !0,
 						children: /* @__PURE__ */ F("input", {
 							id: "metricValue",
 							inputMode: "decimal",
-							className: h,
+							className: g,
 							value: d,
 							onChange: (e) => p(e.target.value),
 							placeholder: "e.g. 4.8"
 						})
-					}), /* @__PURE__ */ F(m, {
+					}), /* @__PURE__ */ F(h, {
 						label: "Unit",
 						htmlFor: "metricUnit",
 						children: /* @__PURE__ */ F("input", {
 							id: "metricUnit",
-							className: h,
-							value: g,
+							className: g,
+							value: m,
 							onChange: (e) => _(e.target.value),
 							placeholder: "e.g. s, kg, bpm"
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(m, {
+				/* @__PURE__ */ F(h, {
 					label: "Source",
 					htmlFor: "metricSource",
 					hint: "Optional — device, test or coach.",
 					children: /* @__PURE__ */ F("input", {
 						id: "metricSource",
-						className: h,
+						className: g,
 						value: v,
 						onChange: (e) => b(e.target.value),
 						placeholder: "e.g. GPS vest"

package/dist/atheletebridge/pages/performance/PerformancePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PerformancePage.js","names":[],"sources":["../../../../src/atheletebridge/pages/performance/PerformancePage.tsx"],"sourcesContent":["/**\n * Performance\n * @module atheletebridge/pages/performance\n *\n * The coach's athlete-performance workbench: pick an athlete from a team roster,\n * then log workouts (athLogWorkout) and record performance metrics\n * (athRecordMetric), and review that athlete's workout history\n * (athListWorkoutLogs, offset-paginated) and metrics.\n *\n * Elevated to the concept bar: each measured metric (type + label) becomes a\n * hero stat tile with its big latest value, a real recordedAt-ordered trend\n * sparkline, a min→max range scale and a signed delta-vs-previous — all derived\n * from the real time-series (nothing fabricated). Workout history renders as a\n * responsive table that reflows to cards on mobile, with a thumb-reachable\n * sticky \"Log workout\" action.\n */\n\nimport { useMemo, useState } from 'react';\nimport {\n  Activity,\n  ArrowDown,\n  ArrowUp,\n  Dumbbell,\n  Gauge,\n  HeartPulse,\n  Loader2,\n  Move,\n  Plus,\n  Save,\n  Scale,\n  Target,\n  Users,\n  Zap,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { AthleteSelect, type AthleteSelectValue } from '../../components/AthleteSelect';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { CursorPager } from '../../components/CursorPager';\nimport { Sparkline } from '../../components/viz';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { METRIC_TYPE_LABELS } from '../../components/domain';\nimport {\n  useWorkoutLogs,\n  usePerformanceMetrics,\n  useLogWorkout,\n  useRecordMetric,\n} from '../../hooks/useAthleteBridgeApi';\nimport { formatDate, formatDuration } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type {\n  AthMetricType,\n  AthPerformanceMetric,\n  AthWorkoutLog,\n  AthWorkoutStatus,\n} from '../../types';\n\nconst PAGE_SIZE = 10;\n\nconst WORKOUT_STATUSES: AthWorkoutStatus[] = ['COMPLETED', 'PLANNED', 'SKIPPED'];\nconst METRIC_TYPES = Object.keys(METRIC_TYPE_LABELS) as AthMetricType[];\n\n/** Brand gradient CTA — token-only (no raw colors). */\nconst GRADIENT_CTA =\n  'inline-flex items-center justify-center gap-1.5 rounded-lg px-4 py-2 text-sm font-semibold text-action-primary-text shadow-elevation-1 transition-[filter,box-shadow] hover:shadow-elevation-2 hover:brightness-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] bg-[linear-gradient(120deg,var(--color-action-primary-bg),color-mix(in_oklab,var(--color-action-primary-bg)_62%,var(--color-accent-purple)),var(--color-action-primary-bg))]';\n\n/** Per-metric-type icon for the stat tiles. */\nconst METRIC_ICON: Record<AthMetricType, LucideIcon> = {\n  SPEED: Zap,\n  ENDURANCE: Activity,\n  STRENGTH: Dumbbell,\n  AGILITY: Move,\n  ACCURACY: Target,\n  WEIGHT: Scale,\n  HEART_RATE: HeartPulse,\n  CUSTOM: Gauge,\n};\n\nconst numOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseInt(t, 10);\n  return Number.isNaN(n) ? undefined : n;\n};\n\nconst floatOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseFloat(t);\n  return Number.isNaN(n) ? undefined : n;\n};\n\n/** Current local time as a `datetime-local` value (`YYYY-MM-DDTHH:mm`). */\nconst nowLocal = (): string => {\n  const d = new Date();\n  const local = new Date(d.getTime() - d.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 16);\n};\n\n/** Trim trailing zeros from a fixed-precision number for compact display. */\nconst fmtNum = (n: number): string => {\n  const abs = Math.abs(n);\n  const s = abs >= 100 ? n.toFixed(0) : n.toFixed(2);\n  return s.replace(/\\.?0+$/, '');\n};\n\nexport function PerformancePage() {\n  const [athlete, setAthlete] = useState<AthleteSelectValue>({ athleteId: '', displayName: '' });\n\n  return (\n    <PageLayout\n      title=\"Performance\"\n      description=\"Log workouts, record metrics and track an athlete's progress over time.\"\n    >\n      {/* Athlete picker — sticks to the top of the scroll area as an insight panel */}\n      <div className=\"sticky top-0 z-20 -mx-6 mb-8 bg-bg-canvas/80 px-6 pb-4 pt-1 backdrop-blur supports-[backdrop-filter]:bg-bg-canvas/60\">\n        <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n          <AthleteSelect\n            athleteId={athlete.athleteId}\n            onSelect={setAthlete}\n            idPrefix=\"perf-athlete\"\n          />\n        </GlassCard>\n      </div>\n\n      {athlete.athleteId ? (\n        <AthletePerformance athleteId={athlete.athleteId} displayName={athlete.displayName} />\n      ) : (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Users className=\"h-10 w-10\" />}\n          title=\"Pick an athlete to begin\"\n          description=\"Choose a team and an athlete above to log workouts, record metrics and review their history.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n\ninterface AthletePerformanceProps {\n  athleteId: string;\n  displayName: string;\n}\n\n/** A single measured metric (type + label) collapsed into a real time-series. */\ninterface MetricSeries {\n  key: string;\n  type: AthMetricType;\n  label: string;\n  unit: string | null;\n  latest: number;\n  previous: number | null;\n  min: number;\n  max: number;\n  /** Values oldest → newest (for the trend sparkline). */\n  series: number[];\n  recordedAt: string;\n  count: number;\n}\n\nfunction AthletePerformance({ athleteId, displayName }: AthletePerformanceProps) {\n  const [page, setPage] = useState(0);\n  const [logOpen, setLogOpen] = useState(false);\n  const [metricOpen, setMetricOpen] = useState(false);\n\n  const logs = useWorkoutLogs({\n    athleteId,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const metrics = usePerformanceMetrics(athleteId);\n\n  const logItems = logs.data?.items ?? [];\n  const hasMore = logs.data?.pageInfo.hasMore ?? false;\n\n  // Group by (type + label) so every distinct measurement is its own trend.\n  const metricSeries = useMemo<MetricSeries[]>(() => {\n    const groups = new Map<string, AthPerformanceMetric[]>();\n    for (const m of metrics.data ?? []) {\n      const key = `${m.type}::${m.label}`;\n      const list = groups.get(key) ?? [];\n      list.push(m);\n      groups.set(key, list);\n    }\n    return Array.from(groups.entries())\n      .map(([key, list]) => {\n        const asc = [...list].sort(\n          (a, b) => new Date(a.recordedAt).getTime() - new Date(b.recordedAt).getTime()\n        );\n        const values = asc.map((m) => m.value);\n        const newest = asc[asc.length - 1];\n        const prior = asc.length > 1 ? asc[asc.length - 2] : null;\n        return {\n          key,\n          type: newest.type,\n          label: newest.label,\n          unit: newest.unit,\n          latest: newest.value,\n          previous: prior ? prior.value : null,\n          min: Math.min(...values),\n          max: Math.max(...values),\n          series: values,\n          recordedAt: newest.recordedAt,\n          count: asc.length,\n        };\n      })\n      .sort((a, b) => new Date(b.recordedAt).getTime() - new Date(a.recordedAt).getTime());\n  }, [metrics.data]);\n\n  const columns: ResponsiveTableColumn<AthWorkoutLog>[] = useMemo(\n    () => [\n      {\n        key: 'workout',\n        header: 'Workout',\n        priority: 'primary',\n        cell: (log) => {\n          const Icon = workoutIcon(log.title);\n          return (\n            <div className=\"flex items-center gap-3\">\n              <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]\">\n                <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n              </span>\n              <span className=\"min-w-0 truncate font-medium text-text-primary\">{log.title}</span>\n            </div>\n          );\n        },\n      },\n      {\n        key: 'duration',\n        header: 'Duration',\n        priority: 'secondary',\n        mobileLabel: 'Duration',\n        cell: (log) =>\n          log.durationMin != null ? (\n            <span className=\"tabular-nums text-text-secondary\">\n              {formatDuration(log.durationMin)}\n            </span>\n          ) : (\n            <span className=\"text-text-muted\">—</span>\n          ),\n      },\n      {\n        key: 'rpe',\n        header: 'RPE',\n        priority: 'secondary',\n        mobileLabel: 'RPE',\n        cell: (log) =>\n          log.rpe != null ? <RpeChip rpe={log.rpe} /> : <span className=\"text-text-muted\">—</span>,\n      },\n      {\n        key: 'date',\n        header: 'Date',\n        priority: 'secondary',\n        mobileLabel: 'Date',\n        cell: (log) => (\n          <span className=\"tabular-nums text-text-secondary\">{formatDate(log.performedAt)}</span>\n        ),\n      },\n      {\n        key: 'status',\n        header: 'Status',\n        priority: 'primary',\n        mobileLabel: 'Status',\n        cell: (log) => <StatusBadge status={log.status} />,\n      },\n      {\n        key: 'notes',\n        header: 'Notes',\n        priority: 'hidden-on-mobile',\n        cell: (log) =>\n          log.notes ? (\n            <span className=\"line-clamp-2 max-w-[22ch] text-text-secondary\">{log.notes}</span>\n          ) : (\n            <span className=\"text-text-muted\">—</span>\n          ),\n      },\n    ],\n    []\n  );\n\n  return (\n    <div className=\"space-y-8 pb-24 sm:pb-0\">\n      {/* Actions */}\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <p className=\"text-sm text-text-secondary\">\n          Tracking <span className=\"font-medium text-text-primary\">{displayName || 'athlete'}</span>\n        </p>\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setMetricOpen(true)}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n          >\n            <Gauge className=\"h-4 w-4\" /> Record metric\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setLogOpen(true)}\n            className={cn(GRADIENT_CTA, 'hidden sm:inline-flex')}\n          >\n            <Dumbbell className=\"h-4 w-4\" /> Log workout\n          </button>\n        </div>\n      </div>\n\n      {/* Metrics — hero stat tiles with real trend sparklines */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Performance metrics</h2>\n        {metrics.isLoading ? (\n          <LoadingState label=\"Loading metrics…\" />\n        ) : metrics.isError ? (\n          <ErrorState onRetry={() => void metrics.refetch()} />\n        ) : metricSeries.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Gauge className=\"h-10 w-10\" />}\n            title=\"No metrics recorded\"\n            description=\"Record a metric — speed, strength, endurance and more — to start charting progress.\"\n            action={\n              <button type=\"button\" onClick={() => setMetricOpen(true)} className={GRADIENT_CTA}>\n                <Plus className=\"h-4 w-4\" /> Record metric\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {metricSeries.map((m) => (\n              <MetricTile key={m.key} metric={m} />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Workout logs */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Workout history</h2>\n        {logs.isLoading ? (\n          <LoadingState label=\"Loading workouts…\" />\n        ) : logs.isError ? (\n          <ErrorState onRetry={() => void logs.refetch()} />\n        ) : logItems.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Activity className=\"h-10 w-10\" />}\n            title=\"No workouts logged\"\n            description=\"Log a workout to build this athlete's training history.\"\n            action={\n              <button type=\"button\" onClick={() => setLogOpen(true)} className={GRADIENT_CTA}>\n                <Dumbbell className=\"h-4 w-4\" /> Log workout\n              </button>\n            }\n          />\n        ) : (\n          <>\n            <GlassCard treatment=\"metric\" className=\"overflow-hidden p-1 sm:p-2\">\n              <ResponsiveTable\n                columns={columns}\n                data={logItems}\n                rowKey={(log) => log.id}\n                caption={`Workout history for ${displayName || 'athlete'}`}\n              />\n            </GlassCard>\n            <CursorPager\n              className=\"mt-6\"\n              page={page}\n              hasMore={hasMore}\n              onPrev={() => setPage((p) => Math.max(0, p - 1))}\n              onNext={() => setPage((p) => p + 1)}\n            />\n          </>\n        )}\n      </section>\n\n      {/* Mobile sticky Log workout — thumb-reachable primary action */}\n      <div className=\"sticky bottom-0 z-30 -mx-6 border-t border-border-seam bg-bg-canvas/85 px-6 pb-[max(env(safe-area-inset-bottom),0.75rem)] pt-3 backdrop-blur sm:hidden\">\n        <button\n          type=\"button\"\n          onClick={() => setLogOpen(true)}\n          className={cn(GRADIENT_CTA, 'w-full py-3 text-base')}\n        >\n          <Plus className=\"h-5 w-5\" /> Log workout\n        </button>\n      </div>\n\n      <LogWorkoutDialog\n        open={logOpen}\n        onOpenChange={setLogOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n      <RecordMetricDialog\n        open={metricOpen}\n        onOpenChange={setMetricOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n    </div>\n  );\n}\n\n/** Pick a workout row icon from the (real) title text. Cosmetic only. */\nfunction workoutIcon(title: string): LucideIcon {\n  const t = title.toLowerCase();\n  if (/strength|lift|squat|deadlift|bench|1rm|weight/.test(t)) return Dumbbell;\n  if (/speed|sprint|agility|accel|split/.test(t)) return Zap;\n  if (/endurance|aerobic|cardio|run|beep|yo-?yo/.test(t)) return Activity;\n  if (/recovery|mobility|stretch|rest/.test(t)) return HeartPulse;\n  if (/accuracy|shoot|target/.test(t)) return Target;\n  return Dumbbell;\n}\n\n/** Bordered RPE chip, color-scaled by session intensity (semantic tokens). */\nfunction RpeChip({ rpe }: { rpe: number }) {\n  const tone =\n    rpe >= 8\n      ? 'border-status-error-border text-status-error-text'\n      : rpe >= 5\n        ? 'border-status-warning-border text-status-warning-text'\n        : 'border-border-seam text-text-secondary';\n  return (\n    <span\n      className={cn(\n        'inline-flex h-7 min-w-[1.75rem] items-center justify-center rounded-md border px-1.5 text-sm font-semibold tabular-nums',\n        tone\n      )}\n    >\n      {rpe}\n    </span>\n  );\n}\n\n/** Hero stat tile for one measured metric: big value, trend sparkline, range. */\nfunction MetricTile({ metric }: { metric: MetricSeries }) {\n  const Icon = METRIC_ICON[metric.type];\n  const delta = metric.previous == null ? null : metric.latest - metric.previous;\n  const hasRange = metric.max > metric.min;\n  const pct = hasRange\n    ? Math.round(((metric.latest - metric.min) / (metric.max - metric.min)) * 100)\n    : 100;\n  const unitSuffix = metric.unit ? ` ${metric.unit}` : '';\n\n  return (\n    <GlassCard treatment=\"metric\" className=\"flex flex-col gap-3 p-5\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <span className=\"flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-[var(--color-accent-teal)]\">\n          <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n          {METRIC_TYPE_LABELS[metric.type]}\n        </span>\n        <span className=\"text-xs text-text-muted\">{formatDate(metric.recordedAt)}</span>\n      </div>\n\n      <div className=\"flex items-end justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm text-text-secondary\">{metric.label}</p>\n          <p className=\"mt-0.5 text-3xl font-bold leading-none tracking-tight tabular-nums text-text-primary\">\n            {fmtNum(metric.latest)}\n            {metric.unit ? (\n              <span className=\"ml-1 text-base font-medium text-text-secondary\">{metric.unit}</span>\n            ) : null}\n          </p>\n        </div>\n        {metric.series.length > 1 ? (\n          <div className=\"w-24 shrink-0 sm:w-28\">\n            <Sparkline\n              data={metric.series}\n              variant=\"area\"\n              height={40}\n              label={`${metric.label} trend`}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {/* Range scale: min → latest position → max (from the athlete's own series) */}\n      {hasRange ? (\n        <div>\n          <span\n            className=\"block h-1.5 overflow-hidden rounded-full bg-bg-sunken\"\n            aria-hidden=\"true\"\n          >\n            <span\n              className=\"block h-1.5 rounded-full bg-[var(--color-accent-teal)]\"\n              style={{ width: `${Math.max(4, Math.min(100, pct))}%` }}\n            />\n          </span>\n          <div className=\"mt-1 flex justify-between text-[0.7rem] tabular-nums text-text-muted\">\n            <span>{fmtNum(metric.min)}</span>\n            <span>{fmtNum((metric.min + metric.max) / 2)}</span>\n            <span>{fmtNum(metric.max)}</span>\n          </div>\n        </div>\n      ) : null}\n\n      {/* Delta vs previous reading — direction shown neutrally (no good/bad claim) */}\n      <div className=\"mt-auto flex items-center gap-1.5 text-sm\">\n        {delta == null || delta === 0 ? (\n          <span className=\"text-text-muted\">\n            {metric.count > 1 ? 'No change vs previous' : 'First reading'}\n          </span>\n        ) : (\n          <>\n            <span className=\"inline-flex items-center gap-0.5 font-medium tabular-nums text-text-secondary\">\n              {delta > 0 ? (\n                <ArrowUp className=\"h-4 w-4\" aria-hidden=\"true\" />\n              ) : (\n                <ArrowDown className=\"h-4 w-4\" aria-hidden=\"true\" />\n              )}\n              {fmtNum(Math.abs(delta))}\n              {unitSuffix}\n            </span>\n            <span className=\"text-text-muted\">vs previous</span>\n          </>\n        )}\n      </div>\n    </GlassCard>\n  );\n}\n\ninterface DialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  athleteId: string;\n  displayName: string;\n}\n\nfunction LogWorkoutDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const logWorkout = useLogWorkout();\n  const [title, setTitle] = useState('');\n  const [status, setStatus] = useState<AthWorkoutStatus>('COMPLETED');\n  const [performedAt, setPerformedAt] = useState(nowLocal);\n  const [durationMin, setDurationMin] = useState('');\n  const [rpe, setRpe] = useState('');\n  const [totalLoad, setTotalLoad] = useState('');\n  const [notes, setNotes] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setTitle('');\n    setStatus('COMPLETED');\n    setPerformedAt(nowLocal());\n    setDurationMin('');\n    setRpe('');\n    setTotalLoad('');\n    setNotes('');\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!title.trim()) {\n      setError('A workout title is required.');\n      return;\n    }\n    if (!performedAt) {\n      setError('A performed date and time is required.');\n      return;\n    }\n    try {\n      await logWorkout.mutateAsync({\n        athleteId,\n        title: title.trim(),\n        status,\n        performedAt: new Date(performedAt).toISOString(),\n        durationMin: numOrUndefined(durationMin),\n        rpe: numOrUndefined(rpe),\n        totalLoad: floatOrUndefined(totalLoad),\n        notes: notes.trim() || undefined,\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to log workout.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Log workout{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <FormField label=\"Title\" htmlFor=\"workoutTitle\" required>\n            <input\n              id=\"workoutTitle\"\n              className={fieldInputClass}\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. Lower-body strength\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <FormField label=\"Status\" htmlFor=\"workoutStatus\">\n              <select\n                id=\"workoutStatus\"\n                className={fieldInputClass}\n                value={status}\n                onChange={(e) => setStatus(e.target.value as AthWorkoutStatus)}\n              >\n                {WORKOUT_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {s.charAt(0) + s.slice(1).toLowerCase()}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Performed at\" htmlFor=\"workoutPerformedAt\" required>\n              <input\n                id=\"workoutPerformedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={performedAt}\n                onChange={(e) => setPerformedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <FormField label=\"Duration (min)\" htmlFor=\"workoutDuration\">\n              <input\n                id=\"workoutDuration\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={durationMin}\n                onChange={(e) => setDurationMin(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"RPE (1–10)\" htmlFor=\"workoutRpe\">\n              <input\n                id=\"workoutRpe\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={rpe}\n                onChange={(e) => setRpe(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"Total load\" htmlFor=\"workoutLoad\">\n              <input\n                id=\"workoutLoad\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={totalLoad}\n                onChange={(e) => setTotalLoad(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Notes\" htmlFor=\"workoutNotes\">\n            <textarea\n              id=\"workoutNotes\"\n              rows={2}\n              className={fieldInputClass}\n              value={notes}\n              onChange={(e) => setNotes(e.target.value)}\n              placeholder=\"How did the session go?\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(false)}\n              className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              disabled={logWorkout.isPending}\n              className={cn(GRADIENT_CTA, 'disabled:opacity-60')}\n            >\n              {logWorkout.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              Log workout\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nfunction RecordMetricDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const recordMetric = useRecordMetric();\n  const [type, setType] = useState<AthMetricType>('CUSTOM');\n  const [label, setLabel] = useState('');\n  const [value, setValue] = useState('');\n  const [unit, setUnit] = useState('');\n  const [source, setSource] = useState('');\n  const [recordedAt, setRecordedAt] = useState(nowLocal);\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setType('CUSTOM');\n    setLabel('');\n    setValue('');\n    setUnit('');\n    setSource('');\n    setRecordedAt(nowLocal());\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!label.trim()) {\n      setError('A metric label is required.');\n      return;\n    }\n    const numericValue = floatOrUndefined(value);\n    if (numericValue === undefined) {\n      setError('A numeric value is required.');\n      return;\n    }\n    if (!recordedAt) {\n      setError('A recorded date and time is required.');\n      return;\n    }\n    try {\n      await recordMetric.mutateAsync({\n        athleteId,\n        type,\n        label: label.trim(),\n        value: numericValue,\n        unit: unit.trim() || undefined,\n        source: source.trim() || undefined,\n        recordedAt: new Date(recordedAt).toISOString(),\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record metric.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Record metric{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <FormField label=\"Type\" htmlFor=\"metricType\">\n              <select\n                id=\"metricType\"\n                className={fieldInputClass}\n                value={type}\n                onChange={(e) => setType(e.target.value as AthMetricType)}\n              >\n                {METRIC_TYPES.map((t) => (\n                  <option key={t} value={t}>\n                    {METRIC_TYPE_LABELS[t]}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Recorded at\" htmlFor=\"metricRecordedAt\" required>\n              <input\n                id=\"metricRecordedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={recordedAt}\n                onChange={(e) => setRecordedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Label\" htmlFor=\"metricLabel\" required>\n            <input\n              id=\"metricLabel\"\n              className={fieldInputClass}\n              value={label}\n              onChange={(e) => setLabel(e.target.value)}\n              placeholder=\"e.g. 40m sprint\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <FormField label=\"Value\" htmlFor=\"metricValue\" required>\n              <input\n                id=\"metricValue\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                placeholder=\"e.g. 4.8\"\n              />\n            </FormField>\n            <FormField label=\"Unit\" htmlFor=\"metricUnit\">\n              <input\n                id=\"metricUnit\"\n                className={fieldInputClass}\n                value={unit}\n                onChange={(e) => setUnit(e.target.value)}\n                placeholder=\"e.g. s, kg, bpm\"\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Source\" htmlFor=\"metricSource\" hint=\"Optional — device, test or coach.\">\n            <input\n              id=\"metricSource\"\n              className={fieldInputClass}\n              value={source}\n              onChange={(e) => setSource(e.target.value)}\n              placeholder=\"e.g. GPS vest\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(false)}\n              className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              disabled={recordMetric.isPending}\n              className={cn(GRADIENT_CTA, 'disabled:opacity-60')}\n            >\n              {recordMetric.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Plus className=\"h-4 w-4\" />\n              )}\n              Record metric\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PerformancePage.js","names":[],"sources":["../../../../src/atheletebridge/pages/performance/PerformancePage.tsx"],"sourcesContent":["/**\n * Performance\n * @module atheletebridge/pages/performance\n *\n * The coach's athlete-performance workbench: pick an athlete from a team roster,\n * then log workouts (athLogWorkout) and record performance metrics\n * (athRecordMetric), and review that athlete's workout history\n * (athListWorkoutLogs, offset-paginated) and metrics.\n *\n * Elevated to the concept bar: each measured metric (type + label) becomes a\n * hero stat tile with its big latest value, a real recordedAt-ordered trend\n * sparkline, a min→max range scale and a signed delta-vs-previous — all derived\n * from the real time-series (nothing fabricated). Workout history renders as a\n * responsive table that reflows to cards on mobile, with a thumb-reachable\n * sticky \"Log workout\" action.\n */\n\nimport { useMemo, useState } from 'react';\nimport {\n  Activity,\n  ArrowDown,\n  ArrowUp,\n  Dumbbell,\n  Gauge,\n  HeartPulse,\n  Loader2,\n  Move,\n  Plus,\n  Save,\n  Scale,\n  Target,\n  Users,\n  Zap,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { AthleteSelect, type AthleteSelectValue } from '../../components/AthleteSelect';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { CursorPager } from '../../components/CursorPager';\nimport { Sparkline } from '../../components/viz';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { METRIC_TYPE_LABELS } from '../../components/domain';\nimport {\n  useWorkoutLogs,\n  usePerformanceMetrics,\n  useLogWorkout,\n  useRecordMetric,\n} from '../../hooks/useAthleteBridgeApi';\nimport { formatDate, formatDuration } from '../../utils/formatters';\nimport { cn } from '../../utils/cn';\nimport type {\n  AthMetricType,\n  AthPerformanceMetric,\n  AthWorkoutLog,\n  AthWorkoutStatus,\n} from '../../types';\n\nconst PAGE_SIZE = 10;\n\nconst WORKOUT_STATUSES: AthWorkoutStatus[] = ['COMPLETED', 'PLANNED', 'SKIPPED'];\nconst METRIC_TYPES = Object.keys(METRIC_TYPE_LABELS) as AthMetricType[];\n\n/** Brand gradient CTA — token-only (no raw colors). */\nconst GRADIENT_CTA =\n  'inline-flex items-center justify-center gap-1.5 rounded-lg px-4 py-2 text-sm font-semibold text-action-primary-text shadow-elevation-1 transition-[filter,box-shadow] hover:shadow-elevation-2 hover:brightness-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] bg-[linear-gradient(120deg,var(--color-action-primary-bg),color-mix(in_oklab,var(--color-action-primary-bg)_62%,var(--color-accent-purple)),var(--color-action-primary-bg))]';\n\n/** Per-metric-type icon for the stat tiles. */\nconst METRIC_ICON: Record<AthMetricType, LucideIcon> = {\n  SPEED: Zap,\n  ENDURANCE: Activity,\n  STRENGTH: Dumbbell,\n  AGILITY: Move,\n  ACCURACY: Target,\n  WEIGHT: Scale,\n  HEART_RATE: HeartPulse,\n  CUSTOM: Gauge,\n};\n\nconst numOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseInt(t, 10);\n  return Number.isNaN(n) ? undefined : n;\n};\n\nconst floatOrUndefined = (value: string): number | undefined => {\n  const t = value.trim();\n  if (!t) return undefined;\n  const n = Number.parseFloat(t);\n  return Number.isNaN(n) ? undefined : n;\n};\n\n/** Current local time as a `datetime-local` value (`YYYY-MM-DDTHH:mm`). */\nconst nowLocal = (): string => {\n  const d = new Date();\n  const local = new Date(d.getTime() - d.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 16);\n};\n\n/** Trim trailing zeros from a fixed-precision number for compact display. */\nconst fmtNum = (n: number): string => {\n  const abs = Math.abs(n);\n  const s = abs >= 100 ? n.toFixed(0) : n.toFixed(2);\n  return s.replace(/\\.?0+$/, '');\n};\n\nexport function PerformancePage() {\n  const [athlete, setAthlete] = useState<AthleteSelectValue>({ athleteId: '', displayName: '' });\n\n  return (\n    <PageLayout\n      title=\"Performance\"\n      description=\"Log workouts, record metrics and track an athlete's progress over time.\"\n    >\n      {/* Athlete picker — sticks to the top of the scroll area as an insight panel */}\n      <div\n        data-tour=\"performance-athlete-picker\"\n        className=\"sticky top-0 z-20 -mx-6 mb-8 bg-bg-canvas/80 px-6 pb-4 pt-1 backdrop-blur supports-[backdrop-filter]:bg-bg-canvas/60\"\n      >\n        <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n          <AthleteSelect\n            athleteId={athlete.athleteId}\n            onSelect={setAthlete}\n            idPrefix=\"perf-athlete\"\n          />\n        </GlassCard>\n      </div>\n\n      {athlete.athleteId ? (\n        <AthletePerformance athleteId={athlete.athleteId} displayName={athlete.displayName} />\n      ) : (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Users className=\"h-10 w-10\" />}\n          title=\"Pick an athlete to begin\"\n          description=\"Choose a team and an athlete above to log workouts, record metrics and review their history.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n\ninterface AthletePerformanceProps {\n  athleteId: string;\n  displayName: string;\n}\n\n/** A single measured metric (type + label) collapsed into a real time-series. */\ninterface MetricSeries {\n  key: string;\n  type: AthMetricType;\n  label: string;\n  unit: string | null;\n  latest: number;\n  previous: number | null;\n  min: number;\n  max: number;\n  /** Values oldest → newest (for the trend sparkline). */\n  series: number[];\n  recordedAt: string;\n  count: number;\n}\n\nfunction AthletePerformance({ athleteId, displayName }: AthletePerformanceProps) {\n  const [page, setPage] = useState(0);\n  const [logOpen, setLogOpen] = useState(false);\n  const [metricOpen, setMetricOpen] = useState(false);\n\n  const logs = useWorkoutLogs({\n    athleteId,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const metrics = usePerformanceMetrics(athleteId);\n\n  const logItems = logs.data?.items ?? [];\n  const hasMore = logs.data?.pageInfo.hasMore ?? false;\n\n  // Group by (type + label) so every distinct measurement is its own trend.\n  const metricSeries = useMemo<MetricSeries[]>(() => {\n    const groups = new Map<string, AthPerformanceMetric[]>();\n    for (const m of metrics.data ?? []) {\n      const key = `${m.type}::${m.label}`;\n      const list = groups.get(key) ?? [];\n      list.push(m);\n      groups.set(key, list);\n    }\n    return Array.from(groups.entries())\n      .map(([key, list]) => {\n        const asc = [...list].sort(\n          (a, b) => new Date(a.recordedAt).getTime() - new Date(b.recordedAt).getTime()\n        );\n        const values = asc.map((m) => m.value);\n        const newest = asc[asc.length - 1];\n        const prior = asc.length > 1 ? asc[asc.length - 2] : null;\n        return {\n          key,\n          type: newest.type,\n          label: newest.label,\n          unit: newest.unit,\n          latest: newest.value,\n          previous: prior ? prior.value : null,\n          min: Math.min(...values),\n          max: Math.max(...values),\n          series: values,\n          recordedAt: newest.recordedAt,\n          count: asc.length,\n        };\n      })\n      .sort((a, b) => new Date(b.recordedAt).getTime() - new Date(a.recordedAt).getTime());\n  }, [metrics.data]);\n\n  const columns: ResponsiveTableColumn<AthWorkoutLog>[] = useMemo(\n    () => [\n      {\n        key: 'workout',\n        header: 'Workout',\n        priority: 'primary',\n        cell: (log) => {\n          const Icon = workoutIcon(log.title);\n          return (\n            <div className=\"flex items-center gap-3\">\n              <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-[var(--color-accent-teal)]\">\n                <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n              </span>\n              <span className=\"min-w-0 truncate font-medium text-text-primary\">{log.title}</span>\n            </div>\n          );\n        },\n      },\n      {\n        key: 'duration',\n        header: 'Duration',\n        priority: 'secondary',\n        mobileLabel: 'Duration',\n        cell: (log) =>\n          log.durationMin != null ? (\n            <span className=\"tabular-nums text-text-secondary\">\n              {formatDuration(log.durationMin)}\n            </span>\n          ) : (\n            <span className=\"text-text-muted\">—</span>\n          ),\n      },\n      {\n        key: 'rpe',\n        header: 'RPE',\n        priority: 'secondary',\n        mobileLabel: 'RPE',\n        cell: (log) =>\n          log.rpe != null ? <RpeChip rpe={log.rpe} /> : <span className=\"text-text-muted\">—</span>,\n      },\n      {\n        key: 'date',\n        header: 'Date',\n        priority: 'secondary',\n        mobileLabel: 'Date',\n        cell: (log) => (\n          <span className=\"tabular-nums text-text-secondary\">{formatDate(log.performedAt)}</span>\n        ),\n      },\n      {\n        key: 'status',\n        header: 'Status',\n        priority: 'primary',\n        mobileLabel: 'Status',\n        cell: (log) => <StatusBadge status={log.status} />,\n      },\n      {\n        key: 'notes',\n        header: 'Notes',\n        priority: 'hidden-on-mobile',\n        cell: (log) =>\n          log.notes ? (\n            <span className=\"line-clamp-2 max-w-[22ch] text-text-secondary\">{log.notes}</span>\n          ) : (\n            <span className=\"text-text-muted\">—</span>\n          ),\n      },\n    ],\n    []\n  );\n\n  return (\n    <div className=\"space-y-8 pb-24 sm:pb-0\">\n      {/* Actions */}\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <p className=\"text-sm text-text-secondary\">\n          Tracking <span className=\"font-medium text-text-primary\">{displayName || 'athlete'}</span>\n        </p>\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => setMetricOpen(true)}\n            className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n          >\n            <Gauge className=\"h-4 w-4\" /> Record metric\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setLogOpen(true)}\n            className={cn(GRADIENT_CTA, 'hidden sm:inline-flex')}\n          >\n            <Dumbbell className=\"h-4 w-4\" /> Log workout\n          </button>\n        </div>\n      </div>\n\n      {/* Metrics — hero stat tiles with real trend sparklines */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Performance metrics</h2>\n        {metrics.isLoading ? (\n          <LoadingState label=\"Loading metrics…\" />\n        ) : metrics.isError ? (\n          <ErrorState onRetry={() => void metrics.refetch()} />\n        ) : metricSeries.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Gauge className=\"h-10 w-10\" />}\n            title=\"No metrics recorded\"\n            description=\"Record a metric — speed, strength, endurance and more — to start charting progress.\"\n            action={\n              <button type=\"button\" onClick={() => setMetricOpen(true)} className={GRADIENT_CTA}>\n                <Plus className=\"h-4 w-4\" /> Record metric\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {metricSeries.map((m) => (\n              <MetricTile key={m.key} metric={m} />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Workout logs */}\n      <section>\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">Workout history</h2>\n        {logs.isLoading ? (\n          <LoadingState label=\"Loading workouts…\" />\n        ) : logs.isError ? (\n          <ErrorState onRetry={() => void logs.refetch()} />\n        ) : logItems.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Activity className=\"h-10 w-10\" />}\n            title=\"No workouts logged\"\n            description=\"Log a workout to build this athlete's training history.\"\n            action={\n              <button type=\"button\" onClick={() => setLogOpen(true)} className={GRADIENT_CTA}>\n                <Dumbbell className=\"h-4 w-4\" /> Log workout\n              </button>\n            }\n          />\n        ) : (\n          <>\n            <GlassCard treatment=\"metric\" className=\"overflow-hidden p-1 sm:p-2\">\n              <ResponsiveTable\n                columns={columns}\n                data={logItems}\n                rowKey={(log) => log.id}\n                caption={`Workout history for ${displayName || 'athlete'}`}\n              />\n            </GlassCard>\n            <CursorPager\n              className=\"mt-6\"\n              page={page}\n              hasMore={hasMore}\n              onPrev={() => setPage((p) => Math.max(0, p - 1))}\n              onNext={() => setPage((p) => p + 1)}\n            />\n          </>\n        )}\n      </section>\n\n      {/* Mobile sticky Log workout — thumb-reachable primary action */}\n      <div className=\"sticky bottom-0 z-30 -mx-6 border-t border-border-seam bg-bg-canvas/85 px-6 pb-[max(env(safe-area-inset-bottom),0.75rem)] pt-3 backdrop-blur sm:hidden\">\n        <button\n          type=\"button\"\n          onClick={() => setLogOpen(true)}\n          className={cn(GRADIENT_CTA, 'w-full py-3 text-base')}\n        >\n          <Plus className=\"h-5 w-5\" /> Log workout\n        </button>\n      </div>\n\n      <LogWorkoutDialog\n        open={logOpen}\n        onOpenChange={setLogOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n      <RecordMetricDialog\n        open={metricOpen}\n        onOpenChange={setMetricOpen}\n        athleteId={athleteId}\n        displayName={displayName}\n      />\n    </div>\n  );\n}\n\n/** Pick a workout row icon from the (real) title text. Cosmetic only. */\nfunction workoutIcon(title: string): LucideIcon {\n  const t = title.toLowerCase();\n  if (/strength|lift|squat|deadlift|bench|1rm|weight/.test(t)) return Dumbbell;\n  if (/speed|sprint|agility|accel|split/.test(t)) return Zap;\n  if (/endurance|aerobic|cardio|run|beep|yo-?yo/.test(t)) return Activity;\n  if (/recovery|mobility|stretch|rest/.test(t)) return HeartPulse;\n  if (/accuracy|shoot|target/.test(t)) return Target;\n  return Dumbbell;\n}\n\n/** Bordered RPE chip, color-scaled by session intensity (semantic tokens). */\nfunction RpeChip({ rpe }: { rpe: number }) {\n  const tone =\n    rpe >= 8\n      ? 'border-status-error-border text-status-error-text'\n      : rpe >= 5\n        ? 'border-status-warning-border text-status-warning-text'\n        : 'border-border-seam text-text-secondary';\n  return (\n    <span\n      className={cn(\n        'inline-flex h-7 min-w-[1.75rem] items-center justify-center rounded-md border px-1.5 text-sm font-semibold tabular-nums',\n        tone\n      )}\n    >\n      {rpe}\n    </span>\n  );\n}\n\n/** Hero stat tile for one measured metric: big value, trend sparkline, range. */\nfunction MetricTile({ metric }: { metric: MetricSeries }) {\n  const Icon = METRIC_ICON[metric.type];\n  const delta = metric.previous == null ? null : metric.latest - metric.previous;\n  const hasRange = metric.max > metric.min;\n  const pct = hasRange\n    ? Math.round(((metric.latest - metric.min) / (metric.max - metric.min)) * 100)\n    : 100;\n  const unitSuffix = metric.unit ? ` ${metric.unit}` : '';\n\n  return (\n    <GlassCard treatment=\"metric\" className=\"flex flex-col gap-3 p-5\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <span className=\"flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-[var(--color-accent-teal)]\">\n          <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n          {METRIC_TYPE_LABELS[metric.type]}\n        </span>\n        <span className=\"text-xs text-text-muted\">{formatDate(metric.recordedAt)}</span>\n      </div>\n\n      <div className=\"flex items-end justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate text-sm text-text-secondary\">{metric.label}</p>\n          <p className=\"mt-0.5 text-3xl font-bold leading-none tracking-tight tabular-nums text-text-primary\">\n            {fmtNum(metric.latest)}\n            {metric.unit ? (\n              <span className=\"ml-1 text-base font-medium text-text-secondary\">{metric.unit}</span>\n            ) : null}\n          </p>\n        </div>\n        {metric.series.length > 1 ? (\n          <div className=\"w-24 shrink-0 sm:w-28\">\n            <Sparkline\n              data={metric.series}\n              variant=\"area\"\n              height={40}\n              label={`${metric.label} trend`}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {/* Range scale: min → latest position → max (from the athlete's own series) */}\n      {hasRange ? (\n        <div>\n          <span\n            className=\"block h-1.5 overflow-hidden rounded-full bg-bg-sunken\"\n            aria-hidden=\"true\"\n          >\n            <span\n              className=\"block h-1.5 rounded-full bg-[var(--color-accent-teal)]\"\n              style={{ width: `${Math.max(4, Math.min(100, pct))}%` }}\n            />\n          </span>\n          <div className=\"mt-1 flex justify-between text-[0.7rem] tabular-nums text-text-muted\">\n            <span>{fmtNum(metric.min)}</span>\n            <span>{fmtNum((metric.min + metric.max) / 2)}</span>\n            <span>{fmtNum(metric.max)}</span>\n          </div>\n        </div>\n      ) : null}\n\n      {/* Delta vs previous reading — direction shown neutrally (no good/bad claim) */}\n      <div className=\"mt-auto flex items-center gap-1.5 text-sm\">\n        {delta == null || delta === 0 ? (\n          <span className=\"text-text-muted\">\n            {metric.count > 1 ? 'No change vs previous' : 'First reading'}\n          </span>\n        ) : (\n          <>\n            <span className=\"inline-flex items-center gap-0.5 font-medium tabular-nums text-text-secondary\">\n              {delta > 0 ? (\n                <ArrowUp className=\"h-4 w-4\" aria-hidden=\"true\" />\n              ) : (\n                <ArrowDown className=\"h-4 w-4\" aria-hidden=\"true\" />\n              )}\n              {fmtNum(Math.abs(delta))}\n              {unitSuffix}\n            </span>\n            <span className=\"text-text-muted\">vs previous</span>\n          </>\n        )}\n      </div>\n    </GlassCard>\n  );\n}\n\ninterface DialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  athleteId: string;\n  displayName: string;\n}\n\nfunction LogWorkoutDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const logWorkout = useLogWorkout();\n  const [title, setTitle] = useState('');\n  const [status, setStatus] = useState<AthWorkoutStatus>('COMPLETED');\n  const [performedAt, setPerformedAt] = useState(nowLocal);\n  const [durationMin, setDurationMin] = useState('');\n  const [rpe, setRpe] = useState('');\n  const [totalLoad, setTotalLoad] = useState('');\n  const [notes, setNotes] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setTitle('');\n    setStatus('COMPLETED');\n    setPerformedAt(nowLocal());\n    setDurationMin('');\n    setRpe('');\n    setTotalLoad('');\n    setNotes('');\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!title.trim()) {\n      setError('A workout title is required.');\n      return;\n    }\n    if (!performedAt) {\n      setError('A performed date and time is required.');\n      return;\n    }\n    try {\n      await logWorkout.mutateAsync({\n        athleteId,\n        title: title.trim(),\n        status,\n        performedAt: new Date(performedAt).toISOString(),\n        durationMin: numOrUndefined(durationMin),\n        rpe: numOrUndefined(rpe),\n        totalLoad: floatOrUndefined(totalLoad),\n        notes: notes.trim() || undefined,\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to log workout.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Log workout{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <FormField label=\"Title\" htmlFor=\"workoutTitle\" required>\n            <input\n              id=\"workoutTitle\"\n              className={fieldInputClass}\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. Lower-body strength\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <FormField label=\"Status\" htmlFor=\"workoutStatus\">\n              <select\n                id=\"workoutStatus\"\n                className={fieldInputClass}\n                value={status}\n                onChange={(e) => setStatus(e.target.value as AthWorkoutStatus)}\n              >\n                {WORKOUT_STATUSES.map((s) => (\n                  <option key={s} value={s}>\n                    {s.charAt(0) + s.slice(1).toLowerCase()}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Performed at\" htmlFor=\"workoutPerformedAt\" required>\n              <input\n                id=\"workoutPerformedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={performedAt}\n                onChange={(e) => setPerformedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <FormField label=\"Duration (min)\" htmlFor=\"workoutDuration\">\n              <input\n                id=\"workoutDuration\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={durationMin}\n                onChange={(e) => setDurationMin(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"RPE (1–10)\" htmlFor=\"workoutRpe\">\n              <input\n                id=\"workoutRpe\"\n                inputMode=\"numeric\"\n                className={fieldInputClass}\n                value={rpe}\n                onChange={(e) => setRpe(e.target.value)}\n              />\n            </FormField>\n            <FormField label=\"Total load\" htmlFor=\"workoutLoad\">\n              <input\n                id=\"workoutLoad\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={totalLoad}\n                onChange={(e) => setTotalLoad(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Notes\" htmlFor=\"workoutNotes\">\n            <textarea\n              id=\"workoutNotes\"\n              rows={2}\n              className={fieldInputClass}\n              value={notes}\n              onChange={(e) => setNotes(e.target.value)}\n              placeholder=\"How did the session go?\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(false)}\n              className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              disabled={logWorkout.isPending}\n              className={cn(GRADIENT_CTA, 'disabled:opacity-60')}\n            >\n              {logWorkout.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Save className=\"h-4 w-4\" />\n              )}\n              Log workout\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nfunction RecordMetricDialog({ open, onOpenChange, athleteId, displayName }: DialogProps) {\n  const recordMetric = useRecordMetric();\n  const [type, setType] = useState<AthMetricType>('CUSTOM');\n  const [label, setLabel] = useState('');\n  const [value, setValue] = useState('');\n  const [unit, setUnit] = useState('');\n  const [source, setSource] = useState('');\n  const [recordedAt, setRecordedAt] = useState(nowLocal);\n  const [error, setError] = useState<string | null>(null);\n\n  const reset = () => {\n    setType('CUSTOM');\n    setLabel('');\n    setValue('');\n    setUnit('');\n    setSource('');\n    setRecordedAt(nowLocal());\n    setError(null);\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!label.trim()) {\n      setError('A metric label is required.');\n      return;\n    }\n    const numericValue = floatOrUndefined(value);\n    if (numericValue === undefined) {\n      setError('A numeric value is required.');\n      return;\n    }\n    if (!recordedAt) {\n      setError('A recorded date and time is required.');\n      return;\n    }\n    try {\n      await recordMetric.mutateAsync({\n        athleteId,\n        type,\n        label: label.trim(),\n        value: numericValue,\n        unit: unit.trim() || undefined,\n        source: source.trim() || undefined,\n        recordedAt: new Date(recordedAt).toISOString(),\n      });\n      reset();\n      onOpenChange(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record metric.');\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            Record metric{displayName ? ` — ${displayName}` : ''}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n        <form onSubmit={handleSubmit} className=\"space-y-4 px-1\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <FormField label=\"Type\" htmlFor=\"metricType\">\n              <select\n                id=\"metricType\"\n                className={fieldInputClass}\n                value={type}\n                onChange={(e) => setType(e.target.value as AthMetricType)}\n              >\n                {METRIC_TYPES.map((t) => (\n                  <option key={t} value={t}>\n                    {METRIC_TYPE_LABELS[t]}\n                  </option>\n                ))}\n              </select>\n            </FormField>\n            <FormField label=\"Recorded at\" htmlFor=\"metricRecordedAt\" required>\n              <input\n                id=\"metricRecordedAt\"\n                type=\"datetime-local\"\n                className={fieldInputClass}\n                value={recordedAt}\n                onChange={(e) => setRecordedAt(e.target.value)}\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Label\" htmlFor=\"metricLabel\" required>\n            <input\n              id=\"metricLabel\"\n              className={fieldInputClass}\n              value={label}\n              onChange={(e) => setLabel(e.target.value)}\n              placeholder=\"e.g. 40m sprint\"\n            />\n          </FormField>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <FormField label=\"Value\" htmlFor=\"metricValue\" required>\n              <input\n                id=\"metricValue\"\n                inputMode=\"decimal\"\n                className={fieldInputClass}\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                placeholder=\"e.g. 4.8\"\n              />\n            </FormField>\n            <FormField label=\"Unit\" htmlFor=\"metricUnit\">\n              <input\n                id=\"metricUnit\"\n                className={fieldInputClass}\n                value={unit}\n                onChange={(e) => setUnit(e.target.value)}\n                placeholder=\"e.g. s, kg, bpm\"\n              />\n            </FormField>\n          </div>\n          <FormField label=\"Source\" htmlFor=\"metricSource\" hint=\"Optional — device, test or coach.\">\n            <input\n              id=\"metricSource\"\n              className={fieldInputClass}\n              value={source}\n              onChange={(e) => setSource(e.target.value)}\n              placeholder=\"e.g. GPS vest\"\n            />\n          </FormField>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n          <ResponsiveDialogFooter>\n            <button\n              type=\"button\"\n              onClick={() => onOpenChange(false)}\n              className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              disabled={recordMetric.isPending}\n              className={cn(GRADIENT_CTA, 'disabled:opacity-60')}\n            >\n              {recordMetric.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Plus className=\"h-4 w-4\" />\n              )}\n              Record metric\n            </button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/programs/ProgramsListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgramsListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/programs/ProgramsListPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAiCH,wBAAgB,gBAAgB,gCA6I/B"}
+{"version":3,"file":"ProgramsListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/programs/ProgramsListPage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAiCH,wBAAgB,gBAAgB,gCA8I/B"}

package/dist/atheletebridge/pages/programs/ProgramsListPage.js

@@ -4,8 +4,8 @@ import { PROGRAM_LEVEL_LABELS as n, SPORT_LABELS as r } from "../../components/d
 import { EmptyState as i } from "../../components/EmptyState.js";
 import { ErrorState as a, LoadingState as o } from "../../components/LoadingState.js";
 import { usePrograms as s } from "../../hooks/useAthleteBridgeApi.js";
-import { FilterSelect as c } from "../../components/FilterSelect.js";
-import { CursorPager as l } from "../../components/CursorPager.js";
+import { CursorPager as c } from "../../components/CursorPager.js";
+import { FilterSelect as l } from "../../components/FilterSelect.js";
 import { ProgramCard as u } from "../../components/ProgramCard.js";
 import { useState as d } from "react";
 import { Dumbbell as f, Plus as p, Search as m } from "lucide-react";
@@ -48,11 +48,13 @@ function S() {
 		gradientTitle: !0,
 		actions: /* @__PURE__ */ _("button", {
 			type: "button",
+			"data-tour": "programs-create",
 			onClick: () => n("/programs/new"),
 			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
 			children: [/* @__PURE__ */ g(p, { className: "h-4 w-4" }), " New program"]
 		}),
 		children: [/* @__PURE__ */ _("div", {
+			"data-tour": "programs-filters",
 			className: "mb-6 flex flex-wrap items-center gap-3",
 			children: [
 				/* @__PURE__ */ _("div", {
@@ -69,7 +71,7 @@ function S() {
 						className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 pl-9 pr-3 text-sm text-text-primary placeholder:text-text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
 					})]
 				}),
-				/* @__PURE__ */ g(c, {
+				/* @__PURE__ */ g(l, {
 					ariaLabel: "Filter by sport",
 					allLabel: "All sports",
 					value: r,
@@ -78,7 +80,7 @@ function S() {
 					},
 					options: y
 				}),
-				/* @__PURE__ */ g(c, {
+				/* @__PURE__ */ g(l, {
 					ariaLabel: "Filter by level",
 					allLabel: "All levels",
 					value: C,
@@ -87,7 +89,7 @@ function S() {
 					},
 					options: b
 				}),
-				/* @__PURE__ */ g(c, {
+				/* @__PURE__ */ g(l, {
 					ariaLabel: "Filter by status",
 					allLabel: "All statuses",
 					value: T,
@@ -115,7 +117,7 @@ function S() {
 				drillCount: e.drills?.length,
 				onClick: () => n(`/programs/${e.id}`)
 			}, e.id))
-		}), /* @__PURE__ */ g(l, {
+		}), /* @__PURE__ */ g(c, {
 			className: "mt-6",
 			page: k,
 			hasMore: F,