npm - @burdenoff/microfe-atheletebridge - Versions diffs - 2026.629.1 → 2026.705.2 - Mend

@burdenoff/microfe-atheletebridge 2026.629.1 → 2026.705.2

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

Files changed (36) hide show

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

@@ -0,0 +1,496 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { StatusBadge as t } from "../../components/StatusBadge.js";
+import { METRIC_TYPE_LABELS as n } from "../../components/domain.js";
+import { formatDate as r, formatDuration as i } from "../../utils/formatters.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { ErrorState as o, LoadingState as s } from "../../components/LoadingState.js";
+import { useLogWorkout as c, usePerformanceMetrics as l, useRecordMetric as u, useWorkoutLogs as d } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as f, fieldInputClass as p } from "../../components/form.js";
+import { CursorPager as m } from "../../components/CursorPager.js";
+import { AthleteSelect as h } from "../../components/AthleteSelect.js";
+import { useMemo as g, useState as _ } from "react";
+import { Activity as v, Dumbbell as y, Gauge as b, Loader2 as x, Plus as S, Save as C, Users as w } from "lucide-react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, GlassCard as k, ResponsiveDialog as A, ResponsiveDialogContent as j, ResponsiveDialogFooter as M, ResponsiveDialogHeader as N, ResponsiveDialogTitle as P } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/pages/performance/PerformancePage.tsx
+var F = 10, I = [
+	"COMPLETED",
+	"PLANNED",
+	"SKIPPED"
+], L = Object.keys(n), R = (e) => {
+	let t = e.trim();
+	if (!t) return;
+	let n = Number.parseInt(t, 10);
+	return Number.isNaN(n) ? void 0 : n;
+}, z = (e) => {
+	let t = e.trim();
+	if (!t) return;
+	let n = Number.parseFloat(t);
+	return Number.isNaN(n) ? void 0 : n;
+}, B = () => {
+	let e = /* @__PURE__ */ new Date();
+	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
+};
+function V() {
+	let [t, n] = _({
+		athleteId: "",
+		displayName: ""
+	});
+	return /* @__PURE__ */ D(e, {
+		title: "Performance",
+		description: "Log workouts, record metrics and track an athlete's progress over time.",
+		children: [/* @__PURE__ */ E(k, {
+			treatment: "insight",
+			className: "mb-8 p-6",
+			children: /* @__PURE__ */ E(h, {
+				athleteId: t.athleteId,
+				onSelect: n,
+				idPrefix: "perf-athlete"
+			})
+		}), t.athleteId ? /* @__PURE__ */ E(H, {
+			athleteId: t.athleteId,
+			displayName: t.displayName
+		}) : /* @__PURE__ */ E(a, {
+			illustration: "empty-data",
+			icon: /* @__PURE__ */ E(w, { className: "h-10 w-10" }),
+			title: "Pick an athlete to begin",
+			description: "Choose a team and an athlete above to log workouts, record metrics and review their history."
+		})]
+	});
+}
+function H({ athleteId: e, displayName: c }) {
+	let [u, f] = _(0), [p, h] = _(!1), [x, S] = _(!1), C = d({
+		athleteId: e,
+		pagination: {
+			limit: F,
+			offset: u * F
+		}
+	}), w = l(e), A = C.data?.items ?? [], j = C.data?.pageInfo.hasMore ?? !1, M = g(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of w.data ?? []) {
+			let n = e.get(t.type) ?? [];
+			n.push(t), e.set(t.type, n);
+		}
+		return Array.from(e.entries()).map(([e, t]) => ({
+			type: e,
+			metrics: [...t].sort((e, t) => new Date(t.recordedAt).getTime() - new Date(e.recordedAt).getTime()),
+			max: Math.max(...t.map((e) => Math.abs(e.value)), 0) || 1
+		}));
+	}, [w.data]);
+	return /* @__PURE__ */ D("div", {
+		className: "space-y-8",
+		children: [
+			/* @__PURE__ */ D("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ D("p", {
+					className: "text-sm text-text-secondary",
+					children: ["Tracking ", /* @__PURE__ */ E("span", {
+						className: "font-medium text-text-primary",
+						children: c || "athlete"
+					})]
+				}), /* @__PURE__ */ D("div", {
+					className: "flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ D("button", {
+						type: "button",
+						onClick: () => h(!0),
+						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__ */ E(y, { className: "h-4 w-4" }), " Log workout"]
+					}), /* @__PURE__ */ D("button", {
+						type: "button",
+						onClick: () => S(!0),
+						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",
+						children: [/* @__PURE__ */ E(b, { className: "h-4 w-4" }), " Record metric"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ D("section", { children: [/* @__PURE__ */ E("h2", {
+				className: "mb-4 text-lg font-semibold text-text-primary",
+				children: "Performance metrics"
+			}), w.isLoading ? /* @__PURE__ */ E(s, { label: "Loading metrics…" }) : w.isError ? /* @__PURE__ */ E(o, { onRetry: () => void w.refetch() }) : M.length === 0 ? /* @__PURE__ */ E(a, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ E(b, { className: "h-10 w-10" }),
+				title: "No metrics recorded",
+				description: "Record a metric — speed, strength, endurance and more — to start charting progress."
+			}) : /* @__PURE__ */ E("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
+				children: M.map((e) => /* @__PURE__ */ D(k, {
+					treatment: "metric",
+					className: "p-5",
+					children: [/* @__PURE__ */ E("h3", {
+						className: "mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary",
+						children: n[e.type]
+					}), /* @__PURE__ */ E("ul", {
+						className: "space-y-3",
+						children: e.metrics.map((t) => {
+							let n = Math.max(4, Math.round(Math.abs(t.value) / e.max * 100));
+							return /* @__PURE__ */ D("li", {
+								className: "flex items-center gap-3",
+								title: r(t.recordedAt),
+								children: [
+									/* @__PURE__ */ E("span", {
+										className: "w-24 shrink-0 truncate text-sm text-text-primary",
+										children: t.label
+									}),
+									/* @__PURE__ */ E("span", {
+										className: "h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ E("span", {
+											className: "block h-2 rounded-full bg-[var(--color-accent-teal)]",
+											style: { width: `${n}%` }
+										})
+									}),
+									/* @__PURE__ */ D("span", {
+										className: "w-24 shrink-0 text-right text-sm tabular-nums text-text-primary",
+										children: [t.value, t.unit ? ` ${t.unit}` : ""]
+									})
+								]
+							}, t.id);
+						})
+					})]
+				}, e.type))
+			})] }),
+			/* @__PURE__ */ D("section", { children: [/* @__PURE__ */ E("h2", {
+				className: "mb-4 text-lg font-semibold text-text-primary",
+				children: "Workout history"
+			}), C.isLoading ? /* @__PURE__ */ E(s, { label: "Loading workouts…" }) : C.isError ? /* @__PURE__ */ E(o, { onRetry: () => void C.refetch() }) : A.length === 0 ? /* @__PURE__ */ E(a, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ E(v, { className: "h-10 w-10" }),
+				title: "No workouts logged",
+				description: "Log a workout to build this athlete's training history.",
+				action: /* @__PURE__ */ E("button", {
+					type: "button",
+					onClick: () => h(!0),
+					className: "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: "Log workout"
+				})
+			}) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(O, { children: /* @__PURE__ */ E("div", {
+				className: "divide-y divide-border-seam",
+				children: A.map((e) => /* @__PURE__ */ D("div", {
+					className: "flex flex-wrap items-center gap-x-4 gap-y-1 py-3",
+					children: [/* @__PURE__ */ D("div", {
+						className: "min-w-0 flex-1",
+						children: [
+							/* @__PURE__ */ E("p", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: e.title
+							}),
+							/* @__PURE__ */ D("div", {
+								className: "mt-0.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary",
+								children: [
+									/* @__PURE__ */ E("span", { children: r(e.performedAt) }),
+									e.durationMin != null && /* @__PURE__ */ E("span", { children: i(e.durationMin) }),
+									e.rpe != null && /* @__PURE__ */ D("span", { children: ["RPE ", e.rpe] }),
+									e.totalLoad != null && /* @__PURE__ */ D("span", { children: ["Load ", e.totalLoad] })
+								]
+							}),
+							e.notes && /* @__PURE__ */ E("p", {
+								className: "mt-0.5 truncate text-xs text-text-secondary",
+								children: e.notes
+							})
+						]
+					}), /* @__PURE__ */ E(t, { status: e.status })]
+				}, e.id))
+			}) }), /* @__PURE__ */ E(m, {
+				className: "mt-6",
+				page: u,
+				hasMore: j,
+				onPrev: () => f((e) => Math.max(0, e - 1)),
+				onNext: () => f((e) => e + 1)
+			})] })] }),
+			/* @__PURE__ */ E(U, {
+				open: p,
+				onOpenChange: h,
+				athleteId: e,
+				displayName: c
+			}),
+			/* @__PURE__ */ E(W, {
+				open: x,
+				onOpenChange: S,
+				athleteId: e,
+				displayName: c
+			})
+		]
+	});
+}
+function U({ open: e, onOpenChange: t, athleteId: n, displayName: r }) {
+	let i = c(), [a, o] = _(""), [s, l] = _("COMPLETED"), [u, d] = _(B), [m, h] = _(""), [g, v] = _(""), [y, b] = _(""), [S, w] = _(""), [T, O] = _(null), k = () => {
+		o(""), l("COMPLETED"), d(B()), h(""), v(""), b(""), w(""), O(null);
+	};
+	return /* @__PURE__ */ E(A, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ D(j, { children: [/* @__PURE__ */ E(N, { children: /* @__PURE__ */ D(P, { children: ["Log workout", r ? ` — ${r}` : ""] }) }), /* @__PURE__ */ D("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), O(null), !a.trim()) {
+					O("A workout title is required.");
+					return;
+				}
+				if (!u) {
+					O("A performed date and time is required.");
+					return;
+				}
+				try {
+					await i.mutateAsync({
+						athleteId: n,
+						title: a.trim(),
+						status: s,
+						performedAt: new Date(u).toISOString(),
+						durationMin: R(m),
+						rpe: R(g),
+						totalLoad: z(y),
+						notes: S.trim() || void 0
+					}), k(), t(!1);
+				} catch (e) {
+					O(e instanceof Error ? e.message : "Failed to log workout.");
+				}
+			},
+			className: "space-y-4 px-1",
+			children: [
+				/* @__PURE__ */ E(f, {
+					label: "Title",
+					htmlFor: "workoutTitle",
+					required: !0,
+					children: /* @__PURE__ */ E("input", {
+						id: "workoutTitle",
+						className: p,
+						value: a,
+						onChange: (e) => o(e.target.value),
+						placeholder: "e.g. Lower-body strength"
+					})
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ E(f, {
+						label: "Status",
+						htmlFor: "workoutStatus",
+						children: /* @__PURE__ */ E("select", {
+							id: "workoutStatus",
+							className: p,
+							value: s,
+							onChange: (e) => l(e.target.value),
+							children: I.map((e) => /* @__PURE__ */ E("option", {
+								value: e,
+								children: e.charAt(0) + e.slice(1).toLowerCase()
+							}, e))
+						})
+					}), /* @__PURE__ */ E(f, {
+						label: "Performed at",
+						htmlFor: "workoutPerformedAt",
+						required: !0,
+						children: /* @__PURE__ */ E("input", {
+							id: "workoutPerformedAt",
+							type: "datetime-local",
+							className: p,
+							value: u,
+							onChange: (e) => d(e.target.value)
+						})
+					})]
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ E(f, {
+							label: "Duration (min)",
+							htmlFor: "workoutDuration",
+							children: /* @__PURE__ */ E("input", {
+								id: "workoutDuration",
+								inputMode: "numeric",
+								className: p,
+								value: m,
+								onChange: (e) => h(e.target.value)
+							})
+						}),
+						/* @__PURE__ */ E(f, {
+							label: "RPE (1–10)",
+							htmlFor: "workoutRpe",
+							children: /* @__PURE__ */ E("input", {
+								id: "workoutRpe",
+								inputMode: "numeric",
+								className: p,
+								value: g,
+								onChange: (e) => v(e.target.value)
+							})
+						}),
+						/* @__PURE__ */ E(f, {
+							label: "Total load",
+							htmlFor: "workoutLoad",
+							children: /* @__PURE__ */ E("input", {
+								id: "workoutLoad",
+								inputMode: "decimal",
+								className: p,
+								value: y,
+								onChange: (e) => b(e.target.value)
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ E(f, {
+					label: "Notes",
+					htmlFor: "workoutNotes",
+					children: /* @__PURE__ */ E("textarea", {
+						id: "workoutNotes",
+						rows: 2,
+						className: p,
+						value: S,
+						onChange: (e) => w(e.target.value),
+						placeholder: "How did the session go?"
+					})
+				}),
+				T && /* @__PURE__ */ E("p", {
+					className: "text-sm text-status-error-text",
+					children: T
+				}),
+				/* @__PURE__ */ D(M, { children: [/* @__PURE__ */ E("button", {
+					type: "button",
+					onClick: () => t(!1),
+					className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+					children: "Cancel"
+				}), /* @__PURE__ */ D("button", {
+					type: "submit",
+					disabled: i.isPending,
+					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 disabled:opacity-60",
+					children: [i.isPending ? /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(C, { className: "h-4 w-4" }), "Log workout"]
+				})] })
+			]
+		})] })
+	});
+}
+function W({ open: e, onOpenChange: t, athleteId: r, displayName: i }) {
+	let a = u(), [o, s] = _("CUSTOM"), [c, l] = _(""), [d, m] = _(""), [h, g] = _(""), [v, y] = _(""), [b, C] = _(B), [w, T] = _(null), O = () => {
+		s("CUSTOM"), l(""), m(""), g(""), y(""), C(B()), T(null);
+	};
+	return /* @__PURE__ */ E(A, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ D(j, { children: [/* @__PURE__ */ E(N, { children: /* @__PURE__ */ D(P, { children: ["Record metric", i ? ` — ${i}` : ""] }) }), /* @__PURE__ */ D("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), T(null), !c.trim()) {
+					T("A metric label is required.");
+					return;
+				}
+				let n = z(d);
+				if (n === void 0) {
+					T("A numeric value is required.");
+					return;
+				}
+				if (!b) {
+					T("A recorded date and time is required.");
+					return;
+				}
+				try {
+					await a.mutateAsync({
+						athleteId: r,
+						type: o,
+						label: c.trim(),
+						value: n,
+						unit: h.trim() || void 0,
+						source: v.trim() || void 0,
+						recordedAt: new Date(b).toISOString()
+					}), O(), t(!1);
+				} catch (e) {
+					T(e instanceof Error ? e.message : "Failed to record metric.");
+				}
+			},
+			className: "space-y-4 px-1",
+			children: [
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ E(f, {
+						label: "Type",
+						htmlFor: "metricType",
+						children: /* @__PURE__ */ E("select", {
+							id: "metricType",
+							className: p,
+							value: o,
+							onChange: (e) => s(e.target.value),
+							children: L.map((e) => /* @__PURE__ */ E("option", {
+								value: e,
+								children: n[e]
+							}, e))
+						})
+					}), /* @__PURE__ */ E(f, {
+						label: "Recorded at",
+						htmlFor: "metricRecordedAt",
+						required: !0,
+						children: /* @__PURE__ */ E("input", {
+							id: "metricRecordedAt",
+							type: "datetime-local",
+							className: p,
+							value: b,
+							onChange: (e) => C(e.target.value)
+						})
+					})]
+				}),
+				/* @__PURE__ */ E(f, {
+					label: "Label",
+					htmlFor: "metricLabel",
+					required: !0,
+					children: /* @__PURE__ */ E("input", {
+						id: "metricLabel",
+						className: p,
+						value: c,
+						onChange: (e) => l(e.target.value),
+						placeholder: "e.g. 40m sprint"
+					})
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ E(f, {
+						label: "Value",
+						htmlFor: "metricValue",
+						required: !0,
+						children: /* @__PURE__ */ E("input", {
+							id: "metricValue",
+							inputMode: "decimal",
+							className: p,
+							value: d,
+							onChange: (e) => m(e.target.value),
+							placeholder: "e.g. 4.8"
+						})
+					}), /* @__PURE__ */ E(f, {
+						label: "Unit",
+						htmlFor: "metricUnit",
+						children: /* @__PURE__ */ E("input", {
+							id: "metricUnit",
+							className: p,
+							value: h,
+							onChange: (e) => g(e.target.value),
+							placeholder: "e.g. s, kg, bpm"
+						})
+					})]
+				}),
+				/* @__PURE__ */ E(f, {
+					label: "Source",
+					htmlFor: "metricSource",
+					hint: "Optional — device, test or coach.",
+					children: /* @__PURE__ */ E("input", {
+						id: "metricSource",
+						className: p,
+						value: v,
+						onChange: (e) => y(e.target.value),
+						placeholder: "e.g. GPS vest"
+					})
+				}),
+				w && /* @__PURE__ */ E("p", {
+					className: "text-sm text-status-error-text",
+					children: w
+				}),
+				/* @__PURE__ */ D(M, { children: [/* @__PURE__ */ E("button", {
+					type: "button",
+					onClick: () => t(!1),
+					className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+					children: "Cancel"
+				}), /* @__PURE__ */ D("button", {
+					type: "submit",
+					disabled: a.isPending,
+					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 disabled:opacity-60",
+					children: [a.isPending ? /* @__PURE__ */ E(x, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(S, { className: "h-4 w-4" }), "Record metric"]
+				})] })
+			]
+		})] })
+	});
+}
+//#endregion
+export { V as PerformancePage };
+//# sourceMappingURL=PerformancePage.js.map

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

@@ -0,0 +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 grouped by type with a\n * tokenized comparison bar. Backs the dashboard's \"track athlete performance\".\n */\n\nimport { useMemo, useState } from 'react';\nimport { Activity, Dumbbell, Gauge, Loader2, Plus, Save, Users } from 'lucide-react';\nimport {\n GlassCard,\n EmphasisPanel,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogFooter,\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 { 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 type { AthMetricType, AthPerformanceMetric, AthWorkoutStatus } 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\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\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 <GlassCard treatment=\"insight\" className=\"mb-8 p-6\">\n <AthleteSelect\n athleteId={athlete.athleteId}\n onSelect={setAthlete}\n idPrefix=\"perf-athlete\"\n />\n </GlassCard>\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\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 const metricGroups = useMemo(() => {\n const groups = new Map<AthMetricType, AthPerformanceMetric[]>();\n for (const m of metrics.data ?? []) {\n const list = groups.get(m.type) ?? [];\n list.push(m);\n groups.set(m.type, list);\n }\n return Array.from(groups.entries()).map(([type, list]) => ({\n type,\n metrics: [...list].sort(\n (a, b) => new Date(b.recordedAt).getTime() - new Date(a.recordedAt).getTime()\n ),\n max: Math.max(...list.map((m) => Math.abs(m.value)), 0) || 1,\n }));\n }, [metrics.data]);\n\n return (\n <div className=\"space-y-8\">\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={() => setLogOpen(true)}\n 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\"\n >\n <Dumbbell className=\"h-4 w-4\" /> Log workout\n </button>\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 </div>\n </div>\n\n {/* Metrics */}\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 ) : metricGroups.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 />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n {metricGroups.map((group) => (\n <GlassCard key={group.type} treatment=\"metric\" className=\"p-5\">\n <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-wide text-text-secondary\">\n {METRIC_TYPE_LABELS[group.type]}\n </h3>\n <ul className=\"space-y-3\">\n {group.metrics.map((m) => {\n const pct = Math.max(4, Math.round((Math.abs(m.value) / group.max) * 100));\n return (\n <li\n key={m.id}\n className=\"flex items-center gap-3\"\n title={formatDate(m.recordedAt)}\n >\n <span className=\"w-24 shrink-0 truncate text-sm text-text-primary\">\n {m.label}\n </span>\n <span\n className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\"\n aria-hidden=\"true\"\n >\n <span\n className=\"block h-2 rounded-full bg-[var(--color-accent-teal)]\"\n style={{ width: `${pct}%` }}\n />\n </span>\n <span className=\"w-24 shrink-0 text-right text-sm tabular-nums text-text-primary\">\n {m.value}\n {m.unit ? ` ${m.unit}` : ''}\n </span>\n </li>\n );\n })}\n </ul>\n </GlassCard>\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\n type=\"button\"\n onClick={() => setLogOpen(true)}\n className=\"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\"\n >\n Log workout\n </button>\n }\n />\n ) : (\n <>\n <EmphasisPanel>\n <div className=\"divide-y divide-border-seam\">\n {logItems.map((log) => (\n <div key={log.id} className=\"flex flex-wrap items-center gap-x-4 gap-y-1 py-3\">\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium text-text-primary\">{log.title}</p>\n <div className=\"mt-0.5 flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-secondary\">\n <span>{formatDate(log.performedAt)}</span>\n {log.durationMin != null && <span>{formatDuration(log.durationMin)}</span>}\n {log.rpe != null && <span>RPE {log.rpe}</span>}\n {log.totalLoad != null && <span>Load {log.totalLoad}</span>}\n </div>\n {log.notes && (\n <p className=\"mt-0.5 truncate text-xs text-text-secondary\">{log.notes}</p>\n )}\n </div>\n <StatusBadge status={log.status} />\n </div>\n ))}\n </div>\n </EmphasisPanel>\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 <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\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=\"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 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=\"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 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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"}