@burdenoff/microfe-atheletebridge 2026.625.2 → 2026.628.1

package/dist/atheletebridge/pages/fixtures/FixtureDetailPage.js

@@ -0,0 +1,201 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { FIXTURE_TYPE_LABELS as r } from "../../components/domain.js";
+import { formatDate as i } from "../../utils/formatters.js";
+import { ErrorState as a, LoadingState as o } from "../../components/LoadingState.js";
+import { useFixture as s, useRecordFixtureResult as c } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as l, fieldInputClass as u } from "../../components/form.js";
+import { useState as d } from "react";
+import { ArrowLeft as f, CalendarClock as p, Flag as m, Loader2 as h, MapPin as g, Trophy as _ } from "lucide-react";
+import { useParams as v } from "react-router-dom";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, GlassCard as S } from "@burdenoff/fe-libs/ui";
+//#region src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx
+function C() {
+	let { id: C } = v(), { navigateTo: w } = e(), T = s(C), E = c(), [D, O] = d(""), [k, A] = d(""), [j, M] = d(null);
+	if (T.isLoading) return /* @__PURE__ */ y(t, {
+		title: "Fixture",
+		children: /* @__PURE__ */ y(o, { label: "Loading fixture…" })
+	});
+	if (T.isError || !T.data) return /* @__PURE__ */ y(t, {
+		title: "Fixture",
+		children: /* @__PURE__ */ y(a, {
+			title: "Fixture not found",
+			message: "This fixture does not exist or you do not have access to it.",
+			onRetry: () => w("/fixtures")
+		})
+	});
+	let N = T.data, P = N.homeScore !== null && N.awayScore !== null, F = N.homeTeam?.name ?? "Home", I = N.awayTeam?.name ?? (N.awayTeamId ? "Away" : "TBD"), L = !!N.awayTeamId && (N.status === "SCHEDULED" || N.status === "LIVE");
+	return /* @__PURE__ */ b(t, {
+		title: `${F} vs ${I}`,
+		description: `${r[N.type]}${N.competition ? ` · ${N.competition}` : ""}`,
+		actions: /* @__PURE__ */ b("button", {
+			type: "button",
+			onClick: () => w("/fixtures"),
+			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__ */ y(f, { className: "h-4 w-4" }), " Back"]
+		}),
+		children: [
+			/* @__PURE__ */ b(S, {
+				treatment: "glass",
+				glow: !0,
+				className: "mb-8 p-8",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "mb-4 flex items-center justify-center",
+						children: /* @__PURE__ */ y(n, { status: N.status })
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "flex items-center justify-center gap-6",
+						children: [
+							/* @__PURE__ */ y("span", {
+								className: "flex-1 text-right text-lg font-semibold text-text-primary",
+								children: F
+							}),
+							/* @__PURE__ */ y("span", {
+								className: "rounded-xl bg-bg-sunken px-5 py-2 text-3xl font-bold tabular-nums text-text-primary",
+								children: P ? `${N.homeScore} : ${N.awayScore}` : "vs"
+							}),
+							/* @__PURE__ */ y("span", {
+								className: "flex-1 text-left text-lg font-semibold text-text-primary",
+								children: I
+							})
+						]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-text-secondary",
+						children: [
+							/* @__PURE__ */ b("span", {
+								className: "flex items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ y(p, { className: "h-4 w-4" }),
+									" ",
+									i(N.scheduledAt)
+								]
+							}),
+							N.venue && /* @__PURE__ */ b("span", {
+								className: "flex items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ y(g, { className: "h-4 w-4" }),
+									" ",
+									N.venue
+								]
+							}),
+							N.round && /* @__PURE__ */ y("span", { children: N.round })
+						]
+					})
+				]
+			}),
+			N.notes && /* @__PURE__ */ b(x, {
+				className: "mb-8",
+				children: [/* @__PURE__ */ y("h2", {
+					className: "mb-2 text-sm font-semibold text-text-primary",
+					children: "Notes"
+				}), /* @__PURE__ */ y("p", {
+					className: "text-sm text-text-secondary",
+					children: N.notes
+				})]
+			}),
+			L && /* @__PURE__ */ b("section", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ b("h2", {
+					className: "mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary",
+					children: [/* @__PURE__ */ y(m, { className: "h-5 w-5" }), " Record result"]
+				}), /* @__PURE__ */ b(S, {
+					treatment: "insight",
+					className: "p-6",
+					children: [
+						/* @__PURE__ */ b("p", {
+							className: "mb-4 text-sm text-text-secondary",
+							children: [
+								"Recording a final score marks this fixture ",
+								/* @__PURE__ */ y("strong", { children: "Completed" }),
+								" and recomputes the competition standings for both teams."
+							]
+						}),
+						/* @__PURE__ */ b("form", {
+							onSubmit: async (e) => {
+								if (e.preventDefault(), M(null), !C) return;
+								let t = Number.parseInt(D, 10), n = Number.parseInt(k, 10);
+								if (Number.isNaN(t) || Number.isNaN(n)) {
+									M("Both scores are required and must be numbers.");
+									return;
+								}
+								if (t < 0 || n < 0) {
+									M("Scores cannot be negative.");
+									return;
+								}
+								try {
+									await E.mutateAsync({
+										id: C,
+										input: {
+											homeScore: t,
+											awayScore: n
+										}
+									}), O(""), A("");
+								} catch (e) {
+									M(e instanceof Error ? e.message : "Failed to record result.");
+								}
+							},
+							className: "flex flex-wrap items-end gap-4",
+							children: [
+								/* @__PURE__ */ y(l, {
+									label: `${F} score`,
+									htmlFor: "homeScore",
+									className: "w-32",
+									children: /* @__PURE__ */ y("input", {
+										id: "homeScore",
+										inputMode: "numeric",
+										className: u,
+										value: D,
+										onChange: (e) => O(e.target.value),
+										placeholder: "0"
+									})
+								}),
+								/* @__PURE__ */ y(l, {
+									label: `${I} score`,
+									htmlFor: "awayScore",
+									className: "w-32",
+									children: /* @__PURE__ */ y("input", {
+										id: "awayScore",
+										inputMode: "numeric",
+										className: u,
+										value: k,
+										onChange: (e) => A(e.target.value),
+										placeholder: "0"
+									})
+								}),
+								/* @__PURE__ */ b("button", {
+									type: "submit",
+									disabled: E.isPending,
+									className: "inline-flex h-[38px] items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
+									children: [E.isPending ? /* @__PURE__ */ y(h, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ y(_, { className: "h-4 w-4" }), "Record"]
+								})
+							]
+						}),
+						j && /* @__PURE__ */ y("p", {
+							className: "mt-3 text-sm text-status-error-text",
+							children: j
+						})
+					]
+				})]
+			}),
+			N.competition && /* @__PURE__ */ b("button", {
+				type: "button",
+				onClick: () => w(`/standings?competition=${encodeURIComponent(N.competition ?? "")}`),
+				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__ */ y(_, { className: "h-4 w-4" }),
+					" View ",
+					N.competition,
+					" standings"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { C as FixtureDetailPage };
+
+//# sourceMappingURL=FixtureDetailPage.js.map

package/dist/atheletebridge/pages/fixtures/FixtureDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixtureDetailPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureDetailPage.tsx"],"sourcesContent":["/**\n * Fixture Detail\n * @module atheletebridge/pages/fixtures\n *\n * Reads a single fixture (athFixture) and lets the user record a final result\n * (athRecordFixtureResult) which marks it COMPLETED and recomputes standings.\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, CalendarClock, MapPin, Trophy, Loader2, Flag } from 'lucide-react';\nimport { GlassCard, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { formatDate } from '../../utils/formatters';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useFixture, useRecordFixtureResult } from '../../hooks/useAthleteBridgeApi';\n\nexport function FixtureDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useAthleteBridge();\n\n  const fixture = useFixture(id);\n  const recordResult = useRecordFixtureResult();\n\n  const [homeScore, setHomeScore] = useState('');\n  const [awayScore, setAwayScore] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  if (fixture.isLoading) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <LoadingState label=\"Loading fixture…\" />\n      </PageLayout>\n    );\n  }\n\n  if (fixture.isError || !fixture.data) {\n    return (\n      <PageLayout title=\"Fixture\">\n        <ErrorState\n          title=\"Fixture not found\"\n          message=\"This fixture does not exist or you do not have access to it.\"\n          onRetry={() => navigateTo('/fixtures')}\n        />\n      </PageLayout>\n    );\n  }\n\n  const f = fixture.data;\n  const hasScore = f.homeScore !== null && f.awayScore !== null;\n  const homeName = f.homeTeam?.name ?? 'Home';\n  const awayName = f.awayTeam?.name ?? (f.awayTeamId ? 'Away' : 'TBD');\n  const canRecordResult =\n    Boolean(f.awayTeamId) && (f.status === 'SCHEDULED' || f.status === 'LIVE');\n\n  const handleRecord = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    if (!id) return;\n    const home = Number.parseInt(homeScore, 10);\n    const away = Number.parseInt(awayScore, 10);\n    if (Number.isNaN(home) || Number.isNaN(away)) {\n      setError('Both scores are required and must be numbers.');\n      return;\n    }\n    if (home < 0 || away < 0) {\n      setError('Scores cannot be negative.');\n      return;\n    }\n    try {\n      await recordResult.mutateAsync({ id, input: { homeScore: home, awayScore: away } });\n      setHomeScore('');\n      setAwayScore('');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to record result.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title={`${homeName} vs ${awayName}`}\n      description={`${FIXTURE_TYPE_LABELS[f.type]}${f.competition ? ` · ${f.competition}` : ''}`}\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/fixtures')}\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          <ArrowLeft className=\"h-4 w-4\" /> Back\n        </button>\n      }\n    >\n      {/* Scoreboard */}\n      <GlassCard treatment=\"glass\" glow className=\"mb-8 p-8\">\n        <div className=\"mb-4 flex items-center justify-center\">\n          <StatusBadge status={f.status} />\n        </div>\n        <div className=\"flex items-center justify-center gap-6\">\n          <span className=\"flex-1 text-right text-lg font-semibold text-text-primary\">\n            {homeName}\n          </span>\n          <span className=\"rounded-xl bg-bg-sunken px-5 py-2 text-3xl font-bold tabular-nums text-text-primary\">\n            {hasScore ? `${f.homeScore} : ${f.awayScore}` : 'vs'}\n          </span>\n          <span className=\"flex-1 text-left text-lg font-semibold text-text-primary\">\n            {awayName}\n          </span>\n        </div>\n        <div className=\"mt-6 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-text-secondary\">\n          <span className=\"flex items-center gap-1.5\">\n            <CalendarClock className=\"h-4 w-4\" /> {formatDate(f.scheduledAt)}\n          </span>\n          {f.venue && (\n            <span className=\"flex items-center gap-1.5\">\n              <MapPin className=\"h-4 w-4\" /> {f.venue}\n            </span>\n          )}\n          {f.round && <span>{f.round}</span>}\n        </div>\n      </GlassCard>\n\n      {f.notes && (\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"mb-2 text-sm font-semibold text-text-primary\">Notes</h2>\n          <p className=\"text-sm text-text-secondary\">{f.notes}</p>\n        </EmphasisPanel>\n      )}\n\n      {/* Record result */}\n      {canRecordResult && (\n        <section className=\"mb-8\">\n          <h2 className=\"mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary\">\n            <Flag className=\"h-5 w-5\" /> Record result\n          </h2>\n          <GlassCard treatment=\"insight\" className=\"p-6\">\n            <p className=\"mb-4 text-sm text-text-secondary\">\n              Recording a final score marks this fixture <strong>Completed</strong> and recomputes\n              the competition standings for both teams.\n            </p>\n            <form onSubmit={handleRecord} className=\"flex flex-wrap items-end gap-4\">\n              <FormField label={`${homeName} score`} htmlFor=\"homeScore\" className=\"w-32\">\n                <input\n                  id=\"homeScore\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={homeScore}\n                  onChange={(e) => setHomeScore(e.target.value)}\n                  placeholder=\"0\"\n                />\n              </FormField>\n              <FormField label={`${awayName} score`} htmlFor=\"awayScore\" className=\"w-32\">\n                <input\n                  id=\"awayScore\"\n                  inputMode=\"numeric\"\n                  className={fieldInputClass}\n                  value={awayScore}\n                  onChange={(e) => setAwayScore(e.target.value)}\n                  placeholder=\"0\"\n                />\n              </FormField>\n              <button\n                type=\"submit\"\n                disabled={recordResult.isPending}\n                className=\"inline-flex h-[38px] items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n              >\n                {recordResult.isPending ? (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                ) : (\n                  <Trophy className=\"h-4 w-4\" />\n                )}\n                Record\n              </button>\n            </form>\n            {error && <p className=\"mt-3 text-sm text-status-error-text\">{error}</p>}\n          </GlassCard>\n        </section>\n      )}\n\n      {f.competition && (\n        <button\n          type=\"button\"\n          onClick={() =>\n            navigateTo(`/standings?competition=${encodeURIComponent(f.competition ?? '')}`)\n          }\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          <Trophy className=\"h-4 w-4\" /> View {f.competition} standings\n        </button>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/fixtures/FixtureFormPage.js

@@ -0,0 +1,205 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { FIXTURE_TYPE_LABELS as n } from "../../components/domain.js";
+import { LoadingState as r } from "../../components/LoadingState.js";
+import { useScheduleFixture as i, useTeams as a } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as o, fieldInputClass as s } from "../../components/form.js";
+import { toIsoOrUndefined as c } from "../../utils/datetime.js";
+import { useState as l } from "react";
+import { ArrowLeft as u, Loader2 as d, Save as f } from "lucide-react";
+import { useSearchParams as p } from "react-router-dom";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/atheletebridge/pages/fixtures/FixtureFormPage.tsx
+var g = Object.keys(n);
+function _() {
+	let [_] = p(), { navigateTo: v } = e(), y = a({ pagination: { limit: 100 } }), b = i(), [x, S] = l(_.get("homeTeamId") ?? ""), [C, w] = l(""), [T, E] = l("FRIENDLY"), [D, O] = l(""), [k, A] = l(""), [j, M] = l(""), [N, P] = l(""), [F, I] = l(""), [L, R] = l(""), [z, B] = l(null), V = y.data?.items ?? [];
+	return y.isLoading ? /* @__PURE__ */ m(t, {
+		title: "Schedule fixture",
+		children: /* @__PURE__ */ m(r, { label: "Loading teams…" })
+	}) : /* @__PURE__ */ m(t, {
+		title: "Schedule fixture",
+		description: "Set up a match between a home team and an optional away team.",
+		actions: /* @__PURE__ */ h("button", {
+			type: "button",
+			onClick: () => v("/fixtures"),
+			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__ */ m(u, { className: "h-4 w-4" }), " Cancel"]
+		}),
+		children: /* @__PURE__ */ h("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), B(null), !x) {
+					B("A home team is required.");
+					return;
+				}
+				if (!N) {
+					B("A scheduled date and time is required.");
+					return;
+				}
+				if (C && C === x) {
+					B("Home and away teams must be different.");
+					return;
+				}
+				try {
+					v(`/fixtures/${(await b.mutateAsync({
+						homeTeamId: x,
+						awayTeamId: C || void 0,
+						type: T,
+						competition: D.trim() || void 0,
+						round: k.trim() || void 0,
+						venue: j.trim() || void 0,
+						scheduledAt: new Date(N).toISOString(),
+						kickoffAt: c(F),
+						notes: L.trim() || void 0
+					})).id}`);
+				} catch (e) {
+					B(e instanceof Error ? e.message : "Failed to schedule fixture.");
+				}
+			},
+			className: "max-w-2xl space-y-5",
+			children: [
+				/* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+					children: [/* @__PURE__ */ m(o, {
+						label: "Home team",
+						htmlFor: "homeTeam",
+						required: !0,
+						children: /* @__PURE__ */ h("select", {
+							id: "homeTeam",
+							className: s,
+							value: x,
+							onChange: (e) => S(e.target.value),
+							children: [/* @__PURE__ */ m("option", {
+								value: "",
+								children: "Select a team"
+							}), V.map((e) => /* @__PURE__ */ m("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})
+					}), /* @__PURE__ */ m(o, {
+						label: "Away team",
+						htmlFor: "awayTeam",
+						hint: "Optional for trials / open events.",
+						children: /* @__PURE__ */ h("select", {
+							id: "awayTeam",
+							className: s,
+							value: C,
+							onChange: (e) => w(e.target.value),
+							children: [/* @__PURE__ */ m("option", {
+								value: "",
+								children: "No away team"
+							}), V.map((e) => /* @__PURE__ */ m("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})
+					})]
+				}),
+				/* @__PURE__ */ m(o, {
+					label: "Type",
+					htmlFor: "type",
+					children: /* @__PURE__ */ m("select", {
+						id: "type",
+						className: s,
+						value: T,
+						onChange: (e) => E(e.target.value),
+						children: g.map((e) => /* @__PURE__ */ m("option", {
+							value: e,
+							children: n[e]
+						}, e))
+					})
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+					children: [/* @__PURE__ */ m(o, {
+						label: "Competition",
+						htmlFor: "competition",
+						hint: "Used to group standings.",
+						children: /* @__PURE__ */ m("input", {
+							id: "competition",
+							className: s,
+							value: D,
+							onChange: (e) => O(e.target.value),
+							placeholder: "e.g. Spring League 2026"
+						})
+					}), /* @__PURE__ */ m(o, {
+						label: "Round",
+						htmlFor: "round",
+						children: /* @__PURE__ */ m("input", {
+							id: "round",
+							className: s,
+							value: k,
+							onChange: (e) => A(e.target.value),
+							placeholder: "e.g. Round 4"
+						})
+					})]
+				}),
+				/* @__PURE__ */ m(o, {
+					label: "Venue",
+					htmlFor: "venue",
+					children: /* @__PURE__ */ m("input", {
+						id: "venue",
+						className: s,
+						value: j,
+						onChange: (e) => M(e.target.value),
+						placeholder: "e.g. Riverside Stadium"
+					})
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+					children: [/* @__PURE__ */ m(o, {
+						label: "Scheduled at",
+						htmlFor: "scheduledAt",
+						required: !0,
+						children: /* @__PURE__ */ m("input", {
+							id: "scheduledAt",
+							type: "datetime-local",
+							className: s,
+							value: N,
+							onChange: (e) => P(e.target.value)
+						})
+					}), /* @__PURE__ */ m(o, {
+						label: "Kick-off at",
+						htmlFor: "kickoffAt",
+						children: /* @__PURE__ */ m("input", {
+							id: "kickoffAt",
+							type: "datetime-local",
+							className: s,
+							value: F,
+							onChange: (e) => I(e.target.value)
+						})
+					})]
+				}),
+				/* @__PURE__ */ m(o, {
+					label: "Notes",
+					htmlFor: "notes",
+					children: /* @__PURE__ */ m("textarea", {
+						id: "notes",
+						className: s,
+						rows: 3,
+						value: L,
+						onChange: (e) => R(e.target.value),
+						placeholder: "Any extra context for this fixture."
+					})
+				}),
+				z && /* @__PURE__ */ m("p", {
+					className: "text-sm text-status-error-text",
+					children: z
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "pt-2",
+					children: /* @__PURE__ */ h("button", {
+						type: "submit",
+						disabled: b.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: [b.isPending ? /* @__PURE__ */ m(d, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ m(f, { className: "h-4 w-4" }), "Schedule fixture"]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { _ as FixtureFormPage };
+
+//# sourceMappingURL=FixtureFormPage.js.map

package/dist/atheletebridge/pages/fixtures/FixtureFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixtureFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixtureFormPage.tsx"],"sourcesContent":["/**\n * Fixture Schedule Form\n * @module atheletebridge/pages/fixtures\n */\n\nimport { useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { ArrowLeft, Loader2, Save } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { LoadingState } from '../../components/LoadingState';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useScheduleFixture, useTeams } from '../../hooks/useAthleteBridgeApi';\nimport { toIsoOrUndefined } from '../../utils/datetime';\nimport type { AthFixtureType } from '../../types';\n\nconst TYPES = Object.keys(FIXTURE_TYPE_LABELS) as AthFixtureType[];\n\nexport function FixtureFormPage() {\n  const [searchParams] = useSearchParams();\n  const { navigateTo } = useAthleteBridge();\n\n  const teams = useTeams({ pagination: { limit: 100 } });\n  const scheduleFixture = useScheduleFixture();\n\n  const [homeTeamId, setHomeTeamId] = useState(searchParams.get('homeTeamId') ?? '');\n  const [awayTeamId, setAwayTeamId] = useState('');\n  const [type, setType] = useState<AthFixtureType>('FRIENDLY');\n  const [competition, setCompetition] = useState('');\n  const [round, setRound] = useState('');\n  const [venue, setVenue] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [kickoffAt, setKickoffAt] = useState('');\n  const [notes, setNotes] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const teamOptions = teams.data?.items ?? [];\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!homeTeamId) {\n      setError('A home team is required.');\n      return;\n    }\n    if (!scheduledAt) {\n      setError('A scheduled date and time is required.');\n      return;\n    }\n    if (awayTeamId && awayTeamId === homeTeamId) {\n      setError('Home and away teams must be different.');\n      return;\n    }\n\n    try {\n      const created = await scheduleFixture.mutateAsync({\n        homeTeamId,\n        awayTeamId: awayTeamId || undefined,\n        type,\n        competition: competition.trim() || undefined,\n        round: round.trim() || undefined,\n        venue: venue.trim() || undefined,\n        scheduledAt: new Date(scheduledAt).toISOString(),\n        kickoffAt: toIsoOrUndefined(kickoffAt),\n        notes: notes.trim() || undefined,\n      });\n      navigateTo(`/fixtures/${created.id}`);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to schedule fixture.');\n    }\n  };\n\n  if (teams.isLoading) {\n    return (\n      <PageLayout title=\"Schedule fixture\">\n        <LoadingState label=\"Loading teams…\" />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Schedule fixture\"\n      description=\"Set up a match between a home team and an optional away team.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/fixtures')}\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          <ArrowLeft className=\"h-4 w-4\" /> Cancel\n        </button>\n      }\n    >\n      <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Home team\" htmlFor=\"homeTeam\" required>\n            <select\n              id=\"homeTeam\"\n              className={fieldInputClass}\n              value={homeTeamId}\n              onChange={(e) => setHomeTeamId(e.target.value)}\n            >\n              <option value=\"\">Select a team</option>\n              {teamOptions.map((tm) => (\n                <option key={tm.id} value={tm.id}>\n                  {tm.name}\n                </option>\n              ))}\n            </select>\n          </FormField>\n\n          <FormField label=\"Away team\" htmlFor=\"awayTeam\" hint=\"Optional for trials / open events.\">\n            <select\n              id=\"awayTeam\"\n              className={fieldInputClass}\n              value={awayTeamId}\n              onChange={(e) => setAwayTeamId(e.target.value)}\n            >\n              <option value=\"\">No away team</option>\n              {teamOptions.map((tm) => (\n                <option key={tm.id} value={tm.id}>\n                  {tm.name}\n                </option>\n              ))}\n            </select>\n          </FormField>\n        </div>\n\n        <FormField label=\"Type\" htmlFor=\"type\">\n          <select\n            id=\"type\"\n            className={fieldInputClass}\n            value={type}\n            onChange={(e) => setType(e.target.value as AthFixtureType)}\n          >\n            {TYPES.map((tp) => (\n              <option key={tp} value={tp}>\n                {FIXTURE_TYPE_LABELS[tp]}\n              </option>\n            ))}\n          </select>\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Competition\" htmlFor=\"competition\" hint=\"Used to group standings.\">\n            <input\n              id=\"competition\"\n              className={fieldInputClass}\n              value={competition}\n              onChange={(e) => setCompetition(e.target.value)}\n              placeholder=\"e.g. Spring League 2026\"\n            />\n          </FormField>\n\n          <FormField label=\"Round\" htmlFor=\"round\">\n            <input\n              id=\"round\"\n              className={fieldInputClass}\n              value={round}\n              onChange={(e) => setRound(e.target.value)}\n              placeholder=\"e.g. Round 4\"\n            />\n          </FormField>\n        </div>\n\n        <FormField label=\"Venue\" htmlFor=\"venue\">\n          <input\n            id=\"venue\"\n            className={fieldInputClass}\n            value={venue}\n            onChange={(e) => setVenue(e.target.value)}\n            placeholder=\"e.g. Riverside Stadium\"\n          />\n        </FormField>\n\n        <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n          <FormField label=\"Scheduled at\" htmlFor=\"scheduledAt\" required>\n            <input\n              id=\"scheduledAt\"\n              type=\"datetime-local\"\n              className={fieldInputClass}\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n            />\n          </FormField>\n\n          <FormField label=\"Kick-off at\" htmlFor=\"kickoffAt\">\n            <input\n              id=\"kickoffAt\"\n              type=\"datetime-local\"\n              className={fieldInputClass}\n              value={kickoffAt}\n              onChange={(e) => setKickoffAt(e.target.value)}\n            />\n          </FormField>\n        </div>\n\n        <FormField label=\"Notes\" htmlFor=\"notes\">\n          <textarea\n            id=\"notes\"\n            className={fieldInputClass}\n            rows={3}\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n            placeholder=\"Any extra context for this fixture.\"\n          />\n        </FormField>\n\n        {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n        <div className=\"pt-2\">\n          <button\n            type=\"submit\"\n            disabled={scheduleFixture.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            {scheduleFixture.isPending ? (\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n            ) : (\n              <Save className=\"h-4 w-4\" />\n            )}\n            Schedule fixture\n          </button>\n        </div>\n      </form>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/fixtures/FixturesListPage.js

@@ -0,0 +1,92 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { FixtureCard as n } from "../../components/FixtureCard.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { ErrorState as i, LoadingState as a } from "../../components/LoadingState.js";
+import { useFixtures as o } from "../../hooks/useAthleteBridgeApi.js";
+import { FilterSelect as s } from "../../components/FilterSelect.js";
+import { CursorPager as c } from "../../components/CursorPager.js";
+import { useState as l } from "react";
+import { CalendarDays as u, Plus as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/atheletebridge/pages/fixtures/FixturesListPage.tsx
+var h = 12, g = [
+	{
+		value: "SCHEDULED",
+		label: "Scheduled"
+	},
+	{
+		value: "LIVE",
+		label: "Live"
+	},
+	{
+		value: "COMPLETED",
+		label: "Completed"
+	},
+	{
+		value: "POSTPONED",
+		label: "Postponed"
+	},
+	{
+		value: "CANCELLED",
+		label: "Cancelled"
+	}
+];
+function _() {
+	let { navigateTo: _ } = e(), [v, y] = l(""), [b, x] = l(0), S = o({
+		status: v || void 0,
+		pagination: {
+			limit: h,
+			offset: b * h
+		}
+	}), C = S.data?.items ?? [], w = S.data?.pageInfo.hasMore ?? !1;
+	return /* @__PURE__ */ m(t, {
+		title: "Fixtures",
+		description: "Matches across friendlies, league games, cups, tournaments and scrimmages.",
+		actions: /* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: () => _("/fixtures/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__ */ p(d, { className: "h-4 w-4" }), " Schedule fixture"]
+		}),
+		children: [/* @__PURE__ */ p("div", {
+			className: "mb-6 flex flex-wrap items-center gap-3",
+			children: /* @__PURE__ */ p(s, {
+				ariaLabel: "Filter by status",
+				allLabel: "All statuses",
+				value: v,
+				onChange: (e) => {
+					y(e), x(0);
+				},
+				options: g
+			})
+		}), S.isLoading ? /* @__PURE__ */ p(a, { label: "Loading fixtures…" }) : S.isError ? /* @__PURE__ */ p(i, { onRetry: () => void S.refetch() }) : C.length === 0 ? /* @__PURE__ */ p(r, {
+			illustration: "empty-calendar",
+			icon: /* @__PURE__ */ p(u, { className: "h-10 w-10" }),
+			title: "No fixtures found",
+			description: v ? "Try clearing your filter to see all fixtures." : "Schedule a match to start tracking results and standings.",
+			action: /* @__PURE__ */ p("button", {
+				type: "button",
+				onClick: () => _("/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__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+			className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
+			children: C.map((e) => /* @__PURE__ */ p(n, {
+				fixture: e,
+				onClick: () => _(`/fixtures/${e.id}`)
+			}, e.id))
+		}), /* @__PURE__ */ p(c, {
+			className: "mt-6",
+			page: b,
+			hasMore: w,
+			onPrev: () => x((e) => Math.max(0, e - 1)),
+			onNext: () => x((e) => e + 1)
+		})] })]
+	});
+}
+//#endregion
+export { _ as FixturesListPage };
+
+//# sourceMappingURL=FixturesListPage.js.map

package/dist/atheletebridge/pages/fixtures/FixturesListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FixturesListPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/fixtures/FixturesListPage.tsx"],"sourcesContent":["/**\n * Fixtures List\n * @module atheletebridge/pages/fixtures\n */\n\nimport { useState } from 'react';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FixtureCard } from '../../components/FixtureCard';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FilterSelect } from '../../components/FilterSelect';\nimport { CursorPager } from '../../components/CursorPager';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useFixtures } from '../../hooks/useAthleteBridgeApi';\nimport type { AthFixtureStatus } from '../../types';\n\nconst PAGE_SIZE = 12;\n\nconst STATUS_OPTS: ReadonlyArray<{ value: AthFixtureStatus; label: string }> = [\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'LIVE', label: 'Live' },\n  { value: 'COMPLETED', label: 'Completed' },\n  { value: 'POSTPONED', label: 'Postponed' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n];\n\nexport function FixturesListPage() {\n  const { navigateTo } = useAthleteBridge();\n  const [status, setStatus] = useState<AthFixtureStatus | ''>('');\n  const [page, setPage] = useState(0);\n\n  const fixtures = useFixtures({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n\n  const items = fixtures.data?.items ?? [];\n  const hasMore = fixtures.data?.pageInfo.hasMore ?? false;\n\n  return (\n    <PageLayout\n      title=\"Fixtures\"\n      description=\"Matches across friendlies, league games, cups, tournaments and scrimmages.\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => navigateTo('/fixtures/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\" /> Schedule fixture\n        </button>\n      }\n    >\n      <div className=\"mb-6 flex flex-wrap items-center gap-3\">\n        <FilterSelect\n          ariaLabel=\"Filter by status\"\n          allLabel=\"All statuses\"\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            setPage(0);\n          }}\n          options={STATUS_OPTS}\n        />\n      </div>\n\n      {fixtures.isLoading ? (\n        <LoadingState label=\"Loading fixtures…\" />\n      ) : fixtures.isError ? (\n        <ErrorState onRetry={() => void fixtures.refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-calendar\"\n          icon={<CalendarDays className=\"h-10 w-10\" />}\n          title=\"No fixtures found\"\n          description={\n            status\n              ? 'Try clearing your filter to see all fixtures.'\n              : 'Schedule a match to start tracking results and standings.'\n          }\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        <>\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {items.map((fixture) => (\n              <FixtureCard\n                key={fixture.id}\n                fixture={fixture}\n                onClick={() => navigateTo(`/fixtures/${fixture.id}`)}\n              />\n            ))}\n          </div>\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    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,IAAY,IAEZ,IAAyE;CAC7E;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC1C;EAAE,OAAO;EAAa,OAAO;EAAa;CAC3C;AAED,SAAgB,IAAmB;CACjC,IAAM,EAAE,kBAAe,GAAkB,EACnC,CAAC,GAAQ,KAAa,EAAgC,GAAG,EACzD,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,IAAW,EAAY;EAC3B,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW,QAAQ,IAAO;GAAW;EAC3D,CAAC,EAEI,IAAQ,EAAS,MAAM,SAAS,EAAE,EAClC,IAAU,EAAS,MAAM,SAAS,WAAW;AAEnD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAW,gBAAgB;GAC1C,WAAU;aAHZ,CAKE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,oBACrB;;YAVb,CAaE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,WAAU;IACV,UAAS;IACT,OAAO;IACP,WAAW,MAAM;AAEf,KADA,EAAU,EAAE,EACZ,EAAQ,EAAE;;IAEZ,SAAS;IACT,CAAA;GACE,CAAA,EAEL,EAAS,YACR,kBAAC,GAAD,EAAc,OAAM,qBAAsB,CAAA,GACxC,EAAS,UACX,kBAAC,GAAD,EAAY,eAAe,KAAK,EAAS,SAAS,EAAI,CAAA,GACpD,EAAM,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAc,WAAU,aAAc,CAAA;GAC5C,OAAM;GACN,aACE,IACI,kDACA;GAEN,QACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAW,gBAAgB;IAC1C,WAAU;cACX;IAEQ,CAAA;GAEX,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,GAAD;IAEW;IACT,eAAe,EAAW,aAAa,EAAQ,KAAK;IACpD,EAHK,EAAQ,GAGb,CACF;GACE,CAAA,EACN,kBAAC,GAAD;GACE,WAAU;GACJ;GACG;GACT,cAAc,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;GAChD,cAAc,GAAS,MAAM,IAAI,EAAE;GACnC,CAAA,CACD,EAAA,CAAA,CAEM"}