@burdenoff/microfe-atheletebridge 2026.705.2 → 2026.706.1

package/dist/atheletebridge/pages/DashboardPage.js

@@ -1,177 +1,242 @@
 import { useAthleteBridge as e } from "../context/AthleteBridgeContext.js";
 import { PageLayout as t } from "../components/PageLayout.js";
-import { MetricsCard as n } from "../components/MetricsCard.js";
-import { TeamCard as r } from "../components/TeamCard.js";
-import { FixtureCard as i } from "../components/FixtureCard.js";
-import { SessionCard as a } from "../components/SessionCard.js";
-import { EmptyState as o } from "../components/EmptyState.js";
-import { LoadingState as s } from "../components/LoadingState.js";
-import { useFixtures as c, usePrograms as l, useSessions as u, useTeams as d } from "../hooks/useAthleteBridgeApi.js";
-import { useMemo as f } from "react";
-import { ArrowRight as p, CalendarDays as m, ClipboardCheck as h, Dumbbell as g, Gauge as _, Plus as v, Trophy as y, Users as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { Timeline as n } from "../components/viz/Timeline.js";
+import "../components/viz/index.js";
+import { MetricsCard as r } from "../components/MetricsCard.js";
+import { TeamCard as i } from "../components/TeamCard.js";
+import { MatchupRow as a } from "../components/MatchupRow.js";
+import { SessionCard as o } from "../components/SessionCard.js";
+import { EmptyState as s } from "../components/EmptyState.js";
+import { LoadingState as c } from "../components/LoadingState.js";
+import { useFixtures as l, usePrograms as u, useRecentActivity as d, useSessions as f, useTeams as p } from "../hooks/useAthleteBridgeApi.js";
+import { timeAgo as m } from "../utils/timeAgo.js";
+import { useMemo as h } from "react";
+import { ArrowRight as g, CalendarDays as _, CheckCircle2 as v, ClipboardCheck as y, Dumbbell as b, Plus as x, TrendingUp as S, Trophy as C, UserPlus as w, Users as T } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { GlassCard as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/DashboardPage.tsx
-function T() {
-	let { navigateTo: T, currentUser: E } = e(), D = d({ pagination: { limit: 50 } }), O = c({ pagination: { limit: 50 } }), k = l({ pagination: { limit: 50 } }), A = u({ pagination: { limit: 50 } }), j = E?.firstName ?? E?.name ?? "coach", M = f(() => D.data?.items ?? [], [D.data]), N = f(() => O.data?.items ?? [], [O.data]), P = f(() => k.data?.items ?? [], [k.data]), F = f(() => A.data?.items ?? [], [A.data]), I = f(() => [...N].filter((e) => e.status === "SCHEDULED" || e.status === "LIVE").sort((e, t) => new Date(e.scheduledAt).getTime() - new Date(t.scheduledAt).getTime()).slice(0, 3), [N]), L = f(() => [...F].filter((e) => e.status === "REQUESTED" || e.status === "CONFIRMED").sort((e, t) => new Date(e.scheduledAt).getTime() - new Date(t.scheduledAt).getTime()).slice(0, 3), [F]), R = f(() => M.slice(0, 6), [M]), z = P.filter((e) => e.status === "PUBLISHED").length;
-	return D.isLoading || O.isLoading || k.isLoading || A.isLoading ? /* @__PURE__ */ x(t, {
+var A = "inline-flex items-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 = {
+	"program-published": {
+		tone: "success",
+		Icon: y
+	},
+	"member-added": {
+		tone: "accent",
+		Icon: w
+	},
+	"fixture-updated": {
+		tone: "warning",
+		Icon: _
+	},
+	"session-completed": {
+		tone: "info",
+		Icon: v
+	},
+	"team-created": {
+		tone: "accent",
+		Icon: T
+	}
+};
+function M() {
+	let { navigateTo: v, currentUser: w } = e(), M = p({ pagination: { limit: 50 } }), N = l({ pagination: { limit: 50 } }), P = u({ pagination: { limit: 50 } }), F = f({ pagination: { limit: 50 } }), I = w?.firstName ?? w?.name ?? "coach", L = h(() => M.data?.items ?? [], [M.data]), R = h(() => N.data?.items ?? [], [N.data]), z = h(() => P.data?.items ?? [], [P.data]), B = h(() => F.data?.items ?? [], [F.data]), V = h(() => [...R].filter((e) => e.status === "SCHEDULED" || e.status === "LIVE").sort((e, t) => new Date(e.scheduledAt).getTime() - new Date(t.scheduledAt).getTime()).slice(0, 5), [R]), H = h(() => [...B].filter((e) => e.status === "REQUESTED" || e.status === "CONFIRMED").sort((e, t) => new Date(e.scheduledAt).getTime() - new Date(t.scheduledAt).getTime()).slice(0, 3), [B]), U = h(() => L.slice(0, 6), [L]), W = z.filter((e) => e.status === "PUBLISHED").length, G = d({
+		teams: L,
+		fixtures: R,
+		sessions: B,
+		programs: z,
+		limit: 6
+	}), K = h(() => G.map((e) => {
+		let t = j[e.type], n = t.Icon;
+		return {
+			id: e.id,
+			tone: t.tone,
+			icon: /* @__PURE__ */ E(n, {
+				className: "h-3 w-3",
+				"aria-hidden": "true"
+			}),
+			title: e.title,
+			meta: e.subtitle,
+			time: m(e.at)
+		};
+	}), [G]);
+	return M.isLoading || N.isLoading || P.isLoading || F.isLoading ? /* @__PURE__ */ E(t, {
 		title: "AthleteBridge",
 		hero: !0,
 		gradientTitle: !0,
-		children: /* @__PURE__ */ x(s, { label: "Loading your sporting operation…" })
-	}) : /* @__PURE__ */ S(t, {
-		title: `Welcome back, ${j}`,
+		children: /* @__PURE__ */ E(c, { label: "Loading your sporting operation…" })
+	}) : /* @__PURE__ */ D(t, {
+		title: `Welcome back, ${I}`,
 		description: "Your teams, fixtures, training and coaching — one connected record.",
 		hero: !0,
 		gradientTitle: !0,
-		actions: /* @__PURE__ */ S("div", {
+		actions: /* @__PURE__ */ D("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [/* @__PURE__ */ S("button", {
+			children: [/* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: () => T("/performance"),
-				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__ */ x(_, { className: "h-4 w-4" }), " Track performance"]
-			}), /* @__PURE__ */ S("button", {
+				onClick: () => v("/teams/new"),
+				className: A,
+				children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), " New team"]
+			}), /* @__PURE__ */ D("button", {
 				type: "button",
-				onClick: () => T("/teams/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__ */ x(v, { className: "h-4 w-4" }), " New team"]
+				onClick: () => v("/performance"),
+				className: A,
+				children: [/* @__PURE__ */ E(S, { className: "h-4 w-4" }), " Track performance"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ x(w, {
+			/* @__PURE__ */ E(k, {
 				className: "mb-6",
 				children: "AthleteBridge is the operating system for sports, coaching and training. From here you can assemble your roster, schedule fixtures, build training programs, run coaching sessions and track athlete performance — all reading and writing the same workspace-scoped source of truth."
 			}),
-			/* @__PURE__ */ S(C, {
-				className: "mb-8",
-				children: [/* @__PURE__ */ x("h2", {
-					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: "At a glance"
-				}), /* @__PURE__ */ S("div", {
-					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
-					children: [
-						/* @__PURE__ */ x(n, {
-							icon: /* @__PURE__ */ x(b, { className: "h-5 w-5" }),
-							value: M.length,
-							label: "Teams",
-							featured: !0
-						}),
-						/* @__PURE__ */ x(n, {
-							icon: /* @__PURE__ */ x(m, { className: "h-5 w-5" }),
-							value: N.length,
-							label: "Fixtures"
-						}),
-						/* @__PURE__ */ x(n, {
-							icon: /* @__PURE__ */ x(g, { className: "h-5 w-5" }),
-							value: `${z}/${P.length}`,
-							label: "Programs published"
-						}),
-						/* @__PURE__ */ x(n, {
-							icon: /* @__PURE__ */ x(h, { className: "h-5 w-5" }),
-							value: F.length,
-							label: "Sessions"
-						})
-					]
-				})]
+			/* @__PURE__ */ D("div", {
+				className: "mb-8 grid grid-cols-2 gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ E(r, {
+						icon: /* @__PURE__ */ E(T, { className: "h-5 w-5" }),
+						value: L.length,
+						label: "Teams",
+						tone: "accent",
+						featured: !0
+					}),
+					/* @__PURE__ */ E(r, {
+						icon: /* @__PURE__ */ E(_, { className: "h-5 w-5" }),
+						value: R.length,
+						label: "Fixtures",
+						tone: "accent"
+					}),
+					/* @__PURE__ */ E(r, {
+						icon: /* @__PURE__ */ E(b, { className: "h-5 w-5" }),
+						value: `${W}/${z.length}`,
+						label: "Programs published",
+						tone: "accent"
+					}),
+					/* @__PURE__ */ E(r, {
+						icon: /* @__PURE__ */ E(y, { className: "h-5 w-5" }),
+						value: B.length,
+						label: "Sessions",
+						tone: "accent"
+					})
+				]
 			}),
-			/* @__PURE__ */ S("section", {
-				className: "mb-8",
-				children: [/* @__PURE__ */ S("div", {
-					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ x("h2", {
-						className: "text-lg font-semibold text-text-primary",
-						children: "Upcoming fixtures"
-					}), /* @__PURE__ */ S("button", {
-						type: "button",
-						onClick: () => T("/fixtures"),
-						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-						children: ["View all ", /* @__PURE__ */ x(p, { className: "h-3.5 w-3.5" })]
+			/* @__PURE__ */ D("div", {
+				className: "mb-8 grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ D("section", {
+					className: "lg:col-span-2",
+					children: [/* @__PURE__ */ D("div", {
+						className: "mb-4 flex items-center justify-between",
+						children: [/* @__PURE__ */ E("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: "Upcoming fixtures"
+						}), /* @__PURE__ */ D("button", {
+							type: "button",
+							onClick: () => v("/fixtures"),
+							className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
+							children: ["View all fixtures ", /* @__PURE__ */ E(g, { className: "h-3.5 w-3.5" })]
+						})]
+					}), V.length === 0 ? /* @__PURE__ */ E(s, {
+						illustration: "empty-calendar",
+						icon: /* @__PURE__ */ E(_, { className: "h-10 w-10" }),
+						title: "No upcoming fixtures",
+						description: "Schedule a match to start tracking results and standings.",
+						action: /* @__PURE__ */ D("button", {
+							type: "button",
+							onClick: () => v("/fixtures/new"),
+							className: A,
+							children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), " Schedule fixture"]
+						})
+					}) : /* @__PURE__ */ E(O, {
+						treatment: "glass",
+						className: "divide-y divide-border-seam px-4 py-1 sm:px-5",
+						children: V.map((e) => /* @__PURE__ */ E(a, {
+							fixture: e,
+							onClick: () => v(`/fixtures/${e.id}`)
+						}, e.id))
 					})]
-				}), I.length === 0 ? /* @__PURE__ */ x(o, {
-					illustration: "empty-calendar",
-					icon: /* @__PURE__ */ x(m, { className: "h-10 w-10" }),
-					title: "No upcoming fixtures",
-					description: "Schedule a match to start tracking results and standings.",
-					action: /* @__PURE__ */ x("button", {
-						type: "button",
-						onClick: () => T("/fixtures/new"),
-						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: "Schedule fixture"
+				}), /* @__PURE__ */ D("section", { children: [/* @__PURE__ */ E("div", {
+					className: "mb-4 flex items-center min-h-[1.75rem]",
+					children: /* @__PURE__ */ E("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "Recent activity"
 					})
-				}) : /* @__PURE__ */ x("div", {
-					className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-					children: I.map((e) => /* @__PURE__ */ x(i, {
-						fixture: e,
-						onClick: () => T(`/fixtures/${e.id}`)
-					}, e.id))
-				})]
+				}), K.length === 0 ? /* @__PURE__ */ E(O, {
+					treatment: "metric",
+					className: "p-6",
+					children: /* @__PURE__ */ E(s, {
+						illustration: "empty-data",
+						icon: /* @__PURE__ */ E(S, { className: "h-10 w-10" }),
+						title: "No recent activity",
+						description: "Create teams, publish programs or record results — the latest moves land here."
+					})
+				}) : /* @__PURE__ */ E(O, {
+					treatment: "metric",
+					className: "p-5",
+					children: /* @__PURE__ */ E(n, { items: K })
+				})] })]
 			}),
-			/* @__PURE__ */ S("section", {
+			/* @__PURE__ */ D("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ x("h2", {
+					children: [/* @__PURE__ */ E("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Upcoming sessions"
-					}), /* @__PURE__ */ S("button", {
+					}), /* @__PURE__ */ D("button", {
 						type: "button",
-						onClick: () => T("/sessions"),
+						onClick: () => v("/sessions"),
 						className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-						children: ["View all ", /* @__PURE__ */ x(p, { className: "h-3.5 w-3.5" })]
+						children: ["View all ", /* @__PURE__ */ E(g, { className: "h-3.5 w-3.5" })]
 					})]
-				}), L.length === 0 ? /* @__PURE__ */ x(o, {
+				}), H.length === 0 ? /* @__PURE__ */ E(s, {
 					illustration: "empty-calendar",
-					icon: /* @__PURE__ */ x(h, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ E(y, { className: "h-10 w-10" }),
 					title: "No upcoming sessions",
 					description: "Book a coaching session with an athlete to get started.",
-					action: /* @__PURE__ */ x("button", {
+					action: /* @__PURE__ */ D("button", {
 						type: "button",
-						onClick: () => T("/sessions/new"),
-						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: "Book session"
+						onClick: () => v("/sessions/new"),
+						className: A,
+						children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), " Book session"]
 					})
-				}) : /* @__PURE__ */ x("div", {
+				}) : /* @__PURE__ */ E("div", {
 					className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-					children: L.map((e) => /* @__PURE__ */ x(a, {
+					children: H.map((e) => /* @__PURE__ */ E(o, {
 						session: e,
-						onClick: () => T(`/sessions/${e.id}`)
+						onClick: () => v(`/sessions/${e.id}`)
 					}, e.id))
 				})]
 			}),
-			/* @__PURE__ */ S("section", { children: [/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ D("section", { children: [/* @__PURE__ */ D("div", {
 				className: "mb-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ E("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Your teams"
-				}), /* @__PURE__ */ S("button", {
+				}), /* @__PURE__ */ D("button", {
 					type: "button",
-					onClick: () => T("/teams"),
+					onClick: () => v("/teams"),
 					className: "flex items-center gap-1 text-sm font-medium text-primary hover:underline",
-					children: ["View all ", /* @__PURE__ */ x(p, { className: "h-3.5 w-3.5" })]
+					children: ["View all ", /* @__PURE__ */ E(g, { className: "h-3.5 w-3.5" })]
 				})]
-			}), R.length === 0 ? /* @__PURE__ */ x(o, {
+			}), U.length === 0 ? /* @__PURE__ */ E(s, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ x(y, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ E(C, { className: "h-10 w-10" }),
 				title: "No teams yet",
 				description: "Create your first team to build a roster and schedule fixtures.",
-				action: /* @__PURE__ */ x("button", {
+				action: /* @__PURE__ */ D("button", {
 					type: "button",
-					onClick: () => T("/teams/new"),
-					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: "Create team"
+					onClick: () => v("/teams/new"),
+					className: A,
+					children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), " Create team"]
 				})
-			}) : /* @__PURE__ */ x("div", {
+			}) : /* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: R.map((e) => /* @__PURE__ */ x(r, {
+				children: U.map((e) => /* @__PURE__ */ E(i, {
 					team: e,
-					onClick: () => T(`/teams/${e.id}`)
+					onClick: () => v(`/teams/${e.id}`)
 				}, e.id))
 			})] })
 		]
 	});
 }
 //#endregion
-export { T as DashboardPage };
+export { M as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

package/dist/atheletebridge/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/atheletebridge/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * Dashboard / Overview\n * @module atheletebridge/pages\n *\n * The AthleteBridge landing page: a workspace-wide command center that reads\n * live counts and recent items across teams, fixtures, programs and sessions\n * from the real `ath*` API.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Users,\n  CalendarDays,\n  Dumbbell,\n  ClipboardCheck,\n  ArrowRight,\n  Plus,\n  Trophy,\n  Gauge,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { TeamCard } from '../components/TeamCard';\nimport { FixtureCard } from '../components/FixtureCard';\nimport { SessionCard } from '../components/SessionCard';\nimport { EmptyState } from '../components/EmptyState';\nimport { LoadingState } from '../components/LoadingState';\nimport { useAthleteBridge } from '../context/AthleteBridgeContext';\nimport { useTeams, useFixtures, usePrograms, useSessions } from '../hooks/useAthleteBridgeApi';\n\nexport function DashboardPage() {\n  const { navigateTo, currentUser } = useAthleteBridge();\n\n  const teams = useTeams({ pagination: { limit: 50 } });\n  const fixtures = useFixtures({ pagination: { limit: 50 } });\n  const programs = usePrograms({ pagination: { limit: 50 } });\n  const sessions = useSessions({ pagination: { limit: 50 } });\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'coach';\n\n  const teamItems = useMemo(() => teams.data?.items ?? [], [teams.data]);\n  const fixtureItems = useMemo(() => fixtures.data?.items ?? [], [fixtures.data]);\n  const programItems = useMemo(() => programs.data?.items ?? [], [programs.data]);\n  const sessionItems = useMemo(() => sessions.data?.items ?? [], [sessions.data]);\n\n  const upcomingFixtures = useMemo(\n    () =>\n      [...fixtureItems]\n        .filter((f) => f.status === 'SCHEDULED' || f.status === 'LIVE')\n        .sort((a, b) => new Date(a.scheduledAt).getTime() - new Date(b.scheduledAt).getTime())\n        .slice(0, 3),\n    [fixtureItems]\n  );\n\n  const upcomingSessions = useMemo(\n    () =>\n      [...sessionItems]\n        .filter((s) => s.status === 'REQUESTED' || s.status === 'CONFIRMED')\n        .sort((a, b) => new Date(a.scheduledAt).getTime() - new Date(b.scheduledAt).getTime())\n        .slice(0, 3),\n    [sessionItems]\n  );\n\n  const recentTeams = useMemo(() => teamItems.slice(0, 6), [teamItems]);\n\n  const publishedPrograms = programItems.filter((p) => p.status === 'PUBLISHED').length;\n\n  const isLoading =\n    teams.isLoading || fixtures.isLoading || programs.isLoading || sessions.isLoading;\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"AthleteBridge\" hero gradientTitle>\n        <LoadingState label=\"Loading your sporting operation…\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={`Welcome back, ${firstName}`}\n      description=\"Your teams, fixtures, training and coaching — one connected record.\"\n      hero\n      gradientTitle\n      actions={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/performance')}\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\" /> Track performance\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/teams/new')}\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            <Plus className=\"h-4 w-4\" /> New team\n          </button>\n        </div>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        AthleteBridge is the operating system for sports, coaching and training. From here you can\n        assemble your roster, schedule fixtures, build training programs, run coaching sessions and\n        track athlete performance — all reading and writing the same workspace-scoped source of\n        truth.\n      </PagePurpose>\n\n      {/* KPIs */}\n      <EmphasisPanel className=\"mb-8\">\n        <h2 className=\"mb-4 text-lg font-semibold text-text-primary\">At a glance</h2>\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          <MetricsCard\n            icon={<Users className=\"h-5 w-5\" />}\n            value={teamItems.length}\n            label=\"Teams\"\n            featured\n          />\n          <MetricsCard\n            icon={<CalendarDays className=\"h-5 w-5\" />}\n            value={fixtureItems.length}\n            label=\"Fixtures\"\n          />\n          <MetricsCard\n            icon={<Dumbbell className=\"h-5 w-5\" />}\n            value={`${publishedPrograms}/${programItems.length}`}\n            label=\"Programs published\"\n          />\n          <MetricsCard\n            icon={<ClipboardCheck className=\"h-5 w-5\" />}\n            value={sessionItems.length}\n            label=\"Sessions\"\n          />\n        </div>\n      </EmphasisPanel>\n\n      {/* Upcoming fixtures */}\n      <section className=\"mb-8\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Upcoming fixtures</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/fixtures')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {upcomingFixtures.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-calendar\"\n            icon={<CalendarDays className=\"h-10 w-10\" />}\n            title=\"No upcoming fixtures\"\n            description=\"Schedule a match to start tracking results and standings.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/fixtures/new')}\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                Schedule fixture\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {upcomingFixtures.map((fixture) => (\n              <FixtureCard\n                key={fixture.id}\n                fixture={fixture}\n                onClick={() => navigateTo(`/fixtures/${fixture.id}`)}\n              />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Upcoming sessions */}\n      <section className=\"mb-8\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Upcoming sessions</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/sessions')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {upcomingSessions.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-calendar\"\n            icon={<ClipboardCheck className=\"h-10 w-10\" />}\n            title=\"No upcoming sessions\"\n            description=\"Book a coaching session with an athlete to get started.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/sessions/new')}\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                Book session\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {upcomingSessions.map((session) => (\n              <SessionCard\n                key={session.id}\n                session={session}\n                onClick={() => navigateTo(`/sessions/${session.id}`)}\n              />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Teams */}\n      <section>\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Your teams</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/teams')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {recentTeams.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Trophy className=\"h-10 w-10\" />}\n            title=\"No teams yet\"\n            description=\"Create your first team to build a roster and schedule fixtures.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/teams/new')}\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                Create team\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {recentTeams.map((team) => (\n              <TeamCard key={team.id} team={team} onClick={() => navigateTo(`/teams/${team.id}`)} />\n            ))}\n          </div>\n        )}\n      </section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/atheletebridge/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * Dashboard / Overview\n * @module atheletebridge/pages\n *\n * The AthleteBridge landing page: a coach command-center that reads live counts\n * and recent items across teams, fixtures, programs and sessions from the real\n * `ath*` API. Elevated to the concept bar: glass teal-stat KPI tiles, a\n * crest-vs-crest upcoming-fixtures rail, and a real (derived) recent-activity\n * timeline — every item mapped to a real record, nothing fabricated.\n */\n\nimport { useMemo } from 'react';\nimport {\n  Users,\n  CalendarDays,\n  Dumbbell,\n  ClipboardCheck,\n  ArrowRight,\n  Plus,\n  Trophy,\n  TrendingUp,\n  UserPlus,\n  CheckCircle2,\n  type LucideIcon,\n} from 'lucide-react';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { TeamCard } from '../components/TeamCard';\nimport { MatchupRow } from '../components/MatchupRow';\nimport { SessionCard } from '../components/SessionCard';\nimport { EmptyState } from '../components/EmptyState';\nimport { LoadingState } from '../components/LoadingState';\nimport { Timeline, type TimelineItem, type TimelineTone } from '../components/viz';\nimport { useAthleteBridge } from '../context/AthleteBridgeContext';\nimport {\n  useTeams,\n  useFixtures,\n  usePrograms,\n  useSessions,\n  useRecentActivity,\n  type ActivityType,\n} from '../hooks/useAthleteBridgeApi';\nimport { timeAgo } from '../utils/timeAgo';\n\n/**\n * Brand gradient CTA — orange action-primary blended toward accent-purple, the\n * same brand gradient the hero title uses. Token-only (no raw colors).\n */\nconst GRADIENT_CTA =\n  'inline-flex items-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-activity-type node styling for the recent-activity timeline. */\nconst ACTIVITY_VISUAL: Record<ActivityType, { tone: TimelineTone; Icon: LucideIcon }> = {\n  'program-published': { tone: 'success', Icon: ClipboardCheck },\n  'member-added': { tone: 'accent', Icon: UserPlus },\n  'fixture-updated': { tone: 'warning', Icon: CalendarDays },\n  'session-completed': { tone: 'info', Icon: CheckCircle2 },\n  'team-created': { tone: 'accent', Icon: Users },\n};\n\nexport function DashboardPage() {\n  const { navigateTo, currentUser } = useAthleteBridge();\n\n  const teams = useTeams({ pagination: { limit: 50 } });\n  const fixtures = useFixtures({ pagination: { limit: 50 } });\n  const programs = usePrograms({ pagination: { limit: 50 } });\n  const sessions = useSessions({ pagination: { limit: 50 } });\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'coach';\n\n  const teamItems = useMemo(() => teams.data?.items ?? [], [teams.data]);\n  const fixtureItems = useMemo(() => fixtures.data?.items ?? [], [fixtures.data]);\n  const programItems = useMemo(() => programs.data?.items ?? [], [programs.data]);\n  const sessionItems = useMemo(() => sessions.data?.items ?? [], [sessions.data]);\n\n  const upcomingFixtures = useMemo(\n    () =>\n      [...fixtureItems]\n        .filter((f) => f.status === 'SCHEDULED' || f.status === 'LIVE')\n        .sort((a, b) => new Date(a.scheduledAt).getTime() - new Date(b.scheduledAt).getTime())\n        .slice(0, 5),\n    [fixtureItems]\n  );\n\n  const upcomingSessions = useMemo(\n    () =>\n      [...sessionItems]\n        .filter((s) => s.status === 'REQUESTED' || s.status === 'CONFIRMED')\n        .sort((a, b) => new Date(a.scheduledAt).getTime() - new Date(b.scheduledAt).getTime())\n        .slice(0, 3),\n    [sessionItems]\n  );\n\n  const recentTeams = useMemo(() => teamItems.slice(0, 6), [teamItems]);\n\n  const publishedPrograms = programItems.filter((p) => p.status === 'PUBLISHED').length;\n\n  const activity = useRecentActivity({\n    teams: teamItems,\n    fixtures: fixtureItems,\n    sessions: sessionItems,\n    programs: programItems,\n    limit: 6,\n  });\n\n  const activityTimeline = useMemo<TimelineItem[]>(\n    () =>\n      activity.map((item) => {\n        const visual = ACTIVITY_VISUAL[item.type];\n        const Icon = visual.Icon;\n        return {\n          id: item.id,\n          tone: visual.tone,\n          icon: <Icon className=\"h-3 w-3\" aria-hidden=\"true\" />,\n          title: item.title,\n          meta: item.subtitle,\n          time: timeAgo(item.at),\n        };\n      }),\n    [activity]\n  );\n\n  const isLoading =\n    teams.isLoading || fixtures.isLoading || programs.isLoading || sessions.isLoading;\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"AthleteBridge\" hero gradientTitle>\n        <LoadingState label=\"Loading your sporting operation…\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={`Welcome back, ${firstName}`}\n      description=\"Your teams, fixtures, training and coaching — one connected record.\"\n      hero\n      gradientTitle\n      actions={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button type=\"button\" onClick={() => navigateTo('/teams/new')} className={GRADIENT_CTA}>\n            <Plus className=\"h-4 w-4\" /> New team\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/performance')}\n            className={GRADIENT_CTA}\n          >\n            <TrendingUp className=\"h-4 w-4\" /> Track performance\n          </button>\n        </div>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        AthleteBridge is the operating system for sports, coaching and training. From here you can\n        assemble your roster, schedule fixtures, build training programs, run coaching sessions and\n        track athlete performance — all reading and writing the same workspace-scoped source of\n        truth.\n      </PagePurpose>\n\n      {/* KPIs — glass tiles with teal stat values (2-col mobile → 4-col lg) */}\n      <div className=\"mb-8 grid grid-cols-2 gap-4 lg:grid-cols-4\">\n        <MetricsCard\n          icon={<Users className=\"h-5 w-5\" />}\n          value={teamItems.length}\n          label=\"Teams\"\n          tone=\"accent\"\n          featured\n        />\n        <MetricsCard\n          icon={<CalendarDays className=\"h-5 w-5\" />}\n          value={fixtureItems.length}\n          label=\"Fixtures\"\n          tone=\"accent\"\n        />\n        <MetricsCard\n          icon={<Dumbbell className=\"h-5 w-5\" />}\n          value={`${publishedPrograms}/${programItems.length}`}\n          label=\"Programs published\"\n          tone=\"accent\"\n        />\n        <MetricsCard\n          icon={<ClipboardCheck className=\"h-5 w-5\" />}\n          value={sessionItems.length}\n          label=\"Sessions\"\n          tone=\"accent\"\n        />\n      </div>\n\n      {/* Upcoming fixtures (matchup rail) + Recent activity (timeline) */}\n      <div className=\"mb-8 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Fixtures — spans two columns on large screens */}\n        <section className=\"lg:col-span-2\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">Upcoming fixtures</h2>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/fixtures')}\n              className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n            >\n              View all fixtures <ArrowRight className=\"h-3.5 w-3.5\" />\n            </button>\n          </div>\n          {upcomingFixtures.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-calendar\"\n              icon={<CalendarDays className=\"h-10 w-10\" />}\n              title=\"No upcoming fixtures\"\n              description=\"Schedule a match to start tracking results and standings.\"\n              action={\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo('/fixtures/new')}\n                  className={GRADIENT_CTA}\n                >\n                  <Plus className=\"h-4 w-4\" /> Schedule fixture\n                </button>\n              }\n            />\n          ) : (\n            <GlassCard treatment=\"glass\" className=\"divide-y divide-border-seam px-4 py-1 sm:px-5\">\n              {upcomingFixtures.map((fixture) => (\n                <MatchupRow\n                  key={fixture.id}\n                  fixture={fixture}\n                  onClick={() => navigateTo(`/fixtures/${fixture.id}`)}\n                />\n              ))}\n            </GlassCard>\n          )}\n        </section>\n\n        {/* Recent activity */}\n        <section>\n          <div className=\"mb-4 flex items-center min-h-[1.75rem]\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">Recent activity</h2>\n          </div>\n          {activityTimeline.length === 0 ? (\n            <GlassCard treatment=\"metric\" className=\"p-6\">\n              <EmptyState\n                illustration=\"empty-data\"\n                icon={<TrendingUp className=\"h-10 w-10\" />}\n                title=\"No recent activity\"\n                description=\"Create teams, publish programs or record results — the latest moves land here.\"\n              />\n            </GlassCard>\n          ) : (\n            <GlassCard treatment=\"metric\" className=\"p-5\">\n              <Timeline items={activityTimeline} />\n            </GlassCard>\n          )}\n        </section>\n      </div>\n\n      {/* Upcoming sessions */}\n      <section className=\"mb-8\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Upcoming sessions</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/sessions')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {upcomingSessions.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-calendar\"\n            icon={<ClipboardCheck className=\"h-10 w-10\" />}\n            title=\"No upcoming sessions\"\n            description=\"Book a coaching session with an athlete to get started.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/sessions/new')}\n                className={GRADIENT_CTA}\n              >\n                <Plus className=\"h-4 w-4\" /> Book session\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {upcomingSessions.map((session) => (\n              <SessionCard\n                key={session.id}\n                session={session}\n                onClick={() => navigateTo(`/sessions/${session.id}`)}\n              />\n            ))}\n          </div>\n        )}\n      </section>\n\n      {/* Teams */}\n      <section>\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Your teams</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/teams')}\n            className=\"flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n          >\n            View all <ArrowRight className=\"h-3.5 w-3.5\" />\n          </button>\n        </div>\n        {recentTeams.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Trophy className=\"h-10 w-10\" />}\n            title=\"No teams yet\"\n            description=\"Create your first team to build a roster and schedule fixtures.\"\n            action={\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/teams/new')}\n                className={GRADIENT_CTA}\n              >\n                <Plus className=\"h-4 w-4\" /> Create team\n              </button>\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {recentTeams.map((team) => (\n              <TeamCard key={team.id} team={team} onClick={() => navigateTo(`/teams/${team.id}`)} />\n            ))}\n          </div>\n        )}\n      </section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}