@burdenoff/microfe-atheletebridge 2026.801.3 → 2026.827.1

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

@@ -1,122 +1,193 @@
-import { cn as e } from "../../utils/cn.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { Sparkline as n } from "../../components/viz/Sparkline.js";
+import { useAbTranslate as e } from "../../i18n.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { Sparkline as r } from "../../components/viz/Sparkline.js";
 import "../../components/viz/index.js";
-import { StatusBadge as r } from "../../components/StatusBadge.js";
-import { METRIC_TYPE_LABELS as i } from "../../components/domain.js";
-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 { 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";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { GlassCard as L, ResponsiveDialog as R, ResponsiveDialogContent as z, ResponsiveDialogFooter as B, ResponsiveDialogHeader as V, ResponsiveDialogTitle as H, ResponsiveTable as U } from "@burdenoff/fe-libs/ui";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { METRIC_TYPE_LABELS as a } from "../../components/domain.js";
+import { formatDate as o, formatDuration as s } from "../../utils/formatters.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { ErrorState as l, LoadingState as u } from "../../components/LoadingState.js";
+import { useLogWorkout as d, usePerformanceMetrics as f, useRecordMetric as p, useWorkoutLogs as m } from "../../hooks/useAthleteBridgeApi.js";
+import { CursorPager as h } from "../../components/CursorPager.js";
+import { FilterSelect as g } from "../../components/FilterSelect.js";
+import { FormField as _, fieldInputClass as v } from "../../components/form.js";
+import { AthleteSelect as y } from "../../components/AthleteSelect.js";
+import { useMemo as b, useState as x } from "react";
+import { Activity as S, ArrowDown as C, ArrowUp as w, CalendarRange as T, Dumbbell as E, Gauge as D, HeartPulse as O, Loader2 as k, Move as A, Plus as j, Save as M, Scale as N, Target as P, Users as F, Zap as I } from "lucide-react";
+import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { GlassCard as B, ResponsiveDialog as V, ResponsiveDialogContent as H, ResponsiveDialogFooter as U, ResponsiveDialogHeader as W, ResponsiveDialogTitle as G, ResponsiveTable as ee } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/performance/PerformancePage.tsx
-var W = 10, G = [
+var K = 10, q = [
 	"COMPLETED",
 	"PLANNED",
 	"SKIPPED"
-], K = Object.keys(i), q = "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))]", J = {
-	SPEED: N,
-	ENDURANCE: b,
-	STRENGTH: C,
-	AGILITY: D,
-	ACCURACY: j,
-	WEIGHT: A,
-	HEART_RATE: T,
-	CUSTOM: w
-}, Y = (e) => {
+], J = Object.keys(a), te = 100, ne = { limit: 100 }, re = [
+	"7d",
+	"28d",
+	"90d"
+], Y = {
+	"7d": 7,
+	"28d": 28,
+	"90d": 90
+}, ie = (e) => {
+	let t = /* @__PURE__ */ new Date();
+	t.setHours(23, 59, 59, 999);
+	let n = new Date(t);
+	return n.setHours(0, 0, 0, 0), n.setDate(n.getDate() - (Y[e] - 1)), {
+		start: n.getTime(),
+		end: t.getTime()
+	};
+}, X = (e) => new Date(e).getTime(), ae = (e) => o(new Date(e), {
+	hour: void 0,
+	minute: void 0,
+	hour12: void 0
+}), oe = (e) => `${ae(e.start)} – ${ae(e.end)}`, se = (e, t) => {
+	switch (e) {
+		case "7d": return t("atheletebridge.pages.performance.window.last7", "Last 7 days");
+		case "28d": return t("atheletebridge.pages.performance.window.last28", "Last 28 days");
+		case "90d": return t("atheletebridge.pages.performance.window.last90", "Last 90 days");
+	}
+}, ce = (e, t) => {
+	switch (e) {
+		case "7d": return t("atheletebridge.pages.performance.window.vsLast7", "vs previous 7 days");
+		case "28d": return t("atheletebridge.pages.performance.window.vsLast28", "vs previous 28 days");
+		case "90d": return t("atheletebridge.pages.performance.window.vsLast90", "vs previous 90 days");
+	}
+}, le = (e, t) => {
+	switch (e) {
+		case "7d": return t("atheletebridge.pages.performance.window.noPrior7", "No reading in the previous 7 days");
+		case "28d": return t("atheletebridge.pages.performance.window.noPrior28", "No reading in the previous 28 days");
+		case "90d": return t("atheletebridge.pages.performance.window.noPrior90", "No reading in the previous 90 days");
+	}
+}, Z = "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))]", ue = {
+	SPEED: I,
+	ENDURANCE: S,
+	STRENGTH: E,
+	AGILITY: A,
+	ACCURACY: P,
+	WEIGHT: N,
+	HEART_RATE: O,
+	CUSTOM: D
+}, de = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = Number.parseInt(t, 10);
 	return Number.isNaN(n) ? void 0 : n;
-}, X = (e) => {
+}, fe = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = Number.parseFloat(t);
 	return Number.isNaN(n) ? void 0 : n;
-}, Z = () => {
+}, Q = () => {
 	let e = /* @__PURE__ */ new Date();
 	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
-}, Q = (e) => (Math.abs(e) >= 100 ? e.toFixed(0) : e.toFixed(2)).replace(/\.?0+$/, "");
-function $() {
-	let [e, n] = y({
+}, $ = (e) => (Math.abs(e) >= 100 ? e.toFixed(0) : e.toFixed(2)).replace(/\.?0+$/, "");
+function pe() {
+	let [e, t] = x({
 		athleteId: "",
 		displayName: ""
 	});
-	return /* @__PURE__ */ I(t, {
+	return /* @__PURE__ */ z(n, {
 		title: "Performance",
 		description: "Log workouts, record metrics and track an athlete's progress over time.",
-		children: [/* @__PURE__ */ F("div", {
+		children: [/* @__PURE__ */ R("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, {
+			children: /* @__PURE__ */ R(B, {
 				treatment: "insight",
 				className: "p-5 sm:p-6",
-				children: /* @__PURE__ */ F(_, {
+				children: /* @__PURE__ */ R(y, {
 					athleteId: e.athleteId,
-					onSelect: n,
+					onSelect: t,
 					idPrefix: "perf-athlete"
 				})
 			})
-		}), e.athleteId ? /* @__PURE__ */ F(ee, {
+		}), e.athleteId ? /* @__PURE__ */ R(me, {
 			athleteId: e.athleteId,
 			displayName: e.displayName
-		}) : /* @__PURE__ */ F(s, {
+		}) : /* @__PURE__ */ R(c, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ F(M, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ R(F, { 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 ee({ athleteId: t, displayName: n }) {
-	let [i, u] = y(0), [f, h] = y(!1), [g, _] = y(!1), x = p({
-		athleteId: t,
-		pagination: {
-			limit: W,
-			offset: i * W
+function me({ athleteId: n, displayName: r }) {
+	let a = e(), [d, p] = x(0), [_, v] = x(""), [y, C] = x(!1), [w, O] = x(!1), k = b(() => _ === "" ? null : ie(_), [_]), A = m({
+		athleteId: n,
+		pagination: k ? { limit: te } : {
+			limit: K,
+			offset: d * K
 		}
-	}), S = d(t), T = x.data?.items ?? [], E = x.data?.pageInfo.hasMore ?? !1, D = v(() => {
+	}), M = f(n, ne), N = b(() => A.data?.items ?? [], [A.data]), P = A.data?.pageInfo.hasMore ?? !1, F = b(() => k ? N.filter((e) => {
+		let t = X(e.performedAt);
+		return t >= k.start && t <= k.end;
+	}) : N, [N, k]), I = k ? Math.max(0, Math.ceil(F.length / K) - 1) : d, V = Math.min(d, I), H = k ? F.slice(V * K, (V + 1) * K) : F, U = k ? F.length > (V + 1) * K : P, W = b(() => {
+		if (!k || !P) return !0;
+		let e = N[N.length - 1];
+		return e != null && X(e.performedAt) <= k.start;
+	}, [
+		k,
+		P,
+		N
+	]), G = b(() => re.map((e) => ({
+		value: e,
+		label: `${se(e, a)} · ${oe(ie(e))}`
+	})), [a]), q = b(() => _ === "" ? {
+		comparison: a("atheletebridge.pages.performance.window.vsPrevious", "vs previous"),
+		noComparison: a("atheletebridge.pages.performance.window.firstReading", "First reading")
+	} : {
+		comparison: ce(_, a),
+		noComparison: le(_, a)
+	}, [_, a]), J = b(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of S.data ?? []) {
+		for (let t of M.data ?? []) {
 			let n = `${t.type}::${t.label}`, r = e.get(n) ?? [];
 			r.push(t), e.set(n, r);
 		}
 		return Array.from(e.entries()).map(([e, t]) => {
-			let n = [...t].sort((e, t) => new Date(e.recordedAt).getTime() - new Date(t.recordedAt).getTime()), r = n.map((e) => e.value), i = n[n.length - 1], a = n.length > 1 ? n[n.length - 2] : null;
+			let n = [...t].sort((e, t) => X(e.recordedAt) - X(t.recordedAt)), r = k ? n.filter((e) => {
+				let t = X(e.recordedAt);
+				return t >= k.start && t <= k.end;
+			}) : n;
+			if (r.length === 0) return null;
+			let i = r.map((e) => e.value), a = r[r.length - 1], o = null;
+			if (k) {
+				let e = k.start - (k.end - k.start + 1), t = n.filter((t) => {
+					let n = X(t.recordedAt);
+					return n >= e && n < k.start;
+				});
+				o = t.length > 0 ? t[t.length - 1].value : null;
+			} else o = n.length > 1 ? n[n.length - 2].value : null;
 			return {
 				key: e,
-				type: i.type,
-				label: i.label,
-				unit: i.unit,
-				latest: i.value,
-				previous: a ? a.value : null,
-				min: Math.min(...r),
-				max: Math.max(...r),
-				series: r,
-				recordedAt: i.recordedAt,
-				count: n.length
+				type: a.type,
+				label: a.label,
+				unit: a.unit,
+				latest: a.value,
+				previous: o,
+				min: Math.min(...i),
+				max: Math.max(...i),
+				series: i,
+				recordedAt: a.recordedAt
 			};
-		}).sort((e, t) => new Date(t.recordedAt).getTime() - new Date(e.recordedAt).getTime());
-	}, [S.data]), k = v(() => [
+		}).filter((e) => e !== null).sort((e, t) => X(t.recordedAt) - X(e.recordedAt));
+	}, [M.data, k]), Y = b(() => [
 		{
 			key: "workout",
 			header: "Workout",
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ I("div", {
+			cell: (e) => /* @__PURE__ */ z("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ F("span", {
+				children: [/* @__PURE__ */ R("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)]",
-					children: /* @__PURE__ */ F(te(e.title), {
+					children: /* @__PURE__ */ R(he(e.title), {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
 					})
-				}), /* @__PURE__ */ F("span", {
+				}), /* @__PURE__ */ R("span", {
 					className: "min-w-0 truncate font-medium text-text-primary",
 					children: e.title
 				})]
@@ -127,12 +198,12 @@ function ee({ athleteId: t, displayName: n }) {
 			header: "Duration",
 			priority: "secondary",
 			mobileLabel: "Duration",
-			cell: (e) => e.durationMin == null ? /* @__PURE__ */ F("span", {
+			cell: (e) => e.durationMin == null ? /* @__PURE__ */ R("span", {
 				className: "text-text-muted",
 				children: "—"
-			}) : /* @__PURE__ */ F("span", {
+			}) : /* @__PURE__ */ R("span", {
 				className: "tabular-nums text-text-secondary",
-				children: o(e.durationMin)
+				children: s(e.durationMin)
 			})
 		},
 		{
@@ -140,19 +211,19 @@ function ee({ athleteId: t, displayName: n }) {
 			header: "RPE",
 			priority: "secondary",
 			mobileLabel: "RPE",
-			cell: (e) => e.rpe == null ? /* @__PURE__ */ F("span", {
+			cell: (e) => e.rpe == null ? /* @__PURE__ */ R("span", {
 				className: "text-text-muted",
 				children: "—"
-			}) : /* @__PURE__ */ F(ne, { rpe: e.rpe })
+			}) : /* @__PURE__ */ R(ge, { rpe: e.rpe })
 		},
 		{
 			key: "date",
 			header: "Date",
 			priority: "secondary",
 			mobileLabel: "Date",
-			cell: (e) => /* @__PURE__ */ F("span", {
+			cell: (e) => /* @__PURE__ */ R("span", {
 				className: "tabular-nums text-text-secondary",
-				children: a(e.performedAt)
+				children: o(e.performedAt)
 			})
 		},
 		{
@@ -160,165 +231,202 @@ function ee({ athleteId: t, displayName: n }) {
 			header: "Status",
 			priority: "primary",
 			mobileLabel: "Status",
-			cell: (e) => /* @__PURE__ */ F(r, { status: e.status })
+			cell: (e) => /* @__PURE__ */ R(i, { status: e.status })
 		},
 		{
 			key: "notes",
 			header: "Notes",
 			priority: "hidden-on-mobile",
-			cell: (e) => e.notes ? /* @__PURE__ */ F("span", {
+			cell: (e) => e.notes ? /* @__PURE__ */ R("span", {
 				className: "line-clamp-2 max-w-[22ch] text-text-secondary",
 				children: e.notes
-			}) : /* @__PURE__ */ F("span", {
+			}) : /* @__PURE__ */ R("span", {
 				className: "text-text-muted",
 				children: "—"
 			})
 		}
 	], []);
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "space-y-8 pb-24 sm:pb-0",
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ I("p", {
+				children: [/* @__PURE__ */ z("p", {
 					className: "text-sm text-text-secondary",
-					children: ["Tracking ", /* @__PURE__ */ F("span", {
-						className: "font-medium text-text-primary",
-						children: n || "athlete"
-					})]
-				}), /* @__PURE__ */ I("div", {
-					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ I("button", {
-						type: "button",
-						onClick: () => _(!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__ */ F(w, { className: "h-4 w-4" }), " Record metric"]
-					}), /* @__PURE__ */ I("button", {
-						type: "button",
-						onClick: () => h(!0),
-						className: e(q, "hidden sm:inline-flex"),
-						children: [/* @__PURE__ */ F(C, { className: "h-4 w-4" }), " Log workout"]
-					})]
+					children: [
+						"Tracking ",
+						/* @__PURE__ */ R("span", {
+							className: "font-medium text-text-primary",
+							children: r || "athlete"
+						}),
+						k ? /* @__PURE__ */ z(L, { children: [" · ", /* @__PURE__ */ R("span", {
+							className: "tabular-nums text-text-muted",
+							children: oe(k)
+						})] }) : null
+					]
+				}), /* @__PURE__ */ z("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ z("span", {
+							className: "flex items-center gap-2",
+							"data-tour": "performance-date-range",
+							children: [/* @__PURE__ */ R(T, {
+								className: "h-4 w-4 shrink-0 text-text-muted",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ R(g, {
+								value: _,
+								onChange: (e) => {
+									v(e), p(0);
+								},
+								options: G,
+								allLabel: a("atheletebridge.pages.performance.window.allTime", "All time"),
+								ariaLabel: a("atheletebridge.pages.performance.window.ariaLabel", "Date range")
+							})]
+						}),
+						/* @__PURE__ */ z("button", {
+							type: "button",
+							onClick: () => O(!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__ */ R(D, { className: "h-4 w-4" }), " Record metric"]
+						}),
+						/* @__PURE__ */ z("button", {
+							type: "button",
+							onClick: () => C(!0),
+							className: t(Z, "hidden sm:inline-flex"),
+							children: [/* @__PURE__ */ R(E, { className: "h-4 w-4" }), " Log workout"]
+						})
+					]
 				})]
 			}),
-			/* @__PURE__ */ I("section", { children: [/* @__PURE__ */ F("h2", {
+			/* @__PURE__ */ z("section", { children: [/* @__PURE__ */ R("h2", {
 				className: "mb-4 text-lg font-semibold text-text-primary",
 				children: "Performance metrics"
-			}), S.isLoading ? /* @__PURE__ */ F(l, { label: "Loading metrics…" }) : S.isError ? /* @__PURE__ */ F(c, { onRetry: () => void S.refetch() }) : D.length === 0 ? /* @__PURE__ */ F(s, {
+			}), M.isLoading ? /* @__PURE__ */ R(u, { label: "Loading metrics…" }) : M.isError ? /* @__PURE__ */ R(l, { onRetry: () => void M.refetch() }) : J.length === 0 ? /* @__PURE__ */ R(c, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ F(w, { className: "h-10 w-10" }),
-				title: "No metrics recorded",
-				description: "Record a metric — speed, strength, endurance and more — to start charting progress.",
-				action: /* @__PURE__ */ I("button", {
+				icon: /* @__PURE__ */ R(D, { className: "h-10 w-10" }),
+				title: k ? a("atheletebridge.pages.performance.metrics.emptyWindowTitle", "No metrics in this window") : "No metrics recorded",
+				description: k ? a("atheletebridge.pages.performance.metrics.emptyWindowDescription", "Nothing was recorded for this athlete in the selected period. Widen the date range, or record a metric.") : "Record a metric — speed, strength, endurance and more — to start charting progress.",
+				action: /* @__PURE__ */ z("button", {
 					type: "button",
-					onClick: () => _(!0),
-					className: q,
-					children: [/* @__PURE__ */ F(O, { className: "h-4 w-4" }), " Record metric"]
+					onClick: () => O(!0),
+					className: Z,
+					children: [/* @__PURE__ */ R(j, { className: "h-4 w-4" }), " Record metric"]
 				})
-			}) : /* @__PURE__ */ F("div", {
+			}) : /* @__PURE__ */ R("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: D.map((e) => /* @__PURE__ */ F(re, { metric: e }, e.key))
+				children: J.map((e) => /* @__PURE__ */ R(_e, {
+					metric: e,
+					labels: q,
+					tr: a
+				}, e.key))
 			})] }),
-			/* @__PURE__ */ I("section", { children: [/* @__PURE__ */ F("h2", {
-				className: "mb-4 text-lg font-semibold text-text-primary",
-				children: "Workout history"
-			}), x.isLoading ? /* @__PURE__ */ F(l, { label: "Loading workouts…" }) : x.isError ? /* @__PURE__ */ F(c, { onRetry: () => void x.refetch() }) : T.length === 0 ? /* @__PURE__ */ F(s, {
-				illustration: "empty-data",
-				icon: /* @__PURE__ */ F(b, { className: "h-10 w-10" }),
-				title: "No workouts logged",
-				description: "Log a workout to build this athlete's training history.",
-				action: /* @__PURE__ */ I("button", {
-					type: "button",
-					onClick: () => h(!0),
-					className: q,
-					children: [/* @__PURE__ */ F(C, { className: "h-4 w-4" }), " Log workout"]
-				})
-			}) : /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(L, {
-				treatment: "metric",
-				className: "overflow-hidden p-1 sm:p-2",
-				children: /* @__PURE__ */ F(U, {
-					columns: k,
-					data: T,
-					rowKey: (e) => e.id,
-					caption: `Workout history for ${n || "athlete"}`
+			/* @__PURE__ */ z("section", { children: [
+				/* @__PURE__ */ R("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "Workout history"
+				}),
+				A.isLoading ? /* @__PURE__ */ R(u, { label: "Loading workouts…" }) : A.isError ? /* @__PURE__ */ R(l, { onRetry: () => void A.refetch() }) : H.length === 0 ? /* @__PURE__ */ R(c, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ R(S, { className: "h-10 w-10" }),
+					title: k ? a("atheletebridge.pages.performance.workouts.emptyWindowTitle", "No workouts in this window") : "No workouts logged",
+					description: k ? a("atheletebridge.pages.performance.workouts.emptyWindowDescription", "Nothing was logged for this athlete in the selected period. Widen the date range, or log a workout.") : "Log a workout to build this athlete's training history.",
+					action: /* @__PURE__ */ z("button", {
+						type: "button",
+						onClick: () => C(!0),
+						className: Z,
+						children: [/* @__PURE__ */ R(E, { className: "h-4 w-4" }), " Log workout"]
+					})
+				}) : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(B, {
+					treatment: "metric",
+					className: "overflow-hidden p-1 sm:p-2",
+					children: /* @__PURE__ */ R(ee, {
+						columns: Y,
+						data: H,
+						rowKey: (e) => e.id,
+						caption: `Workout history for ${r || "athlete"}`
+					})
+				}), /* @__PURE__ */ R(h, {
+					className: "mt-6",
+					page: V,
+					hasMore: U,
+					onPrev: () => p(Math.max(0, V - 1)),
+					onNext: () => p(V + 1)
+				})] }),
+				W ? null : /* @__PURE__ */ R("p", {
+					className: "mt-3 text-xs text-text-muted",
+					children: a("atheletebridge.pages.performance.workouts.windowTruncated", "Only the most recent page of workouts was searched, and it does not reach back to the start of this window — older sessions in the range are not listed.")
 				})
-			}), /* @__PURE__ */ F(m, {
-				className: "mt-6",
-				page: i,
-				hasMore: E,
-				onPrev: () => u((e) => Math.max(0, e - 1)),
-				onNext: () => u((e) => e + 1)
-			})] })] }),
-			/* @__PURE__ */ F("div", {
+			] }),
+			/* @__PURE__ */ R("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",
-				children: /* @__PURE__ */ I("button", {
+				children: /* @__PURE__ */ z("button", {
 					type: "button",
-					onClick: () => h(!0),
-					className: e(q, "w-full py-3 text-base"),
-					children: [/* @__PURE__ */ F(O, { className: "h-5 w-5" }), " Log workout"]
+					onClick: () => C(!0),
+					className: t(Z, "w-full py-3 text-base"),
+					children: [/* @__PURE__ */ R(j, { className: "h-5 w-5" }), " Log workout"]
 				})
 			}),
-			/* @__PURE__ */ F(ie, {
-				open: f,
-				onOpenChange: h,
-				athleteId: t,
-				displayName: n
+			/* @__PURE__ */ R(ve, {
+				open: y,
+				onOpenChange: C,
+				athleteId: n,
+				displayName: r
 			}),
-			/* @__PURE__ */ F(ae, {
-				open: g,
-				onOpenChange: _,
-				athleteId: t,
-				displayName: n
+			/* @__PURE__ */ R(ye, {
+				open: w,
+				onOpenChange: O,
+				athleteId: n,
+				displayName: r
 			})
 		]
 	});
 }
-function te(e) {
+function he(e) {
 	let t = e.toLowerCase();
-	return /strength|lift|squat|deadlift|bench|1rm|weight/.test(t) ? C : /speed|sprint|agility|accel|split/.test(t) ? N : /endurance|aerobic|cardio|run|beep|yo-?yo/.test(t) ? b : /recovery|mobility|stretch|rest/.test(t) ? T : /accuracy|shoot|target/.test(t) ? j : C;
+	return /strength|lift|squat|deadlift|bench|1rm|weight/.test(t) ? E : /speed|sprint|agility|accel|split/.test(t) ? I : /endurance|aerobic|cardio|run|beep|yo-?yo/.test(t) ? S : /recovery|mobility|stretch|rest/.test(t) ? O : /accuracy|shoot|target/.test(t) ? P : E;
 }
-function ne({ rpe: t }) {
-	return /* @__PURE__ */ F("span", {
-		className: e("inline-flex h-7 min-w-[1.75rem] items-center justify-center rounded-md border px-1.5 text-sm font-semibold tabular-nums", t >= 8 ? "border-status-error-border text-status-error-text" : t >= 5 ? "border-status-warning-border text-status-warning-text" : "border-border-seam text-text-secondary"),
-		children: t
+function ge({ rpe: e }) {
+	return /* @__PURE__ */ R("span", {
+		className: t("inline-flex h-7 min-w-[1.75rem] items-center justify-center rounded-md border px-1.5 text-sm font-semibold tabular-nums", e >= 8 ? "border-status-error-border text-status-error-text" : e >= 5 ? "border-status-warning-border text-status-warning-text" : "border-border-seam text-text-secondary"),
+		children: e
 	});
 }
-function re({ metric: e }) {
-	let t = J[e.type], r = e.previous == null ? null : e.latest - e.previous, o = e.max > e.min, s = o ? Math.round((e.latest - e.min) / (e.max - e.min) * 100) : 100, c = e.unit ? ` ${e.unit}` : "";
-	return /* @__PURE__ */ I(L, {
+function _e({ metric: e, labels: t, tr: n }) {
+	let i = ue[e.type], s = e.previous == null ? null : e.latest - e.previous, c = e.max > e.min, l = c ? Math.round((e.latest - e.min) / (e.max - e.min) * 100) : 100, u = e.unit ? ` ${e.unit}` : "";
+	return /* @__PURE__ */ z(B, {
 		treatment: "metric",
 		className: "flex flex-col gap-3 p-5",
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ I("span", {
+				children: [/* @__PURE__ */ z("span", {
 					className: "flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-[var(--color-accent-teal)]",
-					children: [/* @__PURE__ */ F(t, {
+					children: [/* @__PURE__ */ R(i, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
-					}), i[e.type]]
-				}), /* @__PURE__ */ F("span", {
+					}), a[e.type]]
+				}), /* @__PURE__ */ R("span", {
 					className: "text-xs text-text-muted",
-					children: a(e.recordedAt)
+					children: o(e.recordedAt)
 				})]
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex items-end justify-between gap-3",
-				children: [/* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ z("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ F("p", {
+					children: [/* @__PURE__ */ R("p", {
 						className: "truncate text-sm text-text-secondary",
 						children: e.label
-					}), /* @__PURE__ */ I("p", {
+					}), /* @__PURE__ */ z("p", {
 						className: "mt-0.5 text-3xl font-bold leading-none tracking-tight tabular-nums text-text-primary",
-						children: [Q(e.latest), e.unit ? /* @__PURE__ */ F("span", {
+						children: [$(e.latest), e.unit ? /* @__PURE__ */ R("span", {
 							className: "ml-1 text-base font-medium text-text-secondary",
 							children: e.unit
 						}) : null]
 					})]
-				}), e.series.length > 1 ? /* @__PURE__ */ F("div", {
+				}), e.series.length > 1 ? /* @__PURE__ */ R("div", {
 					className: "w-24 shrink-0 sm:w-28",
-					children: /* @__PURE__ */ F(n, {
+					children: /* @__PURE__ */ R(r, {
 						data: e.series,
 						variant: "area",
 						height: 40,
@@ -326,58 +434,65 @@ function re({ metric: e }) {
 					})
 				}) : null]
 			}),
-			o ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("span", {
+			c ? /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("span", {
 				className: "block h-1.5 overflow-hidden rounded-full bg-bg-sunken",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ F("span", {
+				children: /* @__PURE__ */ R("span", {
 					className: "block h-1.5 rounded-full bg-[var(--color-accent-teal)]",
-					style: { width: `${Math.max(4, Math.min(100, s))}%` }
+					style: { width: `${Math.max(4, Math.min(100, l))}%` }
 				})
-			}), /* @__PURE__ */ I("div", {
+			}), /* @__PURE__ */ z("div", {
 				className: "mt-1 flex justify-between text-[0.7rem] tabular-nums text-text-muted",
 				children: [
-					/* @__PURE__ */ F("span", { children: Q(e.min) }),
-					/* @__PURE__ */ F("span", { children: Q((e.min + e.max) / 2) }),
-					/* @__PURE__ */ F("span", { children: Q(e.max) })
+					/* @__PURE__ */ R("span", { children: $(e.min) }),
+					/* @__PURE__ */ R("span", { children: $((e.min + e.max) / 2) }),
+					/* @__PURE__ */ R("span", { children: $(e.max) })
 				]
 			})] }) : null,
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ R("div", {
 				className: "mt-auto flex items-center gap-1.5 text-sm",
-				children: r == null || r === 0 ? /* @__PURE__ */ F("span", {
+				children: s == null ? /* @__PURE__ */ R("span", {
+					className: "text-text-muted",
+					children: t.noComparison
+				}) : s === 0 ? /* @__PURE__ */ z("span", {
 					className: "text-text-muted",
-					children: e.count > 1 ? "No change vs previous" : "First reading"
-				}) : /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ I("span", {
+					children: [
+						n("atheletebridge.pages.performance.window.noChange", "No change"),
+						" ",
+						t.comparison
+					]
+				}) : /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ z("span", {
 					className: "inline-flex items-center gap-0.5 font-medium tabular-nums text-text-secondary",
 					children: [
-						F(r > 0 ? S : x, {
+						R(s > 0 ? w : C, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
 						}),
-						Q(Math.abs(r)),
-						c
+						$(Math.abs(s)),
+						u
 					]
-				}), /* @__PURE__ */ F("span", {
+				}), /* @__PURE__ */ R("span", {
 					className: "text-text-muted",
-					children: "vs previous"
+					children: t.comparison
 				})] })
 			})
 		]
 	});
 }
-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, 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);
+function ve({ open: e, onOpenChange: n, athleteId: r, displayName: i }) {
+	let a = d(), [o, s] = x(""), [c, l] = x("COMPLETED"), [u, f] = x(Q), [p, m] = x(""), [h, g] = x(""), [y, b] = x(""), [S, C] = x(""), [w, T] = x(null), E = () => {
+		s(""), l("COMPLETED"), f(Q()), m(""), g(""), b(""), C(""), T(null);
 	};
-	return /* @__PURE__ */ F(R, {
-		open: t,
+	return /* @__PURE__ */ R(V, {
+		open: e,
 		onOpenChange: n,
-		children: /* @__PURE__ */ I(z, { children: [/* @__PURE__ */ F(V, { children: /* @__PURE__ */ I(H, { children: ["Log workout", i ? ` — ${i}` : ""] }) }), /* @__PURE__ */ I("form", {
+		children: /* @__PURE__ */ z(H, { children: [/* @__PURE__ */ R(W, { children: /* @__PURE__ */ z(G, { children: ["Log workout", i ? ` — ${i}` : ""] }) }), /* @__PURE__ */ z("form", {
 			onSubmit: async (e) => {
 				if (e.preventDefault(), T(null), !o.trim()) {
 					T("A workout title is required.");
 					return;
 				}
-				if (!d) {
+				if (!u) {
 					T("A performed date and time is required.");
 					return;
 				}
@@ -386,146 +501,146 @@ function ie({ open: t, onOpenChange: n, athleteId: r, displayName: i }) {
 						athleteId: r,
 						title: o.trim(),
 						status: c,
-						performedAt: new Date(d).toISOString(),
-						durationMin: Y(p),
-						rpe: Y(_),
-						totalLoad: X(b),
+						performedAt: new Date(u).toISOString(),
+						durationMin: de(p),
+						rpe: de(h),
+						totalLoad: fe(y),
 						notes: S.trim() || void 0
-					}), D(), n(!1);
+					}), E(), n(!1);
 				} catch (e) {
 					T(e instanceof Error ? e.message : "Failed to log workout.");
 				}
 			},
 			className: "space-y-4 px-1",
 			children: [
-				/* @__PURE__ */ F(h, {
+				/* @__PURE__ */ R(_, {
 					label: "Title",
 					htmlFor: "workoutTitle",
 					required: !0,
-					children: /* @__PURE__ */ F("input", {
+					children: /* @__PURE__ */ R("input", {
 						id: "workoutTitle",
-						className: g,
+						className: v,
 						value: o,
 						onChange: (e) => s(e.target.value),
 						placeholder: "e.g. Lower-body strength"
 					})
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ z("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ F(h, {
+					children: [/* @__PURE__ */ R(_, {
 						label: "Status",
 						htmlFor: "workoutStatus",
-						children: /* @__PURE__ */ F("select", {
+						children: /* @__PURE__ */ R("select", {
 							id: "workoutStatus",
-							className: g,
+							className: v,
 							value: c,
 							onChange: (e) => l(e.target.value),
-							children: G.map((e) => /* @__PURE__ */ F("option", {
+							children: q.map((e) => /* @__PURE__ */ R("option", {
 								value: e,
 								children: e.charAt(0) + e.slice(1).toLowerCase()
 							}, e))
 						})
-					}), /* @__PURE__ */ F(h, {
+					}), /* @__PURE__ */ R(_, {
 						label: "Performed at",
 						htmlFor: "workoutPerformedAt",
 						required: !0,
-						children: /* @__PURE__ */ F("input", {
+						children: /* @__PURE__ */ R("input", {
 							id: "workoutPerformedAt",
 							type: "datetime-local",
-							className: g,
-							value: d,
+							className: v,
+							value: u,
 							onChange: (e) => f(e.target.value)
 						})
 					})]
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ z("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ F(h, {
+						/* @__PURE__ */ R(_, {
 							label: "Duration (min)",
 							htmlFor: "workoutDuration",
-							children: /* @__PURE__ */ F("input", {
+							children: /* @__PURE__ */ R("input", {
 								id: "workoutDuration",
 								inputMode: "numeric",
-								className: g,
+								className: v,
 								value: p,
 								onChange: (e) => m(e.target.value)
 							})
 						}),
-						/* @__PURE__ */ F(h, {
+						/* @__PURE__ */ R(_, {
 							label: "RPE (1–10)",
 							htmlFor: "workoutRpe",
-							children: /* @__PURE__ */ F("input", {
+							children: /* @__PURE__ */ R("input", {
 								id: "workoutRpe",
 								inputMode: "numeric",
-								className: g,
-								value: _,
-								onChange: (e) => v(e.target.value)
+								className: v,
+								value: h,
+								onChange: (e) => g(e.target.value)
 							})
 						}),
-						/* @__PURE__ */ F(h, {
+						/* @__PURE__ */ R(_, {
 							label: "Total load",
 							htmlFor: "workoutLoad",
-							children: /* @__PURE__ */ F("input", {
+							children: /* @__PURE__ */ R("input", {
 								id: "workoutLoad",
 								inputMode: "decimal",
-								className: g,
-								value: b,
-								onChange: (e) => x(e.target.value)
+								className: v,
+								value: y,
+								onChange: (e) => b(e.target.value)
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ F(h, {
+				/* @__PURE__ */ R(_, {
 					label: "Notes",
 					htmlFor: "workoutNotes",
-					children: /* @__PURE__ */ F("textarea", {
+					children: /* @__PURE__ */ R("textarea", {
 						id: "workoutNotes",
 						rows: 2,
-						className: g,
+						className: v,
 						value: S,
 						onChange: (e) => C(e.target.value),
 						placeholder: "How did the session go?"
 					})
 				}),
-				w && /* @__PURE__ */ F("p", {
+				w && /* @__PURE__ */ R("p", {
 					className: "text-sm text-status-error-text",
 					children: w
 				}),
-				/* @__PURE__ */ I(B, { children: [/* @__PURE__ */ F("button", {
+				/* @__PURE__ */ z(U, { children: [/* @__PURE__ */ R("button", {
 					type: "button",
 					onClick: () => n(!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__ */ I("button", {
+				}), /* @__PURE__ */ z("button", {
 					type: "submit",
 					disabled: a.isPending,
-					className: e(q, "disabled:opacity-60"),
-					children: [a.isPending ? /* @__PURE__ */ F(E, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ F(k, { className: "h-4 w-4" }), "Log workout"]
+					className: t(Z, "disabled:opacity-60"),
+					children: [a.isPending ? /* @__PURE__ */ R(k, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ R(M, { className: "h-4 w-4" }), "Log workout"]
 				})] })
 			]
 		})] })
 	});
 }
-function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
-	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);
+function ye({ open: e, onOpenChange: n, athleteId: r, displayName: i }) {
+	let o = p(), [s, c] = x("CUSTOM"), [l, u] = x(""), [d, f] = x(""), [m, h] = x(""), [g, y] = x(""), [b, S] = x(Q), [C, w] = x(null), T = () => {
+		c("CUSTOM"), u(""), f(""), h(""), y(""), S(Q()), w(null);
 	};
-	return /* @__PURE__ */ F(R, {
-		open: t,
+	return /* @__PURE__ */ R(V, {
+		open: e,
 		onOpenChange: n,
-		children: /* @__PURE__ */ I(z, { children: [/* @__PURE__ */ F(V, { children: /* @__PURE__ */ I(H, { children: ["Record metric", a ? ` — ${a}` : ""] }) }), /* @__PURE__ */ I("form", {
+		children: /* @__PURE__ */ z(H, { children: [/* @__PURE__ */ R(W, { children: /* @__PURE__ */ z(G, { children: ["Record metric", i ? ` — ${i}` : ""] }) }), /* @__PURE__ */ z("form", {
 			onSubmit: async (e) => {
 				if (e.preventDefault(), w(null), !l.trim()) {
 					w("A metric label is required.");
 					return;
 				}
-				let t = X(d);
+				let t = fe(d);
 				if (t === void 0) {
 					w("A numeric value is required.");
 					return;
 				}
-				if (!x) {
+				if (!b) {
 					w("A recorded date and time is required.");
 					return;
 				}
@@ -536,8 +651,8 @@ function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
 						label: l.trim(),
 						value: t,
 						unit: m.trim() || void 0,
-						source: v.trim() || void 0,
-						recordedAt: new Date(x).toISOString()
+						source: g.trim() || void 0,
+						recordedAt: new Date(b).toISOString()
 					}), T(), n(!1);
 				} catch (e) {
 					w(e instanceof Error ? e.message : "Failed to record metric.");
@@ -545,104 +660,104 @@ function ae({ open: t, onOpenChange: n, athleteId: r, displayName: a }) {
 			},
 			className: "space-y-4 px-1",
 			children: [
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ z("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ F(h, {
+					children: [/* @__PURE__ */ R(_, {
 						label: "Type",
 						htmlFor: "metricType",
-						children: /* @__PURE__ */ F("select", {
+						children: /* @__PURE__ */ R("select", {
 							id: "metricType",
-							className: g,
+							className: v,
 							value: s,
 							onChange: (e) => c(e.target.value),
-							children: K.map((e) => /* @__PURE__ */ F("option", {
+							children: J.map((e) => /* @__PURE__ */ R("option", {
 								value: e,
-								children: i[e]
+								children: a[e]
 							}, e))
 						})
-					}), /* @__PURE__ */ F(h, {
+					}), /* @__PURE__ */ R(_, {
 						label: "Recorded at",
 						htmlFor: "metricRecordedAt",
 						required: !0,
-						children: /* @__PURE__ */ F("input", {
+						children: /* @__PURE__ */ R("input", {
 							id: "metricRecordedAt",
 							type: "datetime-local",
-							className: g,
-							value: x,
+							className: v,
+							value: b,
 							onChange: (e) => S(e.target.value)
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(h, {
+				/* @__PURE__ */ R(_, {
 					label: "Label",
 					htmlFor: "metricLabel",
 					required: !0,
-					children: /* @__PURE__ */ F("input", {
+					children: /* @__PURE__ */ R("input", {
 						id: "metricLabel",
-						className: g,
+						className: v,
 						value: l,
 						onChange: (e) => u(e.target.value),
 						placeholder: "e.g. 40m sprint"
 					})
 				}),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ z("div", {
 					className: "grid grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ F(h, {
+					children: [/* @__PURE__ */ R(_, {
 						label: "Value",
 						htmlFor: "metricValue",
 						required: !0,
-						children: /* @__PURE__ */ F("input", {
+						children: /* @__PURE__ */ R("input", {
 							id: "metricValue",
 							inputMode: "decimal",
-							className: g,
+							className: v,
 							value: d,
-							onChange: (e) => p(e.target.value),
+							onChange: (e) => f(e.target.value),
 							placeholder: "e.g. 4.8"
 						})
-					}), /* @__PURE__ */ F(h, {
+					}), /* @__PURE__ */ R(_, {
 						label: "Unit",
 						htmlFor: "metricUnit",
-						children: /* @__PURE__ */ F("input", {
+						children: /* @__PURE__ */ R("input", {
 							id: "metricUnit",
-							className: g,
+							className: v,
 							value: m,
-							onChange: (e) => _(e.target.value),
+							onChange: (e) => h(e.target.value),
 							placeholder: "e.g. s, kg, bpm"
 						})
 					})]
 				}),
-				/* @__PURE__ */ F(h, {
+				/* @__PURE__ */ R(_, {
 					label: "Source",
 					htmlFor: "metricSource",
 					hint: "Optional — device, test or coach.",
-					children: /* @__PURE__ */ F("input", {
+					children: /* @__PURE__ */ R("input", {
 						id: "metricSource",
-						className: g,
-						value: v,
-						onChange: (e) => b(e.target.value),
+						className: v,
+						value: g,
+						onChange: (e) => y(e.target.value),
 						placeholder: "e.g. GPS vest"
 					})
 				}),
-				C && /* @__PURE__ */ F("p", {
+				C && /* @__PURE__ */ R("p", {
 					className: "text-sm text-status-error-text",
 					children: C
 				}),
-				/* @__PURE__ */ I(B, { children: [/* @__PURE__ */ F("button", {
+				/* @__PURE__ */ z(U, { children: [/* @__PURE__ */ R("button", {
 					type: "button",
 					onClick: () => n(!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__ */ I("button", {
+				}), /* @__PURE__ */ z("button", {
 					type: "submit",
 					disabled: o.isPending,
-					className: e(q, "disabled:opacity-60"),
-					children: [o.isPending ? /* @__PURE__ */ F(E, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ F(O, { className: "h-4 w-4" }), "Record metric"]
+					className: t(Z, "disabled:opacity-60"),
+					children: [o.isPending ? /* @__PURE__ */ R(k, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ R(j, { className: "h-4 w-4" }), "Record metric"]
 				})] })
 			]
 		})] })
 	});
 }
 //#endregion
-export { $ as PerformancePage };
+export { pe as PerformancePage };
 
 //# sourceMappingURL=PerformancePage.js.map