@sensiblestats/widget-react 0.64.0 → 0.65.0

package/dist/index.cjs

@@ -37,7 +37,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
-var import_react49 = require("react");
+var import_react48 = require("react");
 var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
@@ -70,8 +70,6 @@ var STRINGS = {
     retry: "Retry",
     showLess: "Show less",
     showMore: (n) => `Show ${n} more`,
-    showStats: "Show stats",
-    hideStats: "Hide stats",
     oddsLabel: "Odds",
     liveLabel: "Live",
     marketFloorLabel: "Market price \xB7 not a value pick",
@@ -132,7 +130,6 @@ var STRINGS = {
     liveFactAsk: "Ask about this",
     liveFactEarlier: (n) => `Earlier facts (${n})`,
     liveFactHideEarlier: "Hide earlier facts",
-    accordionValueLabel: "Value",
     accordionRetry: "Couldn't load odds \u2014 tap to retry",
     accordionSuspended: "Suspended",
     tabToday: "Today",
@@ -371,8 +368,6 @@ var STRINGS = {
     retry: "Tekrar dene",
     showLess: "Daha az g\xF6ster",
     showMore: (n) => `${n} tane daha g\xF6ster`,
-    showStats: "\u0130statistikleri g\xF6ster",
-    hideStats: "\u0130statistikleri gizle",
     oddsLabel: "Oran",
     liveLabel: "Canl\u0131",
     marketFloorLabel: "Piyasa oran\u0131 \xB7 de\u011Fer bahsi de\u011Fil",
@@ -433,7 +428,6 @@ var STRINGS = {
     liveFactAsk: "Bunu sor",
     liveFactEarlier: (n) => `\xD6nceki bilgiler (${n})`,
     liveFactHideEarlier: "\xD6nceki bilgileri gizle",
-    accordionValueLabel: "De\u011Fer",
     accordionRetry: "Oranlar y\xFCklenemedi \u2014 yeniden dene",
     accordionSuspended: "Ask\u0131da",
     tabToday: "Bug\xFCn",
@@ -700,8 +694,6 @@ function normalizeUi(cfg) {
     retry: strings.retry,
     showLess: strings.showLess,
     showMore: strings.showMore,
-    showStats: strings.showStats,
-    hideStats: strings.hideStats,
     oddsLabel: strings.oddsLabel,
     liveLabel: strings.liveLabel,
     marketFloorLabel: strings.marketFloorLabel,
@@ -762,7 +754,6 @@ function normalizeUi(cfg) {
     liveFactAsk: strings.liveFactAsk,
     liveFactEarlier: strings.liveFactEarlier,
     liveFactHideEarlier: strings.liveFactHideEarlier,
-    accordionValueLabel: strings.accordionValueLabel,
     accordionRetry: strings.accordionRetry,
     accordionSuspended: strings.accordionSuspended,
     tabGames: strings.tabGames,
@@ -853,10 +844,10 @@ function resultToToast(result, shownOdds, ui) {
 }
 
 // src/useHostEvents.ts
-var import_react39 = require("react");
+var import_react38 = require("react");
 
 // src/components/ChatPanel.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 
 // src/components/ChatHeader.tsx
 var import_react2 = require("react");
@@ -990,7 +981,7 @@ function ChatHeader({
 }
 
 // src/components/MessageList.tsx
-var import_react20 = require("react");
+var import_react19 = require("react");
 
 // src/components/Markdown.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
@@ -1116,16 +1107,6 @@ function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMore
   ] });
 }
 
-// src/components/BettingInsightList.tsx
-var import_react11 = require("react");
-
-// src/eventLogContext.ts
-var import_react4 = require("react");
-var EventLogContext = (0, import_react4.createContext)(null);
-function useEventLog() {
-  return (0, import_react4.useContext)(EventLogContext);
-}
-
 // src/components/AddToSlipButton.tsx
 var import_react7 = require("react");
 var import_widget_sdk = require("@sensiblestats/widget-sdk");
@@ -1249,7 +1230,6 @@ function toInsightVM(insight) {
   const away = str(insight.awayTeamName);
   const fixture = home && away ? `${home} vs ${away}` : void 0;
   const competition = str(insight.competitionName);
-  const scopes = Array.isArray(insight.scopes) ? insight.scopes.map((s) => ({ key: str(s.key), label: str(s.label), stats: readStatCells(s.stats) })).filter((s) => !!s.key && !!s.label) : void 0;
   const previousValue = insight.odds?.previousValue;
   const previous = typeof previousValue === "number" && Number.isFinite(previousValue) ? previousValue : void 0;
   const direction = insight.odds?.movementDirection === "shortened" || insight.odds?.movementDirection === "drifted" ? insight.odds.movementDirection : void 0;
@@ -1264,9 +1244,7 @@ function toInsightVM(insight) {
     phase: str(insight.phase),
     fixture,
     competition,
-    scopes,
     text: str(insight.text) ?? "",
-    stats: readStatCells(insight.stats),
     disclaimer: str(insight.disclaimer),
     matchId: typeof insight.matchId === "number" ? insight.matchId : 0,
     matchOddsId,
@@ -1403,6 +1381,13 @@ function marketOddsRowToSlipSelection(vm, row, conversationId) {
   return selection;
 }
 
+// src/eventLogContext.ts
+var import_react4 = require("react");
+var EventLogContext = (0, import_react4.createContext)(null);
+function useEventLog() {
+  return (0, import_react4.useContext)(EventLogContext);
+}
+
 // src/slipStateContext.ts
 var import_react5 = require("react");
 var SlipStateContext = (0, import_react5.createContext)(null);
@@ -1764,55 +1749,11 @@ function MatchLink({ matchId, home, away, detail, className, as: Tag = "span", c
 
 // src/components/BettingInsightList.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
-function StatRows({ stats }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ss-w-bi-rows", children: stats.map((s) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ss-w-bi-row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ss-w-bi-row-lbl", children: s.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ss-w-bi-row-num", children: s.value })
-  ] }, `${s.label}:${s.value}`)) });
-}
-function ScopedStats({ scopes }) {
-  const [active, setActive] = (0, import_react11.useState)(0);
-  const current = scopes[active] ?? scopes[0] ?? { key: "", label: "", stats: [] };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ss-w-bi-scoped", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ss-w-bi-scopes", role: "group", children: scopes.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "ss-w-bi-chip", "aria-pressed": i === active, onClick: () => setActive(i), children: s.label }, s.key)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StatRows, { stats: current.stats }, current.key)
-  ] });
-}
-function hasStatsContent(it) {
-  return !!it.scopes && it.scopes.length >= 2 || it.stats.length > 0;
-}
-function ReasonStrip({ it, ui }) {
-  const [open, setOpen] = (0, import_react11.useState)(false);
-  const log = useEventLog();
-  const hasScopes = !!it.scopes && it.scopes.length >= 2;
-  const hasStats = hasStatsContent(it);
-  const hasText = !!it.text;
-  if (!hasText && !hasStats) return null;
-  const expandable = hasStats || (it.text?.length ?? 0) > 90;
-  const onToggle = () => {
-    setOpen((v) => {
-      const next = !v;
-      if (next) log?.log({ name: "insight_expand", entityType: "match", entityId: String(it.matchId) });
-      return next;
-    });
-  };
+function ReasonStrip({ it }) {
+  if (!it.text) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ss-w-bi-reason", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ss-w-bi-chart", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ss-w-bi-reason-body", children: [
-      hasText ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: `ss-w-bi-text${open ? "" : " ss-w-bi-text-clamp"}`, children: it.text }) : null,
-      open && hasStats ? hasScopes ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScopedStats, { scopes: it.scopes }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StatRows, { stats: it.stats }) : null
-    ] }),
-    expandable ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "ss-w-bi-expand",
-        "aria-expanded": open,
-        "aria-label": open ? ui?.hideStats ?? "Hide stats" : ui?.showStats ?? "Show stats",
-        onClick: onToggle,
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `ss-w-bi-arrow${open ? " ss-w-bi-arrow-open" : ""}`, "aria-hidden": "true" })
-      }
-    ) : null
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "ss-w-bi-text", children: it.text })
   ] });
 }
 function CardFixture({ it }) {
@@ -1892,7 +1833,7 @@ function InsightCard({ it, ui, slip, monitor }) {
       ] })
     ] }),
     it.isMarketFloor ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ss-w-bi-floor", children: ui?.marketFloorLabel ?? "Market price \xB7 not a value pick" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ReasonStrip, { it, ui }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ReasonStrip, { it }),
     it.disclaimer ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "ss-w-bi-disc", children: it.disclaimer }) : null
   ] });
 }
@@ -1902,7 +1843,7 @@ function BettingInsightList({ insights, ui, slip, monitor }) {
 }
 
 // src/components/MarketOddsCardList.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function OddsRow({ vm, row, ui, slip, inSlipIds }) {
   const selection = vm.addToSlipEnabled ? marketOddsRowToSlipSelection(vm, row, slip.conversationId) : null;
@@ -1919,7 +1860,7 @@ function OddsRow({ vm, row, ui, slip, inSlipIds }) {
   ] });
 }
 function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }) {
-  const [open, setOpen] = (0, import_react12.useState)(false);
+  const [open, setOpen] = (0, import_react11.useState)(false);
   const kickoffFallback = vm.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(vm.kickoffUtc) : void 0;
   const kickoff = vm.kickoffLabel ?? (kickoffFallback ? `${kickoffFallback.dayLabel} ${kickoffFallback.time}` : void 0);
   const hasNamedTeams = !!vm.homeTeamName && !!vm.awayTeamName;
@@ -2252,7 +2193,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -2271,12 +2212,12 @@ function remainingSegments(kickoffUnix, nowMs, withSeconds) {
 function CountdownCard({ card }) {
   const { data } = card;
   const unitLabel = { d: data.daysUnit, h: data.hoursUnit, m: data.minutesUnit, s: data.secondsUnit };
-  const [nowMs, setNowMs] = (0, import_react13.useState)(() => Date.now());
-  const [reduced] = (0, import_react13.useState)(
+  const [nowMs, setNowMs] = (0, import_react12.useState)(() => Date.now());
+  const [reduced] = (0, import_react12.useState)(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -2284,7 +2225,7 @@ function CountdownCard({ card }) {
   const segments = remainingSegments(data.kickoffUnix, nowMs, withinDay && !reduced);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "ss-w-fandash-card ss-w-fandash-countdown", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "ss-w-fandash-countdown-top", children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title ?? "Kick-off in" }),
-    segments ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react13.Fragment, { children: [
+    segments ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react12.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ss-w-fandash-countdown-colon", children: ":" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "ss-w-fandash-countdown-seg", children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ss-w-fandash-countdown-value", children: s.value }),
@@ -2295,7 +2236,7 @@ function CountdownCard({ card }) {
 }
 
 // src/components/dashboard/InjuriesCard.tsx
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var SHOWN = 3;
 function ColHead({ name, crestUrl }) {
@@ -2318,7 +2259,7 @@ function InjuryList({ rows, emptyLabel, limit }) {
 }
 function InjuriesCard({ card, ui }) {
   const { data } = card;
-  const [expanded, setExpanded] = (0, import_react14.useState)(false);
+  const [expanded, setExpanded] = (0, import_react13.useState)(false);
   const hidden = Math.max(0, data.ours.length - SHOWN) + Math.max(0, data.theirs.length - SHOWN);
   const limit = expanded ? void 0 : SHOWN;
   const showMore = ui?.showMore ?? ((n) => `Show ${n} more`);
@@ -2424,7 +2365,7 @@ function LinksCard({ card }) {
 }
 
 // src/components/dashboard/PostMatchResultCard.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function initials3(name) {
   return name.trim().slice(0, 3).toUpperCase();
@@ -2434,7 +2375,7 @@ function PostMatchCrest({
   name,
   side
 }) {
-  const [failed, setFailed] = (0, import_react15.useState)(false);
+  const [failed, setFailed] = (0, import_react14.useState)(false);
   const cls = `ss-w-fandash-postmatch-crest ss-w-fandash-postmatch-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -2633,10 +2574,10 @@ function RestingFormCard({ card }) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 
 // src/useLiveClock.ts
-var import_react16 = require("react");
+var import_react15 = require("react");
 var TICK_MS = 6e4;
 var MAX_LIVE_TICK_MINUTES = 15;
 function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
@@ -2645,10 +2586,10 @@ function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
   return minute + Math.min(Math.max(0, elapsedMinutes), MAX_LIVE_TICK_MINUTES);
 }
 function useLiveClock(minute, clockRunning, receivedAtMs) {
-  const [displayMinute, setDisplayMinute] = (0, import_react16.useState)(
+  const [displayMinute, setDisplayMinute] = (0, import_react15.useState)(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     setDisplayMinute(computeDisplayMinute(minute, clockRunning, receivedAtMs));
     if (!clockRunning) return;
     const id = window.setInterval(() => {
@@ -2665,7 +2606,7 @@ function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
 function LiveCrest({ url, name, side }) {
-  const [failed, setFailed] = (0, import_react17.useState)(false);
+  const [failed, setFailed] = (0, import_react16.useState)(false);
   const cls = `ss-w-fandash-live-crest ss-w-fandash-live-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -2684,7 +2625,7 @@ function LiveScoreCard({
 }) {
   const { data } = card;
   const seedKey = `${data.minute}:${data.homeScore}:${data.awayScore}`;
-  const seedRef = (0, import_react17.useRef)(null);
+  const seedRef = (0, import_react16.useRef)(null);
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
@@ -2724,7 +2665,7 @@ function LiveScoreCard({
 }
 
 // src/components/dashboard/LiveTimelineCard.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var SHOWN2 = 3;
 function EventIcon({ type }) {
@@ -2766,7 +2707,7 @@ function EventRow({ e }) {
   ] });
 }
 function LiveTimelineCard({ card, ui }) {
-  const [expanded, setExpanded] = (0, import_react18.useState)(false);
+  const [expanded, setExpanded] = (0, import_react17.useState)(false);
   const events = card.data.events;
   if (!events || events.length === 0) return null;
   const sorted = [...events].sort((a, b) => b.minute - a.minute);
@@ -2791,7 +2732,7 @@ function LiveTimelineCard({ card, ui }) {
 }
 
 // src/components/dashboard/MomentumWave.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var WIDTH = 270;
 var HEIGHT = 56;
@@ -2815,7 +2756,7 @@ function MomentumWave({
 }) {
   if (points.length === 0) return null;
   const { area, line, lastLeftPct, lastTopPx } = buildPaths(points);
-  const clipId = (0, import_react19.useId)();
+  const clipId = (0, import_react18.useId)();
   const topClipId = `${clipId}-top`;
   const bottomClipId = `${clipId}-bottom`;
   const topClass = clubIsHome ? "ss-w-fandash-live-mom-home" : "ss-w-fandash-live-mom-away";
@@ -3006,11 +2947,11 @@ function turnAnchor(messages) {
 }
 function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
   const { state, send } = controller;
-  const listRef = (0, import_react20.useRef)(null);
-  const endRef = (0, import_react20.useRef)(null);
-  const pinnedRef = (0, import_react20.useRef)(true);
-  const anchoredTurnRef = (0, import_react20.useRef)(null);
-  (0, import_react20.useEffect)(() => {
+  const listRef = (0, import_react19.useRef)(null);
+  const endRef = (0, import_react19.useRef)(null);
+  const pinnedRef = (0, import_react19.useRef)(true);
+  const anchoredTurnRef = (0, import_react19.useRef)(null);
+  (0, import_react19.useEffect)(() => {
     const anchor = turnAnchor(state.messages);
     const list = listRef.current;
     if (anchor && anchor.turnId !== anchoredTurnRef.current) {
@@ -3066,10 +3007,10 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
 }
 
 // src/components/ChatInput.tsx
-var import_react21 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message" }) {
-  const [value, setValue] = (0, import_react21.useState)("");
+  const [value, setValue] = (0, import_react20.useState)("");
   const submit = () => {
     const t = value.trim();
     if (!t) return;
@@ -3171,11 +3112,7 @@ function MarketAccordion({ match, monitor, ui, slip }) {
             children: ui.accordionRetry
           }
         ),
-        entry?.block?.insight?.text && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "ss-w-acc-insight", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "ss-w-acc-badge", children: ui.accordionValueLabel }),
-          " ",
-          entry.block.insight.text
-        ] }),
+        entry?.block?.insight?.text && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "ss-w-acc-insight", children: entry.block.insight.text }),
         entry?.block?.card && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           MarketOddsCardList,
           {
@@ -3193,10 +3130,10 @@ function MarketAccordion({ match, monitor, ui, slip }) {
 }
 
 // src/components/LiveFactBlock.tsx
-var import_react22 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function LiveFactBlock({ facts, matchId, ui, slip, onAsk }) {
-  const [expanded, setExpanded] = (0, import_react22.useState)(false);
+  const [expanded, setExpanded] = (0, import_react21.useState)(false);
   const [current, ...earlier] = facts;
   if (!current) return null;
   const m = current.market;
@@ -3583,7 +3520,7 @@ function TodayPanel({ discovery, ui, monitor }) {
 }
 
 // src/components/GamesPanel.tsx
-var import_react36 = require("react");
+var import_react35 = require("react");
 
 // src/components/GamesLoginWall.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -3592,7 +3529,7 @@ function GamesLoginWall({ ui }) {
 }
 
 // src/components/GamesHub.tsx
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/components/games/ui/gameMeta.ts
 function prettifyGameId(gameId) {
@@ -3777,8 +3714,8 @@ function pickHeroGame(games) {
 }
 var tileKey = (g) => `${g.gameId}-${g.gameDay}-${g.fixtureId}`;
 function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
-  const [, setTick] = (0, import_react23.useState)(0);
-  (0, import_react23.useEffect)(() => {
+  const [, setTick] = (0, import_react22.useState)(0);
+  (0, import_react22.useEffect)(() => {
     const id = setInterval(() => setTick((t) => t + 1), 6e4);
     return () => clearInterval(id);
   }, []);
@@ -3838,10 +3775,10 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
 }
 
 // src/components/GameScreenHost.tsx
-var import_react35 = require("react");
+var import_react34 = require("react");
 
 // src/useGamePlay.ts
-var import_react24 = require("react");
+var import_react23 = require("react");
 function toSubmitResult(payload) {
   return {
     // 'pending' means the play is recorded but awaiting resolution (fixture games)
@@ -3853,17 +3790,17 @@ function toSubmitResult(payload) {
   };
 }
 function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh }) {
-  const [result, setResult] = (0, import_react24.useState)(null);
-  const [submitting, setSubmitting] = (0, import_react24.useState)(false);
-  const [rawStatus, setRawStatus] = (0, import_react24.useState)(null);
-  const inFlightRef = (0, import_react24.useRef)(false);
-  const convRef = (0, import_react24.useRef)(conversation);
+  const [result, setResult] = (0, import_react23.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react23.useState)(false);
+  const [rawStatus, setRawStatus] = (0, import_react23.useState)(null);
+  const inFlightRef = (0, import_react23.useRef)(false);
+  const convRef = (0, import_react23.useRef)(conversation);
   convRef.current = conversation;
-  const optsRef = (0, import_react24.useRef)({ gameId, gameDay, fixtureId, locale, refresh });
+  const optsRef = (0, import_react23.useRef)({ gameId, gameDay, fixtureId, locale, refresh });
   optsRef.current = { gameId, gameDay, fixtureId, locale, refresh };
-  const resultRef = (0, import_react24.useRef)(null);
+  const resultRef = (0, import_react23.useRef)(null);
   resultRef.current = result;
-  const refetch = (0, import_react24.useCallback)(async () => {
+  const refetch = (0, import_react23.useCallback)(async () => {
     const conv = convRef.current;
     if (!conv) return;
     const opts = optsRef.current;
@@ -3879,7 +3816,7 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
     } catch {
     }
   }, []);
-  const submit = (0, import_react24.useCallback)(async (answerJson) => {
+  const submit = (0, import_react23.useCallback)(async (answerJson) => {
     const conv = convRef.current;
     if (!conv || inFlightRef.current) return;
     inFlightRef.current = true;
@@ -3906,14 +3843,14 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
       setSubmitting(false);
     }
   }, [refetch]);
-  const hydrate = (0, import_react24.useCallback)(() => {
+  const hydrate = (0, import_react23.useCallback)(() => {
     void refetch();
   }, [refetch]);
   return { result, submitting, submit, hydrate, rawStatus };
 }
 
 // src/components/games/MysteryTigerGame.tsx
-var import_react26 = require("react");
+var import_react25 = require("react");
 
 // src/components/games/nationFlags.ts
 var FLAGS = {
@@ -4124,7 +4061,7 @@ function isNationCode(flag) {
 }
 
 // src/components/games/PlayerAvatar.tsx
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
@@ -4142,7 +4079,7 @@ function PlayerAvatar({
   imagePath,
   className
 }) {
-  const [failed, setFailed] = (0, import_react25.useState)(false);
+  const [failed, setFailed] = (0, import_react24.useState)(false);
   const showImage = Boolean(imagePath) && !isPlaceholderImage(imagePath) && !failed;
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
 }
@@ -4357,8 +4294,8 @@ function MysteryTigerGame({
   onBack
 }) {
   const t = ui.games.mysteryTiger;
-  const [query, setQuery] = (0, import_react26.useState)("");
-  const inputId = (0, import_react26.useId)();
+  const [query, setQuery] = (0, import_react25.useState)("");
+  const inputId = (0, import_react25.useId)();
   const clientState = parseClientState(result?.clientStateJson);
   const guessResults = clientState?.guessResults ?? [];
   const alreadyGuessedIds = new Set(guessResults.map((g) => g.playerId));
@@ -4633,13 +4570,13 @@ function HigherOrLowerGame({
 }
 
 // src/components/games/CareerPathGame.tsx
-var import_react28 = require("react");
+var import_react27 = require("react");
 
 // src/components/games/ui/CrestShield.tsx
-var import_react27 = require("react");
+var import_react26 = require("react");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function CrestShield({ src, name, size = 28 }) {
-  const [failed, setFailed] = (0, import_react27.useState)(false);
+  const [failed, setFailed] = (0, import_react26.useState)(false);
   if (src && !isPlaceholderImage(src) && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
   }
@@ -4671,8 +4608,8 @@ function CareerPathGame({
 }) {
   const s = ui.games.careerPath;
   const title = gameTitle({ gameId: "career-path" }, ui.games.titles);
-  const [query, setQuery] = (0, import_react28.useState)("");
-  const inputId = (0, import_react28.useId)();
+  const [query, setQuery] = (0, import_react27.useState)("");
+  const inputId = (0, import_react27.useId)();
   const clientState = parseClientState3(result?.clientStateJson);
   const alreadyGuessedIds = new Set(clientState?.guessResults.map((g) => g.playerId) ?? []);
   const isOver = result?.alreadyPlayed === true || clientState?.solved === true || clientState?.failed === true;
@@ -4791,7 +4728,7 @@ function CareerPathGame({
 }
 
 // src/components/games/BeatTheGridGame.tsx
-var import_react29 = __toESM(require("react"), 1);
+var import_react28 = __toESM(require("react"), 1);
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
@@ -4872,10 +4809,10 @@ function SearchSheet({
   ui
 }) {
   const s = ui.games.beatTheGrid;
-  const [query, setQuery] = (0, import_react29.useState)("");
-  const inputId = (0, import_react29.useId)();
-  const inputRef = (0, import_react29.useRef)(null);
-  (0, import_react29.useEffect)(() => {
+  const [query, setQuery] = (0, import_react28.useState)("");
+  const inputId = (0, import_react28.useId)();
+  const inputRef = (0, import_react28.useRef)(null);
+  (0, import_react28.useEffect)(() => {
     inputRef.current?.focus();
   }, [row, col]);
   const filtered = playerPool.filter(
@@ -4940,7 +4877,7 @@ function BeatTheGridGame({
 }) {
   const s = ui.games.beatTheGrid;
   const title = gameTitle({ gameId: "beat-the-grid" }, ui.games.titles);
-  const [activeCell, setActiveCell] = (0, import_react29.useState)(null);
+  const [activeCell, setActiveCell] = (0, import_react28.useState)(null);
   const clientState = parseClientState4(result?.clientStateJson);
   const filledCells = clientState?.cells ?? [];
   const isLocked2 = result?.alreadyPlayed === true || clientState?.isComplete === true;
@@ -5014,7 +4951,7 @@ function BeatTheGridGame({
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { "aria-hidden": "true", children: abbr }),
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "ss-g-sr", children: rowLabel })
               ] });
-              return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_react29.default.Fragment, { children: [
+              return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_react28.default.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "ss-g-btg-rowhdr", "data-meta": rowMeta ? "true" : void 0, children: rowHeaderContent }),
                 cols.map((colLabel, colIdx) => {
                   const filled = findCellResult(filledCells, rowIdx, colIdx);
@@ -5095,7 +5032,7 @@ function BeatTheGridGame({
 }
 
 // src/components/games/GuessTheXiGame.tsx
-var import_react30 = require("react");
+var import_react29 = require("react");
 
 // src/components/games/ui/PitchSvg.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -5184,8 +5121,8 @@ function GuessTheXiGame({
   onBack
 }) {
   const t = ui.games.guessTheXi;
-  const [query, setQuery] = (0, import_react30.useState)("");
-  const inputId = (0, import_react30.useId)();
+  const [query, setQuery] = (0, import_react29.useState)("");
+  const inputId = (0, import_react29.useId)();
   const clientState = parseClientState5(result?.clientStateJson);
   const isOver = result?.alreadyPlayed === true || clientState?.status === "solved" || clientState?.status === "failed";
   const solved = clientState?.status === "solved";
@@ -5326,7 +5263,7 @@ function GuessTheXiGame({
 }
 
 // src/components/games/DailyQuizGame.tsx
-var import_react31 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function parseClientState6(json) {
   if (!json) return null;
@@ -5367,8 +5304,8 @@ function DailyQuizGame({
 }) {
   const s = ui.games.dailyQuiz;
   const title = gameTitle({ gameId: "daily-quiz" }, ui.games.titles);
-  const [selections, setSelections] = (0, import_react31.useState)(/* @__PURE__ */ new Map());
-  const [page, setPage] = (0, import_react31.useState)(0);
+  const [selections, setSelections] = (0, import_react30.useState)(/* @__PURE__ */ new Map());
+  const [page, setPage] = (0, import_react30.useState)(0);
   const clientState = parseClientState6(result?.clientStateJson);
   const results = clientState?.results ?? [];
   const isRevealed = results.length > 0 || result?.alreadyPlayed === true;
@@ -5478,7 +5415,7 @@ function DailyQuizGame({
 }
 
 // src/components/games/MatchdayPredictorGame.tsx
-var import_react32 = require("react");
+var import_react31 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var SCORER_SEARCH_THRESHOLD = 9;
 function parseClientState7(json) {
@@ -5574,12 +5511,12 @@ function MatchdayPredictorGame({
   onBack
 }) {
   const t = ui.games.predictor;
-  const [homeScore, setHomeScore] = (0, import_react32.useState)(0);
-  const [awayScore, setAwayScore] = (0, import_react32.useState)(0);
-  const [firstScorerPlayerId, setFirstScorerPlayerId] = (0, import_react32.useState)(null);
-  const [lastEdited, setLastEdited] = (0, import_react32.useState)("home");
-  const [query, setQuery] = (0, import_react32.useState)("");
-  const searchId = (0, import_react32.useId)();
+  const [homeScore, setHomeScore] = (0, import_react31.useState)(0);
+  const [awayScore, setAwayScore] = (0, import_react31.useState)(0);
+  const [firstScorerPlayerId, setFirstScorerPlayerId] = (0, import_react31.useState)(null);
+  const [lastEdited, setLastEdited] = (0, import_react31.useState)("home");
+  const [query, setQuery] = (0, import_react31.useState)("");
+  const searchId = (0, import_react31.useId)();
   const clientState = parseClientState7(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
   const header = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
@@ -5746,7 +5683,7 @@ function MatchdayPredictorGame({
 }
 
 // src/components/games/StartingXiGame.tsx
-var import_react33 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
@@ -5790,10 +5727,10 @@ function StartingXiGame({
   lockAtUtc
 }) {
   const t = ui.games.startingXi;
-  const [slotPlayers, setSlotPlayers] = (0, import_react33.useState)(() => Array(XI_SIZE).fill(null));
-  const [active, setActive] = (0, import_react33.useState)(0);
-  const [query, setQuery] = (0, import_react33.useState)("");
-  const searchId = (0, import_react33.useId)();
+  const [slotPlayers, setSlotPlayers] = (0, import_react32.useState)(() => Array(XI_SIZE).fill(null));
+  const [active, setActive] = (0, import_react32.useState)(0);
+  const [query, setQuery] = (0, import_react32.useState)("");
+  const searchId = (0, import_react32.useId)();
   const clientState = parseClientState8(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
   const header = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -5932,7 +5869,7 @@ function StartingXiGame({
 }
 
 // src/components/games/StatLadderGame.tsx
-var import_react34 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function ladderClue(ladder) {
   const mystery = ladder.find((r) => r.rank === 2);
@@ -5969,9 +5906,9 @@ function StatLadderGame({
   onBack
 }) {
   const t = ui.games.statLadder;
-  const [query, setQuery] = (0, import_react34.useState)("");
-  const [selectedId, setSelectedId] = (0, import_react34.useState)(null);
-  const searchId = (0, import_react34.useId)();
+  const [query, setQuery] = (0, import_react33.useState)("");
+  const [selectedId, setSelectedId] = (0, import_react33.useState)(null);
+  const searchId = (0, import_react33.useId)();
   const clientState = parseClientState9(result?.clientStateJson);
   const revealed = clientState != null;
   const header = /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(GameHeader, { title: gameTitle({ gameId: "stat-ladder" }, ui.games.titles), eyebrow: t.eyebrow, onBack, backLabel: ui.back });
@@ -6176,8 +6113,8 @@ function GameScreenHost({
   ui
 }) {
   const { gameId, fixtureId, gameDay = "", lockAtUtc = null } = selected;
-  const [configJson, setConfigJson] = (0, import_react35.useState)(null);
-  (0, import_react35.useEffect)(() => {
+  const [configJson, setConfigJson] = (0, import_react34.useState)(null);
+  (0, import_react34.useEffect)(() => {
     setConfigJson(null);
     if (!conversation) return;
     let cancelled = false;
@@ -6200,12 +6137,12 @@ function GameScreenHost({
     fixtureId: fixtureId || void 0,
     locale: ui.games.lang
   });
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (conversation) hydrate();
   }, [conversation, gameId]);
-  const hydrateRef = (0, import_react35.useRef)(hydrate);
+  const hydrateRef = (0, import_react34.useRef)(hydrate);
   hydrateRef.current = hydrate;
-  (0, import_react35.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!FIXTURE_GAME_IDS.has(gameId)) return;
     if (rawStatus !== "pending") return;
     const timerId = setInterval(() => {
@@ -6340,8 +6277,8 @@ function GamesPanel({
   leaderboard,
   refreshHub
 }) {
-  const [selected, setSelected] = (0, import_react36.useState)(null);
-  (0, import_react36.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react35.useState)(null);
+  (0, import_react35.useEffect)(() => {
     ensureGamesFonts();
   }, []);
   if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GamesLoginWall, { ui });
@@ -6372,7 +6309,7 @@ function GamesPanel({
 }
 
 // src/components/Leaderboard.tsx
-var import_react37 = require("react");
+var import_react36 = require("react");
 
 // src/components/LeaderboardRow.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
@@ -6457,7 +6394,7 @@ function Leaderboard({
   ui,
   onPlay
 }) {
-  const [segment, setSegment] = (0, import_react37.useState)("weekly");
+  const [segment, setSegment] = (0, import_react36.useState)("weekly");
   const myRow = segment === "weekly" ? data.myWeeklyRow : data.myAllTimeRow;
   const offBoard = myRow !== null && myRow !== void 0 && myRow.rank === -1;
   const isEmpty = segment === "weekly" ? data.weeklyTop.length === 0 : data.allTimeTop.length === 0;
@@ -6540,8 +6477,8 @@ function LeaderboardPanel({ loggedIn, data, loading, onPlay, ui }) {
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = (0, import_react38.useState)(false);
-  (0, import_react38.useEffect)(() => {
+  const [modal, setModal] = (0, import_react37.useState)(false);
+  (0, import_react37.useEffect)(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -6554,7 +6491,7 @@ function useIsModal() {
 function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, loggedIn, conversation }) {
   const { state, close, stop, send, reset } = controller;
   const isModal = useIsModal();
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -6569,7 +6506,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     monitor?.setActiveTab("chat");
     send(text, { grounding });
   };
-  (0, import_react38.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
   }, [monitor, state.isStreaming, state.messages.length]);
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
@@ -6841,15 +6778,15 @@ function toSlipEvent(name, entry) {
 // src/useHostEvents.ts
 function useHostEvents(opts) {
   const { host, operatorId, currentUser, logger, isOpen, closePanel, onOpenMatch, openMatchLabel } = opts;
-  const [added, setAdded] = (0, import_react39.useState)({});
-  const [settled, setSettled] = (0, import_react39.useState)({});
-  const markAdded = (0, import_react39.useCallback)((matchOddsId) => {
+  const [added, setAdded] = (0, import_react38.useState)({});
+  const [settled, setSettled] = (0, import_react38.useState)({});
+  const markAdded = (0, import_react38.useCallback)((matchOddsId) => {
     setAdded((prev) => prev[matchOddsId] ? prev : { ...prev, [matchOddsId]: true });
   }, []);
-  const settle = (0, import_react39.useCallback)((matchOddsId) => {
+  const settle = (0, import_react38.useCallback)((matchOddsId) => {
     setSettled((prev) => prev[matchOddsId] ? prev : { ...prev, [matchOddsId]: true });
   }, []);
-  const clearMarks = (0, import_react39.useCallback)((ids) => {
+  const clearMarks = (0, import_react38.useCallback)((ids) => {
     const drop = (prev) => {
       if (!ids.some((id) => prev[id])) return prev;
       const next = { ...prev };
@@ -6860,26 +6797,26 @@ function useHostEvents(opts) {
     setSettled(drop);
   }, []);
   const hasHost = host !== void 0;
-  const ledger = (0, import_react39.useMemo)(
+  const ledger = (0, import_react38.useMemo)(
     () => hasHost ? createSlipLedger(`ss-w-slip:${operatorId}`) : null,
     [hasHost, operatorId]
   );
-  const currentUserRef = (0, import_react39.useRef)(currentUser);
+  const currentUserRef = (0, import_react38.useRef)(currentUser);
   currentUserRef.current = currentUser;
-  const recordAdd = (0, import_react39.useCallback)((add) => {
+  const recordAdd = (0, import_react38.useCallback)((add) => {
     ledger?.record({ id: add.selection.matchOddsId, market: add.market, ...add.pick, user: currentUserRef.current });
   }, [ledger]);
-  const slipState = (0, import_react39.useMemo)(
+  const slipState = (0, import_react38.useMemo)(
     () => ({ added, settled, settle, recordAdd }),
     [added, settled, settle, recordAdd]
   );
   const hasOpenMatch = typeof onOpenMatch === "function";
   const tracksViews = hasHost || hasOpenMatch;
-  const views = (0, import_react39.useMemo)(
+  const views = (0, import_react38.useMemo)(
     () => tracksViews ? createMatchViews(`ss-w-views:${operatorId}`, { user: currentUser }) : null,
     [tracksViews, operatorId, currentUser]
   );
-  const sinkRef = (0, import_react39.useRef)(() => {
+  const sinkRef = (0, import_react38.useRef)(() => {
   });
   sinkRef.current = (command) => {
     if (command.kind === "matchOpened") {
@@ -6900,11 +6837,11 @@ function useHostEvents(opts) {
       logger?.log(toSlipEvent(name, entry));
     }
   };
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!host) return;
     return attachHost(host, (command) => sinkRef.current(command));
   }, [host]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!isOpen || !views) return;
     const held = views.markOpened();
     if (held.length === 0) return;
@@ -6913,7 +6850,7 @@ function useHostEvents(opts) {
     }
     void logger?.flushNow();
   }, [isOpen, views, logger]);
-  const openMatchRef = (0, import_react39.useRef)(() => {
+  const openMatchRef = (0, import_react38.useRef)(() => {
   });
   openMatchRef.current = (matchId) => {
     if (views?.view(matchId) === "log") {
@@ -6927,7 +6864,7 @@ function useHostEvents(opts) {
     }
     if (typeof window.matchMedia === "function" && window.matchMedia(FULLSCREEN_QUERY).matches) closePanel();
   };
-  const matchLink = (0, import_react39.useMemo)(
+  const matchLink = (0, import_react38.useMemo)(
     () => hasOpenMatch ? { open: (matchId) => openMatchRef.current(matchId), label: openMatchLabel } : null,
     [hasOpenMatch, openMatchLabel]
   );
@@ -6995,7 +6932,7 @@ function themeAttrs(ui) {
 }
 
 // src/useChatStream.ts
-var import_react41 = require("react");
+var import_react40 = require("react");
 var import_widget_sdk4 = require("@sensiblestats/widget-sdk");
 
 // src/reducer.ts
@@ -7119,7 +7056,7 @@ function reducer(state, action) {
 }
 
 // src/useLiveDashboardPoll.ts
-var import_react40 = require("react");
+var import_react39 = require("react");
 var POLL_INTERVAL_MS = 6e4;
 var LEAD_MS = 12e4;
 var GIVE_UP_MS = 30 * 6e4;
@@ -7161,13 +7098,13 @@ function findEarliestWakeupMs(messages) {
   return earliest;
 }
 function useLiveDashboardPoll({ messages, dispatch, getLiveDashboard }) {
-  const [, forceUpdate] = (0, import_react40.useReducer)((x) => x + 1, 0);
+  const [, forceUpdate] = (0, import_react39.useReducer)((x) => x + 1, 0);
   const anchor = findAnchor(messages);
-  const anchorRef = (0, import_react40.useRef)(anchor);
+  const anchorRef = (0, import_react39.useRef)(anchor);
   anchorRef.current = anchor;
-  const inFlightRef = (0, import_react40.useRef)(false);
+  const inFlightRef = (0, import_react39.useRef)(false);
   const anchorKey = anchor ? `${anchor.messageId}:${anchor.kind}` : null;
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!anchorKey || !anchorRef.current) return;
     const tick = async () => {
       if (inFlightRef.current) return;
@@ -7203,7 +7140,7 @@ function useLiveDashboardPoll({ messages, dispatch, getLiveDashboard }) {
     }, POLL_INTERVAL_MS);
     return () => window.clearInterval(id);
   }, [anchorKey, dispatch, getLiveDashboard]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (anchorKey !== null) return;
     const wakeAt = findEarliestWakeupMs(messages);
     if (wakeAt === null) return;
@@ -7268,7 +7205,7 @@ function seedIdCounter(messages) {
   return max + 1;
 }
 function useChatStream(conversation, starterTexts, greetingMessage, storageKey) {
-  const boot = (0, import_react41.useMemo)(() => {
+  const boot = (0, import_react40.useMemo)(() => {
     const payload = storageKey ? readConversation(storageKey, Date.now()) : null;
     const restored = payload != null && payload !== "expired" && payload !== "corrupt";
     const base = initialState(starterTexts.map(chipFromText));
@@ -7277,27 +7214,27 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     }
     return { state: base, restored: false, stale: payload === "expired" || payload === "corrupt" };
   }, []);
-  const [state, dispatch] = (0, import_react41.useReducer)(reducer, boot.state);
-  const idRef = (0, import_react41.useRef)(seedIdCounter(boot.state.messages));
-  const handleRef = (0, import_react41.useRef)(null);
-  const fallbackTimerRef = (0, import_react41.useRef)(null);
-  const stateRef = (0, import_react41.useRef)(state);
+  const [state, dispatch] = (0, import_react40.useReducer)(reducer, boot.state);
+  const idRef = (0, import_react40.useRef)(seedIdCounter(boot.state.messages));
+  const handleRef = (0, import_react40.useRef)(null);
+  const fallbackTimerRef = (0, import_react40.useRef)(null);
+  const stateRef = (0, import_react40.useRef)(state);
   stateRef.current = state;
-  const greetedRef = (0, import_react41.useRef)(boot.restored);
-  const hydratedRef = (0, import_react41.useRef)(false);
-  const restoreSeededRef = (0, import_react41.useRef)(false);
+  const greetedRef = (0, import_react40.useRef)(boot.restored);
+  const hydratedRef = (0, import_react40.useRef)(false);
+  const restoreSeededRef = (0, import_react40.useRef)(false);
   if (!restoreSeededRef.current) {
     restoreSeededRef.current = true;
     if (boot.restored && boot.state.conversationId) conversation.conversationId = boot.state.conversationId;
   }
   const nextId = () => `m${idRef.current++}`;
-  const clearFallbackTimer = (0, import_react41.useCallback)(() => {
+  const clearFallbackTimer = (0, import_react40.useCallback)(() => {
     if (fallbackTimerRef.current != null) {
       clearTimeout(fallbackTimerRef.current);
       fallbackTimerRef.current = null;
     }
   }, []);
-  const armFallbackTimer = (0, import_react41.useCallback)((onFire) => {
+  const armFallbackTimer = (0, import_react40.useCallback)((onFire) => {
     clearFallbackTimer();
     fallbackTimerRef.current = setTimeout(() => {
       fallbackTimerRef.current = null;
@@ -7306,7 +7243,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       onFire();
     }, STREAM_FALLBACK_TIMEOUT_MS);
   }, [clearFallbackTimer]);
-  const consume = (0, import_react41.useCallback)((handle, onError) => {
+  const consume = (0, import_react40.useCallback)((handle, onError) => {
     ;
     (async () => {
       try {
@@ -7324,7 +7261,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       }
     })();
   }, [clearFallbackTimer]);
-  const run = (0, import_react41.useCallback)((input, displayText) => {
+  const run = (0, import_react40.useCallback)((input, displayText) => {
     handleRef.current?.cancel();
     clearFallbackTimer();
     dispatch({ kind: "USER_SENT", input, userId: nextId(), assistantId: nextId(), displayText });
@@ -7336,16 +7273,16 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     });
     consume(handle, (err) => dispatch({ kind: "STREAM_ERROR", error: err }));
   }, [conversation, consume, clearFallbackTimer, armFallbackTimer]);
-  const send = (0, import_react41.useCallback)((text, opts) => {
+  const send = (0, import_react40.useCallback)((text, opts) => {
     const trimmed = text.trim();
     if (!trimmed) return;
     run({ message: trimmed, actionId: opts?.actionId, actionRef: opts?.actionRef, grounding: opts?.grounding }, opts?.displayText);
   }, [run]);
-  const retry = (0, import_react41.useCallback)(() => {
+  const retry = (0, import_react40.useCallback)(() => {
     const last = stateRef.current.lastUserInput;
     if (last) run(last, stateRef.current.lastDisplayText ?? void 0);
   }, [run]);
-  const fireGreeting = (0, import_react41.useCallback)(() => {
+  const fireGreeting = (0, import_react40.useCallback)(() => {
     const message = greetingMessage?.trim();
     if (!message) return;
     try {
@@ -7360,15 +7297,15 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       dispatch({ kind: "STOP" });
     }
   }, [greetingMessage, conversation, consume, clearFallbackTimer, armFallbackTimer]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (greetedRef.current) return;
     greetedRef.current = true;
     fireGreeting();
   }, [fireGreeting]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (boot.stale && storageKey) clearConversation(storageKey);
   }, []);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!storageKey || state.isStreaming) return;
     if (hydratedRef.current) {
       hydratedRef.current = false;
@@ -7385,7 +7322,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     if (persistable.length === 0) return;
     writeConversation(storageKey, state.conversationId, persistable, Date.now());
   }, [storageKey, state.isStreaming, state.messages, state.conversationId]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!storageKey) return;
     const onStorage = (e) => {
       if (e.key !== storageKey || e.storageArea !== window.localStorage) return;
@@ -7409,25 +7346,25 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     window.addEventListener("storage", onStorage);
     return () => window.removeEventListener("storage", onStorage);
   }, [storageKey, conversation, fireGreeting]);
-  const open = (0, import_react41.useCallback)(() => dispatch({ kind: "OPEN" }), []);
-  const close = (0, import_react41.useCallback)(() => {
+  const open = (0, import_react40.useCallback)(() => dispatch({ kind: "OPEN" }), []);
+  const close = (0, import_react40.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
     dispatch({ kind: "CLOSE" });
   }, [clearFallbackTimer]);
-  const stop = (0, import_react41.useCallback)(() => {
+  const stop = (0, import_react40.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
     dispatch({ kind: "STOP" });
   }, [clearFallbackTimer]);
-  const toggle = (0, import_react41.useCallback)(() => {
+  const toggle = (0, import_react40.useCallback)(() => {
     if (stateRef.current.isOpen) close();
     else open();
   }, [close, open]);
-  const dismissPopup = (0, import_react41.useCallback)(() => dispatch({ kind: "DISMISS_POPUP" }), []);
-  const reset = (0, import_react41.useCallback)(() => {
+  const dismissPopup = (0, import_react40.useCallback)(() => dispatch({ kind: "DISMISS_POPUP" }), []);
+  const reset = (0, import_react40.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
@@ -7438,18 +7375,18 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     greetedRef.current = true;
     fireGreeting();
   }, [storageKey, conversation, clearFallbackTimer, fireGreeting]);
-  const getLiveDashboard = (0, import_react41.useCallback)(() => conversation.getLiveDashboard(), [conversation]);
+  const getLiveDashboard = (0, import_react40.useCallback)(() => conversation.getLiveDashboard(), [conversation]);
   useLiveDashboardPoll({ messages: state.messages, dispatch, getLiveDashboard });
   return { state, open, close, stop, toggle, send, retry, dismissPopup, reset };
 }
 
 // src/useLiveMonitor.ts
-var import_react43 = require("react");
+var import_react42 = require("react");
 
 // src/useTabs.ts
-var import_react42 = require("react");
+var import_react41 = require("react");
 function useTabs(initial = "chat") {
-  const [activeTab, setActiveTab] = (0, import_react42.useState)(initial);
+  const [activeTab, setActiveTab] = (0, import_react41.useState)(initial);
   return { activeTab, setActiveTab };
 }
 
@@ -7473,36 +7410,36 @@ function phaseForPin(snapshot, pin) {
   return snapshot.markets.find((mk) => mk.key === pin.key)?.phase;
 }
 function useLiveMonitor(opts) {
-  const sessionIdRef = (0, import_react43.useRef)(crypto.randomUUID());
-  const [pins, setPins] = (0, import_react43.useState)([]);
-  const [store] = (0, import_react43.useState)(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
-  const [enabled, setEnabled] = (0, import_react43.useState)(true);
-  const [snapshot, setSnapshotState] = (0, import_react43.useState)(null);
+  const sessionIdRef = (0, import_react42.useRef)(crypto.randomUUID());
+  const [pins, setPins] = (0, import_react42.useState)([]);
+  const [store] = (0, import_react42.useState)(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
+  const [enabled, setEnabled] = (0, import_react42.useState)(true);
+  const [snapshot, setSnapshotState] = (0, import_react42.useState)(null);
   const { activeTab, setActiveTab: setActiveTabState } = useTabs("chat");
-  const [chatDot, setChatDot] = (0, import_react43.useState)(false);
-  const [matchesDot, setMatchesDot] = (0, import_react43.useState)(false);
-  const [oddsDot, setOddsDot] = (0, import_react43.useState)(false);
-  const [todayDot, setTodayDot] = (0, import_react43.useState)(false);
-  const [lastViewedPrices, setLastViewedPrices] = (0, import_react43.useState)({});
-  const [openMarket, setOpenMarket] = (0, import_react43.useState)({});
-  const [marketOdds, setMarketOdds] = (0, import_react43.useState)({});
-  const pinsRef = (0, import_react43.useRef)(pins);
+  const [chatDot, setChatDot] = (0, import_react42.useState)(false);
+  const [matchesDot, setMatchesDot] = (0, import_react42.useState)(false);
+  const [oddsDot, setOddsDot] = (0, import_react42.useState)(false);
+  const [todayDot, setTodayDot] = (0, import_react42.useState)(false);
+  const [lastViewedPrices, setLastViewedPrices] = (0, import_react42.useState)({});
+  const [openMarket, setOpenMarket] = (0, import_react42.useState)({});
+  const [marketOdds, setMarketOdds] = (0, import_react42.useState)({});
+  const pinsRef = (0, import_react42.useRef)(pins);
   pinsRef.current = pins;
-  const activeTabRef = (0, import_react43.useRef)(activeTab);
+  const activeTabRef = (0, import_react42.useRef)(activeTab);
   activeTabRef.current = activeTab;
-  const snapshotRef = (0, import_react43.useRef)(snapshot);
+  const snapshotRef = (0, import_react42.useRef)(snapshot);
   snapshotRef.current = snapshot;
-  const lastViewedPricesRef = (0, import_react43.useRef)(lastViewedPrices);
+  const lastViewedPricesRef = (0, import_react42.useRef)(lastViewedPrices);
   lastViewedPricesRef.current = lastViewedPrices;
-  const openMarketRef = (0, import_react43.useRef)(openMarket);
+  const openMarketRef = (0, import_react42.useRef)(openMarket);
   openMarketRef.current = openMarket;
-  const marketOddsRef = (0, import_react43.useRef)(marketOdds);
+  const marketOddsRef = (0, import_react42.useRef)(marketOdds);
   marketOddsRef.current = marketOdds;
   const hasToday = opts.hasToday ?? false;
   const marketKey = (matchId, dev) => `${matchId}:${dev}`;
-  const getMarketOddsRef = (0, import_react43.useRef)(opts.getMarketOdds);
+  const getMarketOddsRef = (0, import_react42.useRef)(opts.getMarketOdds);
   getMarketOddsRef.current = opts.getMarketOdds;
-  const fetchMarket = (0, import_react43.useCallback)((matchId, dev) => {
+  const fetchMarket = (0, import_react42.useCallback)((matchId, dev) => {
     const key = marketKey(matchId, dev);
     const existing = marketOddsRef.current[key];
     if (existing?.loading) return;
@@ -7521,7 +7458,7 @@ function useLiveMonitor(opts) {
       setMarketOdds((prev) => ({ ...prev, [key]: entry }));
     });
   }, []);
-  const toggleMarket = (0, import_react43.useCallback)((matchId, dev) => {
+  const toggleMarket = (0, import_react42.useCallback)((matchId, dev) => {
     const key = marketKey(matchId, dev);
     const wasOpen = openMarketRef.current[matchId] === dev;
     const nextValue = wasOpen ? null : dev;
@@ -7532,10 +7469,10 @@ function useLiveMonitor(opts) {
       fetchMarket(matchId, dev);
     }
   }, [fetchMarket]);
-  const retryMarket = (0, import_react43.useCallback)((matchId, dev) => {
+  const retryMarket = (0, import_react42.useCallback)((matchId, dev) => {
     fetchMarket(matchId, dev);
   }, [fetchMarket]);
-  const applySnapshot = (0, import_react43.useCallback)((next) => {
+  const applySnapshot = (0, import_react42.useCallback)((next) => {
     if (next === null) {
       setEnabled(false);
       return;
@@ -7598,13 +7535,13 @@ function useLiveMonitor(opts) {
     snapshotRef.current = next;
     setSnapshotState(next);
   }, [store]);
-  const inFlightRef = (0, import_react43.useRef)(false);
-  const timerRef = (0, import_react43.useRef)(void 0);
-  const disabledRef = (0, import_react43.useRef)(false);
-  const mountedRef = (0, import_react43.useRef)(false);
-  const getLiveMonitorRef = (0, import_react43.useRef)(opts.getLiveMonitor);
+  const inFlightRef = (0, import_react42.useRef)(false);
+  const timerRef = (0, import_react42.useRef)(void 0);
+  const disabledRef = (0, import_react42.useRef)(false);
+  const mountedRef = (0, import_react42.useRef)(false);
+  const getLiveMonitorRef = (0, import_react42.useRef)(opts.getLiveMonitor);
   getLiveMonitorRef.current = opts.getLiveMonitor;
-  const tick = (0, import_react43.useCallback)(async () => {
+  const tick = (0, import_react42.useCallback)(async () => {
     if (inFlightRef.current || disabledRef.current || pinsRef.current.length === 0) return;
     inFlightRef.current = true;
     try {
@@ -7627,7 +7564,7 @@ function useLiveMonitor(opts) {
       scheduleRef.current();
     }
   }, [applySnapshot, fetchMarket]);
-  const scheduleRef = (0, import_react43.useRef)(() => {
+  const scheduleRef = (0, import_react42.useRef)(() => {
   });
   scheduleRef.current = () => {
     window.clearTimeout(timerRef.current);
@@ -7635,14 +7572,14 @@ function useLiveMonitor(opts) {
     const hinted = (snapshotRef.current?.nextPollSeconds ?? DEFAULT_POLL_MS / 1e3) * 1e3;
     timerRef.current = window.setTimeout(() => void tick(), Math.max(MIN_POLL_MS, hinted));
   };
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const prevPinsLengthRef = (0, import_react43.useRef)(0);
-  (0, import_react43.useEffect)(() => {
+  const prevPinsLengthRef = (0, import_react42.useRef)(0);
+  (0, import_react42.useEffect)(() => {
     const wasEmpty = prevPinsLengthRef.current === 0;
     prevPinsLengthRef.current = pins.length;
     if (pins.length === 0) {
@@ -7651,20 +7588,20 @@ function useLiveMonitor(opts) {
     }
     if (wasEmpty) void tick();
   }, [pins.length, tick]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const matchPins = pins.filter((p) => p.kind === "match").length;
     const marketPins = pins.length - matchPins;
     if (activeTab === "following" && matchPins === 0) setActiveTabState(hasToday ? "today" : "chat");
     if (activeTab === "odds" && marketPins === 0) setActiveTabState(hasToday ? "today" : "chat");
     if (activeTab === "today" && !hasToday) setActiveTabState("chat");
   }, [pins, activeTab, hasToday]);
-  const prevIsOpenRef = (0, import_react43.useRef)(false);
-  (0, import_react43.useEffect)(() => {
+  const prevIsOpenRef = (0, import_react42.useRef)(false);
+  (0, import_react42.useEffect)(() => {
     const wasClosed = !prevIsOpenRef.current;
     prevIsOpenRef.current = opts.isOpen;
     if (wasClosed && opts.isOpen) void tick();
   }, [opts.isOpen, tick]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const onVisibility = () => {
       if (document.visibilityState === "hidden") window.clearTimeout(timerRef.current);
       else void tick();
@@ -7675,7 +7612,7 @@ function useLiveMonitor(opts) {
       window.clearTimeout(timerRef.current);
     };
   }, [tick]);
-  const setActiveTab = (0, import_react43.useCallback)((tab) => {
+  const setActiveTab = (0, import_react42.useCallback)((tab) => {
     setActiveTabState(tab);
     if (tab === "chat") setChatDot(false);
     if (tab === "today") setTodayDot(false);
@@ -7696,10 +7633,10 @@ function useLiveMonitor(opts) {
       void tick();
     }
   }, [tick]);
-  const togglePin = (0, import_react43.useCallback)((pin) => store.toggle(pin), [store]);
-  const isPinned = (0, import_react43.useCallback)((key) => pinsRef.current.some((p) => p.key === key), []);
-  const markChatActivity = (0, import_react43.useCallback)(() => setChatDot(true), []);
-  const markTodayActivity = (0, import_react43.useCallback)(() => {
+  const togglePin = (0, import_react42.useCallback)((pin) => store.toggle(pin), [store]);
+  const isPinned = (0, import_react42.useCallback)((key) => pinsRef.current.some((p) => p.key === key), []);
+  const markChatActivity = (0, import_react42.useCallback)(() => setChatDot(true), []);
+  const markTodayActivity = (0, import_react42.useCallback)(() => {
     if (activeTabRef.current !== "today") setTodayDot(true);
   }, []);
   return {
@@ -7726,7 +7663,7 @@ function useLiveMonitor(opts) {
 }
 
 // src/useMatchDiscovery.ts
-var import_react44 = require("react");
+var import_react43 = require("react");
 
 // src/scheduleCache.ts
 var PREFIX = "ss-w-schedule:";
@@ -7814,27 +7751,27 @@ function localDateOf(now) {
   return `${y}-${m}-${d}`;
 }
 function useMatchDiscovery(opts) {
-  const [groups, setGroups] = (0, import_react44.useState)([]);
-  const [states, setStates] = (0, import_react44.useState)({});
-  const [failures, setFailures] = (0, import_react44.useState)(0);
-  const [expanded, setExpanded] = (0, import_react44.useState)({});
-  const [touched, setTouched] = (0, import_react44.useState)({});
-  const groupsRef = (0, import_react44.useRef)(groups);
+  const [groups, setGroups] = (0, import_react43.useState)([]);
+  const [states, setStates] = (0, import_react43.useState)({});
+  const [failures, setFailures] = (0, import_react43.useState)(0);
+  const [expanded, setExpanded] = (0, import_react43.useState)({});
+  const [touched, setTouched] = (0, import_react43.useState)({});
+  const groupsRef = (0, import_react43.useRef)(groups);
   groupsRef.current = groups;
-  const statesRef = (0, import_react44.useRef)(states);
+  const statesRef = (0, import_react43.useRef)(states);
   statesRef.current = states;
-  const getStatesRef = (0, import_react44.useRef)(opts.getStates);
+  const getStatesRef = (0, import_react43.useRef)(opts.getStates);
   getStatesRef.current = opts.getStates;
   const pinnedKey = opts.pinnedMatchIds.join(",");
-  const [localDate, setLocalDate] = (0, import_react44.useState)(() => localDateOf(/* @__PURE__ */ new Date()));
-  (0, import_react44.useEffect)(() => {
+  const [localDate, setLocalDate] = (0, import_react43.useState)(() => localDateOf(/* @__PURE__ */ new Date()));
+  (0, import_react43.useEffect)(() => {
     const id = setInterval(() => {
       const next = localDateOf(/* @__PURE__ */ new Date());
       setLocalDate((prev) => prev === next ? prev : next);
     }, ROLLOVER_CHECK_MS);
     return () => clearInterval(id);
   }, []);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     let cancelled = false;
     const utcOffsetMinutes = -(/* @__PURE__ */ new Date()).getTimezoneOffset();
     const cached = readSchedule(opts.operatorId, localDate, Date.now());
@@ -7859,7 +7796,7 @@ function useMatchDiscovery(opts) {
       cancelled = true;
     };
   }, [opts.operatorId, localDate]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     setExpanded((prev) => {
       const next = {};
       for (const group of groups) {
@@ -7870,7 +7807,7 @@ function useMatchDiscovery(opts) {
       return next;
     });
   }, [groups, pinnedKey, touched]);
-  const tick = (0, import_react44.useCallback)(async () => {
+  const tick = (0, import_react43.useCallback)(async () => {
     const ids = dueMatchIds(groupsRef.current, statesRef.current, Date.now());
     if (ids.length === 0) return;
     try {
@@ -7886,7 +7823,7 @@ function useMatchDiscovery(opts) {
       setFailures((n) => n + 1);
     }
   }, []);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (!opts.isOpen) return;
     void tick();
     const id = setInterval(() => {
@@ -7895,11 +7832,11 @@ function useMatchDiscovery(opts) {
     return () => clearInterval(id);
   }, [opts.isOpen, tick, groups]);
   const stale = failures >= STALE_AFTER_FAILURES;
-  const liveCount = (0, import_react44.useMemo)(
+  const liveCount = (0, import_react43.useMemo)(
     () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live").length,
     [states, stale]
   );
-  const toggleGroup = (0, import_react44.useCallback)((competitionId) => {
+  const toggleGroup = (0, import_react43.useCallback)((competitionId) => {
     setTouched((prev) => ({ ...prev, [competitionId]: true }));
     setExpanded((prev) => ({ ...prev, [competitionId]: !prev[competitionId] }));
   }, []);
@@ -7907,25 +7844,25 @@ function useMatchDiscovery(opts) {
 }
 
 // src/useGames.ts
-var import_react45 = require("react");
+var import_react44 = require("react");
 var GAMES_POLL_MS = 6e4;
 var DEFAULT_TZ = "Europe/London";
 function computeGameDay(timezone) {
   return new Intl.DateTimeFormat("en-CA", { timeZone: timezone }).format(/* @__PURE__ */ new Date());
 }
 function useGames(conversation, { activeTab, operatorTimezone }) {
-  const [enabled, setEnabled] = (0, import_react45.useState)(false);
-  const [games, setGames] = (0, import_react45.useState)([]);
-  const [loading, setLoading] = (0, import_react45.useState)(false);
-  const [refreshCount, setRefreshCount] = (0, import_react45.useState)(0);
-  const inFlightRef = (0, import_react45.useRef)(false);
-  const hardOffRef = (0, import_react45.useRef)(false);
-  const conversationRef = (0, import_react45.useRef)(conversation);
+  const [enabled, setEnabled] = (0, import_react44.useState)(false);
+  const [games, setGames] = (0, import_react44.useState)([]);
+  const [loading, setLoading] = (0, import_react44.useState)(false);
+  const [refreshCount, setRefreshCount] = (0, import_react44.useState)(0);
+  const inFlightRef = (0, import_react44.useRef)(false);
+  const hardOffRef = (0, import_react44.useRef)(false);
+  const conversationRef = (0, import_react44.useRef)(conversation);
   conversationRef.current = conversation;
-  const tzRef = (0, import_react45.useRef)(operatorTimezone ?? DEFAULT_TZ);
+  const tzRef = (0, import_react44.useRef)(operatorTimezone ?? DEFAULT_TZ);
   tzRef.current = operatorTimezone ?? DEFAULT_TZ;
   const ready = conversation != null;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (hardOffRef.current) return;
     let active = true;
     const doFetch = async () => {
@@ -7968,22 +7905,22 @@ function useGames(conversation, { activeTab, operatorTimezone }) {
       if (intervalId !== void 0) window.clearInterval(intervalId);
     };
   }, [activeTab, refreshCount, ready]);
-  const refresh = (0, import_react45.useCallback)(() => {
+  const refresh = (0, import_react44.useCallback)(() => {
     setRefreshCount((c) => c + 1);
   }, []);
   return { enabled, games, loading, refresh };
 }
 
 // src/useLeaderboard.ts
-var import_react46 = require("react");
+var import_react45 = require("react");
 function useLeaderboard(conversation, { activeTab }) {
-  const [data, setData] = (0, import_react46.useState)(null);
-  const [loading, setLoading] = (0, import_react46.useState)(false);
-  const [refreshCount, setRefreshCount] = (0, import_react46.useState)(0);
-  const inFlightRef = (0, import_react46.useRef)(false);
-  const conversationRef = (0, import_react46.useRef)(conversation);
+  const [data, setData] = (0, import_react45.useState)(null);
+  const [loading, setLoading] = (0, import_react45.useState)(false);
+  const [refreshCount, setRefreshCount] = (0, import_react45.useState)(0);
+  const inFlightRef = (0, import_react45.useRef)(false);
+  const conversationRef = (0, import_react45.useRef)(conversation);
   conversationRef.current = conversation;
-  (0, import_react46.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (activeTab !== "leaderboard" && activeTab !== "games") return;
     let active = true;
     const doFetch = async () => {
@@ -8006,18 +7943,18 @@ function useLeaderboard(conversation, { activeTab }) {
       inFlightRef.current = false;
     };
   }, [activeTab, refreshCount]);
-  const refresh = (0, import_react46.useCallback)(() => {
+  const refresh = (0, import_react45.useCallback)(() => {
     setRefreshCount((c) => c + 1);
   }, []);
   return { data, loading, refresh };
 }
 
 // src/popupTelemetry.ts
-var import_react47 = require("react");
+var import_react46 = require("react");
 function usePopupTelemetry(log, isOpen, popupText, dismissPopup) {
-  const shownRef = (0, import_react47.useRef)(/* @__PURE__ */ new Set());
-  const closedTextRef = (0, import_react47.useRef)(null);
-  (0, import_react47.useEffect)(() => {
+  const shownRef = (0, import_react46.useRef)(/* @__PURE__ */ new Set());
+  const closedTextRef = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     if (isOpen) {
       if (closedTextRef.current) log?.log({ name: "popup_opened" });
       closedTextRef.current = null;
@@ -8029,14 +7966,14 @@ function usePopupTelemetry(log, isOpen, popupText, dismissPopup) {
       log?.log({ name: "popup_shown" });
     }
   }, [log, isOpen, popupText]);
-  return (0, import_react47.useCallback)(() => {
+  return (0, import_react46.useCallback)(() => {
     log?.log({ name: "popup_dismissed" });
     dismissPopup();
   }, [log, dismissPopup]);
 }
 
 // src/components/ChatFab.tsx
-var import_react48 = require("react");
+var import_react47 = require("react");
 
 // src/components/GreetingBubble.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
@@ -8058,9 +7995,9 @@ function GreetingBubble({ text, onOpen, onDismiss, dismissLabel = "Dismiss" }) {
 var import_jsx_runtime87 = require("react/jsx-runtime");
 function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss", introAllowed = false, onIntroStart }) {
   const bubble = popupText ?? greeting;
-  const [intro, setIntro] = (0, import_react48.useState)(false);
-  const armedRef = (0, import_react48.useRef)(introAllowed);
-  (0, import_react48.useEffect)(() => {
+  const [intro, setIntro] = (0, import_react47.useState)(false);
+  const armedRef = (0, import_react47.useRef)(introAllowed);
+  (0, import_react47.useEffect)(() => {
     if (armedRef.current && bubble) {
       armedRef.current = false;
       setIntro(true);
@@ -8434,7 +8371,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-bi-book { font-size: 9.5px; color: var(--ss-w-faint); }
 .ss-w-bi-pick-row .ss-w-slip { flex: none; }
 
-/* row 3: bar-chart glyph + reasoning prose + stats-expander chevron, in a subtle strip */
+/* row 3: bar-chart glyph + reasoning prose, in a subtle strip */
 .ss-w-bi-reason { display: flex; align-items: flex-start; gap: 8px; background: var(--ss-w-bubble); border-radius: 10px; padding: 8px 10px; }
 .ss-w-bi-chart { flex: none; width: 13px; height: 12px; margin-top: 2px; opacity: .55;
   background:
@@ -8443,23 +8380,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
     linear-gradient(var(--ss-w-accent), var(--ss-w-accent)) right / 3px 75% no-repeat;
   background-position: left bottom, center bottom, right bottom;
 }
-.ss-w-bi-reason-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; flex: 1; }
-.ss-w-bi-text { font-size: 12px; line-height: 1.45; color: var(--ss-w-ink); }
-.ss-w-bi-text-clamp { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
-.ss-w-bi-expand { flex: none; align-self: center; display: grid; place-items: center; width: 22px; height: 22px; margin: -2px -4px -2px 0; background: none; border: none; color: var(--ss-w-faint); cursor: pointer; }
-.ss-w-bi-expand:hover { color: var(--ss-w-ink); }
-.ss-w-bi-arrow { width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-top: 1.6px solid currentColor; transform: rotate(45deg); transition: transform .15s ease; }
-.ss-w-bi-arrow-open { transform: rotate(135deg); }
-.ss-w-bi-rows { display: flex; flex-direction: column; }
-.ss-w-bi-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 5px 0; border-top: 1px solid var(--ss-w-line); }
-.ss-w-bi-row:first-child { border-top: none; }
-.ss-w-bi-row-lbl { font-size: 11.5px; color: var(--ss-w-faint); min-width: 0; }
-.ss-w-bi-row-num { font-family: ui-monospace, monospace; font-weight: 700; font-variant-numeric: tabular-nums; font-size: 13px; flex: none; color: var(--ss-w-ink); }
+.ss-w-bi-text { flex: 1; min-width: 0; font-size: 12px; line-height: 1.45; color: var(--ss-w-ink); }
 .ss-w-bi-disc { font-size: 10px; font-style: italic; color: var(--ss-w-faint); }
-.ss-w-bi-scoped { display: flex; flex-direction: column; gap: 8px; }
-.ss-w-bi-scopes { display: inline-flex; align-items: center; gap: 2px; flex-wrap: wrap; align-self: flex-start; background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 9px; padding: 2px; }
-.ss-w-bi-chip { font-size: 11px; font-weight: 600; border: none; border-radius: 7px; padding: 4px 10px; color: var(--ss-w-faint); background: none; cursor: pointer; }
-.ss-w-bi-chip[aria-pressed="true"] { color: var(--ss-w-ink); background: var(--ss-w-panel); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
 
 /* market odds card */
 .ss-w-mocards { display: flex; flex-direction: column; gap: 7px; }
@@ -9600,23 +9522,23 @@ function injectStyles(root) {
 function StatsWidget(props) {
   const injectedClient = "client" in props ? props.client : void 0;
   const cfg = props.config;
-  const built = (0, import_react49.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
-  const logger = (0, import_react49.useMemo)(
+  const built = (0, import_react48.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
+  const logger = (0, import_react48.useMemo)(
     () => built ? built.client.createEventLogger({
       operatorUserId: cfg?.userContext?.operatorUserId,
       anonymousUserId: cfg?.userContext?.anonymousUserId
     }) : null,
     [built?.client]
   );
-  const ui = (0, import_react49.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = (0, import_react49.useRef)(null);
-  const introDoneRef = (0, import_react49.useRef)(false);
-  const markIntroDone = (0, import_react49.useCallback)(() => {
+  const ui = (0, import_react48.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
+  const rootRef = (0, import_react48.useRef)(null);
+  const introDoneRef = (0, import_react48.useRef)(false);
+  const markIntroDone = (0, import_react48.useCallback)(() => {
     introDoneRef.current = true;
   }, []);
   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] = (0, import_react49.useState)(false);
+  const [hasToday, setHasToday] = (0, import_react48.useState)(false);
   const monitor = useLiveMonitor({
     getLiveMonitor: (pins) => built ? built.conversation.getLiveMonitor(pins) : Promise.resolve(null),
     getMarketOdds: (matchId, dev) => built ? built.conversation.getMarketOdds(matchId, dev) : Promise.resolve(null),
@@ -9624,15 +9546,15 @@ function StatsWidget(props) {
     isOpen: controller.state.isOpen,
     hasToday
   });
-  const getSchedule = (0, import_react49.useCallback)(
+  const getSchedule = (0, import_react48.useCallback)(
     (localDate, utcOffsetMinutes) => built ? built.conversation.getSchedule(localDate, utcOffsetMinutes) : Promise.resolve(null),
     [built]
   );
-  const getStates = (0, import_react49.useCallback)(
+  const getStates = (0, import_react48.useCallback)(
     (matchIds) => built ? built.conversation.getStates(matchIds) : Promise.resolve(null),
     [built]
   );
-  const pinnedMatchIds = (0, import_react49.useMemo)(
+  const pinnedMatchIds = (0, import_react48.useMemo)(
     () => monitor.pins.filter((p) => p.kind === "match").map((p) => p.matchId),
     [monitor.pins]
   );
@@ -9644,14 +9566,14 @@ function StatsWidget(props) {
     pinnedMatchIds
   });
   const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     setHasToday(todayHasContent);
   }, [todayHasContent]);
   const gamesResult = useGames(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const leaderboardResult = useLeaderboard(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const markTodayActivity = monitor.markTodayActivity;
-  const prevLiveCountRef = (0, import_react49.useRef)(0);
-  (0, import_react49.useEffect)(() => {
+  const prevLiveCountRef = (0, import_react48.useRef)(0);
+  (0, import_react48.useEffect)(() => {
     const rose = prevLiveCountRef.current === 0 && discovery.liveCount > 0;
     prevLiveCountRef.current = discovery.liveCount;
     if (rose) markTodayActivity();
@@ -9667,7 +9589,7 @@ function StatsWidget(props) {
     openMatchLabel: ui.openMatch
   });
   const markAdded = hostEvents.markAdded;
-  const slip = (0, import_react49.useMemo)(
+  const slip = (0, import_react48.useMemo)(
     () => {
       const handler = props.config?.onAddToSlip;
       return {
@@ -9686,7 +9608,7 @@ function StatsWidget(props) {
     },
     [props.config?.onAddToSlip, controller.state.conversationId, markAdded]
   );
-  const onDashboardTap = (0, import_react49.useMemo)(
+  const onDashboardTap = (0, import_react48.useMemo)(
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input), logger) : void 0,
     [built, logger]
   );
@@ -9694,11 +9616,11 @@ function StatsWidget(props) {
   const operatorUserId = cfg?.userContext?.operatorUserId;
   const anonymousUserId = cfg?.userContext?.anonymousUserId;
   const conversationId = controller.state.conversationId ?? void 0;
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!logger) return;
     logger.setIdentity({ operatorUserId, anonymousUserId, conversationId });
   }, [logger, operatorUserId, anonymousUserId, conversationId]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!logger) return;
     logger.resume();
     const onHide = () => {
@@ -9716,7 +9638,7 @@ function StatsWidget(props) {
       logger.dispose();
     };
   }, [logger]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!built || !ui.injectStyles) return;
     const node = rootRef.current?.getRootNode();
     if (node) injectStyles(node);