@sensiblestats/widget-react 0.64.0 → 0.65.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/StatsWidget.tsx
-import { useCallback as useCallback11, useEffect as useEffect20, useMemo as useMemo4, useRef as useRef16, useState as useState40 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect20, useMemo as useMemo4, useRef as useRef16, useState as useState39 } from "react";
 import { StatsWidgetClient } from "@sensiblestats/widget-sdk";
 
 // src/kickoff.ts
@@ -32,8 +32,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",
@@ -94,7 +92,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",
@@ -333,8 +330,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",
@@ -395,7 +390,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",
@@ -662,8 +656,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,
@@ -724,7 +716,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,
@@ -815,10 +806,10 @@ function resultToToast(result, shownOdds, ui) {
 }
 
 // src/useHostEvents.ts
-import { useCallback as useCallback4, useEffect as useEffect11, useMemo, useRef as useRef7, useState as useState33 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect11, useMemo, useRef as useRef7, useState as useState32 } from "react";
 
 // src/components/ChatPanel.tsx
-import { useEffect as useEffect10, useState as useState32 } from "react";
+import { useEffect as useEffect10, useState as useState31 } from "react";
 
 // src/components/ChatHeader.tsx
 import { useEffect, useRef, useState as useState2 } from "react";
@@ -1078,16 +1069,6 @@ function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMore
   ] });
 }
 
-// src/components/BettingInsightList.tsx
-import { useState as useState7 } from "react";
-
-// src/eventLogContext.ts
-import { createContext, useContext } from "react";
-var EventLogContext = createContext(null);
-function useEventLog() {
-  return useContext(EventLogContext);
-}
-
 // src/components/AddToSlipButton.tsx
 import { useCallback, useState as useState4 } from "react";
 import { isAddToSlipResult } from "@sensiblestats/widget-sdk";
@@ -1211,7 +1192,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;
@@ -1226,9 +1206,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,
@@ -1365,6 +1343,13 @@ function marketOddsRowToSlipSelection(vm, row, conversationId) {
   return selection;
 }
 
+// src/eventLogContext.ts
+import { createContext, useContext } from "react";
+var EventLogContext = createContext(null);
+function useEventLog() {
+  return useContext(EventLogContext);
+}
+
 // src/slipStateContext.ts
 import { createContext as createContext2, useContext as useContext2 } from "react";
 var SlipStateContext = createContext2(null);
@@ -1726,55 +1711,11 @@ function MatchLink({ matchId, home, away, detail, className, as: Tag = "span", c
 
 // src/components/BettingInsightList.tsx
 import { Fragment, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-function StatRows({ stats }) {
-  return /* @__PURE__ */ jsx12("div", { className: "ss-w-bi-rows", children: stats.map((s) => /* @__PURE__ */ jsxs7("div", { className: "ss-w-bi-row", children: [
-    /* @__PURE__ */ jsx12("span", { className: "ss-w-bi-row-lbl", children: s.label }),
-    /* @__PURE__ */ jsx12("span", { className: "ss-w-bi-row-num", children: s.value })
-  ] }, `${s.label}:${s.value}`)) });
-}
-function ScopedStats({ scopes }) {
-  const [active, setActive] = useState7(0);
-  const current = scopes[active] ?? scopes[0] ?? { key: "", label: "", stats: [] };
-  return /* @__PURE__ */ jsxs7("div", { className: "ss-w-bi-scoped", children: [
-    /* @__PURE__ */ jsx12("div", { className: "ss-w-bi-scopes", role: "group", children: scopes.map((s, i) => /* @__PURE__ */ jsx12("button", { type: "button", className: "ss-w-bi-chip", "aria-pressed": i === active, onClick: () => setActive(i), children: s.label }, s.key)) }),
-    /* @__PURE__ */ jsx12(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] = useState7(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__ */ jsxs7("div", { className: "ss-w-bi-reason", children: [
     /* @__PURE__ */ jsx12("span", { className: "ss-w-bi-chart", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs7("div", { className: "ss-w-bi-reason-body", children: [
-      hasText ? /* @__PURE__ */ jsx12("p", { className: `ss-w-bi-text${open ? "" : " ss-w-bi-text-clamp"}`, children: it.text }) : null,
-      open && hasStats ? hasScopes ? /* @__PURE__ */ jsx12(ScopedStats, { scopes: it.scopes }) : /* @__PURE__ */ jsx12(StatRows, { stats: it.stats }) : null
-    ] }),
-    expandable ? /* @__PURE__ */ jsx12(
-      "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__ */ jsx12("span", { className: `ss-w-bi-arrow${open ? " ss-w-bi-arrow-open" : ""}`, "aria-hidden": "true" })
-      }
-    ) : null
+    /* @__PURE__ */ jsx12("p", { className: "ss-w-bi-text", children: it.text })
   ] });
 }
 function CardFixture({ it }) {
@@ -1854,7 +1795,7 @@ function InsightCard({ it, ui, slip, monitor }) {
       ] })
     ] }),
     it.isMarketFloor ? /* @__PURE__ */ jsx12("span", { className: "ss-w-bi-floor", children: ui?.marketFloorLabel ?? "Market price \xB7 not a value pick" }) : null,
-    /* @__PURE__ */ jsx12(ReasonStrip, { it, ui }),
+    /* @__PURE__ */ jsx12(ReasonStrip, { it }),
     it.disclaimer ? /* @__PURE__ */ jsx12("p", { className: "ss-w-bi-disc", children: it.disclaimer }) : null
   ] });
 }
@@ -1864,7 +1805,7 @@ function BettingInsightList({ insights, ui, slip, monitor }) {
 }
 
 // src/components/MarketOddsCardList.tsx
-import { useState as useState8 } from "react";
+import { useState as useState7 } from "react";
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function OddsRow({ vm, row, ui, slip, inSlipIds }) {
   const selection = vm.addToSlipEnabled ? marketOddsRowToSlipSelection(vm, row, slip.conversationId) : null;
@@ -1881,7 +1822,7 @@ function OddsRow({ vm, row, ui, slip, inSlipIds }) {
   ] });
 }
 function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }) {
-  const [open, setOpen] = useState8(false);
+  const [open, setOpen] = useState7(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;
@@ -2214,7 +2155,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-import { Fragment as Fragment6, useEffect as useEffect3, useState as useState9 } from "react";
+import { Fragment as Fragment6, useEffect as useEffect3, useState as useState8 } from "react";
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -2233,8 +2174,8 @@ 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] = useState9(() => Date.now());
-  const [reduced] = useState9(
+  const [nowMs, setNowMs] = useState8(() => Date.now());
+  const [reduced] = useState8(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
@@ -2257,7 +2198,7 @@ function CountdownCard({ card }) {
 }
 
 // src/components/dashboard/InjuriesCard.tsx
-import { useState as useState10 } from "react";
+import { useState as useState9 } from "react";
 import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var SHOWN = 3;
 function ColHead({ name, crestUrl }) {
@@ -2280,7 +2221,7 @@ function InjuryList({ rows, emptyLabel, limit }) {
 }
 function InjuriesCard({ card, ui }) {
   const { data } = card;
-  const [expanded, setExpanded] = useState10(false);
+  const [expanded, setExpanded] = useState9(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`);
@@ -2386,7 +2327,7 @@ function LinksCard({ card }) {
 }
 
 // src/components/dashboard/PostMatchResultCard.tsx
-import { useState as useState11 } from "react";
+import { useState as useState10 } from "react";
 import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 function initials3(name) {
   return name.trim().slice(0, 3).toUpperCase();
@@ -2396,7 +2337,7 @@ function PostMatchCrest({
   name,
   side
 }) {
-  const [failed, setFailed] = useState11(false);
+  const [failed, setFailed] = useState10(false);
   const cls = `ss-w-fandash-postmatch-crest ss-w-fandash-postmatch-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ jsx26("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -2595,10 +2536,10 @@ function RestingFormCard({ card }) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-import { useRef as useRef2, useState as useState13 } from "react";
+import { useRef as useRef2, useState as useState12 } from "react";
 
 // src/useLiveClock.ts
-import { useEffect as useEffect4, useState as useState12 } from "react";
+import { useEffect as useEffect4, useState as useState11 } from "react";
 var TICK_MS = 6e4;
 var MAX_LIVE_TICK_MINUTES = 15;
 function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
@@ -2607,7 +2548,7 @@ 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] = useState12(
+  const [displayMinute, setDisplayMinute] = useState11(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
   useEffect4(() => {
@@ -2627,7 +2568,7 @@ function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
 function LiveCrest({ url, name, side }) {
-  const [failed, setFailed] = useState13(false);
+  const [failed, setFailed] = useState12(false);
   const cls = `ss-w-fandash-live-crest ss-w-fandash-live-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ jsx35("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -2686,7 +2627,7 @@ function LiveScoreCard({
 }
 
 // src/components/dashboard/LiveTimelineCard.tsx
-import { useState as useState14 } from "react";
+import { useState as useState13 } from "react";
 import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 var SHOWN2 = 3;
 function EventIcon({ type }) {
@@ -2728,7 +2669,7 @@ function EventRow({ e }) {
   ] });
 }
 function LiveTimelineCard({ card, ui }) {
-  const [expanded, setExpanded] = useState14(false);
+  const [expanded, setExpanded] = useState13(false);
   const events = card.data.events;
   if (!events || events.length === 0) return null;
   const sorted = [...events].sort((a, b) => b.minute - a.minute);
@@ -3028,10 +2969,10 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
 }
 
 // src/components/ChatInput.tsx
-import { useState as useState15 } from "react";
+import { useState as useState14 } from "react";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message" }) {
-  const [value, setValue] = useState15("");
+  const [value, setValue] = useState14("");
   const submit = () => {
     const t = value.trim();
     if (!t) return;
@@ -3133,11 +3074,7 @@ function MarketAccordion({ match, monitor, ui, slip }) {
             children: ui.accordionRetry
           }
         ),
-        entry?.block?.insight?.text && /* @__PURE__ */ jsxs39("div", { className: "ss-w-acc-insight", children: [
-          /* @__PURE__ */ jsx45("span", { className: "ss-w-acc-badge", children: ui.accordionValueLabel }),
-          " ",
-          entry.block.insight.text
-        ] }),
+        entry?.block?.insight?.text && /* @__PURE__ */ jsx45("div", { className: "ss-w-acc-insight", children: entry.block.insight.text }),
         entry?.block?.card && /* @__PURE__ */ jsx45(
           MarketOddsCardList,
           {
@@ -3155,10 +3092,10 @@ function MarketAccordion({ match, monitor, ui, slip }) {
 }
 
 // src/components/LiveFactBlock.tsx
-import { useState as useState16 } from "react";
+import { useState as useState15 } from "react";
 import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 function LiveFactBlock({ facts, matchId, ui, slip, onAsk }) {
-  const [expanded, setExpanded] = useState16(false);
+  const [expanded, setExpanded] = useState15(false);
   const [current, ...earlier] = facts;
   if (!current) return null;
   const m = current.market;
@@ -3545,7 +3482,7 @@ function TodayPanel({ discovery, ui, monitor }) {
 }
 
 // src/components/GamesPanel.tsx
-import { useEffect as useEffect9, useState as useState30 } from "react";
+import { useEffect as useEffect9, useState as useState29 } from "react";
 
 // src/components/GamesLoginWall.tsx
 import { jsx as jsx52 } from "react/jsx-runtime";
@@ -3554,7 +3491,7 @@ function GamesLoginWall({ ui }) {
 }
 
 // src/components/GamesHub.tsx
-import { useEffect as useEffect6, useState as useState17 } from "react";
+import { useEffect as useEffect6, useState as useState16 } from "react";
 
 // src/components/games/ui/gameMeta.ts
 function prettifyGameId(gameId) {
@@ -3739,7 +3676,7 @@ function pickHeroGame(games) {
 }
 var tileKey = (g) => `${g.gameId}-${g.gameDay}-${g.fixtureId}`;
 function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
-  const [, setTick] = useState17(0);
+  const [, setTick] = useState16(0);
   useEffect6(() => {
     const id = setInterval(() => setTick((t) => t + 1), 6e4);
     return () => clearInterval(id);
@@ -3800,10 +3737,10 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
 }
 
 // src/components/GameScreenHost.tsx
-import { useEffect as useEffect8, useRef as useRef6, useState as useState29 } from "react";
+import { useEffect as useEffect8, useRef as useRef6, useState as useState28 } from "react";
 
 // src/useGamePlay.ts
-import { useCallback as useCallback3, useRef as useRef4, useState as useState18 } from "react";
+import { useCallback as useCallback3, useRef as useRef4, useState as useState17 } from "react";
 function toSubmitResult(payload) {
   return {
     // 'pending' means the play is recorded but awaiting resolution (fixture games)
@@ -3815,9 +3752,9 @@ function toSubmitResult(payload) {
   };
 }
 function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh }) {
-  const [result, setResult] = useState18(null);
-  const [submitting, setSubmitting] = useState18(false);
-  const [rawStatus, setRawStatus] = useState18(null);
+  const [result, setResult] = useState17(null);
+  const [submitting, setSubmitting] = useState17(false);
+  const [rawStatus, setRawStatus] = useState17(null);
   const inFlightRef = useRef4(false);
   const convRef = useRef4(conversation);
   convRef.current = conversation;
@@ -3875,7 +3812,7 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
 }
 
 // src/components/games/MysteryTigerGame.tsx
-import { useState as useState20, useId as useId2 } from "react";
+import { useState as useState19, useId as useId2 } from "react";
 
 // src/components/games/nationFlags.ts
 var FLAGS = {
@@ -4086,7 +4023,7 @@ function isNationCode(flag) {
 }
 
 // src/components/games/PlayerAvatar.tsx
-import { useState as useState19 } from "react";
+import { useState as useState18 } from "react";
 import { jsx as jsx58 } from "react/jsx-runtime";
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
@@ -4104,7 +4041,7 @@ function PlayerAvatar({
   imagePath,
   className
 }) {
-  const [failed, setFailed] = useState19(false);
+  const [failed, setFailed] = useState18(false);
   const showImage = Boolean(imagePath) && !isPlaceholderImage(imagePath) && !failed;
   return /* @__PURE__ */ jsx58("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ jsx58("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ jsx58("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
 }
@@ -4319,7 +4256,7 @@ function MysteryTigerGame({
   onBack
 }) {
   const t = ui.games.mysteryTiger;
-  const [query, setQuery] = useState20("");
+  const [query, setQuery] = useState19("");
   const inputId = useId2();
   const clientState = parseClientState(result?.clientStateJson);
   const guessResults = clientState?.guessResults ?? [];
@@ -4595,13 +4532,13 @@ function HigherOrLowerGame({
 }
 
 // src/components/games/CareerPathGame.tsx
-import { useState as useState22, useId as useId3 } from "react";
+import { useState as useState21, useId as useId3 } from "react";
 
 // src/components/games/ui/CrestShield.tsx
-import { useState as useState21 } from "react";
+import { useState as useState20 } from "react";
 import { jsx as jsx69 } from "react/jsx-runtime";
 function CrestShield({ src, name, size = 28 }) {
-  const [failed, setFailed] = useState21(false);
+  const [failed, setFailed] = useState20(false);
   if (src && !isPlaceholderImage(src) && !failed) {
     return /* @__PURE__ */ jsx69("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
   }
@@ -4633,7 +4570,7 @@ function CareerPathGame({
 }) {
   const s = ui.games.careerPath;
   const title = gameTitle({ gameId: "career-path" }, ui.games.titles);
-  const [query, setQuery] = useState22("");
+  const [query, setQuery] = useState21("");
   const inputId = useId3();
   const clientState = parseClientState3(result?.clientStateJson);
   const alreadyGuessedIds = new Set(clientState?.guessResults.map((g) => g.playerId) ?? []);
@@ -4753,7 +4690,7 @@ function CareerPathGame({
 }
 
 // src/components/games/BeatTheGridGame.tsx
-import React, { useEffect as useEffect7, useId as useId4, useRef as useRef5, useState as useState23 } from "react";
+import React, { useEffect as useEffect7, useId as useId4, useRef as useRef5, useState as useState22 } from "react";
 import { Fragment as Fragment14, jsx as jsx71, jsxs as jsxs58 } from "react/jsx-runtime";
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
@@ -4834,7 +4771,7 @@ function SearchSheet({
   ui
 }) {
   const s = ui.games.beatTheGrid;
-  const [query, setQuery] = useState23("");
+  const [query, setQuery] = useState22("");
   const inputId = useId4();
   const inputRef = useRef5(null);
   useEffect7(() => {
@@ -4902,7 +4839,7 @@ function BeatTheGridGame({
 }) {
   const s = ui.games.beatTheGrid;
   const title = gameTitle({ gameId: "beat-the-grid" }, ui.games.titles);
-  const [activeCell, setActiveCell] = useState23(null);
+  const [activeCell, setActiveCell] = useState22(null);
   const clientState = parseClientState4(result?.clientStateJson);
   const filledCells = clientState?.cells ?? [];
   const isLocked2 = result?.alreadyPlayed === true || clientState?.isComplete === true;
@@ -5057,7 +4994,7 @@ function BeatTheGridGame({
 }
 
 // src/components/games/GuessTheXiGame.tsx
-import { useState as useState24, useId as useId5 } from "react";
+import { useState as useState23, useId as useId5 } from "react";
 
 // src/components/games/ui/PitchSvg.tsx
 import { Fragment as Fragment15, jsx as jsx72, jsxs as jsxs59 } from "react/jsx-runtime";
@@ -5146,7 +5083,7 @@ function GuessTheXiGame({
   onBack
 }) {
   const t = ui.games.guessTheXi;
-  const [query, setQuery] = useState24("");
+  const [query, setQuery] = useState23("");
   const inputId = useId5();
   const clientState = parseClientState5(result?.clientStateJson);
   const isOver = result?.alreadyPlayed === true || clientState?.status === "solved" || clientState?.status === "failed";
@@ -5288,7 +5225,7 @@ function GuessTheXiGame({
 }
 
 // src/components/games/DailyQuizGame.tsx
-import { useState as useState25 } from "react";
+import { useState as useState24 } from "react";
 import { Fragment as Fragment17, jsx as jsx74, jsxs as jsxs61 } from "react/jsx-runtime";
 function parseClientState6(json) {
   if (!json) return null;
@@ -5329,8 +5266,8 @@ function DailyQuizGame({
 }) {
   const s = ui.games.dailyQuiz;
   const title = gameTitle({ gameId: "daily-quiz" }, ui.games.titles);
-  const [selections, setSelections] = useState25(/* @__PURE__ */ new Map());
-  const [page, setPage] = useState25(0);
+  const [selections, setSelections] = useState24(/* @__PURE__ */ new Map());
+  const [page, setPage] = useState24(0);
   const clientState = parseClientState6(result?.clientStateJson);
   const results = clientState?.results ?? [];
   const isRevealed = results.length > 0 || result?.alreadyPlayed === true;
@@ -5440,7 +5377,7 @@ function DailyQuizGame({
 }
 
 // src/components/games/MatchdayPredictorGame.tsx
-import { useId as useId6, useState as useState26 } from "react";
+import { useId as useId6, useState as useState25 } from "react";
 import { jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
 var SCORER_SEARCH_THRESHOLD = 9;
 function parseClientState7(json) {
@@ -5536,11 +5473,11 @@ function MatchdayPredictorGame({
   onBack
 }) {
   const t = ui.games.predictor;
-  const [homeScore, setHomeScore] = useState26(0);
-  const [awayScore, setAwayScore] = useState26(0);
-  const [firstScorerPlayerId, setFirstScorerPlayerId] = useState26(null);
-  const [lastEdited, setLastEdited] = useState26("home");
-  const [query, setQuery] = useState26("");
+  const [homeScore, setHomeScore] = useState25(0);
+  const [awayScore, setAwayScore] = useState25(0);
+  const [firstScorerPlayerId, setFirstScorerPlayerId] = useState25(null);
+  const [lastEdited, setLastEdited] = useState25("home");
+  const [query, setQuery] = useState25("");
   const searchId = useId6();
   const clientState = parseClientState7(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
@@ -5708,7 +5645,7 @@ function MatchdayPredictorGame({
 }
 
 // src/components/games/StartingXiGame.tsx
-import { useId as useId7, useState as useState27 } from "react";
+import { useId as useId7, useState as useState26 } from "react";
 import { Fragment as Fragment18, jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
@@ -5752,9 +5689,9 @@ function StartingXiGame({
   lockAtUtc
 }) {
   const t = ui.games.startingXi;
-  const [slotPlayers, setSlotPlayers] = useState27(() => Array(XI_SIZE).fill(null));
-  const [active, setActive] = useState27(0);
-  const [query, setQuery] = useState27("");
+  const [slotPlayers, setSlotPlayers] = useState26(() => Array(XI_SIZE).fill(null));
+  const [active, setActive] = useState26(0);
+  const [query, setQuery] = useState26("");
   const searchId = useId7();
   const clientState = parseClientState8(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
@@ -5894,7 +5831,7 @@ function StartingXiGame({
 }
 
 // src/components/games/StatLadderGame.tsx
-import { useId as useId8, useState as useState28 } from "react";
+import { useId as useId8, useState as useState27 } from "react";
 import { jsx as jsx77, jsxs as jsxs64 } from "react/jsx-runtime";
 function ladderClue(ladder) {
   const mystery = ladder.find((r) => r.rank === 2);
@@ -5931,8 +5868,8 @@ function StatLadderGame({
   onBack
 }) {
   const t = ui.games.statLadder;
-  const [query, setQuery] = useState28("");
-  const [selectedId, setSelectedId] = useState28(null);
+  const [query, setQuery] = useState27("");
+  const [selectedId, setSelectedId] = useState27(null);
   const searchId = useId8();
   const clientState = parseClientState9(result?.clientStateJson);
   const revealed = clientState != null;
@@ -6138,7 +6075,7 @@ function GameScreenHost({
   ui
 }) {
   const { gameId, fixtureId, gameDay = "", lockAtUtc = null } = selected;
-  const [configJson, setConfigJson] = useState29(null);
+  const [configJson, setConfigJson] = useState28(null);
   useEffect8(() => {
     setConfigJson(null);
     if (!conversation) return;
@@ -6302,7 +6239,7 @@ function GamesPanel({
   leaderboard,
   refreshHub
 }) {
-  const [selected, setSelected] = useState30(null);
+  const [selected, setSelected] = useState29(null);
   useEffect9(() => {
     ensureGamesFonts();
   }, []);
@@ -6334,7 +6271,7 @@ function GamesPanel({
 }
 
 // src/components/Leaderboard.tsx
-import { useState as useState31 } from "react";
+import { useState as useState30 } from "react";
 
 // src/components/LeaderboardRow.tsx
 import { jsx as jsx81, jsxs as jsxs66 } from "react/jsx-runtime";
@@ -6419,7 +6356,7 @@ function Leaderboard({
   ui,
   onPlay
 }) {
-  const [segment, setSegment] = useState31("weekly");
+  const [segment, setSegment] = useState30("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;
@@ -6502,7 +6439,7 @@ function LeaderboardPanel({ loggedIn, data, loading, onPlay, ui }) {
 import { jsx as jsx85, jsxs as jsxs69 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = useState32(false);
+  const [modal, setModal] = useState31(false);
   useEffect10(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
@@ -6803,8 +6740,8 @@ function toSlipEvent(name, entry) {
 // src/useHostEvents.ts
 function useHostEvents(opts) {
   const { host, operatorId, currentUser, logger, isOpen, closePanel, onOpenMatch, openMatchLabel } = opts;
-  const [added, setAdded] = useState33({});
-  const [settled, setSettled] = useState33({});
+  const [added, setAdded] = useState32({});
+  const [settled, setSettled] = useState32({});
   const markAdded = useCallback4((matchOddsId) => {
     setAdded((prev) => prev[matchOddsId] ? prev : { ...prev, [matchOddsId]: true });
   }, []);
@@ -7406,12 +7343,12 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
 }
 
 // src/useLiveMonitor.ts
-import { useCallback as useCallback6, useEffect as useEffect14, useRef as useRef10, useState as useState35 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect14, useRef as useRef10, useState as useState34 } from "react";
 
 // src/useTabs.ts
-import { useState as useState34 } from "react";
+import { useState as useState33 } from "react";
 function useTabs(initial = "chat") {
-  const [activeTab, setActiveTab] = useState34(initial);
+  const [activeTab, setActiveTab] = useState33(initial);
   return { activeTab, setActiveTab };
 }
 
@@ -7436,18 +7373,18 @@ function phaseForPin(snapshot, pin) {
 }
 function useLiveMonitor(opts) {
   const sessionIdRef = useRef10(crypto.randomUUID());
-  const [pins, setPins] = useState35([]);
-  const [store] = useState35(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
-  const [enabled, setEnabled] = useState35(true);
-  const [snapshot, setSnapshotState] = useState35(null);
+  const [pins, setPins] = useState34([]);
+  const [store] = useState34(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
+  const [enabled, setEnabled] = useState34(true);
+  const [snapshot, setSnapshotState] = useState34(null);
   const { activeTab, setActiveTab: setActiveTabState } = useTabs("chat");
-  const [chatDot, setChatDot] = useState35(false);
-  const [matchesDot, setMatchesDot] = useState35(false);
-  const [oddsDot, setOddsDot] = useState35(false);
-  const [todayDot, setTodayDot] = useState35(false);
-  const [lastViewedPrices, setLastViewedPrices] = useState35({});
-  const [openMarket, setOpenMarket] = useState35({});
-  const [marketOdds, setMarketOdds] = useState35({});
+  const [chatDot, setChatDot] = useState34(false);
+  const [matchesDot, setMatchesDot] = useState34(false);
+  const [oddsDot, setOddsDot] = useState34(false);
+  const [todayDot, setTodayDot] = useState34(false);
+  const [lastViewedPrices, setLastViewedPrices] = useState34({});
+  const [openMarket, setOpenMarket] = useState34({});
+  const [marketOdds, setMarketOdds] = useState34({});
   const pinsRef = useRef10(pins);
   pinsRef.current = pins;
   const activeTabRef = useRef10(activeTab);
@@ -7688,7 +7625,7 @@ function useLiveMonitor(opts) {
 }
 
 // src/useMatchDiscovery.ts
-import { useCallback as useCallback7, useEffect as useEffect15, useMemo as useMemo3, useRef as useRef11, useState as useState36 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect15, useMemo as useMemo3, useRef as useRef11, useState as useState35 } from "react";
 
 // src/scheduleCache.ts
 var PREFIX = "ss-w-schedule:";
@@ -7776,11 +7713,11 @@ function localDateOf(now) {
   return `${y}-${m}-${d}`;
 }
 function useMatchDiscovery(opts) {
-  const [groups, setGroups] = useState36([]);
-  const [states, setStates] = useState36({});
-  const [failures, setFailures] = useState36(0);
-  const [expanded, setExpanded] = useState36({});
-  const [touched, setTouched] = useState36({});
+  const [groups, setGroups] = useState35([]);
+  const [states, setStates] = useState35({});
+  const [failures, setFailures] = useState35(0);
+  const [expanded, setExpanded] = useState35({});
+  const [touched, setTouched] = useState35({});
   const groupsRef = useRef11(groups);
   groupsRef.current = groups;
   const statesRef = useRef11(states);
@@ -7788,7 +7725,7 @@ function useMatchDiscovery(opts) {
   const getStatesRef = useRef11(opts.getStates);
   getStatesRef.current = opts.getStates;
   const pinnedKey = opts.pinnedMatchIds.join(",");
-  const [localDate, setLocalDate] = useState36(() => localDateOf(/* @__PURE__ */ new Date()));
+  const [localDate, setLocalDate] = useState35(() => localDateOf(/* @__PURE__ */ new Date()));
   useEffect15(() => {
     const id = setInterval(() => {
       const next = localDateOf(/* @__PURE__ */ new Date());
@@ -7869,17 +7806,17 @@ function useMatchDiscovery(opts) {
 }
 
 // src/useGames.ts
-import { useCallback as useCallback8, useEffect as useEffect16, useRef as useRef12, useState as useState37 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect16, useRef as useRef12, useState as useState36 } from "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] = useState37(false);
-  const [games, setGames] = useState37([]);
-  const [loading, setLoading] = useState37(false);
-  const [refreshCount, setRefreshCount] = useState37(0);
+  const [enabled, setEnabled] = useState36(false);
+  const [games, setGames] = useState36([]);
+  const [loading, setLoading] = useState36(false);
+  const [refreshCount, setRefreshCount] = useState36(0);
   const inFlightRef = useRef12(false);
   const hardOffRef = useRef12(false);
   const conversationRef = useRef12(conversation);
@@ -7937,11 +7874,11 @@ function useGames(conversation, { activeTab, operatorTimezone }) {
 }
 
 // src/useLeaderboard.ts
-import { useCallback as useCallback9, useEffect as useEffect17, useRef as useRef13, useState as useState38 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect17, useRef as useRef13, useState as useState37 } from "react";
 function useLeaderboard(conversation, { activeTab }) {
-  const [data, setData] = useState38(null);
-  const [loading, setLoading] = useState38(false);
-  const [refreshCount, setRefreshCount] = useState38(0);
+  const [data, setData] = useState37(null);
+  const [loading, setLoading] = useState37(false);
+  const [refreshCount, setRefreshCount] = useState37(0);
   const inFlightRef = useRef13(false);
   const conversationRef = useRef13(conversation);
   conversationRef.current = conversation;
@@ -7998,7 +7935,7 @@ function usePopupTelemetry(log, isOpen, popupText, dismissPopup) {
 }
 
 // src/components/ChatFab.tsx
-import { useEffect as useEffect19, useRef as useRef15, useState as useState39 } from "react";
+import { useEffect as useEffect19, useRef as useRef15, useState as useState38 } from "react";
 
 // src/components/GreetingBubble.tsx
 import { jsx as jsx86, jsxs as jsxs70 } from "react/jsx-runtime";
@@ -8020,7 +7957,7 @@ function GreetingBubble({ text, onOpen, onDismiss, dismissLabel = "Dismiss" }) {
 import { jsx as jsx87, jsxs as jsxs71 } from "react/jsx-runtime";
 function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss", introAllowed = false, onIntroStart }) {
   const bubble = popupText ?? greeting;
-  const [intro, setIntro] = useState39(false);
+  const [intro, setIntro] = useState38(false);
   const armedRef = useRef15(introAllowed);
   useEffect19(() => {
     if (armedRef.current && bubble) {
@@ -8396,7 +8333,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:
@@ -8405,23 +8342,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; }
@@ -9578,7 +9500,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] = useState40(false);
+  const [hasToday, setHasToday] = useState39(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),