@sensiblestats/widget-react 0.69.0 → 0.70.1

package/dist/index.cjs

@@ -37,7 +37,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
-var import_react50 = require("react");
+var import_react55 = require("react");
 var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
@@ -161,6 +161,30 @@ var STRINGS = {
     gamePlay: "Play",
     gameLocked: "Locked",
     gameVoided: "Voided",
+    presets: {
+      lang: "en",
+      setNumbers: "Set the numbers",
+      buildCombo: "Build a combo",
+      dialName: "Set the numbers and Build a combo",
+      maxPriceRow: "{count} picks, max {price}",
+      minPriceRow: "Picks from {price} up",
+      comboRow: "A combo of {legs} matches priced at about {total}",
+      maxPriceDisplay: (count, price) => `${count} picks, max ${price.toFixed(2)}`,
+      maxPriceMessage: (count, price) => `Show me ${count} picks priced at ${price.toFixed(2)} or less.`,
+      minPriceDisplay: (count, price) => `${count} picks from ${price.toFixed(2)} up`,
+      minPriceMessage: (count, price) => `Show me ${count} picks priced at ${price.toFixed(2)} or more.`,
+      comboDisplay: (legs, total) => `A combo of ${legs} priced at about ${total.toFixed(1)}`,
+      comboMessage: (legs, total) => `Build me a combo of ${legs} priced at about ${total.toFixed(1)}.`,
+      unavailable: "Not available today.",
+      send: "Send",
+      close: "Close",
+      totalLabel: "Total",
+      matchesLabel: "Matches",
+      fewerMatches: "Fewer matches",
+      moreMatches: "More matches",
+      changeNumber: (value) => `${value}, tap to change`,
+      changeCombo: "Change total or matches"
+    },
     games: {
       lang: "en",
       dailyChallenge: "Daily challenge",
@@ -467,6 +491,30 @@ var STRINGS = {
     gamePlay: "Oyna",
     gameLocked: "Kilitli",
     gameVoided: "\u0130ptal edildi",
+    presets: {
+      lang: "tr",
+      setNumbers: "Say\u0131lar\u0131 belirle",
+      buildCombo: "Kombin olu\u015Ftur",
+      dialName: "Say\u0131lar\u0131 belirle ve Kombin olu\u015Ftur",
+      maxPriceRow: "{count} se\xE7im, en fazla {price}",
+      minPriceRow: "{price} ve \xFCzeri se\xE7imler",
+      comboRow: "Yakla\u015F\u0131k {total} oranl\u0131 {legs} ma\xE7l\u0131k kombin",
+      maxPriceDisplay: (count, price) => `${count} se\xE7im, en fazla ${price.toFixed(2)}`,
+      maxPriceMessage: (count, price) => `${price.toFixed(2)} veya alt\u0131 oranl\u0131 ${count} se\xE7im g\xF6ster.`,
+      minPriceDisplay: (count, price) => `${count} se\xE7im, ${price.toFixed(2)} ve \xFCzeri`,
+      minPriceMessage: (count, price) => `${price.toFixed(2)} veya \xFCzeri oranl\u0131 ${count} se\xE7im g\xF6ster.`,
+      comboDisplay: (legs, total) => `${legs} ma\xE7l\u0131k kombin, yakla\u015F\u0131k ${total.toFixed(1)}`,
+      comboMessage: (legs, total) => `Yakla\u015F\u0131k ${total.toFixed(1)} oranl\u0131 ${legs} ma\xE7l\u0131k bir kombin haz\u0131rla.`,
+      unavailable: "Bug\xFCn mevcut de\u011Fil.",
+      send: "G\xF6nder",
+      close: "Kapat",
+      totalLabel: "Toplam",
+      matchesLabel: "Ma\xE7 say\u0131s\u0131",
+      fewerMatches: "Daha az ma\xE7",
+      moreMatches: "Daha fazla ma\xE7",
+      changeNumber: (value) => `${value}, de\u011Fi\u015Ftirmek i\xE7in dokun`,
+      changeCombo: "Toplam\u0131 veya ma\xE7lar\u0131 de\u011Fi\u015Ftir"
+    },
     games: {
       lang: "tr",
       dailyChallenge: "G\xFCn\xFCn meydan okumas\u0131",
@@ -793,6 +841,7 @@ function normalizeUi(cfg) {
     gameLocked: strings.gameLocked,
     gameVoided: strings.gameVoided,
     games: strings.games,
+    presets: strings.presets,
     liveCard: strings.liveCard
   };
 }
@@ -1131,7 +1180,9 @@ function toComboCardVM(card) {
     legs,
     multiplication,
     replacedNote: str(card.replacedNote),
-    addToSlipEnabled: card.addToSlipEnabled === true
+    addToSlipEnabled: card.addToSlipEnabled === true,
+    target: finite(card.target),
+    legCount: finite(card.legCount)
   };
 }
 function comboLegToSlipSelection(leg, conversationId) {
@@ -1205,10 +1256,10 @@ function resultToToast(result, shownOdds, ui) {
 }
 
 // src/useHostEvents.ts
-var import_react40 = require("react");
+var import_react44 = require("react");
 
 // src/components/ChatPanel.tsx
-var import_react39 = require("react");
+var import_react43 = require("react");
 
 // src/components/ChatHeader.tsx
 var import_react2 = require("react");
@@ -1237,6 +1288,20 @@ function KebabIcon() {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "19", r: "1.6" })
   ] }) });
 }
+function SlidersIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 6h9M17 6h3M4 12h3M11 12h9M4 18h11M19 18h1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "15", cy: "6", r: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "12", r: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "17", cy: "18", r: "2" })
+  ] }) });
+}
+function ComboIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "3", width: "11", height: "11", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "10", y: "10", width: "11", height: "11", rx: "2" })
+  ] }) });
+}
 var DASHBOARD_EMOJI = {
   football: "\u26BD",
   "goal-net": "\u{1F945}",
@@ -1342,7 +1407,7 @@ function ChatHeader({
 }
 
 // src/components/MessageList.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/presets.ts
 var CLIENT_CAPABILITIES = ["price_presets"];
@@ -2009,6 +2074,13 @@ function BettingInsightList({ insights, ui, slip, monitor }) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ss-w-binsights", children: insights.map((it) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InsightCard, { it, ui, slip, monitor }, it.id)) });
 }
 
+// src/presetToolsContext.ts
+var import_react12 = require("react");
+var PresetToolsContext = (0, import_react12.createContext)(null);
+function usePresetTools() {
+  return (0, import_react12.useContext)(PresetToolsContext);
+}
+
 // src/components/ComboCardList.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function ComboLegRow({ leg, addToSlipEnabled, ui, slip }) {
@@ -2051,10 +2123,13 @@ function ComboLegRow({ leg, addToSlipEnabled, ui, slip }) {
   ] });
 }
 function ComboCardView({ vm, ui, slip }) {
+  const tools = usePresetTools();
+  const { target, legCount } = vm;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-combo", children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ol", { className: "ss-w-combo-legs", role: "list", children: vm.legs.map((leg) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboLegRow, { leg, addToSlipEnabled: vm.addToSlipEnabled, ui, slip }, leg.key)) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-combo-math", children: vm.multiplication }),
-    vm.replacedNote ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "ss-w-combo-note", children: vm.replacedNote }) : null
+    vm.replacedNote ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "ss-w-combo-note", children: vm.replacedNote }) : null,
+    tools && target !== void 0 && legCount !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "ss-w-combo-change", onClick: () => tools.openBuilder(target, legCount), children: tools.changeLabel }) : null
   ] });
 }
 function ComboCardList({ cards, ui, slip }) {
@@ -2063,7 +2138,7 @@ function ComboCardList({ cards, ui, slip }) {
 }
 
 // src/components/MarketOddsCardList.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function OddsRow({ vm, row, ui, slip, inSlipIds, history, suppressSlip }) {
   const selection = vm.addToSlipEnabled && !suppressSlip ? marketOddsRowToSlipSelection(vm, row, slip.conversationId) : null;
@@ -2092,7 +2167,7 @@ function fmtHhMm(iso, locale) {
   return new Date(iso).toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit", hour12: false });
 }
 function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }) {
-  const [open, setOpen] = (0, import_react12.useState)(false);
+  const [open, setOpen] = (0, import_react13.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;
@@ -2102,9 +2177,9 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }
   const asOfMs = live ? new Date(live.asOfUtc).getTime() : NaN;
   const isStale = live != null && !isClosed && (vm.awaitingLiveUpdate === true || Date.now() - asOfMs > STALE_AFTER_MS);
   const staleTime = isStale && live ? fmtHhMm(live.asOfUtc, ui?.locale ?? "en") : null;
-  const [, setStaleTick] = (0, import_react12.useState)(0);
+  const [, setStaleTick] = (0, import_react13.useState)(0);
   const watchStale = live != null && !isClosed && !isStale;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!watchStale) return;
     const id = window.setTimeout(() => setStaleTick((n) => n + 1), Math.max(0, asOfMs + STALE_AFTER_MS - Date.now()) + 1);
     return () => window.clearTimeout(id);
@@ -2178,7 +2253,7 @@ function MarketOddsCardList({ cards, ui, slip, monitor, inSlipIds, hideHeader, p
 }
 
 // src/components/CompactOddsList.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/compactList.ts
 var COMPACT_MIN_CARDS = 3;
@@ -2291,11 +2366,11 @@ function Row({ row, columns, ui, slip, monitor, rowRef }) {
   ] });
 }
 function CompactOddsList({ list, ui, slip, monitor }) {
-  const [shown, setShown] = (0, import_react13.useState)(COMPACT_PAGE);
+  const [shown, setShown] = (0, import_react14.useState)(COMPACT_PAGE);
   const hidden = list.rowCount - shown;
-  const [focusIndex, setFocusIndex] = (0, import_react13.useState)(null);
-  const focusRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const [focusIndex, setFocusIndex] = (0, import_react14.useState)(null);
+  const focusRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     if (focusIndex !== null) focusRef.current?.focus();
   }, [focusIndex]);
   let left = shown;
@@ -2596,7 +2671,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -2615,12 +2690,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_react14.useState)(() => Date.now());
-  const [reduced] = (0, import_react14.useState)(
+  const [nowMs, setNowMs] = (0, import_react15.useState)(() => Date.now());
+  const [reduced] = (0, import_react15.useState)(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -2628,7 +2703,7 @@ function CountdownCard({ card }) {
   const segments = remainingSegments(data.kickoffUnix, nowMs, withinDay && !reduced);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "ss-w-fandash-card ss-w-fandash-countdown", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "ss-w-fandash-countdown-top", children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title ?? "Kick-off in" }),
-    segments ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react14.Fragment, { children: [
+    segments ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react15.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ss-w-fandash-countdown-colon", children: ":" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "ss-w-fandash-countdown-seg", children: [
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ss-w-fandash-countdown-value", children: s.value }),
@@ -2639,7 +2714,7 @@ function CountdownCard({ card }) {
 }
 
 // src/components/dashboard/InjuriesCard.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var SHOWN = 3;
 function ColHead({ name, crestUrl }) {
@@ -2662,7 +2737,7 @@ function InjuryList({ rows, emptyLabel, limit }) {
 }
 function InjuriesCard({ card, ui }) {
   const { data } = card;
-  const [expanded, setExpanded] = (0, import_react15.useState)(false);
+  const [expanded, setExpanded] = (0, import_react16.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`);
@@ -2768,7 +2843,7 @@ function LinksCard({ card }) {
 }
 
 // src/components/dashboard/PostMatchResultCard.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function initials3(name) {
   return name.trim().slice(0, 3).toUpperCase();
@@ -2778,7 +2853,7 @@ function PostMatchCrest({
   name,
   side
 }) {
-  const [failed, setFailed] = (0, import_react16.useState)(false);
+  const [failed, setFailed] = (0, import_react17.useState)(false);
   const cls = `ss-w-fandash-postmatch-crest ss-w-fandash-postmatch-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -2977,10 +3052,10 @@ function RestingFormCard({ card }) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/useLiveClock.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 var TICK_MS = 6e4;
 var MAX_LIVE_TICK_MINUTES = 15;
 function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
@@ -2989,10 +3064,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_react17.useState)(
+  const [displayMinute, setDisplayMinute] = (0, import_react18.useState)(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setDisplayMinute(computeDisplayMinute(minute, clockRunning, receivedAtMs));
     if (!clockRunning) return;
     const id = window.setInterval(() => {
@@ -3009,7 +3084,7 @@ function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
 function LiveCrest({ url, name, side }) {
-  const [failed, setFailed] = (0, import_react18.useState)(false);
+  const [failed, setFailed] = (0, import_react19.useState)(false);
   const cls = `ss-w-fandash-live-crest ss-w-fandash-live-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -3028,7 +3103,7 @@ function LiveScoreCard({
 }) {
   const { data } = card;
   const seedKey = `${data.minute}:${data.homeScore}:${data.awayScore}`;
-  const seedRef = (0, import_react18.useRef)(null);
+  const seedRef = (0, import_react19.useRef)(null);
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
@@ -3068,7 +3143,7 @@ function LiveScoreCard({
 }
 
 // src/components/dashboard/LiveTimelineCard.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var SHOWN2 = 3;
 function EventIcon({ type }) {
@@ -3110,7 +3185,7 @@ function EventRow({ e }) {
   ] });
 }
 function LiveTimelineCard({ card, ui }) {
-  const [expanded, setExpanded] = (0, import_react19.useState)(false);
+  const [expanded, setExpanded] = (0, import_react20.useState)(false);
   const events = card.data.events;
   if (!events || events.length === 0) return null;
   const sorted = [...events].sort((a, b) => b.minute - a.minute);
@@ -3135,7 +3210,7 @@ function LiveTimelineCard({ card, ui }) {
 }
 
 // src/components/dashboard/MomentumWave.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var WIDTH = 270;
 var HEIGHT = 56;
@@ -3159,7 +3234,7 @@ function MomentumWave({
 }) {
   if (points.length === 0) return null;
   const { area, line, lastLeftPct, lastTopPx } = buildPaths(points);
-  const clipId = (0, import_react20.useId)();
+  const clipId = (0, import_react21.useId)();
   const topClipId = `${clipId}-top`;
   const bottomClipId = `${clipId}-bottom`;
   const topClass = clubIsHome ? "ss-w-fandash-live-mom-home" : "ss-w-fandash-live-mom-away";
@@ -3352,11 +3427,11 @@ function turnAnchor(messages) {
 }
 function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
   const { state, send } = controller;
-  const listRef = (0, import_react21.useRef)(null);
-  const endRef = (0, import_react21.useRef)(null);
-  const pinnedRef = (0, import_react21.useRef)(true);
-  const anchoredTurnRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const listRef = (0, import_react22.useRef)(null);
+  const endRef = (0, import_react22.useRef)(null);
+  const pinnedRef = (0, import_react22.useRef)(true);
+  const anchoredTurnRef = (0, import_react22.useRef)(null);
+  (0, import_react22.useEffect)(() => {
     const anchor = turnAnchor(state.messages);
     const list = listRef.current;
     if (anchor && anchor.turnId !== anchoredTurnRef.current) {
@@ -3413,11 +3488,15 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
 }
 
 // src/components/ChatInput.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
-function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message" }) {
-  const [value, setValue] = (0, import_react22.useState)("");
+var ChatInput = (0, import_react23.forwardRef)(function ChatInput2({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message", disabled = false, onType }, ref) {
+  const [value, setValue] = (0, import_react23.useState)("");
+  const textareaRef = (0, import_react23.useRef)(null);
+  const stopRef = (0, import_react23.useRef)(null);
+  const textBoxWantsFocusRef = (0, import_react23.useRef)(false);
   const submit = () => {
+    if (disabled) return;
     const t = value.trim();
     if (!t) return;
     onSend(t);
@@ -3429,11 +3508,48 @@ function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop r
       submit();
     }
   };
+  (0, import_react23.useImperativeHandle)(ref, () => ({
+    focus() {
+      const box = textareaRef.current;
+      if (box && !box.disabled) {
+        textBoxWantsFocusRef.current = false;
+        box.focus();
+        return;
+      }
+      textBoxWantsFocusRef.current = true;
+      stopRef.current?.focus();
+    }
+  }), []);
+  (0, import_react23.useEffect)(() => {
+    if (streaming || disabled || !textBoxWantsFocusRef.current) return;
+    textBoxWantsFocusRef.current = false;
+    const box = textareaRef.current;
+    if (!box) return;
+    const active = box.getRootNode().activeElement;
+    const input = box.closest(".ss-w-input");
+    const isWithinComponent = input?.contains(active);
+    if (!active || active === box.ownerDocument.body || isWithinComponent) box.focus();
+  }, [streaming, disabled]);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-input", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("textarea", { className: "ss-w-textarea", rows: 1, placeholder, value, disabled: streaming, onChange: (e) => setValue(e.target.value), onKeyDown }),
-    streaming ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "ss-w-send ss-w-stop", "aria-label": stopLabel, onClick: onStop, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-stop-glyph" }) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "ss-w-send", "aria-label": sendLabel, onClick: submit, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SendIcon, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      "textarea",
+      {
+        ref: textareaRef,
+        className: "ss-w-textarea",
+        rows: 1,
+        placeholder,
+        value,
+        disabled: streaming || disabled,
+        onChange: (e) => {
+          setValue(e.target.value);
+          onType?.();
+        },
+        onKeyDown
+      }
+    ),
+    streaming ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { ref: stopRef, type: "button", className: "ss-w-send ss-w-stop", "aria-label": stopLabel, disabled, onClick: onStop, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-stop-glyph" }) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "ss-w-send", "aria-label": sendLabel, disabled, onClick: submit, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SendIcon, {}) })
   ] });
-}
+});
 
 // src/components/TabBar.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -3526,10 +3642,10 @@ function MarketAccordion({ match, monitor, ui, slip }) {
 }
 
 // src/components/LiveFactBlock.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function LiveFactBlock({ facts, matchId, ui, slip, onAsk }) {
-  const [expanded, setExpanded] = (0, import_react23.useState)(false);
+  const [expanded, setExpanded] = (0, import_react24.useState)(false);
   const [current, ...earlier] = facts;
   if (!current) return null;
   const m = current.market;
@@ -3916,7 +4032,7 @@ function TodayPanel({ discovery, ui, monitor }) {
 }
 
 // src/components/GamesPanel.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/components/GamesLoginWall.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
@@ -3925,7 +4041,7 @@ function GamesLoginWall({ ui }) {
 }
 
 // src/components/GamesHub.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/components/games/ui/gameMeta.ts
 function prettifyGameId(gameId) {
@@ -4110,8 +4226,8 @@ function pickHeroGame(games) {
 }
 var tileKey = (g) => `${g.gameId}-${g.gameDay}-${g.fixtureId}`;
 function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
-  const [, setTick] = (0, import_react24.useState)(0);
-  (0, import_react24.useEffect)(() => {
+  const [, setTick] = (0, import_react25.useState)(0);
+  (0, import_react25.useEffect)(() => {
     const id = setInterval(() => setTick((t) => t + 1), 6e4);
     return () => clearInterval(id);
   }, []);
@@ -4171,10 +4287,10 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
 }
 
 // src/components/GameScreenHost.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 
 // src/useGamePlay.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 function toSubmitResult(payload) {
   return {
     // 'pending' means the play is recorded but awaiting resolution (fixture games)
@@ -4186,17 +4302,17 @@ function toSubmitResult(payload) {
   };
 }
 function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh }) {
-  const [result, setResult] = (0, import_react25.useState)(null);
-  const [submitting, setSubmitting] = (0, import_react25.useState)(false);
-  const [rawStatus, setRawStatus] = (0, import_react25.useState)(null);
-  const inFlightRef = (0, import_react25.useRef)(false);
-  const convRef = (0, import_react25.useRef)(conversation);
+  const [result, setResult] = (0, import_react26.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react26.useState)(false);
+  const [rawStatus, setRawStatus] = (0, import_react26.useState)(null);
+  const inFlightRef = (0, import_react26.useRef)(false);
+  const convRef = (0, import_react26.useRef)(conversation);
   convRef.current = conversation;
-  const optsRef = (0, import_react25.useRef)({ gameId, gameDay, fixtureId, locale, refresh });
+  const optsRef = (0, import_react26.useRef)({ gameId, gameDay, fixtureId, locale, refresh });
   optsRef.current = { gameId, gameDay, fixtureId, locale, refresh };
-  const resultRef = (0, import_react25.useRef)(null);
+  const resultRef = (0, import_react26.useRef)(null);
   resultRef.current = result;
-  const refetch = (0, import_react25.useCallback)(async () => {
+  const refetch = (0, import_react26.useCallback)(async () => {
     const conv = convRef.current;
     if (!conv) return;
     const opts = optsRef.current;
@@ -4212,7 +4328,7 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
     } catch {
     }
   }, []);
-  const submit = (0, import_react25.useCallback)(async (answerJson) => {
+  const submit = (0, import_react26.useCallback)(async (answerJson) => {
     const conv = convRef.current;
     if (!conv || inFlightRef.current) return;
     inFlightRef.current = true;
@@ -4239,14 +4355,14 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
       setSubmitting(false);
     }
   }, [refetch]);
-  const hydrate = (0, import_react25.useCallback)(() => {
+  const hydrate = (0, import_react26.useCallback)(() => {
     void refetch();
   }, [refetch]);
   return { result, submitting, submit, hydrate, rawStatus };
 }
 
 // src/components/games/MysteryTigerGame.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/components/games/nationFlags.ts
 var FLAGS = {
@@ -4457,7 +4573,7 @@ function isNationCode(flag) {
 }
 
 // src/components/games/PlayerAvatar.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function initialsOf(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
@@ -4475,7 +4591,7 @@ function PlayerAvatar({
   imagePath,
   className
 }) {
-  const [failed, setFailed] = (0, import_react26.useState)(false);
+  const [failed, setFailed] = (0, import_react27.useState)(false);
   const showImage = Boolean(imagePath) && !isPlaceholderImage(imagePath) && !failed;
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className, "aria-hidden": "true", children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("img", { src: imagePath, alt: "", loading: "lazy", onError: () => setFailed(true) }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "ss-w-av-initials", children: initialsOf(name) }) });
 }
@@ -4690,8 +4806,8 @@ function MysteryTigerGame({
   onBack
 }) {
   const t = ui.games.mysteryTiger;
-  const [query, setQuery] = (0, import_react27.useState)("");
-  const inputId = (0, import_react27.useId)();
+  const [query, setQuery] = (0, import_react28.useState)("");
+  const inputId = (0, import_react28.useId)();
   const clientState = parseClientState(result?.clientStateJson);
   const guessResults = clientState?.guessResults ?? [];
   const alreadyGuessedIds = new Set(guessResults.map((g) => g.playerId));
@@ -4966,13 +5082,13 @@ function HigherOrLowerGame({
 }
 
 // src/components/games/CareerPathGame.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/components/games/ui/CrestShield.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function CrestShield({ src, name, size = 28 }) {
-  const [failed, setFailed] = (0, import_react28.useState)(false);
+  const [failed, setFailed] = (0, import_react29.useState)(false);
   if (src && !isPlaceholderImage(src) && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { className: "ss-g-crest", src, alt: name, width: size, height: size, loading: "lazy", onError: () => setFailed(true) });
   }
@@ -5004,8 +5120,8 @@ function CareerPathGame({
 }) {
   const s = ui.games.careerPath;
   const title = gameTitle({ gameId: "career-path" }, ui.games.titles);
-  const [query, setQuery] = (0, import_react29.useState)("");
-  const inputId = (0, import_react29.useId)();
+  const [query, setQuery] = (0, import_react30.useState)("");
+  const inputId = (0, import_react30.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;
@@ -5124,7 +5240,7 @@ function CareerPathGame({
 }
 
 // src/components/games/BeatTheGridGame.tsx
-var import_react30 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function criterionIconKind(label, key) {
   const l = (key ?? label).toLowerCase();
@@ -5205,10 +5321,10 @@ function SearchSheet({
   ui
 }) {
   const s = ui.games.beatTheGrid;
-  const [query, setQuery] = (0, import_react30.useState)("");
-  const inputId = (0, import_react30.useId)();
-  const inputRef = (0, import_react30.useRef)(null);
-  (0, import_react30.useEffect)(() => {
+  const [query, setQuery] = (0, import_react31.useState)("");
+  const inputId = (0, import_react31.useId)();
+  const inputRef = (0, import_react31.useRef)(null);
+  (0, import_react31.useEffect)(() => {
     inputRef.current?.focus();
   }, [row, col]);
   const filtered = playerPool.filter(
@@ -5273,7 +5389,7 @@ function BeatTheGridGame({
 }) {
   const s = ui.games.beatTheGrid;
   const title = gameTitle({ gameId: "beat-the-grid" }, ui.games.titles);
-  const [activeCell, setActiveCell] = (0, import_react30.useState)(null);
+  const [activeCell, setActiveCell] = (0, import_react31.useState)(null);
   const clientState = parseClientState4(result?.clientStateJson);
   const filledCells = clientState?.cells ?? [];
   const isLocked2 = result?.alreadyPlayed === true || clientState?.isComplete === true;
@@ -5347,7 +5463,7 @@ function BeatTheGridGame({
                 /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { "aria-hidden": "true", children: abbr }),
                 /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "ss-g-sr", children: rowLabel })
               ] });
-              return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_react30.default.Fragment, { children: [
+              return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_react31.default.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime74.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);
@@ -5428,7 +5544,7 @@ function BeatTheGridGame({
 }
 
 // src/components/games/GuessTheXiGame.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/components/games/ui/PitchSvg.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
@@ -5517,8 +5633,8 @@ function GuessTheXiGame({
   onBack
 }) {
   const t = ui.games.guessTheXi;
-  const [query, setQuery] = (0, import_react31.useState)("");
-  const inputId = (0, import_react31.useId)();
+  const [query, setQuery] = (0, import_react32.useState)("");
+  const inputId = (0, import_react32.useId)();
   const clientState = parseClientState5(result?.clientStateJson);
   const isOver = result?.alreadyPlayed === true || clientState?.status === "solved" || clientState?.status === "failed";
   const solved = clientState?.status === "solved";
@@ -5659,7 +5775,7 @@ function GuessTheXiGame({
 }
 
 // src/components/games/DailyQuizGame.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function parseClientState6(json) {
   if (!json) return null;
@@ -5700,8 +5816,8 @@ function DailyQuizGame({
 }) {
   const s = ui.games.dailyQuiz;
   const title = gameTitle({ gameId: "daily-quiz" }, ui.games.titles);
-  const [selections, setSelections] = (0, import_react32.useState)(/* @__PURE__ */ new Map());
-  const [page, setPage] = (0, import_react32.useState)(0);
+  const [selections, setSelections] = (0, import_react33.useState)(/* @__PURE__ */ new Map());
+  const [page, setPage] = (0, import_react33.useState)(0);
   const clientState = parseClientState6(result?.clientStateJson);
   const results = clientState?.results ?? [];
   const isRevealed = results.length > 0 || result?.alreadyPlayed === true;
@@ -5811,7 +5927,7 @@ function DailyQuizGame({
 }
 
 // src/components/games/MatchdayPredictorGame.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var SCORER_SEARCH_THRESHOLD = 9;
 function parseClientState7(json) {
@@ -5907,12 +6023,12 @@ function MatchdayPredictorGame({
   onBack
 }) {
   const t = ui.games.predictor;
-  const [homeScore, setHomeScore] = (0, import_react33.useState)(0);
-  const [awayScore, setAwayScore] = (0, import_react33.useState)(0);
-  const [firstScorerPlayerId, setFirstScorerPlayerId] = (0, import_react33.useState)(null);
-  const [lastEdited, setLastEdited] = (0, import_react33.useState)("home");
-  const [query, setQuery] = (0, import_react33.useState)("");
-  const searchId = (0, import_react33.useId)();
+  const [homeScore, setHomeScore] = (0, import_react34.useState)(0);
+  const [awayScore, setAwayScore] = (0, import_react34.useState)(0);
+  const [firstScorerPlayerId, setFirstScorerPlayerId] = (0, import_react34.useState)(null);
+  const [lastEdited, setLastEdited] = (0, import_react34.useState)("home");
+  const [query, setQuery] = (0, import_react34.useState)("");
+  const searchId = (0, import_react34.useId)();
   const clientState = parseClientState7(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
   const header = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
@@ -6079,7 +6195,7 @@ function MatchdayPredictorGame({
 }
 
 // src/components/games/StartingXiGame.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var POINTS_PER_STARTER = 8;
 var XI_SIZE = 11;
@@ -6123,10 +6239,10 @@ function StartingXiGame({
   lockAtUtc
 }) {
   const t = ui.games.startingXi;
-  const [slotPlayers, setSlotPlayers] = (0, import_react34.useState)(() => Array(XI_SIZE).fill(null));
-  const [active, setActive] = (0, import_react34.useState)(0);
-  const [query, setQuery] = (0, import_react34.useState)("");
-  const searchId = (0, import_react34.useId)();
+  const [slotPlayers, setSlotPlayers] = (0, import_react35.useState)(() => Array(XI_SIZE).fill(null));
+  const [active, setActive] = (0, import_react35.useState)(0);
+  const [query, setQuery] = (0, import_react35.useState)("");
+  const searchId = (0, import_react35.useId)();
   const clientState = parseClientState8(result?.clientStateJson);
   const alreadyPlayed = result?.alreadyPlayed === true;
   const header = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
@@ -6265,7 +6381,7 @@ function StartingXiGame({
 }
 
 // src/components/games/StatLadderGame.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function ladderClue(ladder) {
   const mystery = ladder.find((r) => r.rank === 2);
@@ -6302,9 +6418,9 @@ function StatLadderGame({
   onBack
 }) {
   const t = ui.games.statLadder;
-  const [query, setQuery] = (0, import_react35.useState)("");
-  const [selectedId, setSelectedId] = (0, import_react35.useState)(null);
-  const searchId = (0, import_react35.useId)();
+  const [query, setQuery] = (0, import_react36.useState)("");
+  const [selectedId, setSelectedId] = (0, import_react36.useState)(null);
+  const searchId = (0, import_react36.useId)();
   const clientState = parseClientState9(result?.clientStateJson);
   const revealed = clientState != null;
   const header = /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(GameHeader, { title: gameTitle({ gameId: "stat-ladder" }, ui.games.titles), eyebrow: t.eyebrow, onBack, backLabel: ui.back });
@@ -6509,8 +6625,8 @@ function GameScreenHost({
   ui
 }) {
   const { gameId, fixtureId, gameDay = "", lockAtUtc = null } = selected;
-  const [configJson, setConfigJson] = (0, import_react36.useState)(null);
-  (0, import_react36.useEffect)(() => {
+  const [configJson, setConfigJson] = (0, import_react37.useState)(null);
+  (0, import_react37.useEffect)(() => {
     setConfigJson(null);
     if (!conversation) return;
     let cancelled = false;
@@ -6533,12 +6649,12 @@ function GameScreenHost({
     fixtureId: fixtureId || void 0,
     locale: ui.games.lang
   });
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (conversation) hydrate();
   }, [conversation, gameId]);
-  const hydrateRef = (0, import_react36.useRef)(hydrate);
+  const hydrateRef = (0, import_react37.useRef)(hydrate);
   hydrateRef.current = hydrate;
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!FIXTURE_GAME_IDS.has(gameId)) return;
     if (rawStatus !== "pending") return;
     const timerId = setInterval(() => {
@@ -6673,8 +6789,8 @@ function GamesPanel({
   leaderboard,
   refreshHub
 }) {
-  const [selected, setSelected] = (0, import_react37.useState)(null);
-  (0, import_react37.useEffect)(() => {
+  const [selected, setSelected] = (0, import_react38.useState)(null);
+  (0, import_react38.useEffect)(() => {
     ensureGamesFonts();
   }, []);
   if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(GamesLoginWall, { ui });
@@ -6705,7 +6821,7 @@ function GamesPanel({
 }
 
 // src/components/Leaderboard.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/components/LeaderboardRow.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
@@ -6790,7 +6906,7 @@ function Leaderboard({
   ui,
   onPlay
 }) {
-  const [segment, setSegment] = (0, import_react38.useState)("weekly");
+  const [segment, setSegment] = (0, import_react39.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;
@@ -6869,12 +6985,440 @@ function LeaderboardPanel({ loggedIn, data, loading, onPlay, ui }) {
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Leaderboard, { data: data ?? EMPTY_PAYLOAD, ui, onPlay }) });
 }
 
-// src/components/ChatPanel.tsx
+// src/components/PresetSpeedDial.tsx
+var import_react40 = require("react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
+function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef, buttonRef }) {
+  const pillsId = (0, import_react40.useId)();
+  const tabIndex = expanded ? 0 : -1;
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { ref: rootRef, className: "ss-w-dial", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      "button",
+      {
+        ref: buttonRef,
+        type: "button",
+        className: "ss-w-dial-btn",
+        "aria-expanded": expanded,
+        "aria-controls": pillsId,
+        "aria-label": strings.dialName,
+        onClick: onToggle,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ss-w-dial-icon ss-w-dial-icon--open", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SlidersIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ss-w-dial-icon ss-w-dial-icon--close", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, {}) }),
+          showDot && !expanded ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ss-w-dial-dot", "aria-hidden": "true" }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { id: pillsId, className: "ss-w-dial-pills", "data-open": expanded ? "" : void 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("numbers"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SlidersIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ss-w-dial-pill-label", children: strings.setNumbers })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", className: "ss-w-dial-pill", tabIndex, onClick: () => onOpen("combo"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ComboIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "ss-w-dial-pill-label", children: strings.buildCombo })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/PresetTools.tsx
+var import_react41 = require("react");
+
+// src/presetGrid.ts
+var DEFAULT_SINGLES_LIMITS = [1.3, 1.5, 1.7, 2];
+var DEFAULT_SINGLES_FLOORS = [1.5, 2, 2.5, 3];
+var DEFAULT_COMBO_TOTALS = [3, 5, 10, 20, 50];
+var FIXED_SINGLES_COUNT = 3;
+var MIN_COMBO_LEGS = 2;
+var MAX_COMBO_LEGS = 6;
+var START = { maxPrice: 1.5, minPrice: 2, comboTotal: 5, comboLegs: 3 };
+var finite2 = (v) => typeof v === "number" && Number.isFinite(v);
+var cents = (n) => Math.round(n * 100);
+function samePrice(a, b) {
+  return cents(a) === cents(b);
+}
+function isPresetGrid(v) {
+  if (!v || typeof v !== "object") return false;
+  const g = v;
+  return Array.isArray(g.singles) && Array.isArray(g.singlesFrom) && Array.isArray(g.combos) && finite2(g.maxLegs);
+}
+function drawable(p) {
+  return !!p && finite2(p.price) && finite2(p.matchOddsId) && finite2(p.matchId) && typeof p.homeTeamName === "string" && typeof p.awayTeamName === "string";
+}
+function choices(defaults, present) {
+  const out = [];
+  for (const n of [...defaults, ...present]) {
+    if (finite2(n) && n > 0 && !out.some((m) => samePrice(m, n))) out.push(n);
+  }
+  return out.sort((a, b) => a - b);
+}
+function singlesLimits(grid) {
+  return choices(DEFAULT_SINGLES_LIMITS, grid.singles.map((c) => c?.price));
+}
+function singlesFloors(grid) {
+  return choices(DEFAULT_SINGLES_FLOORS, grid.singlesFrom.map((c) => c?.price));
+}
+function comboTotals(grid) {
+  return choices(DEFAULT_COMBO_TOTALS, grid.combos.map((c) => c?.total));
+}
+function comboLegChoices(grid) {
+  const max = Math.min(MAX_COMBO_LEGS, Math.floor(grid.maxLegs));
+  const out = [];
+  for (let n = MIN_COMBO_LEGS; n <= max; n++) out.push(n);
+  return out;
+}
+function cycle(values, current) {
+  if (values.length === 0) return current;
+  const i = values.findIndex((v) => samePrice(v, current));
+  return values[(i + 1) % values.length] ?? current;
+}
+function startValue(values, preferred) {
+  return values.find((v) => samePrice(v, preferred)) ?? values[0] ?? preferred;
+}
+function nearest(values, target) {
+  const first = values[0];
+  if (first === void 0) return target;
+  if (!(target > 0)) return first;
+  const distance = (v) => Math.abs(Math.log(v / target));
+  return values.reduce((best, v) => distance(v) < distance(best) ? v : best, first);
+}
+function clampLegs(values, legs) {
+  const lo = values[0];
+  const hi = values[values.length - 1];
+  if (lo === void 0 || hi === void 0) return legs;
+  return Math.min(Math.max(Math.round(legs), lo), hi);
+}
+function findSingles(cells, price, count) {
+  const cell = cells.find((c) => !!c && finite2(c.price) && samePrice(c.price, price) && c.count === count);
+  return cell && Array.isArray(cell.picks) && cell.picks.length === count && cell.picks.every(drawable) ? cell : null;
+}
+function findCombo(grid, total, legs) {
+  const cell = grid.combos.find((c) => !!c && finite2(c.total) && samePrice(c.total, total) && c.legs === legs);
+  const combo = cell?.combo;
+  const whole = !!combo && typeof combo.multiplication === "string" && combo.multiplication !== "" && Array.isArray(combo.legs) && combo.legs.length === legs && combo.legs.every(drawable);
+  return cell && whole ? cell : null;
+}
+function idsOf(picks) {
+  return { matchOddsIds: picks.map((p) => p.matchOddsId), matchIds: picks.map((p) => p.matchId) };
+}
+function maxPriceAsk(cell, s) {
+  return {
+    message: s.maxPriceMessage(cell.count, cell.price),
+    displayText: s.maxPriceDisplay(cell.count, cell.price),
+    preset: { kind: "max_price", price: cell.price, count: cell.count, ...idsOf(cell.picks) }
+  };
+}
+function minPriceAsk(cell, s) {
+  return {
+    message: s.minPriceMessage(cell.count, cell.price),
+    displayText: s.minPriceDisplay(cell.count, cell.price),
+    preset: { kind: "min_price", price: cell.price, count: cell.count, ...idsOf(cell.picks) }
+  };
+}
+function comboAsk(cell, s) {
+  return {
+    message: s.comboMessage(cell.legs, cell.total),
+    displayText: s.comboDisplay(cell.legs, cell.total),
+    preset: { kind: "combo", total: cell.total, legs: cell.legs, ...idsOf(cell.combo.legs) }
+  };
+}
+
+// src/components/PresetTools.tsx
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
+  const dialogRef = (0, import_react41.useRef)(null);
+  const titleId = (0, import_react41.useId)();
+  (0, import_react41.useEffect)(() => {
+    dialogRef.current?.focus();
+  }, []);
+  (0, import_react41.useEffect)(() => {
+    const onKey = (e) => {
+      if (e.key !== "Escape") return;
+      e.stopPropagation();
+      e.preventDefault();
+      onClose();
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [onClose]);
+  const trapTab = (e) => {
+    if (e.key !== "Tab") return;
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const items = Array.from(dialog.querySelectorAll(FOCUSABLE));
+    const first = items[0];
+    const last = items[items.length - 1];
+    if (!first || !last) {
+      e.preventDefault();
+      return;
+    }
+    const active = dialog.getRootNode().activeElement;
+    if (e.shiftKey && (active === first || active === dialog)) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && active === last) {
+      e.preventDefault();
+      first.focus();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-tool-backdrop", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { ref: dialogRef, className: "ss-w-tool", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, tabIndex: -1, onKeyDown: trapTab, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-tool-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { id: titleId, className: "ss-w-tool-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-tool-close", "aria-label": closeLabel, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CloseIcon, {}) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-tool-body", children }),
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-tool-foot", children: footer }) : null
+  ] }) });
+}
+function fillTemplate(template, slots) {
+  return template.split(/(\{[a-z]+\})/).filter((part) => part !== "").map((part, i) => {
+    const key = /^\{([a-z]+)\}$/.exec(part)?.[1];
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react41.Fragment, { children: key !== void 0 && key in slots ? slots[key] : part }, i);
+  });
+}
+function NumberButton({ value, label, onCycle }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-tool-num", "aria-label": label, onClick: onCycle, children: value });
+}
+function SendButton({ label, display, disabled, onClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-tool-send", "aria-label": `${label}: ${display}`, disabled, onClick, children: label });
+}
+function PickList({ picks, formatKickoff }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("ul", { className: "ss-w-tool-picks", role: "list", children: picks.map((p) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("li", { className: "ss-w-tool-pick", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "ss-w-tool-pick-match", children: [
+      p.homeTeamName,
+      " \u2013 ",
+      p.awayTeamName
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "ss-w-tool-pick-sel", children: [
+      p.marketLabel,
+      ": ",
+      p.selectionLabel,
+      p.line ? ` ${p.line}` : ""
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-tool-pick-kick", children: formatKickoff(p.kickoffUtc) }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-tool-pick-price", children: p.price.toFixed(2) })
+  ] }, p.matchOddsId)) });
+}
+function ComboPreview({ cell, formatKickoff }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(PickList, { picks: cell.combo.legs, formatKickoff }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-tool-math", children: cell.combo.multiplication })
+  ] });
+}
+function Unavailable({ text }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "ss-w-tool-unavailable", children: text });
+}
+function SetNumbersTool({ grid, strings, streaming, formatKickoff, onSend, onClose }) {
+  const limits = singlesLimits(grid);
+  const floors = singlesFloors(grid);
+  const totals = comboTotals(grid);
+  const legChoices = comboLegChoices(grid);
+  const count = FIXED_SINGLES_COUNT;
+  const [maxPrice, setMaxPrice] = (0, import_react41.useState)(() => startValue(limits, START.maxPrice));
+  const [minPrice, setMinPrice] = (0, import_react41.useState)(() => startValue(floors, START.minPrice));
+  const [total, setTotal] = (0, import_react41.useState)(() => startValue(totals, START.comboTotal));
+  const [legs, setLegs] = (0, import_react41.useState)(() => startValue(legChoices, START.comboLegs));
+  const [announcement, setAnnouncement] = (0, import_react41.useState)("");
+  const maxCell = findSingles(grid.singles, maxPrice, count);
+  const minCell = findSingles(grid.singlesFrom, minPrice, count);
+  const comboCell = findCombo(grid, total, legs);
+  const announce = (display, available) => setAnnouncement(available ? display : `${display}. ${strings.unavailable}`);
+  const nextMax = () => {
+    const v = cycle(limits, maxPrice);
+    setMaxPrice(v);
+    announce(strings.maxPriceDisplay(count, v), !!findSingles(grid.singles, v, count));
+  };
+  const nextMin = () => {
+    const v = cycle(floors, minPrice);
+    setMinPrice(v);
+    announce(strings.minPriceDisplay(count, v), !!findSingles(grid.singlesFrom, v, count));
+  };
+  const nextLegs = () => {
+    const v = cycle(legChoices, legs);
+    setLegs(v);
+    announce(strings.comboDisplay(v, total), !!findCombo(grid, total, v));
+  };
+  const nextTotal = () => {
+    const v = cycle(totals, total);
+    setTotal(v);
+    announce(strings.comboDisplay(legs, v), !!findCombo(grid, v, legs));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(PresetToolModal, { title: strings.setNumbers, closeLabel: strings.close, onClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: "ss-w-tool-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "ss-w-tool-ask", children: fillTemplate(strings.maxPriceRow, {
+        count: String(count),
+        price: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NumberButton, { value: maxPrice.toFixed(2), label: strings.changeNumber(maxPrice.toFixed(2)), onCycle: nextMax })
+      }) }),
+      maxCell ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(PickList, { picks: maxCell.picks, formatKickoff }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Unavailable, { text: strings.unavailable }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SendButton, { label: strings.send, display: strings.maxPriceDisplay(count, maxPrice), disabled: !maxCell || streaming, onClick: () => {
+        if (maxCell) onSend(maxPriceAsk(maxCell, strings));
+      } })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: "ss-w-tool-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "ss-w-tool-ask", children: fillTemplate(strings.minPriceRow, {
+        count: String(count),
+        price: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NumberButton, { value: minPrice.toFixed(2), label: strings.changeNumber(minPrice.toFixed(2)), onCycle: nextMin })
+      }) }),
+      minCell ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(PickList, { picks: minCell.picks, formatKickoff }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Unavailable, { text: strings.unavailable }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SendButton, { label: strings.send, display: strings.minPriceDisplay(count, minPrice), disabled: !minCell || streaming, onClick: () => {
+        if (minCell) onSend(minPriceAsk(minCell, strings));
+      } })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("section", { className: "ss-w-tool-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "ss-w-tool-ask", children: fillTemplate(strings.comboRow, {
+        legs: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NumberButton, { value: String(legs), label: strings.changeNumber(String(legs)), onCycle: nextLegs }),
+        total: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(NumberButton, { value: total.toFixed(1), label: strings.changeNumber(total.toFixed(1)), onCycle: nextTotal })
+      }) }),
+      comboCell ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ComboPreview, { cell: comboCell, formatKickoff }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Unavailable, { text: strings.unavailable }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SendButton, { label: strings.send, display: strings.comboDisplay(legs, total), disabled: !comboCell || streaming, onClick: () => {
+        if (comboCell) onSend(comboAsk(comboCell, strings));
+      } })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+  ] });
+}
+function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal, initialLegs, onSend, onClose }) {
+  const totals = comboTotals(grid);
+  const legChoices = comboLegChoices(grid);
+  const [total, setTotal] = (0, import_react41.useState)(() => initialTotal !== void 0 ? nearest(totals, initialTotal) : startValue(totals, START.comboTotal));
+  const [legs, setLegs] = (0, import_react41.useState)(() => initialLegs !== void 0 ? clampLegs(legChoices, initialLegs) : startValue(legChoices, START.comboLegs));
+  const [announcement, setAnnouncement] = (0, import_react41.useState)("");
+  const cell = findCombo(grid, total, legs);
+  const minLegs = legChoices[0] ?? legs;
+  const maxLegs = legChoices[legChoices.length - 1] ?? legs;
+  const display = strings.comboDisplay(legs, total);
+  const choose = (nextTotal, nextLegs) => {
+    setTotal(nextTotal);
+    setLegs(nextLegs);
+    const d = strings.comboDisplay(nextLegs, nextTotal);
+    setAnnouncement(findCombo(grid, nextTotal, nextLegs) ? d : `${d}. ${strings.unavailable}`);
+  };
+  const footer = /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(SendButton, { label: strings.send, display, disabled: !cell || streaming, onClick: () => {
+    if (cell) onSend(comboAsk(cell, strings));
+  } });
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(PresetToolModal, { title: strings.buildCombo, closeLabel: strings.close, onClose, footer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.totalLabel, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.totalLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-tool-chips", children: totals.map((t) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-tool-chip", "aria-pressed": samePrice(t, total), onClick: () => choose(t, legs), children: t.toFixed(1) }, t)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-tool-section", role: "group", "aria-label": strings.matchesLabel, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-tool-label", "aria-hidden": "true", children: strings.matchesLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-tool-stepper", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.fewerMatches, disabled: legs <= minLegs, onClick: () => choose(total, legs - 1), children: "\u2212" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-tool-count", children: legs }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-tool-step", "aria-label": strings.moreMatches, disabled: legs >= maxLegs, onClick: () => choose(total, legs + 1), children: "+" })
+      ] })
+    ] }),
+    cell ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ComboPreview, { cell, formatKickoff }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Unavailable, { text: strings.unavailable }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "ss-w-vh", "aria-live": "polite", children: announcement })
+  ] });
+}
+
+// src/usePresetDial.ts
+var import_react42 = require("react");
+function sendInFlight(messages, isStreaming) {
+  const last = messages[messages.length - 1];
+  return isStreaming && !!last && last.role === "assistant" && !last.done && !last.isGreeting;
+}
+function lastUserId(messages) {
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const m = messages[i];
+    if (m && m.role === "user") return m.id;
+  }
+  return null;
+}
+var SCROLL_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "]);
+function usePresetDial({ layerRef, dialRef, dialButtonRef, messages, isStreaming, activeTab }) {
+  const [expanded, setExpanded] = (0, import_react42.useState)(() => !sendInFlight(messages, isStreaming));
+  const fold = (0, import_react42.useCallback)(() => setExpanded(false), []);
+  const toggle = (0, import_react42.useCallback)(() => setExpanded((e) => !e), []);
+  const currentUserId = lastUserId(messages);
+  const userIdRef = (0, import_react42.useRef)(currentUserId);
+  (0, import_react42.useEffect)(() => {
+    if (currentUserId === userIdRef.current) return;
+    userIdRef.current = currentUserId;
+    setExpanded(false);
+  }, [currentUserId]);
+  const tabRef = (0, import_react42.useRef)(activeTab);
+  (0, import_react42.useEffect)(() => {
+    if (activeTab === tabRef.current) return;
+    tabRef.current = activeTab;
+    setExpanded(false);
+  }, [activeTab]);
+  const expandedRef = (0, import_react42.useRef)(expanded);
+  expandedRef.current = expanded;
+  (0, import_react42.useEffect)(() => {
+    const onEscape = (e) => {
+      const dial = dialRef.current;
+      if (e.key !== "Escape" || !dial || !e.composedPath().includes(dial)) return;
+      e.stopPropagation();
+      e.preventDefault();
+      if (!expandedRef.current) return;
+      setExpanded(false);
+      dialButtonRef.current?.focus();
+    };
+    window.addEventListener("keydown", onEscape, true);
+    return () => window.removeEventListener("keydown", onEscape, true);
+  }, [dialRef, dialButtonRef]);
+  (0, import_react42.useEffect)(() => {
+    if (!expanded) return;
+    const layer = layerRef.current;
+    const inDial = (e) => {
+      const dial = dialRef.current;
+      return !!dial && e.composedPath().includes(dial);
+    };
+    const inList = (e) => e.composedPath().some((n) => n instanceof Element && n.classList.contains("ss-w-list"));
+    const onPress = (e) => {
+      if (!inDial(e)) setExpanded(false);
+    };
+    const onScrollGesture = (e) => {
+      if (inList(e) && !inDial(e)) setExpanded(false);
+    };
+    const onKey = (e) => {
+      if (SCROLL_KEYS.has(e.key) && inList(e)) setExpanded(false);
+    };
+    const doc = layer?.ownerDocument ?? document;
+    doc.addEventListener("pointerdown", onPress, true);
+    layer?.addEventListener("wheel", onScrollGesture, { passive: true });
+    layer?.addEventListener("touchmove", onScrollGesture, { passive: true });
+    window.addEventListener("keydown", onKey, true);
+    return () => {
+      doc.removeEventListener("pointerdown", onPress, true);
+      layer?.removeEventListener("wheel", onScrollGesture);
+      layer?.removeEventListener("touchmove", onScrollGesture);
+      window.removeEventListener("keydown", onKey, true);
+    };
+  }, [expanded, layerRef, dialRef]);
+  return { expanded, toggle, fold };
+}
+
+// src/presetSeen.ts
+var KEY = "ss-w-presets-tool-opened";
+var openedThisPage = false;
+function readToolSeen() {
+  if (openedThisPage) return true;
+  try {
+    return window.localStorage.getItem(KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function markToolSeen() {
+  openedThisPage = true;
+  try {
+    window.localStorage.setItem(KEY, "1");
+  } catch {
+  }
+}
+
+// src/components/ChatPanel.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = (0, import_react39.useState)(false);
-  (0, import_react39.useEffect)(() => {
+  const [modal, setModal] = (0, import_react43.useState)(false);
+  (0, import_react43.useEffect)(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -6884,10 +7428,11 @@ function useIsModal() {
   }, []);
   return modal;
 }
-function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, loggedIn, conversation }) {
+var HIDDEN_LAYER_STYLE = { position: "absolute", inset: 0, visibility: "hidden", display: "flex", flexDirection: "column" };
+function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, loggedIn, conversation, presetGrid }) {
   const { state, close, stop, send, reset } = controller;
   const isModal = useIsModal();
-  (0, import_react39.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -6902,11 +7447,66 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     monitor?.setActiveTab("chat");
     send(text, { grounding });
   };
-  (0, import_react39.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
   }, [monitor, state.isStreaming, state.messages.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  const onChatTab = !monitor || monitor.activeTab === "chat";
+  const layerRef = (0, import_react43.useRef)(null);
+  const dialRef = (0, import_react43.useRef)(null);
+  const dialButtonRef = (0, import_react43.useRef)(null);
+  const inputRef = (0, import_react43.useRef)(null);
+  const focusAfterCloseRef = (0, import_react43.useRef)(null);
+  const [tool, setTool] = (0, import_react43.useState)(null);
+  const [toolSeen, setToolSeen] = (0, import_react43.useState)(readToolSeen);
+  const dial = usePresetDial({
+    layerRef,
+    dialRef,
+    dialButtonRef,
+    messages: state.messages,
+    isStreaming: state.isStreaming,
+    activeTab: monitor?.activeTab ?? "chat"
+  });
+  const { fold } = dial;
+  const showDial = !!presetGrid && onChatTab && !tool;
+  const openTool = (0, import_react43.useCallback)((next) => {
+    fold();
+    markToolSeen();
+    setToolSeen(true);
+    setTool(next);
+  }, [fold]);
+  const onPill = (0, import_react43.useCallback)((kind) => openTool(kind === "numbers" ? { kind: "numbers" } : { kind: "combo" }), [openTool]);
+  const toolsValue = (0, import_react43.useMemo)(
+    () => presetGrid ? { openBuilder: (total, legs) => openTool({ kind: "combo", total, legs }), changeLabel: ui.presets.changeCombo } : null,
+    [presetGrid, openTool, ui.presets.changeCombo]
+  );
+  const closeTool = (0, import_react43.useCallback)(() => {
+    focusAfterCloseRef.current = "dial";
+    setTool(null);
+  }, []);
+  const sendAsk = (0, import_react43.useCallback)((ask) => {
+    focusAfterCloseRef.current = "composer";
+    setTool(null);
+    monitor?.setActiveTab("chat");
+    send(ask.message, { displayText: ask.displayText, preset: ask.preset });
+  }, [monitor, send]);
+  const formatKickoff = (0, import_react43.useCallback)((kickoffUtc) => {
+    const k = ui.bettingKickoff(kickoffUtc);
+    return `${k.dayLabel} ${k.time}`;
+  }, [ui]);
+  (0, import_react43.useEffect)(() => {
+    if (tool) return;
+    const target = focusAfterCloseRef.current;
+    focusAfterCloseRef.current = null;
+    if (target === "dial") dialButtonRef.current?.focus();
+    else if (target === "composer") inputRef.current?.focus();
+  }, [tool]);
+  (0, import_react43.useEffect)(() => {
+    if (!tool || onChatTab && presetGrid) return;
+    focusAfterCloseRef.current = "composer";
+    setTool(null);
+  }, [tool, onChatTab, presetGrid]);
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       ChatHeader,
       {
         onClose: close,
@@ -6919,7 +7519,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         moreOptionsLabel: ui.moreOptions
       }
     ),
-    monitor && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    monitor && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       TabBar,
       {
         monitor,
@@ -6931,17 +7531,26 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         gamesEnabled: gamesResult?.enabled ?? false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-      "div",
-      {
-        style: !monitor || monitor.activeTab === "chat" ? { display: "contents" } : { position: "absolute", inset: 0, visibility: "hidden", display: "flex", flexDirection: "column" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor })
-      }
-    ),
-    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(MatchesPanel, { monitor, ui, slip, onAsk: handleAsk }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(OddsPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { ref: layerRef, className: "ss-w-chat-layer", "data-dial": presetGrid ? "" : void 0, style: onChatTab ? void 0 : HIDDEN_LAYER_STYLE, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(PresetToolsContext.Provider, { value: toolsValue, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor }) }),
+      showDial ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        PresetSpeedDial,
+        {
+          expanded: dial.expanded,
+          showDot: !toolSeen,
+          strings: ui.presets,
+          onToggle: dial.toggle,
+          onOpen: onPill,
+          rootRef: dialRef,
+          buttonRef: dialButtonRef
+        }
+      ) : null,
+      tool && presetGrid && onChatTab ? tool.kind === "numbers" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BuildComboTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, initialTotal: tool.total, initialLegs: tool.legs, onSend: sendAsk, onClose: closeTool }) : null
+    ] }),
+    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TodayPanel, { discovery, ui, monitor }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MatchesPanel, { monitor, ui, slip, onAsk: handleAsk }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(OddsPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       GamesPanel,
       {
         loggedIn: !!loggedIn,
@@ -6955,7 +7564,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         }
       }
     ),
-    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       LeaderboardPanel,
       {
         loggedIn: !!loggedIn,
@@ -6965,7 +7574,20 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         ui
       }
     ),
-    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
+    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      ChatInput,
+      {
+        ref: inputRef,
+        placeholder: ui.placeholder,
+        streaming: state.isStreaming,
+        onSend: handleSend,
+        onStop: stop,
+        stopLabel: ui.stopResponse,
+        sendLabel: ui.sendMessage,
+        disabled: !!tool,
+        onType: fold
+      }
+    )
   ] });
 }
 
@@ -7174,15 +7796,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_react40.useState)({});
-  const [settled, setSettled] = (0, import_react40.useState)({});
-  const markAdded = (0, import_react40.useCallback)((matchOddsId) => {
+  const [added, setAdded] = (0, import_react44.useState)({});
+  const [settled, setSettled] = (0, import_react44.useState)({});
+  const markAdded = (0, import_react44.useCallback)((matchOddsId) => {
     setAdded((prev) => prev[matchOddsId] ? prev : { ...prev, [matchOddsId]: true });
   }, []);
-  const settle = (0, import_react40.useCallback)((matchOddsId) => {
+  const settle = (0, import_react44.useCallback)((matchOddsId) => {
     setSettled((prev) => prev[matchOddsId] ? prev : { ...prev, [matchOddsId]: true });
   }, []);
-  const clearMarks = (0, import_react40.useCallback)((ids) => {
+  const clearMarks = (0, import_react44.useCallback)((ids) => {
     const drop = (prev) => {
       if (!ids.some((id) => prev[id])) return prev;
       const next = { ...prev };
@@ -7193,26 +7815,26 @@ function useHostEvents(opts) {
     setSettled(drop);
   }, []);
   const hasHost = host !== void 0;
-  const ledger = (0, import_react40.useMemo)(
+  const ledger = (0, import_react44.useMemo)(
     () => hasHost ? createSlipLedger(`ss-w-slip:${operatorId}`) : null,
     [hasHost, operatorId]
   );
-  const currentUserRef = (0, import_react40.useRef)(currentUser);
+  const currentUserRef = (0, import_react44.useRef)(currentUser);
   currentUserRef.current = currentUser;
-  const recordAdd = (0, import_react40.useCallback)((add) => {
+  const recordAdd = (0, import_react44.useCallback)((add) => {
     ledger?.record({ id: add.selection.matchOddsId, market: add.market, ...add.pick, user: currentUserRef.current });
   }, [ledger]);
-  const slipState = (0, import_react40.useMemo)(
+  const slipState = (0, import_react44.useMemo)(
     () => ({ added, settled, settle, recordAdd }),
     [added, settled, settle, recordAdd]
   );
   const hasOpenMatch = typeof onOpenMatch === "function";
   const tracksViews = hasHost || hasOpenMatch;
-  const views = (0, import_react40.useMemo)(
+  const views = (0, import_react44.useMemo)(
     () => tracksViews ? createMatchViews(`ss-w-views:${operatorId}`, { user: currentUser }) : null,
     [tracksViews, operatorId, currentUser]
   );
-  const sinkRef = (0, import_react40.useRef)(() => {
+  const sinkRef = (0, import_react44.useRef)(() => {
   });
   sinkRef.current = (command) => {
     if (command.kind === "matchOpened") {
@@ -7233,11 +7855,11 @@ function useHostEvents(opts) {
       logger?.log(toSlipEvent(name, entry));
     }
   };
-  (0, import_react40.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!host) return;
     return attachHost(host, (command) => sinkRef.current(command));
   }, [host]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!isOpen || !views) return;
     const held = views.markOpened();
     if (held.length === 0) return;
@@ -7246,7 +7868,7 @@ function useHostEvents(opts) {
     }
     void logger?.flushNow();
   }, [isOpen, views, logger]);
-  const openMatchRef = (0, import_react40.useRef)(() => {
+  const openMatchRef = (0, import_react44.useRef)(() => {
   });
   openMatchRef.current = (matchId) => {
     if (views?.view(matchId) === "log") {
@@ -7260,7 +7882,7 @@ function useHostEvents(opts) {
     }
     if (typeof window.matchMedia === "function" && window.matchMedia(FULLSCREEN_QUERY).matches) closePanel();
   };
-  const matchLink = (0, import_react40.useMemo)(
+  const matchLink = (0, import_react44.useMemo)(
     () => hasOpenMatch ? { open: (matchId) => openMatchRef.current(matchId), label: openMatchLabel } : null,
     [hasOpenMatch, openMatchLabel]
   );
@@ -7328,7 +7950,7 @@ function themeAttrs(ui) {
 }
 
 // src/useChatStream.ts
-var import_react42 = require("react");
+var import_react46 = require("react");
 var import_widget_sdk4 = require("@sensiblestats/widget-sdk");
 
 // src/reducer.ts
@@ -7488,7 +8110,7 @@ function reducer(state, action) {
 }
 
 // src/useLiveDashboardPoll.ts
-var import_react41 = require("react");
+var import_react45 = require("react");
 var POLL_INTERVAL_MS = 6e4;
 var LEAD_MS = 12e4;
 var GIVE_UP_MS = 30 * 6e4;
@@ -7530,13 +8152,13 @@ function findEarliestWakeupMs(messages) {
   return earliest;
 }
 function useLiveDashboardPoll({ messages, dispatch, getLiveDashboard }) {
-  const [, forceUpdate] = (0, import_react41.useReducer)((x) => x + 1, 0);
+  const [, forceUpdate] = (0, import_react45.useReducer)((x) => x + 1, 0);
   const anchor = findAnchor(messages);
-  const anchorRef = (0, import_react41.useRef)(anchor);
+  const anchorRef = (0, import_react45.useRef)(anchor);
   anchorRef.current = anchor;
-  const inFlightRef = (0, import_react41.useRef)(false);
+  const inFlightRef = (0, import_react45.useRef)(false);
   const anchorKey = anchor ? `${anchor.messageId}:${anchor.kind}` : null;
-  (0, import_react41.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (!anchorKey || !anchorRef.current) return;
     const tick = async () => {
       if (inFlightRef.current) return;
@@ -7572,7 +8194,7 @@ function useLiveDashboardPoll({ messages, dispatch, getLiveDashboard }) {
     }, POLL_INTERVAL_MS);
     return () => window.clearInterval(id);
   }, [anchorKey, dispatch, getLiveDashboard]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     if (anchorKey !== null) return;
     const wakeAt = findEarliestWakeupMs(messages);
     if (wakeAt === null) return;
@@ -7637,7 +8259,7 @@ function seedIdCounter(messages) {
   return max + 1;
 }
 function useChatStream(conversation, starterTexts, greetingMessage, storageKey) {
-  const boot = (0, import_react42.useMemo)(() => {
+  const boot = (0, import_react46.useMemo)(() => {
     const payload = storageKey ? readConversation(storageKey, Date.now()) : null;
     const restored = payload != null && payload !== "expired" && payload !== "corrupt";
     const base = initialState(starterTexts.map(chipFromText));
@@ -7646,27 +8268,27 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     }
     return { state: base, restored: false, stale: payload === "expired" || payload === "corrupt" };
   }, []);
-  const [state, dispatch] = (0, import_react42.useReducer)(reducer, boot.state);
-  const idRef = (0, import_react42.useRef)(seedIdCounter(boot.state.messages));
-  const handleRef = (0, import_react42.useRef)(null);
-  const fallbackTimerRef = (0, import_react42.useRef)(null);
-  const stateRef = (0, import_react42.useRef)(state);
+  const [state, dispatch] = (0, import_react46.useReducer)(reducer, boot.state);
+  const idRef = (0, import_react46.useRef)(seedIdCounter(boot.state.messages));
+  const handleRef = (0, import_react46.useRef)(null);
+  const fallbackTimerRef = (0, import_react46.useRef)(null);
+  const stateRef = (0, import_react46.useRef)(state);
   stateRef.current = state;
-  const greetedRef = (0, import_react42.useRef)(boot.restored);
-  const hydratedRef = (0, import_react42.useRef)(false);
-  const restoreSeededRef = (0, import_react42.useRef)(false);
+  const greetedRef = (0, import_react46.useRef)(boot.restored);
+  const hydratedRef = (0, import_react46.useRef)(false);
+  const restoreSeededRef = (0, import_react46.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_react42.useCallback)(() => {
+  const clearFallbackTimer = (0, import_react46.useCallback)(() => {
     if (fallbackTimerRef.current != null) {
       clearTimeout(fallbackTimerRef.current);
       fallbackTimerRef.current = null;
     }
   }, []);
-  const armFallbackTimer = (0, import_react42.useCallback)((onFire) => {
+  const armFallbackTimer = (0, import_react46.useCallback)((onFire) => {
     clearFallbackTimer();
     fallbackTimerRef.current = setTimeout(() => {
       fallbackTimerRef.current = null;
@@ -7675,7 +8297,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       onFire();
     }, STREAM_FALLBACK_TIMEOUT_MS);
   }, [clearFallbackTimer]);
-  const consume = (0, import_react42.useCallback)((handle, onError) => {
+  const consume = (0, import_react46.useCallback)((handle, onError) => {
     ;
     (async () => {
       try {
@@ -7693,7 +8315,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       }
     })();
   }, [clearFallbackTimer]);
-  const run = (0, import_react42.useCallback)((input, displayText) => {
+  const run = (0, import_react46.useCallback)((input, displayText) => {
     handleRef.current?.cancel();
     clearFallbackTimer();
     dispatch({ kind: "USER_SENT", input, userId: nextId(), assistantId: nextId(), displayText });
@@ -7705,7 +8327,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     });
     consume(handle, (err) => dispatch({ kind: "STREAM_ERROR", error: err }));
   }, [conversation, consume, clearFallbackTimer, armFallbackTimer]);
-  const send = (0, import_react42.useCallback)((text, opts) => {
+  const send = (0, import_react46.useCallback)((text, opts) => {
     const trimmed = text.trim();
     if (!trimmed) return;
     run({
@@ -7713,14 +8335,15 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       actionId: opts?.actionId,
       actionRef: opts?.actionRef,
       grounding: opts?.grounding,
-      clientCapabilities: [...CLIENT_CAPABILITIES]
+      clientCapabilities: [...CLIENT_CAPABILITIES],
+      ...opts?.preset ? { preset: opts.preset } : {}
     }, opts?.displayText);
   }, [run]);
-  const retry = (0, import_react42.useCallback)(() => {
+  const retry = (0, import_react46.useCallback)(() => {
     const last = stateRef.current.lastUserInput;
     if (last) run(last, stateRef.current.lastDisplayText ?? void 0);
   }, [run]);
-  const fireGreeting = (0, import_react42.useCallback)(() => {
+  const fireGreeting = (0, import_react46.useCallback)(() => {
     const message = greetingMessage?.trim();
     if (!message) return;
     try {
@@ -7735,15 +8358,15 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       dispatch({ kind: "STOP" });
     }
   }, [greetingMessage, conversation, consume, clearFallbackTimer, armFallbackTimer]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (greetedRef.current) return;
     greetedRef.current = true;
     fireGreeting();
   }, [fireGreeting]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (boot.stale && storageKey) clearConversation(storageKey);
   }, []);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!storageKey || state.isStreaming) return;
     if (hydratedRef.current) {
       hydratedRef.current = false;
@@ -7760,7 +8383,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_react42.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!storageKey) return;
     const onStorage = (e) => {
       if (e.key !== storageKey || e.storageArea !== window.localStorage) return;
@@ -7784,25 +8407,25 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     window.addEventListener("storage", onStorage);
     return () => window.removeEventListener("storage", onStorage);
   }, [storageKey, conversation, fireGreeting]);
-  const open = (0, import_react42.useCallback)(() => dispatch({ kind: "OPEN" }), []);
-  const close = (0, import_react42.useCallback)(() => {
+  const open = (0, import_react46.useCallback)(() => dispatch({ kind: "OPEN" }), []);
+  const close = (0, import_react46.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
     dispatch({ kind: "CLOSE" });
   }, [clearFallbackTimer]);
-  const stop = (0, import_react42.useCallback)(() => {
+  const stop = (0, import_react46.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
     dispatch({ kind: "STOP" });
   }, [clearFallbackTimer]);
-  const toggle = (0, import_react42.useCallback)(() => {
+  const toggle = (0, import_react46.useCallback)(() => {
     if (stateRef.current.isOpen) close();
     else open();
   }, [close, open]);
-  const dismissPopup = (0, import_react42.useCallback)(() => dispatch({ kind: "DISMISS_POPUP" }), []);
-  const reset = (0, import_react42.useCallback)(() => {
+  const dismissPopup = (0, import_react46.useCallback)(() => dispatch({ kind: "DISMISS_POPUP" }), []);
+  const reset = (0, import_react46.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
@@ -7813,18 +8436,18 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     greetedRef.current = true;
     fireGreeting();
   }, [storageKey, conversation, clearFallbackTimer, fireGreeting]);
-  const getLiveDashboard = (0, import_react42.useCallback)(() => conversation.getLiveDashboard(), [conversation]);
+  const getLiveDashboard = (0, import_react46.useCallback)(() => conversation.getLiveDashboard(), [conversation]);
   useLiveDashboardPoll({ messages: state.messages, dispatch, getLiveDashboard });
   return { state, open, close, stop, toggle, send, retry, dismissPopup, reset, _dispatch: dispatch };
 }
 
 // src/useLiveMonitor.ts
-var import_react44 = require("react");
+var import_react48 = require("react");
 
 // src/useTabs.ts
-var import_react43 = require("react");
+var import_react47 = require("react");
 function useTabs(initial = "chat") {
-  const [activeTab, setActiveTab] = (0, import_react43.useState)(initial);
+  const [activeTab, setActiveTab] = (0, import_react47.useState)(initial);
   return { activeTab, setActiveTab };
 }
 
@@ -7849,38 +8472,38 @@ function phaseForPin(snapshot, pin) {
   return snapshot.markets.find((mk) => mk.key === pin.key)?.phase;
 }
 function useLiveMonitor(opts) {
-  const sessionIdRef = (0, import_react44.useRef)(crypto.randomUUID());
-  const [pins, setPins] = (0, import_react44.useState)([]);
-  const [store] = (0, import_react44.useState)(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
-  const [enabled, setEnabled] = (0, import_react44.useState)(true);
-  const [snapshot, setSnapshotState] = (0, import_react44.useState)(null);
+  const sessionIdRef = (0, import_react48.useRef)(crypto.randomUUID());
+  const [pins, setPins] = (0, import_react48.useState)([]);
+  const [store] = (0, import_react48.useState)(() => createPinStore(opts.storageKey, sessionIdRef.current, setPins));
+  const [enabled, setEnabled] = (0, import_react48.useState)(true);
+  const [snapshot, setSnapshotState] = (0, import_react48.useState)(null);
   const { activeTab, setActiveTab: setActiveTabState } = useTabs("chat");
-  const [chatDot, setChatDot] = (0, import_react44.useState)(false);
-  const [matchesDot, setMatchesDot] = (0, import_react44.useState)(false);
-  const [oddsDot, setOddsDot] = (0, import_react44.useState)(false);
-  const [todayDot, setTodayDot] = (0, import_react44.useState)(false);
-  const [lastViewedPrices, setLastViewedPrices] = (0, import_react44.useState)({});
-  const [openMarket, setOpenMarket] = (0, import_react44.useState)({});
-  const [marketOdds, setMarketOdds] = (0, import_react44.useState)({});
-  const pinsRef = (0, import_react44.useRef)(pins);
+  const [chatDot, setChatDot] = (0, import_react48.useState)(false);
+  const [matchesDot, setMatchesDot] = (0, import_react48.useState)(false);
+  const [oddsDot, setOddsDot] = (0, import_react48.useState)(false);
+  const [todayDot, setTodayDot] = (0, import_react48.useState)(false);
+  const [lastViewedPrices, setLastViewedPrices] = (0, import_react48.useState)({});
+  const [openMarket, setOpenMarket] = (0, import_react48.useState)({});
+  const [marketOdds, setMarketOdds] = (0, import_react48.useState)({});
+  const pinsRef = (0, import_react48.useRef)(pins);
   pinsRef.current = pins;
-  const watchesRef = (0, import_react44.useRef)(opts.watches ?? []);
+  const watchesRef = (0, import_react48.useRef)(opts.watches ?? []);
   watchesRef.current = opts.watches ?? [];
-  const activeTabRef = (0, import_react44.useRef)(activeTab);
+  const activeTabRef = (0, import_react48.useRef)(activeTab);
   activeTabRef.current = activeTab;
-  const snapshotRef = (0, import_react44.useRef)(snapshot);
+  const snapshotRef = (0, import_react48.useRef)(snapshot);
   snapshotRef.current = snapshot;
-  const lastViewedPricesRef = (0, import_react44.useRef)(lastViewedPrices);
+  const lastViewedPricesRef = (0, import_react48.useRef)(lastViewedPrices);
   lastViewedPricesRef.current = lastViewedPrices;
-  const openMarketRef = (0, import_react44.useRef)(openMarket);
+  const openMarketRef = (0, import_react48.useRef)(openMarket);
   openMarketRef.current = openMarket;
-  const marketOddsRef = (0, import_react44.useRef)(marketOdds);
+  const marketOddsRef = (0, import_react48.useRef)(marketOdds);
   marketOddsRef.current = marketOdds;
   const hasToday = opts.hasToday ?? false;
   const marketKey = (matchId, dev) => `${matchId}:${dev}`;
-  const getMarketOddsRef = (0, import_react44.useRef)(opts.getMarketOdds);
+  const getMarketOddsRef = (0, import_react48.useRef)(opts.getMarketOdds);
   getMarketOddsRef.current = opts.getMarketOdds;
-  const fetchMarket = (0, import_react44.useCallback)((matchId, dev) => {
+  const fetchMarket = (0, import_react48.useCallback)((matchId, dev) => {
     const key = marketKey(matchId, dev);
     const existing = marketOddsRef.current[key];
     if (existing?.loading) return;
@@ -7899,7 +8522,7 @@ function useLiveMonitor(opts) {
       setMarketOdds((prev) => ({ ...prev, [key]: entry }));
     });
   }, []);
-  const toggleMarket = (0, import_react44.useCallback)((matchId, dev) => {
+  const toggleMarket = (0, import_react48.useCallback)((matchId, dev) => {
     const key = marketKey(matchId, dev);
     const wasOpen = openMarketRef.current[matchId] === dev;
     const nextValue = wasOpen ? null : dev;
@@ -7910,10 +8533,10 @@ function useLiveMonitor(opts) {
       fetchMarket(matchId, dev);
     }
   }, [fetchMarket]);
-  const retryMarket = (0, import_react44.useCallback)((matchId, dev) => {
+  const retryMarket = (0, import_react48.useCallback)((matchId, dev) => {
     fetchMarket(matchId, dev);
   }, [fetchMarket]);
-  const applySnapshot = (0, import_react44.useCallback)((next) => {
+  const applySnapshot = (0, import_react48.useCallback)((next) => {
     if (next === null) {
       setEnabled(false);
       return;
@@ -7976,13 +8599,13 @@ function useLiveMonitor(opts) {
     snapshotRef.current = next;
     setSnapshotState(next);
   }, [store]);
-  const inFlightRef = (0, import_react44.useRef)(false);
-  const timerRef = (0, import_react44.useRef)(void 0);
-  const disabledRef = (0, import_react44.useRef)(false);
-  const mountedRef = (0, import_react44.useRef)(false);
-  const getLiveMonitorRef = (0, import_react44.useRef)(opts.getLiveMonitor);
+  const inFlightRef = (0, import_react48.useRef)(false);
+  const timerRef = (0, import_react48.useRef)(void 0);
+  const disabledRef = (0, import_react48.useRef)(false);
+  const mountedRef = (0, import_react48.useRef)(false);
+  const getLiveMonitorRef = (0, import_react48.useRef)(opts.getLiveMonitor);
   getLiveMonitorRef.current = opts.getLiveMonitor;
-  const tick = (0, import_react44.useCallback)(async () => {
+  const tick = (0, import_react48.useCallback)(async () => {
     const allPins = [...pinsRef.current, ...watchesRef.current];
     if (inFlightRef.current || disabledRef.current || allPins.length === 0) return;
     inFlightRef.current = true;
@@ -8006,7 +8629,7 @@ function useLiveMonitor(opts) {
       scheduleRef.current();
     }
   }, [applySnapshot, fetchMarket]);
-  const scheduleRef = (0, import_react44.useRef)(() => {
+  const scheduleRef = (0, import_react48.useRef)(() => {
   });
   scheduleRef.current = () => {
     window.clearTimeout(timerRef.current);
@@ -8016,14 +8639,14 @@ function useLiveMonitor(opts) {
     const hinted = snapshotRef.current ? snapshotRef.current.nextPollSeconds * 1e3 : fallbackMs;
     timerRef.current = window.setTimeout(() => void tick(), Math.max(MIN_POLL_MS, hinted));
   };
-  (0, import_react44.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const prevPinsLengthRef = (0, import_react44.useRef)(0);
-  (0, import_react44.useEffect)(() => {
+  const prevPinsLengthRef = (0, import_react48.useRef)(0);
+  (0, import_react48.useEffect)(() => {
     const wasEmpty = prevPinsLengthRef.current === 0 && watchesRef.current.length === 0;
     prevPinsLengthRef.current = pins.length;
     if (pins.length === 0 && watchesRef.current.length === 0) {
@@ -8032,27 +8655,27 @@ function useLiveMonitor(opts) {
     }
     if (wasEmpty) void tick();
   }, [pins.length, tick]);
-  const prevWatchesLengthRef = (0, import_react44.useRef)(0);
+  const prevWatchesLengthRef = (0, import_react48.useRef)(0);
   const watchesLength = opts.watches?.length ?? 0;
-  (0, import_react44.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     const wasEmpty = prevWatchesLengthRef.current === 0 && pinsRef.current.length === 0;
     prevWatchesLengthRef.current = watchesLength;
     if (wasEmpty && watchesLength > 0) void tick();
   }, [watchesLength, tick]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react48.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_react44.useRef)(false);
-  (0, import_react44.useEffect)(() => {
+  const prevIsOpenRef = (0, import_react48.useRef)(false);
+  (0, import_react48.useEffect)(() => {
     const wasClosed = !prevIsOpenRef.current;
     prevIsOpenRef.current = opts.isOpen;
     if (wasClosed && opts.isOpen) void tick();
   }, [opts.isOpen, tick]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     const onVisibility = () => {
       if (document.visibilityState === "hidden") window.clearTimeout(timerRef.current);
       else void tick();
@@ -8063,7 +8686,7 @@ function useLiveMonitor(opts) {
       window.clearTimeout(timerRef.current);
     };
   }, [tick]);
-  const setActiveTab = (0, import_react44.useCallback)((tab) => {
+  const setActiveTab = (0, import_react48.useCallback)((tab) => {
     setActiveTabState(tab);
     if (tab === "chat") setChatDot(false);
     if (tab === "today") setTodayDot(false);
@@ -8084,14 +8707,14 @@ function useLiveMonitor(opts) {
       void tick();
     }
   }, [tick]);
-  const togglePin = (0, import_react44.useCallback)((pin) => {
+  const togglePin = (0, import_react48.useCallback)((pin) => {
     const result = store.toggle(pin);
     pinsRef.current = store.pins;
     return result;
   }, [store]);
-  const isPinned = (0, import_react44.useCallback)((key) => pinsRef.current.some((p) => p.key === key), []);
-  const markChatActivity = (0, import_react44.useCallback)(() => setChatDot(true), []);
-  const markTodayActivity = (0, import_react44.useCallback)(() => {
+  const isPinned = (0, import_react48.useCallback)((key) => pinsRef.current.some((p) => p.key === key), []);
+  const markChatActivity = (0, import_react48.useCallback)(() => setChatDot(true), []);
+  const markTodayActivity = (0, import_react48.useCallback)(() => {
     if (activeTabRef.current !== "today") setTodayDot(true);
   }, []);
   return {
@@ -8118,7 +8741,7 @@ function useLiveMonitor(opts) {
 }
 
 // src/useMatchDiscovery.ts
-var import_react45 = require("react");
+var import_react49 = require("react");
 
 // src/scheduleCache.ts
 var PREFIX = "ss-w-schedule:";
@@ -8206,27 +8829,27 @@ function localDateOf(now) {
   return `${y}-${m}-${d}`;
 }
 function useMatchDiscovery(opts) {
-  const [groups, setGroups] = (0, import_react45.useState)([]);
-  const [states, setStates] = (0, import_react45.useState)({});
-  const [failures, setFailures] = (0, import_react45.useState)(0);
-  const [expanded, setExpanded] = (0, import_react45.useState)({});
-  const [touched, setTouched] = (0, import_react45.useState)({});
-  const groupsRef = (0, import_react45.useRef)(groups);
+  const [groups, setGroups] = (0, import_react49.useState)([]);
+  const [states, setStates] = (0, import_react49.useState)({});
+  const [failures, setFailures] = (0, import_react49.useState)(0);
+  const [expanded, setExpanded] = (0, import_react49.useState)({});
+  const [touched, setTouched] = (0, import_react49.useState)({});
+  const groupsRef = (0, import_react49.useRef)(groups);
   groupsRef.current = groups;
-  const statesRef = (0, import_react45.useRef)(states);
+  const statesRef = (0, import_react49.useRef)(states);
   statesRef.current = states;
-  const getStatesRef = (0, import_react45.useRef)(opts.getStates);
+  const getStatesRef = (0, import_react49.useRef)(opts.getStates);
   getStatesRef.current = opts.getStates;
   const pinnedKey = opts.pinnedMatchIds.join(",");
-  const [localDate, setLocalDate] = (0, import_react45.useState)(() => localDateOf(/* @__PURE__ */ new Date()));
-  (0, import_react45.useEffect)(() => {
+  const [localDate, setLocalDate] = (0, import_react49.useState)(() => localDateOf(/* @__PURE__ */ new Date()));
+  (0, import_react49.useEffect)(() => {
     const id = setInterval(() => {
       const next = localDateOf(/* @__PURE__ */ new Date());
       setLocalDate((prev) => prev === next ? prev : next);
     }, ROLLOVER_CHECK_MS);
     return () => clearInterval(id);
   }, []);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     let cancelled = false;
     const utcOffsetMinutes = -(/* @__PURE__ */ new Date()).getTimezoneOffset();
     const cached = readSchedule(opts.operatorId, localDate, Date.now());
@@ -8251,7 +8874,7 @@ function useMatchDiscovery(opts) {
       cancelled = true;
     };
   }, [opts.operatorId, localDate]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     setExpanded((prev) => {
       const next = {};
       for (const group of groups) {
@@ -8262,7 +8885,7 @@ function useMatchDiscovery(opts) {
       return next;
     });
   }, [groups, pinnedKey, touched]);
-  const tick = (0, import_react45.useCallback)(async () => {
+  const tick = (0, import_react49.useCallback)(async () => {
     const ids = dueMatchIds(groupsRef.current, statesRef.current, Date.now());
     if (ids.length === 0) return;
     try {
@@ -8278,7 +8901,7 @@ function useMatchDiscovery(opts) {
       setFailures((n) => n + 1);
     }
   }, []);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!opts.isOpen) return;
     void tick();
     const id = setInterval(() => {
@@ -8287,11 +8910,11 @@ function useMatchDiscovery(opts) {
     return () => clearInterval(id);
   }, [opts.isOpen, tick, groups]);
   const stale = failures >= STALE_AFTER_FAILURES;
-  const liveCount = (0, import_react45.useMemo)(
+  const liveCount = (0, import_react49.useMemo)(
     () => stale ? 0 : Object.values(states).filter((s) => s.phase === "live").length,
     [states, stale]
   );
-  const toggleGroup = (0, import_react45.useCallback)((competitionId) => {
+  const toggleGroup = (0, import_react49.useCallback)((competitionId) => {
     setTouched((prev) => ({ ...prev, [competitionId]: true }));
     setExpanded((prev) => ({ ...prev, [competitionId]: !prev[competitionId] }));
   }, []);
@@ -8299,25 +8922,25 @@ function useMatchDiscovery(opts) {
 }
 
 // src/useGames.ts
-var import_react46 = require("react");
+var import_react50 = 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_react46.useState)(false);
-  const [games, setGames] = (0, import_react46.useState)([]);
-  const [loading, setLoading] = (0, import_react46.useState)(false);
-  const [refreshCount, setRefreshCount] = (0, import_react46.useState)(0);
-  const inFlightRef = (0, import_react46.useRef)(false);
-  const hardOffRef = (0, import_react46.useRef)(false);
-  const conversationRef = (0, import_react46.useRef)(conversation);
+  const [enabled, setEnabled] = (0, import_react50.useState)(false);
+  const [games, setGames] = (0, import_react50.useState)([]);
+  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const [refreshCount, setRefreshCount] = (0, import_react50.useState)(0);
+  const inFlightRef = (0, import_react50.useRef)(false);
+  const hardOffRef = (0, import_react50.useRef)(false);
+  const conversationRef = (0, import_react50.useRef)(conversation);
   conversationRef.current = conversation;
-  const tzRef = (0, import_react46.useRef)(operatorTimezone ?? DEFAULT_TZ);
+  const tzRef = (0, import_react50.useRef)(operatorTimezone ?? DEFAULT_TZ);
   tzRef.current = operatorTimezone ?? DEFAULT_TZ;
   const ready = conversation != null;
-  (0, import_react46.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (hardOffRef.current) return;
     let active = true;
     const doFetch = async () => {
@@ -8360,22 +8983,22 @@ function useGames(conversation, { activeTab, operatorTimezone }) {
       if (intervalId !== void 0) window.clearInterval(intervalId);
     };
   }, [activeTab, refreshCount, ready]);
-  const refresh = (0, import_react46.useCallback)(() => {
+  const refresh = (0, import_react50.useCallback)(() => {
     setRefreshCount((c) => c + 1);
   }, []);
   return { enabled, games, loading, refresh };
 }
 
 // src/useLeaderboard.ts
-var import_react47 = require("react");
+var import_react51 = require("react");
 function useLeaderboard(conversation, { activeTab }) {
-  const [data, setData] = (0, import_react47.useState)(null);
-  const [loading, setLoading] = (0, import_react47.useState)(false);
-  const [refreshCount, setRefreshCount] = (0, import_react47.useState)(0);
-  const inFlightRef = (0, import_react47.useRef)(false);
-  const conversationRef = (0, import_react47.useRef)(conversation);
+  const [data, setData] = (0, import_react51.useState)(null);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const [refreshCount, setRefreshCount] = (0, import_react51.useState)(0);
+  const inFlightRef = (0, import_react51.useRef)(false);
+  const conversationRef = (0, import_react51.useRef)(conversation);
   conversationRef.current = conversation;
-  (0, import_react47.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (activeTab !== "leaderboard" && activeTab !== "games") return;
     let active = true;
     const doFetch = async () => {
@@ -8398,18 +9021,68 @@ function useLeaderboard(conversation, { activeTab }) {
       inFlightRef.current = false;
     };
   }, [activeTab, refreshCount]);
-  const refresh = (0, import_react47.useCallback)(() => {
+  const refresh = (0, import_react51.useCallback)(() => {
     setRefreshCount((c) => c + 1);
   }, []);
   return { data, loading, refresh };
 }
 
+// src/usePresetGrid.ts
+var import_react52 = require("react");
+var GRID_MAX_AGE_MS = 6e5;
+function usePresetGrid({ getPricePresets, isOpen, locale, now = Date.now }) {
+  const [grid, setGrid] = (0, import_react52.useState)(null);
+  const keptRef = (0, import_react52.useRef)(null);
+  const localeRef = (0, import_react52.useRef)(locale);
+  const inFlightRef = (0, import_react52.useRef)(false);
+  const mountedRef = (0, import_react52.useRef)(true);
+  const getRef = (0, import_react52.useRef)(getPricePresets);
+  getRef.current = getPricePresets;
+  const nowRef = (0, import_react52.useRef)(now);
+  nowRef.current = now;
+  (0, import_react52.useEffect)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  (0, import_react52.useEffect)(() => {
+    if (localeRef.current !== locale) {
+      localeRef.current = locale;
+      keptRef.current = null;
+      setGrid(null);
+    }
+    if (!isOpen || inFlightRef.current) return;
+    const kept = keptRef.current;
+    const age = kept ? nowRef.current() - Date.parse(kept.builtAtUtc) : Number.NaN;
+    if (age <= GRID_MAX_AGE_MS) return;
+    inFlightRef.current = true;
+    Promise.resolve().then(() => getRef.current(locale)).then((body) => {
+      if (body === null || isPresetGrid(body) && !hasAnyCell(body)) {
+        keptRef.current = null;
+        if (mountedRef.current) setGrid(null);
+        return;
+      }
+      if (!isPresetGrid(body)) return;
+      keptRef.current = body;
+      if (mountedRef.current) setGrid(body);
+    }).catch(() => {
+    }).finally(() => {
+      inFlightRef.current = false;
+    });
+  }, [isOpen, locale]);
+  return grid;
+}
+function hasAnyCell(grid) {
+  return grid.singles.length > 0 || grid.singlesFrom.length > 0 || grid.combos.length > 0;
+}
+
 // src/popupTelemetry.ts
-var import_react48 = require("react");
+var import_react53 = require("react");
 function usePopupTelemetry(log, isOpen, popupText, dismissPopup) {
-  const shownRef = (0, import_react48.useRef)(/* @__PURE__ */ new Set());
-  const closedTextRef = (0, import_react48.useRef)(null);
-  (0, import_react48.useEffect)(() => {
+  const shownRef = (0, import_react53.useRef)(/* @__PURE__ */ new Set());
+  const closedTextRef = (0, import_react53.useRef)(null);
+  (0, import_react53.useEffect)(() => {
     if (isOpen) {
       if (closedTextRef.current) log?.log({ name: "popup_opened" });
       closedTextRef.current = null;
@@ -8421,65 +9094,65 @@ function usePopupTelemetry(log, isOpen, popupText, dismissPopup) {
       log?.log({ name: "popup_shown" });
     }
   }, [log, isOpen, popupText]);
-  return (0, import_react48.useCallback)(() => {
+  return (0, import_react53.useCallback)(() => {
     log?.log({ name: "popup_dismissed" });
     dismissPopup();
   }, [log, dismissPopup]);
 }
 
 // src/components/ChatFab.tsx
-var import_react49 = require("react");
+var import_react54 = require("react");
 
 // src/components/GreetingBubble.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function GreetingBubble({ text, onOpen, onDismiss, dismissLabel = "Dismiss", asks }) {
-  const body = /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("button", { type: "button", className: "ss-w-greeting-body", onClick: onOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "ss-w-greeting-dots", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("i", {})
+  const body = /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("button", { type: "button", className: "ss-w-greeting-body", onClick: onOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "ss-w-greeting-dots", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("i", {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "ss-w-greeting-text", children: text })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "ss-w-greeting-text", children: text })
   ] });
-  const dismiss = onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-greeting-x", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" }) : null;
+  const dismiss = onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "ss-w-greeting-x", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" }) : null;
   if (!asks || asks.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-greeting", role: "note", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-greeting", role: "note", children: [
       body,
       dismiss
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-greeting ss-w-greeting--asks", role: "note", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "ss-w-greeting-top", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-greeting ss-w-greeting--asks", role: "note", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "ss-w-greeting-top", children: [
       body,
       dismiss
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "ss-w-greeting-asks", children: asks.map((ask, i) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { type: "button", className: "ss-w-greeting-ask", onClick: ask.onTap, children: ask.label }, `${i}:${ask.label}`)) })
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "ss-w-greeting-asks", children: asks.map((ask, i) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", className: "ss-w-greeting-ask", onClick: ask.onTap, children: ask.label }, `${i}:${ask.label}`)) })
   ] });
 }
 
 // src/components/ChatFab.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss", introAllowed = false, onIntroStart, asks }) {
   const bubble = popupText ?? greeting;
-  const [intro, setIntro] = (0, import_react49.useState)(false);
-  const armedRef = (0, import_react49.useRef)(introAllowed);
-  (0, import_react49.useEffect)(() => {
+  const [intro, setIntro] = (0, import_react54.useState)(false);
+  const armedRef = (0, import_react54.useRef)(introAllowed);
+  (0, import_react54.useEffect)(() => {
     if (armedRef.current && bubble) {
       armedRef.current = false;
       setIntro(true);
       onIntroStart?.();
     }
   }, [bubble, onIntroStart]);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: intro ? "ss-w-fab-wrap ss-w-intro" : "ss-w-fab-wrap", children: [
-    bubble ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(GreetingBubble, { text: bubble, onOpen, onDismiss: popupText ? onDismissPopup : void 0, dismissLabel, asks: popupText ? asks : void 0 }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("button", { type: "button", className: "ss-w-fab", "aria-label": label, onClick: onOpen, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BrandMark, { logoUrl, className: "ss-w-fab-mark" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: intro ? "ss-w-fab-wrap ss-w-intro" : "ss-w-fab-wrap", children: [
+    bubble ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(GreetingBubble, { text: bubble, onOpen, onDismiss: popupText ? onDismissPopup : void 0, dismissLabel, asks: popupText ? asks : void 0 }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", className: "ss-w-fab", "aria-label": label, onClick: onOpen, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(BrandMark, { logoUrl, className: "ss-w-fab-mark" }) })
   ] });
 }
 
 // src/components/HostEventsProvider.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function HostEventsProvider({ value, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(SlipStateContext.Provider, { value: value.slipState, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MatchLinkContext.Provider, { value: value.matchLink, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SlipStateContext.Provider, { value: value.slipState, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(MatchLinkContext.Provider, { value: value.matchLink, children }) });
 }
 
 // src/styles/css.generated.ts
@@ -8916,6 +9589,71 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-combo-leg-stat { font-size: 12px; line-height: 1.45; color: var(--ss-w-ink); background: var(--ss-w-bubble); border-radius: 8px; padding: 6px 9px; }
 .ss-w-combo-math { font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--ss-w-ink); text-align: right; background: color-mix(in srgb, var(--ss-w-accent) 9%, var(--ss-w-panel)); border-radius: 8px; padding: 8px 10px; overflow-wrap: anywhere; }
 .ss-w-combo-note { font-size: 11px; line-height: 1.4; color: var(--ss-w-faint); }
+.ss-w-combo-change { align-self: flex-start; min-height: 36px; padding: 6px 12px; font: inherit; font-size: 12px; font-weight: 650; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid var(--ss-w-accent); border-radius: 16px; cursor: pointer; }
+
+/* onboarding presets stage 2: the two tools (spec Stage 2 Behaviour, boards 1c and 2c). A sheet
+   over the message list, inside .ss-w-chat-layer; the body scrolls and the builder's Send sits in
+   the footer, so it stays visible on a phone. Colours come from the theme tokens. */
+.ss-w-tool-backdrop { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; justify-content: flex-end; background: rgba(0,0,0,.35); }
+.ss-w-tool { display: flex; flex-direction: column; min-height: 0; max-height: 100%; background: var(--ss-w-panel); color: var(--ss-w-ink); border-top: 1px solid var(--ss-w-line); border-radius: 16px 16px 0 0; box-shadow: 0 -8px 24px rgba(0,0,0,.18); outline: none; }
+.ss-w-tool-head { flex: none; display: flex; align-items: center; gap: 8px; padding: 12px 14px 8px; }
+.ss-w-tool-title { flex: 1; font-size: 15px; font-weight: 700; line-height: 1.3; }
+.ss-w-tool-close { flex: none; width: 36px; height: 36px; display: grid; place-items: center; font-size: 16px; color: var(--ss-w-faint); background: var(--ss-w-bubble); border: none; border-radius: 50%; cursor: pointer; }
+.ss-w-tool-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 12px; padding: 4px 14px 14px; }
+.ss-w-tool-body > * { flex: none; }
+.ss-w-tool-foot { flex: none; padding: 10px 14px 12px; border-top: 1px solid var(--ss-w-line); }
+.ss-w-tool-row { display: flex; flex-direction: column; gap: 8px; padding: 10px 11px; border: 1px solid var(--ss-w-line); border-left: 3px solid var(--ss-w-accent); border-radius: 12px; }
+.ss-w-tool-ask { font-size: 14px; font-weight: 650; line-height: 1.7; color: var(--ss-w-ink); overflow-wrap: anywhere; }
+.ss-w-tool-num { display: inline-block; min-width: 44px; min-height: 32px; margin: 0 2px; padding: 3px 8px; font: inherit; font-variant-numeric: tabular-nums; font-weight: 800; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 10%, var(--ss-w-panel)); border: 1px dashed color-mix(in srgb, var(--ss-w-accent) 55%, var(--ss-w-line)); border-radius: 8px; cursor: pointer; }
+.ss-w-tool-picks { list-style: none; display: flex; flex-direction: column; gap: 4px; }
+.ss-w-tool-pick { display: grid; grid-template-columns: 1fr auto; column-gap: 8px; padding: 5px 8px; font-size: 12px; line-height: 1.35; background: var(--ss-w-bubble); border-radius: 8px; }
+.ss-w-tool-pick-match { grid-column: 1; font-weight: 650; color: var(--ss-w-ink); overflow-wrap: anywhere; }
+.ss-w-tool-pick-sel { grid-column: 1; color: var(--ss-w-faint); overflow-wrap: anywhere; }
+.ss-w-tool-pick-kick { grid-column: 1; font-size: 11px; color: var(--ss-w-faint); }
+.ss-w-tool-pick-price { grid-column: 2; grid-row: 1 / span 3; align-self: center; font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; font-size: 14px; font-weight: 800; color: var(--ss-w-accent); }
+.ss-w-tool-math { padding: 6px 8px; font-family: ui-monospace, monospace; font-variant-numeric: tabular-nums; font-size: 13px; font-weight: 700; text-align: right; color: var(--ss-w-ink); background: color-mix(in srgb, var(--ss-w-accent) 9%, var(--ss-w-panel)); border-radius: 8px; overflow-wrap: anywhere; }
+.ss-w-tool-unavailable { padding: 6px 8px; font-size: 12px; color: var(--ss-w-faint); border: 1px dashed var(--ss-w-line); border-radius: 8px; }
+.ss-w-tool-send { align-self: flex-end; min-height: 40px; padding: 8px 18px; font: inherit; font-size: 13px; font-weight: 700; color: #fff; background: var(--ss-w-accent); border: none; border-radius: 20px; cursor: pointer; }
+.ss-w-tool-send:disabled { color: var(--ss-w-faint); background: var(--ss-w-bubble); cursor: not-allowed; }
+.ss-w-tool-foot .ss-w-tool-send { width: 100%; }
+.ss-w-tool-section { display: flex; flex-direction: column; gap: 6px; }
+.ss-w-tool-label { font-size: 11.5px; font-weight: 650; color: var(--ss-w-faint); }
+.ss-w-tool-chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.ss-w-tool-chip { min-width: 52px; min-height: 36px; padding: 6px 10px; font: inherit; font-variant-numeric: tabular-nums; font-weight: 700; color: var(--ss-w-ink); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 18px; cursor: pointer; }
+.ss-w-tool-chip[aria-pressed="true"] { color: #fff; background: var(--ss-w-accent); border-color: var(--ss-w-accent); }
+.ss-w-tool-stepper { display: inline-flex; align-items: center; gap: 10px; }
+.ss-w-tool-step { width: 40px; height: 40px; display: grid; place-items: center; font: inherit; font-size: 18px; font-weight: 700; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 50%; cursor: pointer; }
+.ss-w-tool-step:disabled { opacity: .5; cursor: not-allowed; }
+.ss-w-tool-count { min-width: 24px; text-align: center; font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums; }
+
+/* onboarding presets stage 2: the chat layer and the speed dial (spec Stage 2 Behaviour). The
+   layer is the message list's positioned box (P6), so the dial sits against the list's bottom
+   right and rises with the composer: right 8px puts the 44px button's centre on Send's (12px
+   padding + 18px), bottom 10px is above the composer's top border. While the button shows the list
+   gets 54px more bottom padding so its last message can scroll clear. */
+.ss-w-chat-layer { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
+.ss-w-chat-layer[data-dial] .ss-w-list { padding-bottom: 68px; }
+.ss-w-dial { position: absolute; left: 12px; right: 8px; bottom: 10px; z-index: 2; display: flex; flex-direction: column-reverse; align-items: flex-end; gap: 8px; pointer-events: none; }
+.ss-w-dial-btn, .ss-w-dial-pill { pointer-events: auto; }
+.ss-w-dial-btn { position: relative; flex: none; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; font-size: 20px; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 40%, var(--ss-w-line)); border-radius: 50%; box-shadow: 0 4px 14px rgba(0,0,0,.18); cursor: pointer; }
+.ss-w-dial-btn[aria-expanded="true"] { color: var(--ss-w-panel); background: var(--ss-w-accent); border-color: var(--ss-w-accent); }
+.ss-w-dial-btn:focus-visible, .ss-w-dial-pill:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: 2px; }
+.ss-w-dial-icon { grid-area: 1 / 1; display: grid; place-items: center; transition: transform 200ms ease, opacity 200ms ease; }
+.ss-w-dial-icon--close { opacity: 0; transform: rotate(-90deg); }
+.ss-w-dial-btn[aria-expanded="true"] .ss-w-dial-icon--open { opacity: 0; transform: rotate(90deg); }
+.ss-w-dial-btn[aria-expanded="true"] .ss-w-dial-icon--close { opacity: 1; transform: none; }
+.ss-w-dial-dot { position: absolute; top: 3px; right: 3px; width: 10px; height: 10px; background: var(--ss-w-accent); border: 2px solid var(--ss-w-panel); border-radius: 50%; }
+.ss-w-dial-pills { max-width: 100%; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
+.ss-w-dial-pill { max-width: 100%; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px 6px 12px; font: inherit; font-size: 12.5px; font-weight: 650; line-height: 1.25; text-align: left; white-space: normal; overflow-wrap: anywhere; color: var(--ss-w-ink); background: var(--ss-w-panel); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 35%, var(--ss-w-line)); border-radius: 22px; box-shadow: 0 4px 14px rgba(0,0,0,.16); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(14px) scale(.5); transform-origin: bottom right; transition: opacity 200ms ease, transform 200ms ease, visibility 0s linear 200ms; }
+.ss-w-dial-pill svg { flex: none; font-size: 18px; color: var(--ss-w-accent); }
+.ss-w-dial-pill-label { min-width: 0; }
+.ss-w-dial-pills[data-open] .ss-w-dial-pill { opacity: 1; visibility: visible; transform: none; transition: opacity 200ms ease, transform 200ms ease, visibility 0s; }
+@media (prefers-reduced-motion: reduce) {
+  .ss-w-dial-pill { transform: none; transition: opacity 200ms ease, visibility 0s linear 200ms; }
+  .ss-w-dial-pills[data-open] .ss-w-dial-pill { transition: opacity 200ms ease, visibility 0s; }
+  .ss-w-dial-icon { transition: opacity 200ms ease; }
+  .ss-w-dial-icon--close, .ss-w-dial-btn[aria-expanded="true"] .ss-w-dial-icon--open { transform: none; }
+}
 
 /* Compact price list (D16): three or more cards of one turn, one row per fixture. Team names wrap
    to a second line and are never cut; the time sits above the match pin, with no column of its own. */
@@ -9002,6 +9740,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   .ss-w-textarea { font-size: 16px; }
 }
 .ss-w-send { width: 36px; height: 36px; flex: none; border: none; border-radius: 50%; background: var(--ss-w-accent); color: #fff; cursor: pointer; display: grid; place-items: center; font-size: 16px; }
+.ss-w-send:disabled { opacity: .45; cursor: not-allowed; }
 .ss-w-stop-glyph { width: 11px; height: 11px; background: currentColor; border-radius: 2px; }
 
 /* add to slip */
@@ -10041,7 +10780,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 `;
 
 // src/StatsWidget.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -10066,24 +10805,24 @@ function injectStyles(root) {
 function StatsWidget(props) {
   const injectedClient = "client" in props ? props.client : void 0;
   const cfg = props.config;
-  const built = (0, import_react50.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
-  const logger = (0, import_react50.useMemo)(
+  const built = (0, import_react55.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
+  const logger = (0, import_react55.useMemo)(
     () => built ? built.client.createEventLogger({
       operatorUserId: cfg?.userContext?.operatorUserId,
       anonymousUserId: cfg?.userContext?.anonymousUserId
     }) : null,
     [built?.client]
   );
-  const ui = (0, import_react50.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = (0, import_react50.useRef)(null);
-  const introDoneRef = (0, import_react50.useRef)(false);
-  const markIntroDone = (0, import_react50.useCallback)(() => {
+  const ui = (0, import_react55.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
+  const rootRef = (0, import_react55.useRef)(null);
+  const introDoneRef = (0, import_react55.useRef)(false);
+  const markIntroDone = (0, import_react55.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_react50.useState)(false);
-  const liveCardWatches = (0, import_react50.useMemo)(() => {
+  const [hasToday, setHasToday] = (0, import_react55.useState)(false);
+  const liveCardWatches = (0, import_react55.useMemo)(() => {
     const seen = /* @__PURE__ */ new Set();
     const out = [];
     for (const msg of controller.state.messages) {
@@ -10105,15 +10844,15 @@ function StatsWidget(props) {
     hasToday,
     watches: liveCardWatches
   });
-  const getSchedule = (0, import_react50.useCallback)(
+  const getSchedule = (0, import_react55.useCallback)(
     (localDate, utcOffsetMinutes) => built ? built.conversation.getSchedule(localDate, utcOffsetMinutes) : Promise.resolve(null),
     [built]
   );
-  const getStates = (0, import_react50.useCallback)(
+  const getStates = (0, import_react55.useCallback)(
     (matchIds) => built ? built.conversation.getStates(matchIds) : Promise.resolve(null),
     [built]
   );
-  const pinnedMatchIds = (0, import_react50.useMemo)(
+  const pinnedMatchIds = (0, import_react55.useMemo)(
     () => monitor.pins.filter((p) => p.kind === "match").map((p) => p.matchId),
     [monitor.pins]
   );
@@ -10125,11 +10864,11 @@ function StatsWidget(props) {
     pinnedMatchIds
   });
   const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     setHasToday(todayHasContent);
   }, [todayHasContent]);
-  const prevLiveSnapshotRef = (0, import_react50.useRef)(monitor.snapshot);
-  (0, import_react50.useEffect)(() => {
+  const prevLiveSnapshotRef = (0, import_react55.useRef)(monitor.snapshot);
+  (0, import_react55.useEffect)(() => {
     const snap = monitor.snapshot;
     if (!snap || snap === prevLiveSnapshotRef.current) return;
     prevLiveSnapshotRef.current = snap;
@@ -10165,9 +10904,14 @@ function StatsWidget(props) {
   }, [monitor.snapshot]);
   const gamesResult = useGames(built?.conversation ?? null, { activeTab: monitor.activeTab });
   const leaderboardResult = useLeaderboard(built?.conversation ?? null, { activeTab: monitor.activeTab });
+  const getPricePresets = (0, import_react55.useCallback)(
+    (locale2) => built ? built.conversation.getPricePresets(locale2) : Promise.resolve(null),
+    [built]
+  );
+  const presetGrid = usePresetGrid({ getPricePresets, isOpen: controller.state.isOpen, locale: ui.presets.lang });
   const markTodayActivity = monitor.markTodayActivity;
-  const prevLiveCountRef = (0, import_react50.useRef)(0);
-  (0, import_react50.useEffect)(() => {
+  const prevLiveCountRef = (0, import_react55.useRef)(0);
+  (0, import_react55.useEffect)(() => {
     const rose = prevLiveCountRef.current === 0 && discovery.liveCount > 0;
     prevLiveCountRef.current = discovery.liveCount;
     if (rose) markTodayActivity();
@@ -10183,7 +10927,7 @@ function StatsWidget(props) {
     openMatchLabel: ui.openMatch
   });
   const markAdded = hostEvents.markAdded;
-  const slip = (0, import_react50.useMemo)(
+  const slip = (0, import_react55.useMemo)(
     () => {
       const handler = props.config?.onAddToSlip;
       return {
@@ -10202,7 +10946,7 @@ function StatsWidget(props) {
     },
     [props.config?.onAddToSlip, controller.state.conversationId, markAdded]
   );
-  const onDashboardTap = (0, import_react50.useMemo)(
+  const onDashboardTap = (0, import_react55.useMemo)(
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input), logger) : void 0,
     [built, logger]
   );
@@ -10220,11 +10964,11 @@ function StatsWidget(props) {
   const operatorUserId = cfg?.userContext?.operatorUserId;
   const anonymousUserId = cfg?.userContext?.anonymousUserId;
   const conversationId = controller.state.conversationId ?? void 0;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!logger) return;
     logger.setIdentity({ operatorUserId, anonymousUserId, conversationId });
   }, [logger, operatorUserId, anonymousUserId, conversationId]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!logger) return;
     logger.resume();
     const onHide = () => {
@@ -10242,14 +10986,14 @@ function StatsWidget(props) {
       logger.dispose();
     };
   }, [logger]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (!built || !ui.injectStyles) return;
     const node = rootRef.current?.getRootNode();
     if (node) injectStyles(node);
   }, [built, ui.injectStyles]);
   if (!built) return null;
   const attrs = themeAttrs(ui);
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HostEventsProvider, { value: hostEvents, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     ChatPanel,
     {
       controller,
@@ -10261,9 +11005,10 @@ function StatsWidget(props) {
       gamesResult,
       leaderboardResult,
       loggedIn: !!operatorUserId,
-      conversation: built?.conversation ?? null
+      conversation: built?.conversation ?? null,
+      presetGrid
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     ChatFab,
     {
       label: ui.launcherLabel,