@sensiblestats/widget-react 0.85.0 → 0.86.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/StatsWidget.tsx
-import { useCallback as useCallback23, useEffect as useEffect34, useMemo as useMemo6, useRef as useRef31, useState as useState53 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect34, useMemo as useMemo6, useRef as useRef31, useState as useState55 } from "react";
 import { StatsWidgetClient } from "@sensiblestats/widget-sdk";
 
 // src/kickoff.ts
@@ -15,8 +15,13 @@ function formatBettingKickoff(kickoffUtc, ui, locale, now = /* @__PURE__ */ new
 }
 
 // src/i18n.ts
+var GROUP_NOUN_EN = { G: "goalkeepers", D: "defenders", M: "midfielders", F: "forwards" };
+var GROUP_NOUN_TR = { G: "kalecileri", D: "defans oyuncular\u0131", M: "orta saha oyuncular\u0131", F: "forvetleri" };
 var formatPtsEn = (n) => new Intl.NumberFormat("en-GB").format(n);
 var formatPtsTr = (n) => new Intl.NumberFormat("tr-TR").format(n);
+var nbsp = (s) => s.replace(/\s/g, "\xA0");
+var pdDateEn = (ms, opts) => nbsp(new Intl.DateTimeFormat("en-GB", opts).format(new Date(ms)).replace("Sept", "Sep"));
+var pdDateTr = (ms, opts) => nbsp(new Intl.DateTimeFormat("tr-TR", opts).format(new Date(ms)));
 var STRINGS = {
   en: {
     launcherLabel: "Chat with SensibleStats",
@@ -152,6 +157,60 @@ var STRINGS = {
     recordsMostAssists: "Most assists",
     recordsSince: "Since {season}",
     standingsColClub: "Club",
+    statHeadPos: "Pos",
+    statHeadMins: "Mins",
+    statHeadGoals: "G",
+    statHeadAssists: "A",
+    statHeadYellow: "Y",
+    statHeadRed: "R",
+    statHeadRating: "Rtg",
+    squadStatsEyebrow: (season, competition, n) => `${season} ${competition} \xB7 after ${n} game${n === 1 ? "" : "s"}`,
+    squadTopScorer: (name, n) => `Top scorer: ${name} (${n})`,
+    squadTopAssists: (name, n) => `Most assists: ${name} (${n})`,
+    detailStarted: "Started",
+    detailMatches: "Matches",
+    detailNatShort: "Nat.",
+    detailYellows: "Yellows",
+    detailReds: "Reds",
+    availabilityNext: (opponent, isHome, kickoffMs) => `Next: ${isHome ? "vs" : "at"} ${opponent} (${isHome ? "H" : "A"})` + (kickoffMs !== null && kickoffMs > 0 ? ` \xB7 ${pdDateEn(kickoffMs, { weekday: "short", day: "numeric", month: "short" })}` : ""),
+    availabilityAvailable: "Available",
+    availabilityInjured: "Injured",
+    availabilitySuspended: "Suspended",
+    availabilityUnavailable: "Unavailable",
+    availabilityNoConcerns: "No fitness concerns reported",
+    availabilityBack: (ms) => `Expected back ${pdDateEn(ms, { day: "numeric", month: "short" })}`,
+    perfTitle: "Season performance",
+    perfTotal: "Total",
+    perfPer90: "Per 90",
+    perfRankedAgainst: (competition, group) => `Ranked against ${competition} ${GROUP_NOUN_EN[group] ?? group}`,
+    perfUnranked: "Not enough minutes to rank",
+    perfUnrankedCohort: "Not enough players in this position to rank",
+    perfUnrankedNoLeague: "Not ranked \u2014 no league data",
+    perfGroupShooting: "Shooting",
+    perfGroupPassing: "Passing",
+    perfGroupPossession: "Possession",
+    perfGroupDefending: "Defending",
+    perfMetric: {
+      goals: "Goals",
+      xg: "Expected goals (xG)",
+      shots: "Shots",
+      shotsOnTarget: "Shots on target",
+      assists: "Assists",
+      successfulPasses: "Successful passes",
+      passAccuracy: "Pass accuracy",
+      chancesCreated: "Chances created",
+      successfulDribbles: "Successful dribbles",
+      dribbleSuccess: "Dribble success",
+      touches: "Touches",
+      tacklesWon: "Tackles won",
+      interceptions: "Interceptions",
+      duelsWon: "Duels won"
+    },
+    perfGroupNoun: GROUP_NOUN_EN,
+    matchLogTitle: "Match log",
+    matchLogOpponent: (name, isHome) => isHome ? `vs ${name}` : `at ${name}`,
+    resultLetter: { W: "W", D: "D", L: "L" },
+    logShortDate: (ms) => pdDateEn(ms, { day: "numeric", month: "short" }),
     standingsColPlayed: "P",
     standingsColWon: "W",
     standingsColDrawn: "D",
@@ -565,6 +624,60 @@ var STRINGS = {
     recordsMostAssists: "En \xE7ok asist yapanlar",
     recordsSince: "{season} sezonundan beri",
     standingsColClub: "Tak\u0131m",
+    statHeadPos: "Mvk",
+    statHeadMins: "Dk",
+    statHeadGoals: "G",
+    statHeadAssists: "A",
+    statHeadYellow: "S",
+    statHeadRed: "K",
+    statHeadRating: "Puan",
+    squadStatsEyebrow: (season, competition, n) => `${season} ${competition} \xB7 ${n} ma\xE7 sonra`,
+    squadTopScorer: (name, n) => `Gol kral\u0131: ${name} (${n})`,
+    squadTopAssists: (name, n) => `Asist lideri: ${name} (${n})`,
+    detailStarted: "\u0130lk 11",
+    detailMatches: "Ma\xE7",
+    detailNatShort: "Uyruk",
+    detailYellows: "Sar\u0131",
+    detailReds: "K\u0131rm\u0131z\u0131",
+    availabilityNext: (opponent, isHome, kickoffMs) => `Sonraki: ${opponent} (${isHome ? "\u0130\xE7\xA0saha" : "Deplasman"})` + (kickoffMs !== null && kickoffMs > 0 ? ` \xB7 ${pdDateTr(kickoffMs, { day: "numeric", month: "short", weekday: "short" })}` : ""),
+    availabilityAvailable: "Haz\u0131r",
+    availabilityInjured: "Sakat",
+    availabilitySuspended: "Cezal\u0131",
+    availabilityUnavailable: "Haz\u0131r de\u011Fil",
+    availabilityNoConcerns: "Sakatl\u0131k bildirimi yok",
+    availabilityBack: (ms) => `D\xF6n\xFC\u015F: ${pdDateTr(ms, { day: "numeric", month: "short" })}`,
+    perfTitle: "Sezon performans\u0131",
+    perfTotal: "Toplam",
+    perfPer90: "90 dk",
+    perfRankedAgainst: (competition, group) => `${competition} ${GROUP_NOUN_TR[group] ?? group} aras\u0131nda`,
+    perfUnranked: "S\u0131ralama i\xE7in yeterli s\xFCre yok",
+    perfUnrankedCohort: "Bu mevkide s\u0131ralama i\xE7in yeterli oyuncu yok",
+    perfUnrankedNoLeague: "S\u0131ralanmad\u0131 \u2014 lig verisi yok",
+    perfGroupShooting: "\u015Eut",
+    perfGroupPassing: "Pas",
+    perfGroupPossession: "Top hakimiyeti",
+    perfGroupDefending: "Savunma",
+    perfMetric: {
+      goals: "Gol",
+      xg: "Gol beklentisi (xG)",
+      shots: "\u015Eut",
+      shotsOnTarget: "\u0130sabetli \u015Fut",
+      assists: "Asist",
+      successfulPasses: "Ba\u015Far\u0131l\u0131 pas",
+      passAccuracy: "Pas isabeti",
+      chancesCreated: "Yarat\u0131lan f\u0131rsat",
+      successfulDribbles: "Ba\u015Far\u0131l\u0131 \xE7al\u0131m",
+      dribbleSuccess: "\xC7al\u0131m ba\u015Far\u0131s\u0131",
+      touches: "Topla bulu\u015Fma",
+      tacklesWon: "Kazan\u0131lan m\xFCdahale",
+      interceptions: "Top kapma",
+      duelsWon: "Kazan\u0131lan ikili m\xFCcadele"
+    },
+    perfGroupNoun: GROUP_NOUN_TR,
+    matchLogTitle: "Ma\xE7 ge\xE7mi\u015Fi",
+    matchLogOpponent: (name, isHome) => isHome ? `${name} (\u0130)` : `${name} (D)`,
+    resultLetter: { W: "G", D: "B", L: "M" },
+    logShortDate: (ms) => pdDateTr(ms, { day: "numeric", month: "short" }),
     standingsColPlayed: "O",
     standingsColWon: "G",
     standingsColDrawn: "B",
@@ -975,6 +1088,45 @@ function normalizeUi(cfg) {
     recordsMostAssists: strings.recordsMostAssists,
     recordsSince: strings.recordsSince,
     standingsColClub: strings.standingsColClub,
+    statHeadPos: strings.statHeadPos,
+    statHeadMins: strings.statHeadMins,
+    statHeadGoals: strings.statHeadGoals,
+    statHeadAssists: strings.statHeadAssists,
+    statHeadYellow: strings.statHeadYellow,
+    statHeadRed: strings.statHeadRed,
+    statHeadRating: strings.statHeadRating,
+    squadStatsEyebrow: strings.squadStatsEyebrow,
+    squadTopScorer: strings.squadTopScorer,
+    squadTopAssists: strings.squadTopAssists,
+    detailStarted: strings.detailStarted,
+    detailMatches: strings.detailMatches,
+    detailNatShort: strings.detailNatShort,
+    detailYellows: strings.detailYellows,
+    detailReds: strings.detailReds,
+    availabilityNext: strings.availabilityNext,
+    availabilityAvailable: strings.availabilityAvailable,
+    availabilityInjured: strings.availabilityInjured,
+    availabilitySuspended: strings.availabilitySuspended,
+    availabilityUnavailable: strings.availabilityUnavailable,
+    availabilityNoConcerns: strings.availabilityNoConcerns,
+    availabilityBack: strings.availabilityBack,
+    perfTitle: strings.perfTitle,
+    perfTotal: strings.perfTotal,
+    perfPer90: strings.perfPer90,
+    perfRankedAgainst: strings.perfRankedAgainst,
+    perfUnranked: strings.perfUnranked,
+    perfUnrankedCohort: strings.perfUnrankedCohort,
+    perfUnrankedNoLeague: strings.perfUnrankedNoLeague,
+    perfGroupShooting: strings.perfGroupShooting,
+    perfGroupPassing: strings.perfGroupPassing,
+    perfGroupPossession: strings.perfGroupPossession,
+    perfGroupDefending: strings.perfGroupDefending,
+    perfMetric: strings.perfMetric,
+    perfGroupNoun: strings.perfGroupNoun,
+    matchLogTitle: strings.matchLogTitle,
+    matchLogOpponent: strings.matchLogOpponent,
+    resultLetter: strings.resultLetter,
+    logShortDate: strings.logShortDate,
     standingsColPlayed: strings.standingsColPlayed,
     standingsColWon: strings.standingsColWon,
     standingsColDrawn: strings.standingsColDrawn,
@@ -3344,6 +3496,8 @@ import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRe
 function useClubSquadStats(conversation, { activeTab, enabled }) {
   const [data, setData] = useState10(null);
   const [seasonName, setSeasonName] = useState10(null);
+  const [competitionName, setCompetitionName] = useState10(null);
+  const [matchesPlayed, setMatchesPlayed] = useState10(null);
   const [loading, setLoading] = useState10(false);
   const [refreshCount, setRefreshCount] = useState10(0);
   const inFlightRef = useRef11(false);
@@ -3362,6 +3516,8 @@ function useClubSquadStats(conversation, { activeTab, enabled }) {
         if (active) {
           setData(result?.players ?? null);
           setSeasonName(result?.seasonName ?? null);
+          setCompetitionName(result?.competitionName ?? null);
+          setMatchesPlayed(result?.clubMatchesPlayed ?? null);
         }
       } catch {
       } finally {
@@ -3379,7 +3535,7 @@ function useClubSquadStats(conversation, { activeTab, enabled }) {
     setRefreshCount((c) => c + 1);
   }, []);
   const effectiveLoading = loading || activeTab === "squad" && enabled && data === null;
-  return { data, seasonName, loading: effectiveLoading, refresh };
+  return { data, seasonName, competitionName, matchesPlayed, loading: effectiveLoading, refresh };
 }
 
 // src/useClubPlayerDetail.ts
@@ -3779,7 +3935,7 @@ function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup,
 }
 
 // src/components/ChatPanel.tsx
-import { useCallback as useCallback22, useEffect as useEffect33, useLayoutEffect, useMemo as useMemo5, useRef as useRef30, useState as useState52 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect33, useLayoutEffect, useMemo as useMemo5, useRef as useRef30, useState as useState54 } from "react";
 
 // src/components/ChatHeader.tsx
 import { useEffect as useEffect16, useRef as useRef17, useState as useState15 } from "react";
@@ -9967,51 +10123,92 @@ function footLabel(ui, foot) {
       return v;
   }
 }
+var GROUP_CODE = { Goalkeeper: "GK", Defender: "DF", Midfielder: "MF", Attacker: "FW" };
+function positionShort(code, positionName) {
+  const c = code?.trim().toUpperCase() ?? "";
+  if (c !== "") return c === "CF" || c === "SS" ? "ST" : c;
+  return positionName !== null && GROUP_CODE[positionName] || "\u2013";
+}
+function statsEyebrow(ui, season, competition, matches) {
+  if (season === null || competition === null || matches === null || matches <= 0) return null;
+  return ui.squadStatsEyebrow(season, competition, matches);
+}
 
 // src/components/SquadStats.tsx
 import { jsx as jsx97, jsxs as jsxs83 } from "react/jsx-runtime";
+function leader(stats, pick) {
+  let best = null;
+  for (const p of stats) {
+    if (pick(p) <= 0) continue;
+    if (best === null || pick(p) > pick(best) || pick(p) === pick(best) && p.minutesPlayed < best.minutesPlayed) best = p;
+  }
+  return best;
+}
+function ratingClass(rating) {
+  if (rating === null) return "ss-w-sq-c36 ss-w-sq-rtg-none";
+  return Number(rating.toFixed(1)) >= 7 ? "ss-w-sq-c36 ss-w-sq-rtg ss-w-pos-ink" : "ss-w-sq-c36 ss-w-sq-rtg";
+}
 function SquadStats({ stats, loading, ui, onSelectPlayer }) {
   if (stats === null && loading) return /* @__PURE__ */ jsx97("div", { className: "ss-w-mon-list" });
   if (stats === null || stats.length === 0) return /* @__PURE__ */ jsx97("div", { className: "ss-w-mon-empty", children: ui.clubSquadStatsEmpty });
-  return /* @__PURE__ */ jsxs83("div", { className: "ss-w-mon-list", children: [
-    /* @__PURE__ */ jsxs83("div", { className: "ss-w-sq-row ss-w-sq-head", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-num" }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name" }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColApps }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColGoals }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColAssists }),
-      /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: ui.statColRating })
-    ] }),
-    groupByPosition(stats).map((group, gi) => /* @__PURE__ */ jsxs83("div", { children: [
-      group.positionName && /* @__PURE__ */ jsx97("div", { className: "ss-w-club-eyebrow", children: positionLabel(ui, group.positionName) }),
-      group.items.map((p) => /* @__PURE__ */ jsxs83("button", { type: "button", className: "ss-w-sq-row ss-w-sq-tap", onClick: () => onSelectPlayer(p.playerId), children: [
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-num", children: p.jerseyNumber ?? "" }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name ss-w-sq-name-1", children: p.playerName }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.appearances }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.goals }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.assists }),
-        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-col", children: p.averageRating === null ? "\u2014" : p.averageRating.toFixed(1) })
+  const scorer = leader(stats, (p) => p.goals);
+  const assister = leader(stats, (p) => p.assists);
+  const footer = [
+    scorer && ui.squadTopScorer(scorer.playerName, scorer.goals),
+    assister && ui.squadTopAssists(assister.playerName, assister.assists)
+  ].filter((part) => !!part).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs83("div", { className: "ss-w-mon-list ss-w-sq-stats", children: [
+    /* @__PURE__ */ jsxs83("div", { className: "ss-w-sq-card", children: [
+      /* @__PURE__ */ jsxs83("div", { className: "ss-w-sq-row ss-w-sq-head", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name" }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-pos", children: ui.statHeadPos }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c30", children: ui.statColApps }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c36", children: ui.statHeadMins }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: ui.statHeadGoals }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: ui.statHeadAssists }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: ui.statHeadYellow }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: ui.statHeadRed }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c36", children: ui.statHeadRating })
+      ] }),
+      stats.map((p) => /* @__PURE__ */ jsxs83("button", { type: "button", className: "ss-w-sq-row ss-w-sq-tap", onClick: () => onSelectPlayer(p.playerId), children: [
+        /* @__PURE__ */ jsxs83("span", { className: "ss-w-sq-player", children: [
+          p.jerseyNumber !== null && /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-badge", children: p.jerseyNumber }),
+          /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-name ss-w-sq-name-1", children: p.playerName })
+        ] }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-pos", children: positionShort(p.positionCode, p.positionName) }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c30", children: p.appearances }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c36", children: p.minutesPlayed }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: p.goals }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20", children: p.assists }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: p.yellowCards }),
+        /* @__PURE__ */ jsx97("span", { className: "ss-w-sq-c20 ss-w-sq-yr", children: p.redCards }),
+        /* @__PURE__ */ jsx97("span", { className: ratingClass(p.averageRating), children: p.averageRating === null ? "\u2013" : p.averageRating.toFixed(1) })
       ] }, p.playerId))
-    ] }, `${gi}-${group.positionName ?? "none"}`))
+    ] }),
+    footer !== "" && /* @__PURE__ */ jsx97("div", { className: "ss-w-sq-foot", children: footer })
   ] });
 }
 
 // src/components/Squad.tsx
 import { Fragment as Fragment21, jsx as jsx98, jsxs as jsxs84 } from "react/jsx-runtime";
-function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, onSelectPlayer }) {
-  const toggle = /* @__PURE__ */ jsx98("div", { className: "ss-w-sq-seg", role: "group", children: ["roster", "stats"].map((v) => /* @__PURE__ */ jsx98(
-    "button",
-    {
-      type: "button",
-      className: "ss-w-sq-seg-btn",
-      "aria-pressed": view === v,
-      onClick: () => {
-        if (view !== v) onToggleView();
+function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, seasonName = null, competitionName = null, matchesPlayed = null, onSelectPlayer }) {
+  const eyebrow = view === "stats" ? statsEyebrow(ui, seasonName, competitionName, matchesPlayed) : null;
+  const toggle = /* @__PURE__ */ jsxs84("div", { className: "ss-w-sq-bar", children: [
+    eyebrow !== null && /* @__PURE__ */ jsx98("div", { className: "ss-w-sq-eyebrow", children: eyebrow }),
+    /* @__PURE__ */ jsx98("div", { className: "ss-w-sq-seg", role: "group", children: ["roster", "stats"].map((v) => /* @__PURE__ */ jsx98(
+      "button",
+      {
+        type: "button",
+        className: "ss-w-sq-seg-btn",
+        "aria-pressed": view === v,
+        onClick: () => {
+          if (view !== v) onToggleView();
+        },
+        children: v === "roster" ? ui.squadViewRoster : ui.squadViewStats
       },
-      children: v === "roster" ? ui.squadViewRoster : ui.squadViewStats
-    },
-    v
-  )) });
+      v
+    )) })
+  ] });
   if (view === "stats") {
     return /* @__PURE__ */ jsxs84(Fragment21, { children: [
       toggle,
@@ -10038,8 +10235,125 @@ function Squad({ squad, loading, ui, view, onToggleView, stats, statsLoading, on
   ] });
 }
 
+// src/components/PlayerPhoto.tsx
+import { useState as useState50 } from "react";
+import { jsx as jsx99 } from "react/jsx-runtime";
+function PlayerPhoto({ photoUrl, jerseyNumber, size }) {
+  const [failed, setFailed] = useState50(false);
+  const box = { width: size, height: size };
+  if (photoUrl && !failed) {
+    return /* @__PURE__ */ jsx99("img", { className: "ss-w-pd-photo", style: box, src: photoUrl, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
+  }
+  return /* @__PURE__ */ jsx99("span", { className: "ss-w-pd-photo ss-w-pd-avatar", style: { ...box, fontSize: Math.round(size * 0.35) }, "aria-hidden": "true", children: jerseyNumber ?? "" });
+}
+
+// src/components/MiniPitch.tsx
+import { jsx as jsx100 } from "react/jsx-runtime";
+var SPOT = {
+  GK: [50, 90],
+  CB: [50, 75],
+  LB: [18, 70],
+  RB: [82, 70],
+  LWB: [15, 58],
+  RWB: [85, 58],
+  DM: [50, 60],
+  CM: [50, 48],
+  LM: [18, 45],
+  RM: [82, 45],
+  AM: [50, 32],
+  LW: [20, 25],
+  RW: [80, 25],
+  CF: [50, 14],
+  SS: [50, 14],
+  ST: [50, 14]
+};
+function MiniPitch({ positionCode }) {
+  const spot = SPOT[positionCode?.trim().toUpperCase() ?? ""];
+  if (spot === void 0) return null;
+  return /* @__PURE__ */ jsx100("div", { className: "ss-w-pd-pitch", "aria-hidden": "true", children: /* @__PURE__ */ jsx100("div", { className: "ss-w-pd-pitch-dot", style: { left: `${spot[0]}%`, top: `${spot[1]}%` } }) });
+}
+
+// src/components/PerformanceBars.tsx
+import { useState as useState51 } from "react";
+import { jsx as jsx101, jsxs as jsxs85 } from "react/jsx-runtime";
+var GROUPS = ["shooting", "passing", "possession", "defending"];
+function finite3(v) {
+  return typeof v === "number" && Number.isFinite(v) ? v : null;
+}
+function valueOf(m, mode) {
+  return finite3(mode === "total" ? m.total : m.per90);
+}
+function rankOf(m, mode) {
+  const r = finite3(mode === "total" ? m.totalRank : m.per90Rank);
+  return r === null ? null : Math.min(100, Math.max(0, Math.round(r)));
+}
+function format(m, v, mode) {
+  if (m.isPercent) return `${v.toFixed(1)}%`;
+  if (mode === "per90" || m.key === "xg") return v.toFixed(2);
+  return String(Math.round(v));
+}
+function band(rank) {
+  if (rank >= 67) return "pos";
+  if (rank >= 34) return "warn";
+  return "neg";
+}
+function groupTitle(ui, g) {
+  switch (g) {
+    case "shooting":
+      return ui.perfGroupShooting;
+    case "passing":
+      return ui.perfGroupPassing;
+    case "possession":
+      return ui.perfGroupPossession;
+    case "defending":
+      return ui.perfGroupDefending;
+  }
+}
+function unrankedLine(ui, reason) {
+  switch (reason) {
+    case "cohort":
+      return ui.perfUnrankedCohort;
+    case "noLeague":
+      return ui.perfUnrankedNoLeague;
+    default:
+      return ui.perfUnranked;
+  }
+}
+function PerformanceBars({ performance, competitionName, strings }) {
+  const [mode, setMode] = useState51("total");
+  const labelled = performance.metrics.filter((m) => Object.prototype.hasOwnProperty.call(strings.perfMetric, m.key));
+  if (!labelled.some((m) => valueOf(m, "total") !== null || valueOf(m, "per90") !== null)) return null;
+  const subtitle = !performance.ranked ? unrankedLine(strings, performance.unrankedReason) : competitionName ? strings.perfRankedAgainst(competitionName, performance.positionGroup) : null;
+  const cards = GROUPS.map((g) => {
+    const rows = labelled.filter((m) => m.group === g && valueOf(m, mode) !== null);
+    if (rows.length === 0) return null;
+    return /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-card ss-w-pd-perf-card", children: [
+      /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-perf-group", children: groupTitle(strings, g) }),
+      rows.map((m) => {
+        const v = valueOf(m, mode);
+        const rank = performance.ranked ? rankOf(m, mode) : null;
+        return /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-bar-row", children: [
+          /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-bar-top", children: [
+            /* @__PURE__ */ jsx101("span", { className: "ss-w-pd-bar-label", children: strings.perfMetric[m.key] }),
+            /* @__PURE__ */ jsx101("span", { className: "ss-w-pd-bar-value", children: format(m, v, mode) })
+          ] }),
+          rank !== null && /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-track", children: /* @__PURE__ */ jsx101("div", { className: `ss-w-pd-fill ss-w-pd-fill--${band(rank)}`, style: { width: `${rank}%` } }) })
+        ] }, m.key);
+      })
+    ] }, g);
+  });
+  return /* @__PURE__ */ jsxs85("div", { children: [
+    /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-perf-head", children: [
+      /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-eyebrow", children: strings.perfTitle }),
+      /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-seg", role: "group", children: ["total", "per90"].map((m) => /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-pd-seg-btn", "aria-pressed": mode === m, onClick: () => setMode(m), children: m === "total" ? strings.perfTotal : strings.perfPer90 }, m)) })
+    ] }),
+    subtitle !== null && /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-perf-sub", children: subtitle }),
+    /* @__PURE__ */ jsx101("div", { className: "ss-w-pd-perf-cards", children: cards })
+  ] });
+}
+
 // src/components/PlayerDetail.tsx
-import { Fragment as Fragment22, jsx as jsx99, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx102, jsxs as jsxs86 } from "react/jsx-runtime";
 var DASH = "\u2014";
 function ageFrom(dobMs) {
   if (dobMs === null) return DASH;
@@ -10050,55 +10364,128 @@ function ageFrom(dobMs) {
   if (beforeBirthday) age--;
   return String(age);
 }
-function Field({ label, value }) {
-  return /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-field", children: [
-    /* @__PURE__ */ jsx99("span", { className: "ss-w-pd-label", children: label }),
-    /* @__PURE__ */ jsx99("span", { className: "ss-w-pd-value", children: value })
+function validMs(ms) {
+  return typeof ms === "number" && Number.isFinite(ms) && ms > 0 ? ms : null;
+}
+function ratingTone(rounded) {
+  if (rounded >= 7) return "pos";
+  if (rounded >= 6) return "warn";
+  return "neg";
+}
+function Bio({ label, value }) {
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-bio-item", children: [
+    /* @__PURE__ */ jsx102("span", { className: "ss-w-pd-faint", children: label }),
+    " ",
+    /* @__PURE__ */ jsx102("span", { children: value })
+  ] });
+}
+function Tile({ label, value, pos }) {
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-tile", children: [
+    /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-tile-label", children: label }),
+    /* @__PURE__ */ jsx102("div", { className: pos ? "ss-w-pd-tile-value ss-w-pd-pos-ink" : "ss-w-pd-tile-value", children: value })
+  ] });
+}
+function AvailabilityCard({ ui, next, availability }) {
+  let note = null;
+  let pill = null;
+  if (availability !== null) {
+    if (availability.status === "available") {
+      note = ui.availabilityNoConcerns;
+      pill = { text: ui.availabilityAvailable, tone: "pos" };
+    } else {
+      const back = validMs(availability.expectedReturnUnixMs);
+      note = [availability.detail?.trim() || null, back === null ? null : ui.availabilityBack(back)].filter(Boolean).join(" \xB7 ") || null;
+      pill = availability.status === "injured" ? { text: ui.availabilityInjured, tone: "neg" } : availability.status === "suspended" ? { text: ui.availabilitySuspended, tone: "warn" } : { text: ui.availabilityUnavailable, tone: "warn" };
+    }
+  }
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-card ss-w-pd-avail", children: [
+    /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-avail-text", children: [
+      next !== null && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-avail-next", children: ui.availabilityNext(next.opponentName, next.isHome, validMs(next.kickoffUnixMs)) }),
+      note !== null && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-avail-note", children: note })
+    ] }),
+    pill !== null && /* @__PURE__ */ jsx102("div", { className: `ss-w-pd-pill ss-w-pd-pill--${pill.tone}`, children: pill.text })
+  ] });
+}
+function MatchRow({ ui, row }) {
+  const date = validMs(row.kickoffUnixMs);
+  const extras = [
+    row.goals > 0 ? `${row.goals}${ui.statHeadGoals}` : null,
+    row.assists > 0 ? `${row.assists}${ui.statHeadAssists}` : null,
+    row.yellowCards > 0 ? `${row.yellowCards}${ui.statHeadYellow}` : null,
+    row.sentOff ? ui.statHeadRed : null
+  ].filter((x) => x !== null);
+  const sub = [`${ui.resultLetter[row.result]} ${row.goalsFor}\u2013${row.goalsAgainst}`, `${row.minutes}\u2032`, ...extras].join(" \xB7 ");
+  const rating = typeof row.rating === "number" && Number.isFinite(row.rating) ? Math.round(row.rating * 10) / 10 : null;
+  const pillTone = row.result === "W" ? "pos" : row.result === "L" ? "neg" : "draw";
+  return /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-match", children: [
+    /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-match-date", children: date === null ? "" : ui.logShortDate(date) }),
+    /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-match-main", children: [
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-match-opp", children: ui.matchLogOpponent(row.opponentName, row.isHome) }),
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-match-sub", children: sub })
+    ] }),
+    /* @__PURE__ */ jsx102("div", { className: `ss-w-pd-pill ss-w-pd-pill--${pillTone}`, children: ui.resultLetter[row.result] }),
+    rating === null ? /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-chip-empty" }) : /* @__PURE__ */ jsx102("div", { className: `ss-w-pd-chip ss-w-pd-chip--${ratingTone(rating)}`, children: rating.toFixed(1) })
   ] });
 }
 function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
-  const back = /* @__PURE__ */ jsxs85("button", { type: "button", className: "ss-w-pd-back", onClick: onClose, children: [
-    /* @__PURE__ */ jsx99("span", { "aria-hidden": "true", children: "\u2039" }),
-    " ",
+  const back = /* @__PURE__ */ jsxs86("button", { type: "button", className: "ss-w-pd-back", onClick: onClose, children: [
+    /* @__PURE__ */ jsx102("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx102("path", { d: "M15 18l-6-6 6-6" }) }),
     ui.clubPlayerBack
   ] });
   if (detail === null) {
-    return loading ? /* @__PURE__ */ jsxs85(Fragment22, { children: [
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-bar", children: back }),
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-mon-list" })
-    ] }) : /* @__PURE__ */ jsxs85(Fragment22, { children: [
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-bar", children: back }),
-      /* @__PURE__ */ jsx99("div", { className: "ss-w-mon-empty", children: ui.clubPlayerDetailEmpty })
+    return loading ? /* @__PURE__ */ jsxs86(Fragment22, { children: [
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-mon-list" })
+    ] }) : /* @__PURE__ */ jsxs86(Fragment22, { children: [
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
+      /* @__PURE__ */ jsx102("div", { className: "ss-w-mon-empty", children: ui.clubPlayerDetailEmpty })
     ] });
   }
   const s = detail.seasonStats;
-  const opt = (v, digits) => v === null ? DASH : digits === void 0 ? String(v) : v.toFixed(digits);
-  return /* @__PURE__ */ jsxs85(Fragment22, { children: [
-    /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-bar", children: back }),
-    /* @__PURE__ */ jsxs85("div", { className: "ss-w-mon-list", children: [
-      /* @__PURE__ */ jsxs85("div", { children: [
-        /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-name", children: detail.playerName }),
-        /* @__PURE__ */ jsx99("div", { className: "ss-w-pd-sub", children: [detail.jerseyNumber === null ? null : `#${detail.jerseyNumber}`, positionLabel(ui, detail.positionName)].filter(Boolean).join(" \xB7 ") })
-      ] }),
-      /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-grid ss-w-pd-bio", children: [
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailNationality, value: detail.nationality ?? DASH }),
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailAge, value: ageFrom(detail.dateOfBirthUnixMs) }),
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailHeight, value: detail.heightCm === null ? DASH : `${detail.heightCm} cm` }),
-        /* @__PURE__ */ jsx99(Field, { label: ui.detailFoot, value: footLabel(ui, detail.foot) ?? DASH })
+  const foot = footLabel(ui, detail.foot);
+  const position = positionLabel(ui, detail.positionName);
+  const subLine = [detail.teamName?.trim() || null, position].filter(Boolean).join(" \xB7 ");
+  const competition = detail.competitionName?.trim() || null;
+  const eyebrow = seasonName === null ? null : competition === null ? ui.detailSeason.replace("{season}", seasonName) : `${seasonName} ${competition}`;
+  const rating = typeof s.averageRating === "number" && Number.isFinite(s.averageRating) ? s.averageRating : null;
+  const next = detail.nextFixture ?? null;
+  const availability = detail.availability ?? null;
+  const log = detail.matchLog ?? [];
+  return /* @__PURE__ */ jsxs86(Fragment22, { children: [
+    /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-bar", children: back }),
+    /* @__PURE__ */ jsxs86("div", { className: "ss-w-mon-list ss-w-pd-list", children: [
+      /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-card ss-w-pd-profile", children: [
+        /* @__PURE__ */ jsx102(PlayerPhoto, { photoUrl: detail.photoUrl, jerseyNumber: detail.jerseyNumber, size: 52 }, detail.photoUrl ?? ""),
+        /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-profile-main", children: [
+          /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-name", children: detail.playerName }),
+          subLine !== "" && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-sub", children: subLine }),
+          /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-bio", children: [
+            /* @__PURE__ */ jsx102(Bio, { label: ui.detailAge, value: ageFrom(detail.dateOfBirthUnixMs) }),
+            /* @__PURE__ */ jsx102(Bio, { label: ui.detailHeight, value: detail.heightCm === null ? DASH : `${detail.heightCm} cm` }),
+            foot !== null && /* @__PURE__ */ jsx102(Bio, { label: ui.detailFoot, value: foot }),
+            /* @__PURE__ */ jsx102(Bio, { label: ui.detailNatShort, value: detail.nationality ?? DASH })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx102(MiniPitch, { positionCode: detail.positionCode })
       ] }),
-      /* @__PURE__ */ jsxs85("div", { children: [
-        seasonName !== null && /* @__PURE__ */ jsx99("div", { className: "ss-w-club-eyebrow", children: ui.detailSeason.replace("{season}", seasonName) }),
-        /* @__PURE__ */ jsxs85("div", { className: "ss-w-pd-grid", children: [
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColApps, value: String(s.appearances) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColMinutes, value: String(s.minutesPlayed) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColGoals, value: String(s.goals) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColAssists, value: String(s.assists) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColYellow, value: String(s.yellowCards) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColRed, value: String(s.redCards) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColRating, value: opt(s.averageRating, 1) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColXg, value: opt(s.expectedGoals, 2) }),
-          /* @__PURE__ */ jsx99(Field, { label: ui.statColShots, value: opt(s.totalShots) })
+      (next !== null || availability !== null) && /* @__PURE__ */ jsx102(AvailabilityCard, { ui, next, availability }),
+      /* @__PURE__ */ jsxs86("div", { children: [
+        eyebrow !== null && /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-eyebrow ss-w-pd-eyebrow--block", children: eyebrow }),
+        /* @__PURE__ */ jsxs86("div", { className: "ss-w-pd-tiles", children: [
+          /* @__PURE__ */ jsx102(Tile, { label: ui.statColGoals, value: String(s.goals) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.statColAssists, value: String(s.assists) }),
+          typeof s.starts === "number" && /* @__PURE__ */ jsx102(Tile, { label: ui.detailStarted, value: String(s.starts) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.detailMatches, value: String(s.appearances) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.statColMinutes, value: String(s.minutesPlayed) }),
+          rating !== null && /* @__PURE__ */ jsx102(Tile, { label: ui.statColRating, value: rating.toFixed(2), pos: Math.round(rating * 100) / 100 >= 7 }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.detailYellows, value: String(s.yellowCards) }),
+          /* @__PURE__ */ jsx102(Tile, { label: ui.detailReds, value: String(s.redCards) })
         ] })
+      ] }),
+      detail.performance != null && /* @__PURE__ */ jsx102(PerformanceBars, { performance: detail.performance, competitionName: competition, strings: ui }),
+      log.length > 0 && /* @__PURE__ */ jsxs86("div", { children: [
+        /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-eyebrow ss-w-pd-eyebrow--block", children: ui.matchLogTitle }),
+        /* @__PURE__ */ jsx102("div", { className: "ss-w-pd-card ss-w-pd-log", children: log.map((row) => /* @__PURE__ */ jsx102(MatchRow, { ui, row }, row.matchId)) })
       ] })
     ] })
   ] });
@@ -10106,12 +10493,12 @@ function PlayerDetail({ detail, loading, ui, seasonName, onClose }) {
 
 // src/components/PresetSpeedDial.tsx
 import { useId as useId10 } from "react";
-import { jsx as jsx100, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs87 } from "react/jsx-runtime";
 function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef, buttonRef }) {
   const pillsId = useId10();
   const tabIndex = expanded ? 0 : -1;
-  return /* @__PURE__ */ jsxs86("div", { ref: rootRef, className: "ss-w-dial", children: [
-    /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs87("div", { ref: rootRef, className: "ss-w-dial", children: [
+    /* @__PURE__ */ jsxs87(
       "button",
       {
         ref: buttonRef,
@@ -10122,28 +10509,28 @@ function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef
         "aria-label": strings.dialName,
         onClick: onToggle,
         children: [
-          /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-icon ss-w-dial-icon--open", children: /* @__PURE__ */ jsx100(SlidersIcon, {}) }),
-          /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-icon ss-w-dial-icon--close", children: /* @__PURE__ */ jsx100(CloseIcon, {}) }),
-          showDot && !expanded ? /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-dot", "aria-hidden": "true" }) : null
+          /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-icon ss-w-dial-icon--open", children: /* @__PURE__ */ jsx103(SlidersIcon, {}) }),
+          /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-icon ss-w-dial-icon--close", children: /* @__PURE__ */ jsx103(CloseIcon, {}) }),
+          showDot && !expanded ? /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-dot", "aria-hidden": "true" }) : null
         ]
       }
     ),
-    /* @__PURE__ */ jsxs86("div", { id: pillsId, className: "ss-w-dial-pills", "data-open": expanded ? "" : void 0, children: [
-      /* @__PURE__ */ jsxs86("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("numbers"), children: [
-        /* @__PURE__ */ jsx100(SlidersIcon, {}),
-        /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-pill-label", children: strings.setNumbers })
+    /* @__PURE__ */ jsxs87("div", { id: pillsId, className: "ss-w-dial-pills", "data-open": expanded ? "" : void 0, children: [
+      /* @__PURE__ */ jsxs87("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("numbers"), children: [
+        /* @__PURE__ */ jsx103(SlidersIcon, {}),
+        /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-pill-label", children: strings.setNumbers })
       ] }),
-      /* @__PURE__ */ jsxs86("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("combo"), children: [
-        /* @__PURE__ */ jsx100(ComboIcon, {}),
-        /* @__PURE__ */ jsx100("span", { className: "ss-w-dial-pill-label", children: strings.buildCombo })
+      /* @__PURE__ */ jsxs87("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("combo"), children: [
+        /* @__PURE__ */ jsx103(ComboIcon, {}),
+        /* @__PURE__ */ jsx103("span", { className: "ss-w-dial-pill-label", children: strings.buildCombo })
       ] })
     ] })
   ] });
 }
 
 // src/components/PresetTools.tsx
-import { Fragment as Fragment23, useEffect as useEffect31, useId as useId11, useRef as useRef28, useState as useState50 } from "react";
-import { Fragment as Fragment24, jsx as jsx101, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment as Fragment23, useEffect as useEffect31, useId as useId11, useRef as useRef28, useState as useState52 } from "react";
+import { Fragment as Fragment24, jsx as jsx104, jsxs as jsxs88 } from "react/jsx-runtime";
 var FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
   const dialogRef = useRef28(null);
@@ -10181,79 +10568,79 @@ function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
       first.focus();
     }
   };
-  return /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-backdrop", children: /* @__PURE__ */ jsxs87("div", { ref: dialogRef, className: "ss-w-tool", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, onKeyDown: trapTab, children: [
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-head", children: [
-      /* @__PURE__ */ jsx101("h2", { id: titleId, className: "ss-w-tool-title", children: title }),
-      /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-close", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx101(CloseIcon, {}) })
+  return /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-backdrop", children: /* @__PURE__ */ jsxs88("div", { ref: dialogRef, className: "ss-w-tool", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, onKeyDown: trapTab, children: [
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-head", children: [
+      /* @__PURE__ */ jsx104("h2", { id: titleId, className: "ss-w-tool-title", children: title }),
+      /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-close", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ jsx104(CloseIcon, {}) })
     ] }),
-    /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-body", children }),
-    footer ? /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-foot", children: footer }) : null
+    /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-body", children }),
+    footer ? /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-foot", children: footer }) : null
   ] }) });
 }
 function fillTemplate(template, slots) {
   return template.split(/(\{[a-z]+\})/).filter((part) => part !== "").map((part, i) => {
     const key = /^\{([a-z]+)\}$/.exec(part)?.[1];
-    return /* @__PURE__ */ jsx101(Fragment23, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
+    return /* @__PURE__ */ jsx104(Fragment23, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
   });
 }
 function NumberSelect({ current, choices: choices2, label, notToday, lockEmpty = true, onChoose }) {
   const selected = Math.max(0, choices2.findIndex((c) => c.text === current));
-  return /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-num", children: [
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: current }),
-    /* @__PURE__ */ jsx101("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(selected), onChange: (e) => {
+  return /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-num", children: [
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: current }),
+    /* @__PURE__ */ jsx104("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(selected), onChange: (e) => {
       const c = choices2[Number(e.target.value)];
       if (c) onChoose(c.value);
-    }, children: choices2.map((c, i) => /* @__PURE__ */ jsx101("option", { value: String(i), disabled: lockEmpty && !c.available && i !== selected, children: c.available ? c.text : `${c.text}${notToday}` }, i)) })
+    }, children: choices2.map((c, i) => /* @__PURE__ */ jsx104("option", { value: String(i), disabled: lockEmpty && !c.available && i !== selected, children: c.available ? c.text : `${c.text}${notToday}` }, i)) })
   ] });
 }
 function ChoiceSelect({ currentIdx, sizeLabels, optionLabels, label, onChoose }) {
   const sizeText = sizeLabels[currentIdx] ?? "";
-  return /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-num", children: [
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: sizeText }),
-    /* @__PURE__ */ jsx101("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(currentIdx), onChange: (e) => onChoose(Number(e.target.value)), children: optionLabels.map((opt, i) => /* @__PURE__ */ jsx101("option", { value: String(i), children: opt }, i)) })
+  return /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-num", children: [
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-num-size", "aria-hidden": "true", children: sizeText }),
+    /* @__PURE__ */ jsx104("select", { className: "ss-w-tool-num-select", "aria-label": label, value: String(currentIdx), onChange: (e) => onChoose(Number(e.target.value)), children: optionLabels.map((opt, i) => /* @__PURE__ */ jsx104("option", { value: String(i), children: opt }, i)) })
   ] });
 }
 function SendButton({ label, display, disabled, onClick }) {
-  return /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-send", "aria-label": `${label}: ${display}`, disabled, onClick, children: label });
+  return /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-send", "aria-label": `${label}: ${display}`, disabled, onClick, children: label });
 }
 function PickList({ picks, formatKickoff }) {
-  return /* @__PURE__ */ jsx101("ul", { className: "ss-w-tool-picks", role: "list", children: picks.map((p) => /* @__PURE__ */ jsxs87("li", { className: "ss-w-tool-pick", children: [
-    /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-pick-match", children: [
+  return /* @__PURE__ */ jsx104("ul", { className: "ss-w-tool-picks", role: "list", children: picks.map((p) => /* @__PURE__ */ jsxs88("li", { className: "ss-w-tool-pick", children: [
+    /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-pick-match", children: [
       p.homeTeamName,
       " \u2013 ",
       p.awayTeamName
     ] }),
-    /* @__PURE__ */ jsxs87("span", { className: "ss-w-tool-pick-sel", children: [
+    /* @__PURE__ */ jsxs88("span", { className: "ss-w-tool-pick-sel", children: [
       p.marketLabel,
       ": ",
       p.selectionLabel,
       p.line ? ` ${p.line}` : ""
     ] }),
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-pick-kick", children: formatKickoff(p.kickoffUtc) }),
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-pick-price", children: p.price.toFixed(2) })
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-pick-kick", children: formatKickoff(p.kickoffUtc) }),
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-pick-price", children: p.price.toFixed(2) })
   ] }, p.matchOddsId)) });
 }
 function ComboPreview({ cell, formatKickoff }) {
-  return /* @__PURE__ */ jsxs87(Fragment24, { children: [
-    /* @__PURE__ */ jsx101(PickList, { picks: cell.combo.legs, formatKickoff }),
-    /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
+  return /* @__PURE__ */ jsxs88(Fragment24, { children: [
+    /* @__PURE__ */ jsx104(PickList, { picks: cell.combo.legs, formatKickoff }),
+    /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
   ] });
 }
 function Unavailable({ text }) {
-  return /* @__PURE__ */ jsx101("p", { className: "ss-w-tool-unavailable", children: text });
+  return /* @__PURE__ */ jsx104("p", { className: "ss-w-tool-unavailable", children: text });
 }
 function AskRow({ icon, ask, ready, send }) {
-  return /* @__PURE__ */ jsxs87("section", { className: "ss-w-tool-row ss-w-tool-row--ask", children: [
-    /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-main", children: [
-      /* @__PURE__ */ jsx101("p", { className: "ss-w-tool-ask", children: ask }),
-      ready ? /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-ready", children: ready }) : null
+  return /* @__PURE__ */ jsxs88("section", { className: "ss-w-tool-row ss-w-tool-row--ask", children: [
+    /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-main", children: [
+      /* @__PURE__ */ jsx104("p", { className: "ss-w-tool-ask", children: ask }),
+      ready ? /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-ready", children: ready }) : null
     ] }),
     send
   ] });
 }
 function RoundSend({ label, display, disabled, onClick }) {
-  return /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-go", "aria-label": `${label}: ${display}`, disabled, onClick, children: /* @__PURE__ */ jsx101(SendIcon, {}) });
+  return /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-go", "aria-label": `${label}: ${display}`, disabled, onClick, children: /* @__PURE__ */ jsx104(SendIcon, {}) });
 }
 var BIG_COMBO = { total: 50, legs: 6 };
 function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
@@ -10262,15 +10649,15 @@ function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
   const totals = comboTotals(grid);
   const legChoices = comboLegChoices(grid);
   const count = FIXED_SINGLES_COUNT;
-  const [maxPrice, setMaxPrice] = useState50(() => startSingles(grid.singles, limits, START.maxPrice, count));
-  const [minPrice, setMinPrice] = useState50(() => startSingles(grid.singlesFrom, floors, START.minPrice, count));
-  const [start] = useState50(() => startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs));
-  const [total, setTotal] = useState50(start.total);
-  const [legs, setLegs] = useState50(start.legs);
-  const [bigStart] = useState50(() => startCombo(grid, totals, legChoices, BIG_COMBO.total, BIG_COMBO.legs));
-  const [bigTotal, setBigTotal] = useState50(bigStart.total);
-  const [bigLegs, setBigLegs] = useState50(bigStart.legs);
-  const [announcement, setAnnouncement] = useState50("");
+  const [maxPrice, setMaxPrice] = useState52(() => startSingles(grid.singles, limits, START.maxPrice, count));
+  const [minPrice, setMinPrice] = useState52(() => startSingles(grid.singlesFrom, floors, START.minPrice, count));
+  const [start] = useState52(() => startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs));
+  const [total, setTotal] = useState52(start.total);
+  const [legs, setLegs] = useState52(start.legs);
+  const [bigStart] = useState52(() => startCombo(grid, totals, legChoices, BIG_COMBO.total, BIG_COMBO.legs));
+  const [bigTotal, setBigTotal] = useState52(bigStart.total);
+  const [bigLegs, setBigLegs] = useState52(bigStart.legs);
+  const [announcement, setAnnouncement] = useState52("");
   const maxCell = findSingles(grid.singles, maxPrice, count);
   const minCell = findSingles(grid.singlesFrom, minPrice, count);
   const comboCell = findCombo(grid, total, legs);
@@ -10314,95 +10701,95 @@ function SetNumbersTool({ grid, strings, streaming, onSend, onClose }) {
   const totalChoices = totals.map((v) => ({ value: v, text: v.toFixed(1), available: legChoices.some((n) => !!findCombo(grid, v, n)) }));
   const legChoicesFor = (t) => legChoices.map((n) => ({ value: n, text: String(n), available: !!findCombo(grid, t, n) }));
   const markets = grid.markets ?? [];
-  const [marketIdx, setMarketIdx] = useState50(0);
+  const [marketIdx, setMarketIdx] = useState52(0);
   const marketCell = markets[marketIdx] ?? null;
   const marketLabels = markets.map((c) => strings.marketShort(c.marketDeveloperName, c.marketLabel, c.selectionLabel ?? null));
   const singlesReady = (cell) => cell ? strings.readyCount(cell.picks.length) : strings.unavailable;
   const comboReady = (cell) => cell ? strings.readyAt(cell.combo.total) : strings.unavailable;
-  return /* @__PURE__ */ jsxs87(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
-    /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsxs88(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u{1F3AF}",
         ask: fillTemplate(strings.maxPriceRow, {
           count: String(count),
-          price: /* @__PURE__ */ jsx101(NumberSelect, { current: maxPrice.toFixed(2), choices: maxChoices, label: strings.maxPriceName, notToday: strings.notToday, onChoose: chooseMax })
+          price: /* @__PURE__ */ jsx104(NumberSelect, { current: maxPrice.toFixed(2), choices: maxChoices, label: strings.maxPriceName, notToday: strings.notToday, onChoose: chooseMax })
         }),
         ready: singlesReady(maxCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.maxPriceDisplay(count, maxPrice), disabled: !maxCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.maxPriceDisplay(count, maxPrice), disabled: !maxCell || streaming, onClick: () => {
           if (maxCell) onSend(maxPriceAsk(maxCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u{1F4C8}",
         ask: fillTemplate(strings.minPriceRow, {
           count: String(count),
-          price: /* @__PURE__ */ jsx101(NumberSelect, { current: minPrice.toFixed(2), choices: minChoices, label: strings.minPriceName, notToday: strings.notToday, onChoose: chooseMin })
+          price: /* @__PURE__ */ jsx104(NumberSelect, { current: minPrice.toFixed(2), choices: minChoices, label: strings.minPriceName, notToday: strings.notToday, onChoose: chooseMin })
         }),
         ready: singlesReady(minCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.minPriceDisplay(count, minPrice), disabled: !minCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.minPriceDisplay(count, minPrice), disabled: !minCell || streaming, onClick: () => {
           if (minCell) onSend(minPriceAsk(minCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u2728",
         ask: fillTemplate(strings.comboRow, {
-          legs: /* @__PURE__ */ jsx101(NumberSelect, { current: String(legs), choices: legChoicesFor(total), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseLegs }),
-          total: /* @__PURE__ */ jsx101(NumberSelect, { current: total.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseTotal })
+          legs: /* @__PURE__ */ jsx104(NumberSelect, { current: String(legs), choices: legChoicesFor(total), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseLegs }),
+          total: /* @__PURE__ */ jsx104(NumberSelect, { current: total.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseTotal })
         }),
         ready: comboReady(comboCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.comboDisplay(legs, total), disabled: !comboCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.comboDisplay(legs, total), disabled: !comboCell || streaming, onClick: () => {
           if (comboCell) onSend(comboAsk(comboCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101(
+    /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u{1F3C6}",
         ask: fillTemplate(strings.bigComboRow, {
-          legs: /* @__PURE__ */ jsx101(NumberSelect, { current: String(bigLegs), choices: legChoicesFor(bigTotal), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseBigLegs }),
-          total: /* @__PURE__ */ jsx101(NumberSelect, { current: bigTotal.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseBigTotal })
+          legs: /* @__PURE__ */ jsx104(NumberSelect, { current: String(bigLegs), choices: legChoicesFor(bigTotal), label: strings.matchesLabel, notToday: strings.notToday, lockEmpty: false, onChoose: chooseBigLegs }),
+          total: /* @__PURE__ */ jsx104(NumberSelect, { current: bigTotal.toFixed(1), choices: totalChoices, label: strings.totalLabel, notToday: strings.notToday, onChoose: chooseBigTotal })
         }),
         ready: comboReady(bigCell),
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: strings.comboDisplay(bigLegs, bigTotal), disabled: !bigCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: strings.comboDisplay(bigLegs, bigTotal), disabled: !bigCell || streaming, onClick: () => {
           if (bigCell) onSend(comboAsk(bigCell, strings));
         } })
       }
     ),
-    markets.length > 0 && /* @__PURE__ */ jsx101(
+    markets.length > 0 && /* @__PURE__ */ jsx104(
       AskRow,
       {
         icon: "\u26BD",
         ask: fillTemplate(strings.marketRow, {
-          market: /* @__PURE__ */ jsx101(ChoiceSelect, { currentIdx: marketIdx, sizeLabels: marketLabels, optionLabels: marketLabels, label: strings.marketName, onChoose: chooseMarket })
+          market: /* @__PURE__ */ jsx104(ChoiceSelect, { currentIdx: marketIdx, sizeLabels: marketLabels, optionLabels: marketLabels, label: strings.marketName, onChoose: chooseMarket })
         }),
         ready: marketCell ? strings.readyCount(marketCell.count) : null,
-        send: /* @__PURE__ */ jsx101(RoundSend, { label: strings.send, display: marketCell ? marketDisplay(marketCell, strings) : "", disabled: !marketCell || streaming, onClick: () => {
+        send: /* @__PURE__ */ jsx104(RoundSend, { label: strings.send, display: marketCell ? marketDisplay(marketCell, strings) : "", disabled: !marketCell || streaming, onClick: () => {
           if (marketCell) onSend(marketAsk(marketCell, strings));
         } })
       }
     ),
-    /* @__PURE__ */ jsx101("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ jsx104("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
   ] });
 }
 function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal, initialLegs, onSend, onClose }) {
   const totals = comboTotals(grid);
   const legChoices = comboLegChoices(grid);
-  const [start] = useState50(() => initialTotal === void 0 ? startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs) : null);
-  const [total, setTotal] = useState50(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : start.total);
-  const [legs, setLegs] = useState50(() => {
+  const [start] = useState52(() => initialTotal === void 0 ? startCombo(grid, totals, legChoices, START.comboTotal, START.comboLegs) : null);
+  const [total, setTotal] = useState52(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : start.total);
+  const [legs, setLegs] = useState52(() => {
     if (initialTotal === void 0) return initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : start.legs;
     const from = initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : startValue(legChoices, START.comboLegs);
     return legsForTotal(grid, nearest(totals, initialTotal), from);
   });
-  const [announcement, setAnnouncement] = useState50("");
+  const [announcement, setAnnouncement] = useState52("");
   const cell = findCombo(grid, total, legs);
   const minLegs = legChoices[0] ?? legs;
   const maxLegs = legChoices[legChoices.length - 1] ?? legs;
@@ -10413,29 +10800,29 @@ function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal,
     const d = strings.comboDisplay(nextLegs, nextTotal);
     setAnnouncement(findCombo(grid, nextTotal, nextLegs) ? d : `${d}. ${strings.unavailable}`);
   };
-  const footer = /* @__PURE__ */ jsx101(SendButton, { label: strings.send, display, disabled: !cell || streaming, onClick: () => {
+  const footer = /* @__PURE__ */ jsx104(SendButton, { label: strings.send, display, disabled: !cell || streaming, onClick: () => {
     if (cell) onSend(comboAsk(cell, strings));
   } });
-  return /* @__PURE__ */ jsxs87(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
-      /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
-      /* @__PURE__ */ jsx101("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, samePrice(t, total) ? legs : legsForTotal(grid, t, legs)), children: t.toFixed(1) }, t)) })
+  return /* @__PURE__ */ jsxs88(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
+      /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
+      /* @__PURE__ */ jsx104("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, samePrice(t, total) ? legs : legsForTotal(grid, t, legs)), children: t.toFixed(1) }, t)) })
     ] }),
-    /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
-      /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
-      /* @__PURE__ */ jsxs87("div", { className: "ss-w-tool-stepper", children: [
-        /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.fewerMatches, disabled: legs <= minLegs, onClick: () => choose(total, legs - 1), children: "\u2212" }),
-        /* @__PURE__ */ jsx101("span", { className: "ss-w-tool-count", children: legs }),
-        /* @__PURE__ */ jsx101("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.moreMatches, disabled: legs >= maxLegs, onClick: () => choose(total, legs + 1), children: "+" })
+    /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
+      /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
+      /* @__PURE__ */ jsxs88("div", { className: "ss-w-tool-stepper", children: [
+        /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.fewerMatches, disabled: legs <= minLegs, onClick: () => choose(total, legs - 1), children: "\u2212" }),
+        /* @__PURE__ */ jsx104("span", { className: "ss-w-tool-count", children: legs }),
+        /* @__PURE__ */ jsx104("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.moreMatches, disabled: legs >= maxLegs, onClick: () => choose(total, legs + 1), children: "+" })
       ] })
     ] }),
-    cell ? /* @__PURE__ */ jsx101(ComboPreview, { cell, formatKickoff }) : /* @__PURE__ */ jsx101(Unavailable, { text: strings.unavailable }),
-    /* @__PURE__ */ jsx101("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+    cell ? /* @__PURE__ */ jsx104(ComboPreview, { cell, formatKickoff }) : /* @__PURE__ */ jsx104(Unavailable, { text: strings.unavailable }),
+    /* @__PURE__ */ jsx104("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/usePresetDial.ts
-import { useCallback as useCallback21, useEffect as useEffect32, useRef as useRef29, useState as useState51 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect32, useRef as useRef29, useState as useState53 } from "react";
 function sendInFlight(messages, isStreaming) {
   const last = messages[messages.length - 1];
   return isStreaming && !!last && last.role === "assistant" && !last.done && !last.isGreeting;
@@ -10449,7 +10836,7 @@ function lastUserId(messages) {
 }
 var SCROLL_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "]);
 function usePresetDial({ layerRef, dialRef, dialButtonRef, messages, isStreaming, activeTab }) {
-  const [expanded, setExpanded] = useState51(() => !sendInFlight(messages, isStreaming));
+  const [expanded, setExpanded] = useState53(() => !sendInFlight(messages, isStreaming));
   const fold = useCallback21(() => setExpanded(false), []);
   const toggle = useCallback21(() => setExpanded((e) => !e), []);
   const currentUserId = lastUserId(messages);
@@ -10532,10 +10919,10 @@ function markToolSeen() {
 }
 
 // src/components/ChatPanel.tsx
-import { Fragment as Fragment25, jsx as jsx102, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx105, jsxs as jsxs89 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = useState52(false);
+  const [modal, setModal] = useState54(false);
   useEffect33(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
@@ -10550,8 +10937,8 @@ var HIDDEN_LAYER_STYLE = { position: "absolute", inset: 0, visibility: "hidden",
 var SQUAD_LAYER_STYLE = { display: "flex", flexDirection: "column", flex: 1, minHeight: 0 };
 function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, clubFixturesResult, clubStandingsResult, clubSquadResult, clubSquadStatsResult, clubPlayerDetailResult, loggedIn, conversation, presetGrid }) {
   const { state, close, stop, send, reset } = controller;
-  const [squadView, setSquadView] = useState52("roster");
-  const [selectedPlayerId, setSelectedPlayerId] = useState52(null);
+  const [squadView, setSquadView] = useState54("roster");
+  const [selectedPlayerId, setSelectedPlayerId] = useState54(null);
   const clearPlayerDetail = clubPlayerDetailResult?.clear;
   const fetchPlayerDetail = clubPlayerDetailResult?.fetch;
   const squadLayerRef = useRef30(null);
@@ -10605,8 +10992,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   const limitRef = useRef30(null);
   const typedSendRef = useRef30(false);
   const focusAfterCloseRef = useRef30(null);
-  const [tool, setTool] = useState52(null);
-  const [toolSeen, setToolSeen] = useState52(readToolSeen);
+  const [tool, setTool] = useState54(null);
+  const [toolSeen, setToolSeen] = useState54(readToolSeen);
   const dial = usePresetDial({
     layerRef,
     dialRef,
@@ -10663,8 +11050,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     focusAfterCloseRef.current = "composer";
     setTool(null);
   }, [tool, onChatTab, presetGrid]);
-  return /* @__PURE__ */ jsxs88("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsxs89("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ jsx105(
       ChatHeader,
       {
         onClose: close,
@@ -10677,7 +11064,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         moreOptionsLabel: ui.moreOptions
       }
     ),
-    monitor && /* @__PURE__ */ jsx102(
+    monitor && /* @__PURE__ */ jsx105(
       TabBar,
       {
         monitor,
@@ -10690,9 +11077,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         clubEnabled: clubFixturesResult?.enabled ?? false
       }
     ),
-    /* @__PURE__ */ jsxs88("div", { ref: layerRef, className: "ss-w-chat-layer", "data-dial": presetGrid ? "" : void 0, style: onChatTab ? void 0 : HIDDEN_LAYER_STYLE, children: [
-      /* @__PURE__ */ jsx102(PresetToolsContext.Provider, { value: toolsValue, children: /* @__PURE__ */ jsx102(MessageList, { controller, ui, slip, onDashboardTap, monitor }) }),
-      showDial ? /* @__PURE__ */ jsx102(
+    /* @__PURE__ */ jsxs89("div", { ref: layerRef, className: "ss-w-chat-layer", "data-dial": presetGrid ? "" : void 0, style: onChatTab ? void 0 : HIDDEN_LAYER_STYLE, children: [
+      /* @__PURE__ */ jsx105(PresetToolsContext.Provider, { value: toolsValue, children: /* @__PURE__ */ jsx105(MessageList, { controller, ui, slip, onDashboardTap, monitor }) }),
+      showDial ? /* @__PURE__ */ jsx105(
         PresetSpeedDial,
         {
           expanded: dial.expanded,
@@ -10704,21 +11091,21 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
           buttonRef: dialButtonRef
         }
       ) : null,
-      tool && presetGrid && onChatTab && !paused ? tool.kind === "numbers" ? /* @__PURE__ */ jsx102(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ jsx102(BuildComboTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, initialTotal: tool.total, initialLegs: tool.legs, onSend: sendAsk, onClose: closeTool }) : null
+      tool && presetGrid && onChatTab && !paused ? tool.kind === "numbers" ? /* @__PURE__ */ jsx105(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ jsx105(BuildComboTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, initialTotal: tool.total, initialLegs: tool.legs, onSend: sendAsk, onClose: closeTool }) : null
     ] }),
-    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ jsx102(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx102(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx102(OddsPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "fixtures" && /* @__PURE__ */ jsx102(Fixtures, { fixtures: clubFixturesResult?.fixtures ?? [], loading: clubFixturesResult?.loading ?? false, ui }),
-    monitor && monitor.activeTab === "standings" && /* @__PURE__ */ jsx102(Standings, { standings: clubStandingsResult?.data ?? null, loading: clubStandingsResult?.loading ?? false, ui }),
-    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs88(Fragment25, { children: [
-      /* @__PURE__ */ jsx102(
+    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ jsx105(TodayPanel, { discovery, ui, monitor }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx105(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx105(OddsPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "fixtures" && /* @__PURE__ */ jsx105(Fixtures, { fixtures: clubFixturesResult?.fixtures ?? [], loading: clubFixturesResult?.loading ?? false, ui }),
+    monitor && monitor.activeTab === "standings" && /* @__PURE__ */ jsx105(Standings, { standings: clubStandingsResult?.data ?? null, loading: clubStandingsResult?.loading ?? false, ui }),
+    monitor && monitor.activeTab === "squad" && /* @__PURE__ */ jsxs89(Fragment25, { children: [
+      /* @__PURE__ */ jsx105(
         "div",
         {
           ref: squadLayerRef,
           style: selectedPlayerId === null ? SQUAD_LAYER_STYLE : HIDDEN_LAYER_STYLE,
           "aria-hidden": selectedPlayerId !== null ? true : void 0,
-          children: /* @__PURE__ */ jsx102(
+          children: /* @__PURE__ */ jsx105(
             Squad,
             {
               squad: clubSquadResult?.data ?? null,
@@ -10728,14 +11115,17 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
               onToggleView: () => setSquadView((v) => v === "roster" ? "stats" : "roster"),
               stats: clubSquadStatsResult?.data ?? null,
               statsLoading: clubSquadStatsResult?.loading ?? false,
+              seasonName: clubSquadStatsResult?.seasonName ?? null,
+              competitionName: clubSquadStatsResult?.competitionName ?? null,
+              matchesPlayed: clubSquadStatsResult?.matchesPlayed ?? null,
               onSelectPlayer: selectPlayer
             }
           )
         }
       ),
-      selectedPlayerId !== null && /* @__PURE__ */ jsx102(PlayerDetail, { detail: clubPlayerDetailResult?.data ?? null, loading: clubPlayerDetailResult?.loading ?? false, ui, seasonName: clubSquadStatsResult?.seasonName ?? null, onClose: closePlayer })
+      selectedPlayerId !== null && /* @__PURE__ */ jsx105(PlayerDetail, { detail: clubPlayerDetailResult?.data ?? null, loading: clubPlayerDetailResult?.loading ?? false, ui, seasonName: clubSquadStatsResult?.seasonName ?? null, onClose: closePlayer })
     ] }),
-    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ jsx102(
+    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ jsx105(
       GamesPanel,
       {
         loggedIn: !!loggedIn,
@@ -10750,9 +11140,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         }
       }
     ),
-    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs88(Fragment25, { children: [
-      /* @__PURE__ */ jsx102("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
-      paused ? null : /* @__PURE__ */ jsx102(
+    (!monitor || monitor.activeTab !== "games") && /* @__PURE__ */ jsxs89(Fragment25, { children: [
+      /* @__PURE__ */ jsx105("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
+      paused ? null : /* @__PURE__ */ jsx105(
         ChatInput,
         {
           ref: inputRef,
@@ -10771,9 +11161,9 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
 }
 
 // src/components/HostEventsProvider.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 function HostEventsProvider({ value, children }) {
-  return /* @__PURE__ */ jsx103(SlipStateContext.Provider, { value: value.slipState, children });
+  return /* @__PURE__ */ jsx106(SlipStateContext.Provider, { value: value.slipState, children });
 }
 
 // src/styles/css.generated.ts
@@ -10784,7 +11174,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   --ss-w-cta: #f5a623; --ss-w-cta-ink: #1b1300;
   --ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;
   --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;
-  --ss-w-pos: #1aa563; --ss-w-neg: #e0524b;
+  --ss-w-pos: #1aa563; --ss-w-neg: #e0524b; --ss-w-warn: #c07a00;
   --ss-w-home: #3a63a8; --ss-w-away: #c8102e; --ss-w-track: #e9edf1;
   --ss-w-correct: #1f9d55; --ss-w-wrong: #b9bbc2;
   --ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;
@@ -10796,7 +11186,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
     --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
     --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
     --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
-    --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
+    --ss-w-pos: #37c891; --ss-w-neg: #f0655d; --ss-w-warn: #e0a030;
     --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
     --ss-w-correct: #37c86b; --ss-w-wrong: #3a3a41;
   }
@@ -10805,7 +11195,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   --ss-w-accent: #37c891; --ss-w-cta: #ffb638; --ss-w-cta-ink: #1b1300;
   --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;
   --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;
-  --ss-w-pos: #37c891; --ss-w-neg: #f0655d;
+  --ss-w-pos: #37c891; --ss-w-neg: #f0655d; --ss-w-warn: #e0a030;
   --ss-w-home: #5b83c8; --ss-w-away: #e8384f; --ss-w-track: #232d3a;
   --ss-w-correct: #37c86b; --ss-w-wrong: #3a3a41;
 }
@@ -11936,7 +12326,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-sq-name { font-size: 13px; font-weight: 600; color: var(--ss-w-ink); }
 .ss-w-sq-name { flex: 1; min-width: 0; }
 .ss-w-sq-name-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.ss-w-sq-seg { display: flex; flex: none; gap: 2px; margin: 10px 14px 0; padding: 2px; border-radius: var(--ss-w-radius); background: var(--ss-w-track); }
+.ss-w-sq-seg { display: flex; gap: 2px; padding: 2px; border-radius: var(--ss-w-radius); background: var(--ss-w-track); }
 .ss-w-sq-seg-btn { flex: 1; padding: 5px 8px; border: 0; border-radius: calc(var(--ss-w-radius) - 2px); background: transparent; font: inherit; font-size: 12px; font-weight: 600; color: var(--ss-w-faint); cursor: pointer; }
 .ss-w-sq-seg-btn[aria-pressed="true"] { background: var(--ss-w-panel); color: var(--ss-w-ink); }
 .ss-w-sq-seg-btn:focus-visible, .ss-w-sq-tap:focus-visible, .ss-w-pd-back:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 1px; }
@@ -11944,15 +12334,95 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-sq-col { flex: none; width: 40px; text-align: center; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
 .ss-w-sq-head { border-bottom: 0; padding-bottom: 0; }
 .ss-w-sq-head .ss-w-sq-col { font-size: 10px; font-weight: 700; color: var(--ss-w-faint); }
-.ss-w-pd-bar { flex: none; padding: 8px 14px 0; }
-.ss-w-pd-back { padding: 4px 0; border: 0; background: transparent; font: inherit; font-size: 12px; font-weight: 600; color: var(--ss-w-accent); cursor: pointer; }
-.ss-w-pd-name { font-size: 16px; font-weight: 700; color: var(--ss-w-ink); }
-.ss-w-pd-sub { margin-top: 2px; font-size: 12px; color: var(--ss-w-faint); }
-.ss-w-pd-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
-.ss-w-pd-bio { grid-template-columns: repeat(2, 1fr); }
-.ss-w-pd-field { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border: 1px solid var(--ss-w-line); border-radius: var(--ss-w-radius); }
-.ss-w-pd-label { font-size: 10px; font-weight: 700; letter-spacing: .04em; color: var(--ss-w-faint); }
-.ss-w-pd-value { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-sq-stats { padding-top: 10px; gap: 10px; }
+.ss-w-sq-card { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; overflow: hidden; }
+.ss-w-sq-stats .ss-w-sq-row { display: grid; grid-template-columns: 1fr 26px 30px 36px 20px 20px 20px 20px 36px; gap: 0; padding: 7px 10px; font-size: 11px; }
+.ss-w-sq-card > :last-child { border-bottom: 0; }
+.ss-w-sq-pos, .ss-w-sq-c20, .ss-w-sq-c30, .ss-w-sq-c36 { text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; font-weight: 400; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-sq-stats .ss-w-sq-head { padding-bottom: 7px; border-bottom: 1px solid var(--ss-w-line); font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; color: var(--ss-w-faint); }
+.ss-w-sq-stats .ss-w-sq-head > span { font-size: 9px; font-weight: 700; color: var(--ss-w-faint); }
+.ss-w-sq-player { display: flex; align-items: center; gap: 6px; min-width: 0; }
+.ss-w-sq-badge { flex: none; width: 18px; height: 18px; border-radius: 6px; background: var(--ss-w-track); color: var(--ss-w-faint); font-size: 9px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
+.ss-w-sq-stats .ss-w-sq-name { font-size: 11px; }
+.ss-w-sq-rtg { font-weight: 700; }
+.ss-w-sq-rtg-none { color: var(--ss-w-faint); font-weight: 400; }
+.ss-w-sq-stats .ss-w-pos-ink { color: var(--ss-w-pos); font-weight: 700; }
+.ss-w-sq-foot { padding: 0 2px; font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-sq-bar { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 14px 0; }
+.ss-w-sq-bar .ss-w-sq-seg { margin: 0; }
+.ss-w-sq-bar .ss-w-sq-seg:only-child { flex: 1; }
+.ss-w-sq-bar .ss-w-sq-seg:not(:only-child) { flex: none; }
+.ss-w-sq-eyebrow { flex: 1; min-width: 0; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ss-w-faint); }
+@media (max-width: 429px) { .ss-w-sq-badge { display: none; } }
+@media (max-width: 359px) {
+  .ss-w-sq-yr { display: none; }
+  .ss-w-sq-stats .ss-w-sq-row { grid-template-columns: 1fr 26px 30px 36px 20px 20px 36px; }
+}
+.ss-w-pd-bar { flex: none; display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--ss-w-line); line-height: normal; }
+.ss-w-pd-back { display: flex; align-items: center; gap: 2px; min-height: 32px; padding: 8px 8px 8px 0; margin: -8px 0; border: 0; background: transparent; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-pd-back:hover { color: var(--ss-w-ink); }
+.ss-w-mon-list.ss-w-pd-list { padding: 16px; gap: 14px; line-height: normal; }
+.ss-w-pd-card { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; }
+.ss-w-pd-faint { color: var(--ss-w-faint); }
+.ss-w-pd-profile { display: flex; gap: 12px; padding: 14px; }
+.ss-w-pd-photo { flex: none; border-radius: 50%; border: 1px solid var(--ss-w-line); background: var(--ss-w-bubble); object-fit: cover; }
+.ss-w-pd-avatar { display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--ss-w-ink); }
+.ss-w-pd-profile-main { flex: 1; min-width: 0; }
+.ss-w-pd-name { font-size: 16px; font-weight: 800; color: var(--ss-w-ink); overflow-wrap: break-word; }
+.ss-w-pd-sub { margin-top: 1px; font-size: 12px; color: var(--ss-w-faint); }
+/* Two columns as on the board, collapsing to one when a column would drop under 80px (narrow phones). */
+.ss-w-pd-bio { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(80px, calc((100% - 10px) / 2)), 1fr)); gap: 4px 10px; margin-top: 10px; font-size: 11.5px; }
+.ss-w-pd-bio-item { min-width: 0; overflow-wrap: break-word; }
+.ss-w-pd-pitch { position: relative; flex: none; width: 56px; height: 76px; border: 1px solid var(--ss-w-line); border-radius: 6px; background: var(--ss-w-track); }
+.ss-w-pd-pitch-dot { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--ss-w-accent); border: 2px solid var(--ss-w-nav); transform: translate(-50%, -50%); }
+.ss-w-pd-avail { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; }
+.ss-w-pd-avail-text { min-width: 0; }
+.ss-w-pd-avail-next { font-size: 12.5px; font-weight: 700; }
+.ss-w-pd-avail-note { margin-top: 1px; font-size: 11px; color: var(--ss-w-faint); }
+.ss-w-pd-pill { flex: none; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; white-space: nowrap; }
+.ss-w-pd-pill--pos, .ss-w-pd-chip--pos { background: color-mix(in srgb, var(--ss-w-pos) 14%, transparent); color: var(--ss-w-pos); }
+.ss-w-pd-pill--warn, .ss-w-pd-chip--warn { background: color-mix(in srgb, var(--ss-w-warn) 14%, transparent); color: var(--ss-w-warn); }
+.ss-w-pd-pill--neg, .ss-w-pd-chip--neg { background: color-mix(in srgb, var(--ss-w-neg) 14%, transparent); color: var(--ss-w-neg); }
+.ss-w-pd-pill--draw { background: var(--ss-w-track); color: var(--ss-w-faint); }
+.ss-w-pd-eyebrow { font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ss-w-faint); padding: 0 2px; }
+.ss-w-pd-eyebrow--block { margin-bottom: 8px; }
+.ss-w-pd-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
+.ss-w-pd-tile { min-width: 0; padding: 10px; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; }
+.ss-w-pd-tile-label { font-size: 10.5px; color: var(--ss-w-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.ss-w-pd-tile-value { margin-top: 2px; font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; }
+.ss-w-pd-pos-ink { color: var(--ss-w-pos); }
+/* Below 360px the board's 10px tile padding clips "Matches"/"Minutes" (43px) in a ~34px label box. */
+@media (max-width: 359px) {
+  .ss-w-pd-tiles { gap: 6px; }
+  .ss-w-pd-tile { padding: 10px 6px; }
+}
+.ss-w-pd-perf-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 2px; }
+.ss-w-pd-perf-head .ss-w-pd-eyebrow { flex: 1; min-width: 0; }
+.ss-w-pd-seg { flex: none; display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--ss-w-track); }
+.ss-w-pd-seg-btn { padding: 5px 12px; border: 0; border-radius: 999px; background: transparent; font: inherit; font-size: 11.5px; font-weight: 700; line-height: normal; white-space: nowrap; color: var(--ss-w-faint); cursor: pointer; }
+.ss-w-pd-seg-btn[aria-pressed="true"] { background: var(--ss-w-nav); color: #fff; }
+.ss-w-pd-seg-btn:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 1px; }
+.ss-w-pd-perf-sub { margin-bottom: 10px; font-size: 11px; color: var(--ss-w-faint); }
+.ss-w-pd-perf-head + .ss-w-pd-perf-cards { margin-top: 10px; }
+.ss-w-pd-perf-cards { display: flex; flex-direction: column; gap: 8px; }
+.ss-w-pd-perf-card { padding: 14px; }
+.ss-w-pd-perf-group { margin-bottom: 10px; font-size: 12.5px; font-weight: 700; }
+.ss-w-pd-bar-row + .ss-w-pd-bar-row { margin-top: 12px; }
+.ss-w-pd-bar-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 5px; font-size: 12.5px; }
+.ss-w-pd-bar-label { min-width: 0; overflow-wrap: break-word; }
+.ss-w-pd-bar-value { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; }
+.ss-w-pd-track { height: 6px; border-radius: 999px; background: var(--ss-w-track); overflow: hidden; }
+.ss-w-pd-fill { height: 100%; border-radius: 999px; }
+.ss-w-pd-fill--pos { background: var(--ss-w-pos); }
+.ss-w-pd-fill--warn { background: var(--ss-w-warn); }
+.ss-w-pd-fill--neg { background: var(--ss-w-neg); }
+.ss-w-pd-match { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--ss-w-line); }
+.ss-w-pd-match:last-child { border-bottom: none; }
+.ss-w-pd-match-date { font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-pd-match-opp { font-size: 12.5px; font-weight: 600; overflow-wrap: break-word; }
+.ss-w-pd-match-sub { margin-top: 1px; font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-pd-chip-empty { min-width: 30px; }
+.ss-w-pd-chip { min-width: 30px; padding: 3px 0; border-radius: 6px; text-align: center; font-size: 11.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
 .ss-w-rec-list { margin: 0; padding: 0; list-style: none; }
 .ss-w-rec-value { flex: none; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
 .ss-w-rec-since { font-size: 12px; color: var(--ss-w-faint); }
@@ -12559,7 +13029,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 `;
 
 // src/StatsWidget.tsx
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -12600,7 +13070,7 @@ function StatsWidget(props) {
   }, []);
   const convStorageKey = `ss-w-conv:${cfg?.operatorId ?? ""}:${cfg?.userContext?.operatorUserId ?? "anon"}`;
   const controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters, built ? ui.greetingMessage : void 0, convStorageKey);
-  const [hasToday, setHasToday] = useState53(false);
+  const [hasToday, setHasToday] = useState55(false);
   const liveCardWatches = useMemo6(() => {
     const seen = /* @__PURE__ */ new Set();
     const out = [];
@@ -12784,7 +13254,7 @@ function StatsWidget(props) {
   }, [built, ui.injectStyles]);
   if (!built) return null;
   const attrs = themeAttrs(ui);
-  return /* @__PURE__ */ jsx104(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ jsx104(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ jsx104("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx107(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ jsx107(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ jsx107("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ jsx107(
     ChatPanel,
     {
       controller,
@@ -12804,7 +13274,7 @@ function StatsWidget(props) {
       conversation: built?.conversation ?? null,
       presetGrid
     }
-  ) : /* @__PURE__ */ jsx104(
+  ) : /* @__PURE__ */ jsx107(
     ChatFab,
     {
       label: ui.launcherLabel,