@burdenoff/microfe-atheletebridge 2026.705.1 → 2026.706.1

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

@@ -1,194 +1,183 @@
 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 { FIXTURE_TYPE_LABELS as n } from "../../components/domain.js";
+import { Crest as r } from "../../components/Crest.js";
+import { Scoreboard as i } from "../../components/Scoreboard.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";
+import { ArrowLeft as f, Flag as p, Loader2 as m, Minus as h, Trophy as g } from "lucide-react";
+import { useParams as _ } from "react-router-dom";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b, GlassCard as x } 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, {
+function S() {
+	let { id: S } = _(), { navigateTo: C } = e(), w = s(S), T = c(), [E, D] = d(""), [O, k] = d(""), [A, j] = d(null);
+	if (w.isLoading) return /* @__PURE__ */ v(t, {
 		title: "Fixture",
-		children: /* @__PURE__ */ y(o, { label: "Loading fixture…" })
+		children: /* @__PURE__ */ v(o, { label: "Loading fixture…" })
 	});
-	if (T.isError || !T.data) return /* @__PURE__ */ y(t, {
+	if (w.isError || !w.data) return /* @__PURE__ */ v(t, {
 		title: "Fixture",
-		children: /* @__PURE__ */ y(a, {
+		children: /* @__PURE__ */ v(a, {
 			title: "Fixture not found",
 			message: "This fixture does not exist or you do not have access to it.",
-			onRetry: () => w("/fixtures")
+			onRetry: () => C("/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", {
+	let M = w.data, N = M.homeTeam?.name ?? "Home", P = M.awayTeam?.name ?? (M.awayTeamId ? "Away" : "TBD"), F = !!M.awayTeamId && (M.status === "SCHEDULED" || M.status === "LIVE");
+	return /* @__PURE__ */ y(t, {
+		title: `${N} vs ${P}`,
+		description: `${n[M.type]}${M.competition ? ` · ${M.competition}` : ""}`,
+		actions: /* @__PURE__ */ y("button", {
 			type: "button",
-			onClick: () => w("/fixtures"),
+			onClick: () => C("/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__ */ v(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 })
-						]
-					})
-				]
+			/* @__PURE__ */ v(i, {
+				fixture: M,
+				variant: "hero",
+				className: "mb-8"
 			}),
-			N.notes && /* @__PURE__ */ b(x, {
+			M.notes && /* @__PURE__ */ y(b, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ y("h2", {
+				children: [/* @__PURE__ */ v("h2", {
 					className: "mb-2 text-sm font-semibold text-text-primary",
 					children: "Notes"
-				}), /* @__PURE__ */ y("p", {
+				}), /* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary",
-					children: N.notes
+					children: M.notes
 				})]
 			}),
-			L && /* @__PURE__ */ b("section", {
+			F && /* @__PURE__ */ y("section", {
 				className: "mb-8",
-				children: [/* @__PURE__ */ b("h2", {
+				children: [/* @__PURE__ */ y("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, {
+					children: [/* @__PURE__ */ v(p, { className: "h-5 w-5" }), " Record result"]
+				}), /* @__PURE__ */ y(x, {
 					treatment: "insight",
-					className: "p-6",
+					className: "p-5 sm:p-6",
 					children: [
-						/* @__PURE__ */ b("p", {
-							className: "mb-4 text-sm text-text-secondary",
+						/* @__PURE__ */ y("p", {
+							className: "mb-5 text-sm text-text-secondary",
 							children: [
 								"Recording a final score marks this fixture ",
-								/* @__PURE__ */ y("strong", { children: "Completed" }),
+								/* @__PURE__ */ v("strong", { children: "Completed" }),
 								" and recomputes the competition standings for both teams."
 							]
 						}),
-						/* @__PURE__ */ b("form", {
+						/* @__PURE__ */ y("form", {
 							onSubmit: async (e) => {
-								if (e.preventDefault(), M(null), !C) return;
-								let t = Number.parseInt(D, 10), n = Number.parseInt(k, 10);
+								if (e.preventDefault(), j(null), !S) return;
+								let t = Number.parseInt(E, 10), n = Number.parseInt(O, 10);
 								if (Number.isNaN(t) || Number.isNaN(n)) {
-									M("Both scores are required and must be numbers.");
+									j("Both scores are required and must be numbers.");
 									return;
 								}
 								if (t < 0 || n < 0) {
-									M("Scores cannot be negative.");
+									j("Scores cannot be negative.");
 									return;
 								}
 								try {
-									await E.mutateAsync({
-										id: C,
+									await T.mutateAsync({
+										id: S,
 										input: {
 											homeScore: t,
 											awayScore: n
 										}
-									}), O(""), A("");
+									}), D(""), k("");
 								} catch (e) {
-									M(e instanceof Error ? e.message : "Failed to record result.");
+									j(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"
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex flex-wrap items-end justify-center gap-4 sm:gap-6",
+								children: [
+									/* @__PURE__ */ y("div", {
+										className: "flex items-end gap-3",
+										children: [/* @__PURE__ */ y("div", {
+											className: "flex flex-col items-center gap-2",
+											children: [/* @__PURE__ */ v(r, {
+												name: N,
+												sport: M.homeTeam?.sport,
+												size: 40
+											}), /* @__PURE__ */ v("span", {
+												className: "max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary",
+												children: N
+											})]
+										}), /* @__PURE__ */ v(l, {
+											label: "Home",
+											htmlFor: "homeScore",
+											className: "w-24",
+											children: /* @__PURE__ */ v("input", {
+												id: "homeScore",
+												inputMode: "numeric",
+												className: `${u} text-center text-lg font-bold tabular-nums`,
+												value: E,
+												onChange: (e) => D(e.target.value),
+												placeholder: "0"
+											})
+										})]
+									}),
+									/* @__PURE__ */ v(h, {
+										className: "mb-3 h-5 w-5 shrink-0 text-text-muted",
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex items-end gap-3",
+										children: [/* @__PURE__ */ v(l, {
+											label: "Away",
+											htmlFor: "awayScore",
+											className: "w-24",
+											children: /* @__PURE__ */ v("input", {
+												id: "awayScore",
+												inputMode: "numeric",
+												className: `${u} text-center text-lg font-bold tabular-nums`,
+												value: O,
+												onChange: (e) => k(e.target.value),
+												placeholder: "0"
+											})
+										}), /* @__PURE__ */ y("div", {
+											className: "flex flex-col items-center gap-2",
+											children: [/* @__PURE__ */ v(r, {
+												name: P,
+												sport: M.awayTeam?.sport,
+												size: 40
+											}), /* @__PURE__ */ v("span", {
+												className: "max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary",
+												children: P
+											})]
+										})]
 									})
-								}),
-								/* @__PURE__ */ b("button", {
+								]
+							}), /* @__PURE__ */ v("div", {
+								className: "mt-6 flex justify-center",
+								children: /* @__PURE__ */ y("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"]
+									disabled: T.isPending,
+									className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-6 py-2.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
+									children: [T.isPending ? /* @__PURE__ */ v(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ v(g, { className: "h-4 w-4" }), "Record result"]
 								})
-							]
+							})]
 						}),
-						j && /* @__PURE__ */ y("p", {
-							className: "mt-3 text-sm text-status-error-text",
-							children: j
+						A && /* @__PURE__ */ v("p", {
+							className: "mt-3 text-center text-sm text-status-error-text",
+							children: A
 						})
 					]
 				})]
 			}),
-			N.competition && /* @__PURE__ */ b("button", {
+			M.competition && /* @__PURE__ */ y("button", {
 				type: "button",
-				onClick: () => w(`/standings?competition=${encodeURIComponent(N.competition ?? "")}`),
+				onClick: () => C(`/standings?competition=${encodeURIComponent(M.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" }),
+					/* @__PURE__ */ v(g, { className: "h-4 w-4" }),
 					" View ",
-					N.competition,
+					M.competition,
 					" standings"
 				]
 			})
@@ -196,6 +185,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as FixtureDetailPage };
+export { S as FixtureDetailPage };
 
 //# sourceMappingURL=FixtureDetailPage.js.map

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

@@ -1 +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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"}
+{"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 * The header is a crest-vs-crest Scoreboard hero; the record-result panel shows\n * each team's crest beside its score input. Semantic tokens only, responsive.\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Trophy, Loader2, Flag, Minus } from 'lucide-react';\nimport { GlassCard, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Scoreboard } from '../../components/Scoreboard';\nimport { Crest } from '../../components/Crest';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { FIXTURE_TYPE_LABELS } from '../../components/domain';\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 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      {/* Crest-vs-crest hero scoreboard */}\n      <Scoreboard fixture={f} variant=\"hero\" className=\"mb-8\" />\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-5 sm:p-6\">\n            <p className=\"mb-5 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}>\n              <div className=\"flex flex-wrap items-end justify-center gap-4 sm:gap-6\">\n                <div className=\"flex items-end gap-3\">\n                  <div className=\"flex flex-col items-center gap-2\">\n                    <Crest name={homeName} sport={f.homeTeam?.sport} size={40} />\n                    <span className=\"max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary\">\n                      {homeName}\n                    </span>\n                  </div>\n                  <FormField label=\"Home\" htmlFor=\"homeScore\" className=\"w-24\">\n                    <input\n                      id=\"homeScore\"\n                      inputMode=\"numeric\"\n                      className={`${fieldInputClass} text-center text-lg font-bold tabular-nums`}\n                      value={homeScore}\n                      onChange={(e) => setHomeScore(e.target.value)}\n                      placeholder=\"0\"\n                    />\n                  </FormField>\n                </div>\n\n                <Minus className=\"mb-3 h-5 w-5 shrink-0 text-text-muted\" aria-hidden=\"true\" />\n\n                <div className=\"flex items-end gap-3\">\n                  <FormField label=\"Away\" htmlFor=\"awayScore\" className=\"w-24\">\n                    <input\n                      id=\"awayScore\"\n                      inputMode=\"numeric\"\n                      className={`${fieldInputClass} text-center text-lg font-bold tabular-nums`}\n                      value={awayScore}\n                      onChange={(e) => setAwayScore(e.target.value)}\n                      placeholder=\"0\"\n                    />\n                  </FormField>\n                  <div className=\"flex flex-col items-center gap-2\">\n                    <Crest name={awayName} sport={f.awayTeam?.sport} size={40} />\n                    <span className=\"max-w-[8rem] truncate text-center text-xs font-medium text-text-secondary\">\n                      {awayName}\n                    </span>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"mt-6 flex justify-center\">\n                <button\n                  type=\"submit\"\n                  disabled={recordResult.isPending}\n                  className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-6 py-2.5 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 result\n                </button>\n              </div>\n            </form>\n            {error && <p className=\"mt-3 text-center 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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"}