@burdenoff/microfe-atheletebridge 2026.705.1 → 2026.706.1

package/dist/atheletebridge/pages/StandingsPage.js

@@ -1,166 +1,190 @@
-import { PageLayout as e } from "../components/PageLayout.js";
-import { EmptyState as t } from "../components/EmptyState.js";
-import { ErrorState as n, LoadingState as r } from "../components/LoadingState.js";
-import { useFixtures as i, useStandings as a } from "../hooks/useAthleteBridgeApi.js";
-import { fieldInputClass as o } from "../components/form.js";
-import { useEffect as s, useMemo as c, useState as l } from "react";
-import { Search as u, Trophy as d } from "lucide-react";
-import { useSearchParams as f } from "react-router-dom";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { EmphasisPanel as h } from "@burdenoff/fe-libs/ui";
+import { cn as e } from "../utils/cn.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { Crest as n } from "../components/Crest.js";
+import { EmptyState as r } from "../components/EmptyState.js";
+import { ErrorState as i, LoadingState as a } from "../components/LoadingState.js";
+import { useFixtures as o, useStandings as s } from "../hooks/useAthleteBridgeApi.js";
+import { fieldInputClass as c } from "../components/form.js";
+import { useEffect as l, useMemo as u, useState as d } from "react";
+import { Search as f, Trophy as p } from "lucide-react";
+import { useSearchParams as m } from "react-router-dom";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { EmphasisPanel as _ } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/StandingsPage.tsx
-function g() {
-	let [g] = f(), _ = g.get("competition") ?? "", [v, y] = l(_), [b, x] = l(_), S = i({ pagination: { limit: 100 } }), C = c(() => {
+function v() {
+	let [v] = m(), y = v.get("competition") ?? "", [b, x] = d(y), [S, C] = d(y), w = o({ pagination: { limit: 100 } }), T = u(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of S.data?.items ?? []) t.competition && e.add(t.competition);
+		for (let t of w.data?.items ?? []) t.competition && e.add(t.competition);
 		return Array.from(e).sort();
-	}, [S.data]);
-	s(() => {
-		!b && C.length > 0 && (y(C[0]), x(C[0]));
-	}, [b, C]);
-	let w = a(b || void 0), T = c(() => [...w.data ?? []].sort((e, t) => t.points === e.points ? t.goalsFor - e.goalsFor : t.points - e.points), [w.data]);
-	return /* @__PURE__ */ m(e, {
+	}, [w.data]);
+	l(() => {
+		!S && T.length > 0 && (x(T[0]), C(T[0]));
+	}, [S, T]);
+	let E = s(S || void 0), D = u(() => [...E.data ?? []].sort((e, t) => t.points === e.points ? t.goalsFor - e.goalsFor : t.points - e.points), [E.data]);
+	return /* @__PURE__ */ g(t, {
 		title: "Standings",
 		description: "Live competition tables — recomputed automatically from results.",
-		children: [/* @__PURE__ */ m("form", {
+		children: [/* @__PURE__ */ g("form", {
 			onSubmit: (e) => {
-				e.preventDefault(), x(v.trim());
+				e.preventDefault(), C(b.trim());
 			},
 			className: "mb-6 flex flex-wrap items-end gap-3",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex-1 min-w-[220px]",
 				children: [
-					/* @__PURE__ */ p("label", {
+					/* @__PURE__ */ h("label", {
 						htmlFor: "competition",
 						className: "mb-1.5 block text-sm font-medium text-text-primary",
 						children: "Competition"
 					}),
-					/* @__PURE__ */ p("input", {
+					/* @__PURE__ */ h("input", {
 						id: "competition",
 						list: "ath-competitions",
-						className: o,
-						value: v,
-						onChange: (e) => y(e.target.value),
+						className: c,
+						value: b,
+						onChange: (e) => x(e.target.value),
 						placeholder: "e.g. Spring League 2026"
 					}),
-					/* @__PURE__ */ p("datalist", {
+					/* @__PURE__ */ h("datalist", {
 						id: "ath-competitions",
-						children: C.map((e) => /* @__PURE__ */ p("option", { value: e }, e))
+						children: T.map((e) => /* @__PURE__ */ h("option", { value: e }, e))
 					})
 				]
-			}), /* @__PURE__ */ m("button", {
+			}), /* @__PURE__ */ g("button", {
 				type: "submit",
 				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",
-				children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), " View table"]
+				children: [/* @__PURE__ */ h(f, { className: "h-4 w-4" }), " View table"]
 			})]
-		}), b ? w.isLoading ? /* @__PURE__ */ p(r, { label: "Loading standings…" }) : w.isError ? /* @__PURE__ */ p(n, { onRetry: () => void w.refetch() }) : T.length === 0 ? /* @__PURE__ */ p(t, {
+		}), S ? E.isLoading ? /* @__PURE__ */ h(a, { label: "Loading standings…" }) : E.isError ? /* @__PURE__ */ h(i, { onRetry: () => void E.refetch() }) : D.length === 0 ? /* @__PURE__ */ h(r, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ h(p, { className: "h-10 w-10" }),
 			title: "No standings yet",
-			description: `No results have been recorded for "${b}". Record a fixture result to build the table.`
-		}) : /* @__PURE__ */ p(h, {
+			description: `No results have been recorded for "${S}". Record a fixture result to build the table.`
+		}) : /* @__PURE__ */ h(_, {
 			className: "overflow-x-auto",
-			children: /* @__PURE__ */ m("table", {
+			children: /* @__PURE__ */ g("table", {
 				className: "w-full min-w-[640px] text-sm",
-				children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
+				children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", {
 					className: "border-b border-border-seam text-left text-xs uppercase tracking-wide text-text-secondary",
 					children: [
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 font-medium",
 							children: "#"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 font-medium",
 							children: "Team"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-medium",
 							children: "P"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-medium",
 							children: "W"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-medium",
 							children: "D"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-medium",
 							children: "L"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-medium",
 							children: "GF"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-medium",
 							children: "GA"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-medium",
 							children: "GD"
 						}),
-						/* @__PURE__ */ p("th", {
+						/* @__PURE__ */ h("th", {
 							className: "px-3 py-2 text-center font-semibold text-text-primary",
 							children: "Pts"
 						})
 					]
-				}) }), /* @__PURE__ */ p("tbody", { children: T.map((e, t) => /* @__PURE__ */ m("tr", {
-					className: "border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/50",
-					children: [
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 tabular-nums text-text-secondary",
-							children: e.rank ?? t + 1
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 font-medium text-text-primary",
-							children: e.team?.name ?? "Unknown team"
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
-							children: e.played
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
-							children: e.won
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
-							children: e.drawn
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
-							children: e.lost
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
-							children: e.goalsFor
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
-							children: e.goalsAgainst
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
-							children: e.goalsFor - e.goalsAgainst
-						}),
-						/* @__PURE__ */ p("td", {
-							className: "px-3 py-2.5 text-center font-bold tabular-nums text-text-primary",
-							children: e.points
-						})
-					]
-				}, e.id)) })]
+				}) }), /* @__PURE__ */ h("tbody", { children: D.map((t, r) => {
+					let i = t.rank ?? r + 1, a = i === 1, o = t.goalsFor - t.goalsAgainst, s = t.team?.name ?? "Unknown team";
+					return /* @__PURE__ */ g("tr", {
+						className: e("border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/50", a && "bg-[var(--color-accent-soft)]/40"),
+						children: [
+							/* @__PURE__ */ h("td", {
+								className: "py-2.5 pl-0 pr-3",
+								children: /* @__PURE__ */ g("span", {
+									className: "flex items-center",
+									children: [/* @__PURE__ */ h("span", {
+										"aria-hidden": "true",
+										className: e("mr-2 h-6 w-1 rounded-full", a ? "bg-action-primary-bg" : "bg-transparent")
+									}), /* @__PURE__ */ h("span", {
+										className: e("tabular-nums", a ? "font-bold text-primary" : "text-text-secondary"),
+										children: i
+									})]
+								})
+							}),
+							/* @__PURE__ */ h("td", {
+								className: "px-3 py-2.5",
+								children: /* @__PURE__ */ g("span", {
+									className: "flex min-w-0 items-center gap-2.5",
+									children: [/* @__PURE__ */ h(n, {
+										name: s,
+										sport: t.team?.sport,
+										size: 26
+									}), /* @__PURE__ */ h("span", {
+										className: "truncate font-medium text-text-primary",
+										children: s
+									})]
+								})
+							}),
+							/* @__PURE__ */ h("td", {
+								className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
+								children: t.played
+							}),
+							/* @__PURE__ */ h("td", {
+								className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
+								children: t.won
+							}),
+							/* @__PURE__ */ h("td", {
+								className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
+								children: t.drawn
+							}),
+							/* @__PURE__ */ h("td", {
+								className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
+								children: t.lost
+							}),
+							/* @__PURE__ */ h("td", {
+								className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
+								children: t.goalsFor
+							}),
+							/* @__PURE__ */ h("td", {
+								className: "px-3 py-2.5 text-center tabular-nums text-text-secondary",
+								children: t.goalsAgainst
+							}),
+							/* @__PURE__ */ h("td", {
+								className: e("px-3 py-2.5 text-center font-medium tabular-nums", o > 0 ? "text-status-success-text" : o < 0 ? "text-status-error-text" : "text-text-secondary"),
+								children: o > 0 ? `+${o}` : o
+							}),
+							/* @__PURE__ */ h("td", {
+								className: e("px-3 py-2.5 text-center font-bold tabular-nums", a ? "text-primary" : "text-text-primary"),
+								children: t.points
+							})
+						]
+					}, t.id);
+				}) })]
 			})
-		}) : /* @__PURE__ */ p(t, {
+		}) : /* @__PURE__ */ h(r, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ h(p, { className: "h-10 w-10" }),
 			title: "Pick a competition",
 			description: "Enter a competition name to see its live standings. Standings are computed from recorded fixture results on a 3-1-0 model."
 		})]
 	});
 }
 //#endregion
-export { g as StandingsPage };
+export { v as StandingsPage };
 
 //# sourceMappingURL=StandingsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StandingsPage.js","names":[],"sources":["../../../src/atheletebridge/pages/StandingsPage.tsx"],"sourcesContent":["/**\n * Standings\n * @module atheletebridge/pages\n *\n * Reads the live competition table (athStandings) for a chosen competition.\n * The svc requires a competition name, so the user picks one (seeded from\n * fixtures that carry a competition, or typed directly).\n */\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Search, Trophy } from 'lucide-react';\nimport { EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { EmptyState } from '../components/EmptyState';\nimport { LoadingState, ErrorState } from '../components/LoadingState';\nimport { fieldInputClass } from '../components/form';\nimport { useFixtures, useStandings } from '../hooks/useAthleteBridgeApi';\n\nexport function StandingsPage() {\n  const [searchParams] = useSearchParams();\n  const initialCompetition = searchParams.get('competition') ?? '';\n\n  const [competition, setCompetition] = useState(initialCompetition);\n  const [activeCompetition, setActiveCompetition] = useState(initialCompetition);\n\n  // Suggest competitions that appear on existing fixtures.\n  const fixtures = useFixtures({ pagination: { limit: 100 } });\n  const competitions = useMemo(() => {\n    const set = new Set<string>();\n    for (const f of fixtures.data?.items ?? []) {\n      if (f.competition) set.add(f.competition);\n    }\n    return Array.from(set).sort();\n  }, [fixtures.data]);\n\n  // If no competition selected yet but fixtures have one, default to the first.\n  useEffect(() => {\n    if (!activeCompetition && competitions.length > 0) {\n      setCompetition(competitions[0]);\n      setActiveCompetition(competitions[0]);\n    }\n  }, [activeCompetition, competitions]);\n\n  const standings = useStandings(activeCompetition || undefined);\n  const rows = useMemo(() => {\n    const items = standings.data ?? [];\n    return [...items].sort((a, b) => {\n      if (b.points !== a.points) return b.points - a.points;\n      return b.goalsFor - a.goalsFor;\n    });\n  }, [standings.data]);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setActiveCompetition(competition.trim());\n  };\n\n  return (\n    <PageLayout\n      title=\"Standings\"\n      description=\"Live competition tables — recomputed automatically from results.\"\n    >\n      <form onSubmit={handleSubmit} className=\"mb-6 flex flex-wrap items-end gap-3\">\n        <div className=\"flex-1 min-w-[220px]\">\n          <label\n            htmlFor=\"competition\"\n            className=\"mb-1.5 block text-sm font-medium text-text-primary\"\n          >\n            Competition\n          </label>\n          <input\n            id=\"competition\"\n            list=\"ath-competitions\"\n            className={fieldInputClass}\n            value={competition}\n            onChange={(e) => setCompetition(e.target.value)}\n            placeholder=\"e.g. Spring League 2026\"\n          />\n          <datalist id=\"ath-competitions\">\n            {competitions.map((c) => (\n              <option key={c} value={c} />\n            ))}\n          </datalist>\n        </div>\n        <button\n          type=\"submit\"\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\"\n        >\n          <Search className=\"h-4 w-4\" /> View table\n        </button>\n      </form>\n\n      {!activeCompetition ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Trophy className=\"h-10 w-10\" />}\n          title=\"Pick a competition\"\n          description=\"Enter a competition name to see its live standings. Standings are computed from recorded fixture results on a 3-1-0 model.\"\n        />\n      ) : standings.isLoading ? (\n        <LoadingState label=\"Loading standings…\" />\n      ) : standings.isError ? (\n        <ErrorState onRetry={() => void standings.refetch()} />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Trophy className=\"h-10 w-10\" />}\n          title=\"No standings yet\"\n          description={`No results have been recorded for \"${activeCompetition}\". Record a fixture result to build the table.`}\n        />\n      ) : (\n        <EmphasisPanel className=\"overflow-x-auto\">\n          <table className=\"w-full min-w-[640px] text-sm\">\n            <thead>\n              <tr className=\"border-b border-border-seam text-left text-xs uppercase tracking-wide text-text-secondary\">\n                <th className=\"px-3 py-2 font-medium\">#</th>\n                <th className=\"px-3 py-2 font-medium\">Team</th>\n                <th className=\"px-3 py-2 text-center font-medium\">P</th>\n                <th className=\"px-3 py-2 text-center font-medium\">W</th>\n                <th className=\"px-3 py-2 text-center font-medium\">D</th>\n                <th className=\"px-3 py-2 text-center font-medium\">L</th>\n                <th className=\"px-3 py-2 text-center font-medium\">GF</th>\n                <th className=\"px-3 py-2 text-center font-medium\">GA</th>\n                <th className=\"px-3 py-2 text-center font-medium\">GD</th>\n                <th className=\"px-3 py-2 text-center font-semibold text-text-primary\">Pts</th>\n              </tr>\n            </thead>\n            <tbody>\n              {rows.map((row, idx) => (\n                <tr\n                  key={row.id}\n                  className=\"border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/50\"\n                >\n                  <td className=\"px-3 py-2.5 tabular-nums text-text-secondary\">\n                    {row.rank ?? idx + 1}\n                  </td>\n                  <td className=\"px-3 py-2.5 font-medium text-text-primary\">\n                    {row.team?.name ?? 'Unknown team'}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                    {row.played}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                    {row.won}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                    {row.drawn}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                    {row.lost}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                    {row.goalsFor}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                    {row.goalsAgainst}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                    {row.goalsFor - row.goalsAgainst}\n                  </td>\n                  <td className=\"px-3 py-2.5 text-center font-bold tabular-nums text-text-primary\">\n                    {row.points}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </EmphasisPanel>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"StandingsPage.js","names":[],"sources":["../../../src/atheletebridge/pages/StandingsPage.tsx"],"sourcesContent":["/**\n * Standings\n * @module atheletebridge/pages\n *\n * Reads the live competition table (athStandings) for a chosen competition.\n * The svc requires a competition name, so the user picks one (seeded from\n * fixtures that carry a competition, or typed directly).\n */\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Search, Trophy } from 'lucide-react';\nimport { EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { EmptyState } from '../components/EmptyState';\nimport { LoadingState, ErrorState } from '../components/LoadingState';\nimport { Crest } from '../components/Crest';\nimport { fieldInputClass } from '../components/form';\nimport { cn } from '../utils/cn';\nimport { useFixtures, useStandings } from '../hooks/useAthleteBridgeApi';\n\nexport function StandingsPage() {\n  const [searchParams] = useSearchParams();\n  const initialCompetition = searchParams.get('competition') ?? '';\n\n  const [competition, setCompetition] = useState(initialCompetition);\n  const [activeCompetition, setActiveCompetition] = useState(initialCompetition);\n\n  // Suggest competitions that appear on existing fixtures.\n  const fixtures = useFixtures({ pagination: { limit: 100 } });\n  const competitions = useMemo(() => {\n    const set = new Set<string>();\n    for (const f of fixtures.data?.items ?? []) {\n      if (f.competition) set.add(f.competition);\n    }\n    return Array.from(set).sort();\n  }, [fixtures.data]);\n\n  // If no competition selected yet but fixtures have one, default to the first.\n  useEffect(() => {\n    if (!activeCompetition && competitions.length > 0) {\n      setCompetition(competitions[0]);\n      setActiveCompetition(competitions[0]);\n    }\n  }, [activeCompetition, competitions]);\n\n  const standings = useStandings(activeCompetition || undefined);\n  const rows = useMemo(() => {\n    const items = standings.data ?? [];\n    return [...items].sort((a, b) => {\n      if (b.points !== a.points) return b.points - a.points;\n      return b.goalsFor - a.goalsFor;\n    });\n  }, [standings.data]);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setActiveCompetition(competition.trim());\n  };\n\n  return (\n    <PageLayout\n      title=\"Standings\"\n      description=\"Live competition tables — recomputed automatically from results.\"\n    >\n      <form onSubmit={handleSubmit} className=\"mb-6 flex flex-wrap items-end gap-3\">\n        <div className=\"flex-1 min-w-[220px]\">\n          <label\n            htmlFor=\"competition\"\n            className=\"mb-1.5 block text-sm font-medium text-text-primary\"\n          >\n            Competition\n          </label>\n          <input\n            id=\"competition\"\n            list=\"ath-competitions\"\n            className={fieldInputClass}\n            value={competition}\n            onChange={(e) => setCompetition(e.target.value)}\n            placeholder=\"e.g. Spring League 2026\"\n          />\n          <datalist id=\"ath-competitions\">\n            {competitions.map((c) => (\n              <option key={c} value={c} />\n            ))}\n          </datalist>\n        </div>\n        <button\n          type=\"submit\"\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\"\n        >\n          <Search className=\"h-4 w-4\" /> View table\n        </button>\n      </form>\n\n      {!activeCompetition ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Trophy className=\"h-10 w-10\" />}\n          title=\"Pick a competition\"\n          description=\"Enter a competition name to see its live standings. Standings are computed from recorded fixture results on a 3-1-0 model.\"\n        />\n      ) : standings.isLoading ? (\n        <LoadingState label=\"Loading standings…\" />\n      ) : standings.isError ? (\n        <ErrorState onRetry={() => void standings.refetch()} />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Trophy className=\"h-10 w-10\" />}\n          title=\"No standings yet\"\n          description={`No results have been recorded for \"${activeCompetition}\". Record a fixture result to build the table.`}\n        />\n      ) : (\n        <EmphasisPanel className=\"overflow-x-auto\">\n          <table className=\"w-full min-w-[640px] text-sm\">\n            <thead>\n              <tr className=\"border-b border-border-seam text-left text-xs uppercase tracking-wide text-text-secondary\">\n                <th className=\"px-3 py-2 font-medium\">#</th>\n                <th className=\"px-3 py-2 font-medium\">Team</th>\n                <th className=\"px-3 py-2 text-center font-medium\">P</th>\n                <th className=\"px-3 py-2 text-center font-medium\">W</th>\n                <th className=\"px-3 py-2 text-center font-medium\">D</th>\n                <th className=\"px-3 py-2 text-center font-medium\">L</th>\n                <th className=\"px-3 py-2 text-center font-medium\">GF</th>\n                <th className=\"px-3 py-2 text-center font-medium\">GA</th>\n                <th className=\"px-3 py-2 text-center font-medium\">GD</th>\n                <th className=\"px-3 py-2 text-center font-semibold text-text-primary\">Pts</th>\n              </tr>\n            </thead>\n            <tbody>\n              {rows.map((row, idx) => {\n                const rank = row.rank ?? idx + 1;\n                const isLeader = rank === 1;\n                const gd = row.goalsFor - row.goalsAgainst;\n                const teamName = row.team?.name ?? 'Unknown team';\n                return (\n                  <tr\n                    key={row.id}\n                    className={cn(\n                      'border-b border-border-seam/60 last:border-0 hover:bg-bg-sunken/50',\n                      isLeader && 'bg-[var(--color-accent-soft)]/40'\n                    )}\n                  >\n                    <td className=\"py-2.5 pl-0 pr-3\">\n                      <span className=\"flex items-center\">\n                        <span\n                          aria-hidden=\"true\"\n                          className={cn(\n                            'mr-2 h-6 w-1 rounded-full',\n                            isLeader ? 'bg-action-primary-bg' : 'bg-transparent'\n                          )}\n                        />\n                        <span\n                          className={cn(\n                            'tabular-nums',\n                            isLeader ? 'font-bold text-primary' : 'text-text-secondary'\n                          )}\n                        >\n                          {rank}\n                        </span>\n                      </span>\n                    </td>\n                    <td className=\"px-3 py-2.5\">\n                      <span className=\"flex min-w-0 items-center gap-2.5\">\n                        <Crest name={teamName} sport={row.team?.sport} size={26} />\n                        <span className=\"truncate font-medium text-text-primary\">{teamName}</span>\n                      </span>\n                    </td>\n                    <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                      {row.played}\n                    </td>\n                    <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                      {row.won}\n                    </td>\n                    <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                      {row.drawn}\n                    </td>\n                    <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                      {row.lost}\n                    </td>\n                    <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                      {row.goalsFor}\n                    </td>\n                    <td className=\"px-3 py-2.5 text-center tabular-nums text-text-secondary\">\n                      {row.goalsAgainst}\n                    </td>\n                    <td\n                      className={cn(\n                        'px-3 py-2.5 text-center font-medium tabular-nums',\n                        gd > 0\n                          ? 'text-status-success-text'\n                          : gd < 0\n                            ? 'text-status-error-text'\n                            : 'text-text-secondary'\n                      )}\n                    >\n                      {gd > 0 ? `+${gd}` : gd}\n                    </td>\n                    <td\n                      className={cn(\n                        'px-3 py-2.5 text-center font-bold tabular-nums',\n                        isLeader ? 'text-primary' : 'text-text-primary'\n                      )}\n                    >\n                      {row.points}\n                    </td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </EmphasisPanel>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}