@sensiblestats/widget-react 0.35.0 → 0.37.0

package/dist/index.cjs

@@ -36,7 +36,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
@@ -120,7 +120,10 @@ var STRINGS = {
     fullTimeLabel: "Full time",
     inSlipLabel: "In slip",
     oddsUnavailable: "Odds unavailable right now",
-    momentumLabel: "Momentum"
+    momentumLabel: "Momentum",
+    accordionValueLabel: "Value",
+    accordionRetry: "Couldn't load odds \u2014 tap to retry",
+    accordionSuspended: "Suspended"
   },
   tr: {
     launcherLabel: "SensibleStats ile sohbet et",
@@ -189,7 +192,10 @@ var STRINGS = {
     fullTimeLabel: "Ma\xE7 sonu",
     inSlipLabel: "Kuponda",
     oddsUnavailable: "Oranlar \u015Fu anda kullan\u0131lam\u0131yor",
-    momentumLabel: "Momentum"
+    momentumLabel: "Momentum",
+    accordionValueLabel: "De\u011Fer",
+    accordionRetry: "Oranlar y\xFCklenemedi \u2014 yeniden dene",
+    accordionSuspended: "Ask\u0131da"
   }
 };
 function resolveLocaleStrings(locale) {
@@ -207,6 +213,7 @@ function normalizeUi(cfg) {
     cta: cfg.cta,
     surface: cfg.surface,
     ink: cfg.ink,
+    pinIcon: cfg.pinIcon ?? "pin",
     position: cfg.position ?? "right",
     offset: { x: cfg.offset?.x ?? 20, y: cfg.offset?.y ?? 20 },
     radius: cfg.radius ?? 16,
@@ -276,7 +283,10 @@ function normalizeUi(cfg) {
     fullTimeLabel: strings.fullTimeLabel,
     inSlipLabel: strings.inSlipLabel,
     oddsUnavailable: strings.oddsUnavailable,
-    momentumLabel: strings.momentumLabel
+    momentumLabel: strings.momentumLabel,
+    accordionValueLabel: strings.accordionValueLabel,
+    accordionRetry: strings.accordionRetry,
+    accordionSuspended: strings.accordionSuspended
   };
 }
 function toClientOptions(cfg) {
@@ -1030,6 +1040,8 @@ function useLiveMonitor(opts) {
   const [oddsDot, setOddsDot] = (0, import_react3.useState)(false);
   const [lastViewedPrices, setLastViewedPrices] = (0, import_react3.useState)({});
   const [inSlip, setInSlip] = (0, import_react3.useState)({});
+  const [openMarket, setOpenMarket] = (0, import_react3.useState)({});
+  const [marketOdds, setMarketOdds] = (0, import_react3.useState)({});
   const pinsRef = (0, import_react3.useRef)(pins);
   pinsRef.current = pins;
   const activeTabRef = (0, import_react3.useRef)(activeTab);
@@ -1038,6 +1050,46 @@ function useLiveMonitor(opts) {
   snapshotRef.current = snapshot;
   const lastViewedPricesRef = (0, import_react3.useRef)(lastViewedPrices);
   lastViewedPricesRef.current = lastViewedPrices;
+  const openMarketRef = (0, import_react3.useRef)(openMarket);
+  openMarketRef.current = openMarket;
+  const marketOddsRef = (0, import_react3.useRef)(marketOdds);
+  marketOddsRef.current = marketOdds;
+  const marketKey = (matchId, dev) => `${matchId}:${dev}`;
+  const getMarketOddsRef = (0, import_react3.useRef)(opts.getMarketOdds);
+  getMarketOddsRef.current = opts.getMarketOdds;
+  const fetchMarket = (0, import_react3.useCallback)((matchId, dev) => {
+    const key = marketKey(matchId, dev);
+    const existing = marketOddsRef.current[key];
+    if (existing?.loading) return;
+    const loadingEntry = { ...existing, loading: true, error: false };
+    marketOddsRef.current = { ...marketOddsRef.current, [key]: loadingEntry };
+    setMarketOdds((prev) => ({ ...prev, [key]: loadingEntry }));
+    const fn = getMarketOddsRef.current;
+    if (!fn) return;
+    void fn(matchId, dev).then((block) => {
+      const entry = { block: block ?? void 0, loading: false, error: false };
+      marketOddsRef.current = { ...marketOddsRef.current, [key]: entry };
+      setMarketOdds((prev) => ({ ...prev, [key]: entry }));
+    }).catch(() => {
+      const entry = { ...marketOddsRef.current[key], loading: false, error: true };
+      marketOddsRef.current = { ...marketOddsRef.current, [key]: entry };
+      setMarketOdds((prev) => ({ ...prev, [key]: entry }));
+    });
+  }, []);
+  const toggleMarket = (0, import_react3.useCallback)((matchId, dev) => {
+    const key = marketKey(matchId, dev);
+    const wasOpen = openMarketRef.current[matchId] === dev;
+    const nextValue = wasOpen ? null : dev;
+    openMarketRef.current = { ...openMarketRef.current, [matchId]: nextValue };
+    setOpenMarket((prev) => ({ ...prev, [matchId]: nextValue }));
+    const existing = marketOddsRef.current[key];
+    if (!wasOpen && !(existing?.loading || existing?.block)) {
+      fetchMarket(matchId, dev);
+    }
+  }, [fetchMarket]);
+  const retryMarket = (0, import_react3.useCallback)((matchId, dev) => {
+    fetchMarket(matchId, dev);
+  }, [fetchMarket]);
   const applySnapshot = (0, import_react3.useCallback)((next) => {
     if (next === null) {
       setEnabled(false);
@@ -1057,6 +1109,16 @@ function useLiveMonitor(opts) {
       }
     }
     if (sawNewGoalOrRed && activeTabRef.current !== "matches") setMatchesDot(true);
+    for (const m of next.matches) {
+      if (!pinnedMatchIds.has(m.matchId)) continue;
+      const first = m.availableMarkets?.[0];
+      if (!first) continue;
+      if (m.matchId in openMarketRef.current) continue;
+      const dev = first.marketDeveloperName;
+      openMarketRef.current = { ...openMarketRef.current, [m.matchId]: dev };
+      setOpenMarket((prevOpen) => ({ ...prevOpen, [m.matchId]: dev }));
+      fetchMarket(m.matchId, dev);
+    }
     const marketPins = currentPins.filter((p) => p.kind !== "match");
     if (activeTabRef.current === "odds") {
       setLastViewedPrices((prevMap) => {
@@ -1107,12 +1169,17 @@ function useLiveMonitor(opts) {
         return;
       }
       applySnapshot(snap);
+      for (const m of snap.matches) {
+        if (m.phase !== "live") continue;
+        const dev = openMarketRef.current[m.matchId];
+        if (dev) fetchMarket(m.matchId, dev);
+      }
     } catch {
     } finally {
       inFlightRef.current = false;
       scheduleRef.current();
     }
-  }, [applySnapshot]);
+  }, [applySnapshot, fetchMarket]);
   const scheduleRef = (0, import_react3.useRef)(() => {
   });
   scheduleRef.current = () => {
@@ -1190,10 +1257,17 @@ function useLiveMonitor(opts) {
     lastViewedPrices,
     inSlip,
     markInSlip,
+    openMarket,
+    marketOdds,
+    toggleMarket,
+    retryMarket,
     _setSnapshot: applySnapshot
   };
 }
 
+// src/components/ChatFab.tsx
+var import_react5 = require("react");
+
 // src/components/BrandMark.tsx
 var import_react4 = require("react");
 
@@ -1246,23 +1320,39 @@ function BrandMark({ logoUrl, className }) {
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function GreetingBubble({ text, onOpen, onDismiss, dismissLabel = "Dismiss" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ss-w-greeting", role: "note", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "ss-w-greeting-body", onClick: onOpen, children: text }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", className: "ss-w-greeting-body", onClick: onOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "ss-w-greeting-dots", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", {})
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "ss-w-greeting-text", children: text })
+    ] }),
     onDismiss ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "ss-w-greeting-x", "aria-label": dismissLabel, onClick: onDismiss, children: "\xD7" }) : null
   ] });
 }
 
 // src/components/ChatFab.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss" }) {
+function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss", introAllowed = false, onIntroStart }) {
   const bubble = popupText ?? greeting;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ss-w-fab-wrap", children: [
+  const [intro, setIntro] = (0, import_react5.useState)(false);
+  const armedRef = (0, import_react5.useRef)(introAllowed);
+  (0, import_react5.useEffect)(() => {
+    if (armedRef.current && bubble) {
+      armedRef.current = false;
+      setIntro(true);
+      onIntroStart?.();
+    }
+  }, [bubble, onIntroStart]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: intro ? "ss-w-fab-wrap ss-w-intro" : "ss-w-fab-wrap", children: [
     bubble ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GreetingBubble, { text: bubble, onOpen, onDismiss: popupText ? onDismissPopup : void 0, dismissLabel }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "ss-w-fab", "aria-label": label, onClick: onOpen, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BrandMark, { logoUrl, className: "ss-w-fab-mark" }) })
   ] });
 }
 
 // src/components/ChatPanel.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/components/ChatHeader.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1275,7 +1365,7 @@ function ChatHeader({ onClose, closeLabel = "Close chat", logoUrl, headerTitle }
 }
 
 // src/components/MessageList.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/components/Markdown.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
@@ -1293,7 +1383,7 @@ function Markdown({ text }) {
 }
 
 // src/components/EntityCardList.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var MAX_VISIBLE = 3;
 var RECORD_RE = /^(\d+)-(\d+)-(\d+)$/;
@@ -1377,7 +1467,7 @@ function ScopeTabs({ scopes, active, onSelect }) {
   )) });
 }
 function EntityCardItem({ c }) {
-  const [active, setActive] = (0, import_react5.useState)(0);
+  const [active, setActive] = (0, import_react6.useState)(0);
   const hasBody = c.scopes.length > 0;
   if (!hasBody) {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ss-w-ecard ss-w-ecard-bare", "data-kind": c.kind, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CardHeader, { c, showScopeCrest: false }) });
@@ -1391,7 +1481,7 @@ function EntityCardItem({ c }) {
   ] });
 }
 function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMoreLabel = (n) => `Show ${n} more` }) {
-  const [expanded, setExpanded] = (0, import_react5.useState)(false);
+  const [expanded, setExpanded] = (0, import_react6.useState)(false);
   if (cards.length === 0) return null;
   const visible = expanded ? cards : cards.slice(0, MAX_VISIBLE);
   const overflow = cards.length - MAX_VISIBLE;
@@ -1402,18 +1492,18 @@ function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMore
 }
 
 // src/components/BettingInsightList.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/components/AddToSlipButton.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_widget_sdk4 = require("@sensiblestats/widget-sdk");
 
 // src/components/Toast.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var DISMISS_MS = 4e3;
 function Toast({ toast, onDismiss }) {
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!toast) return;
     const timer = setTimeout(onDismiss, DISMISS_MS);
     return () => clearTimeout(timer);
@@ -1431,10 +1521,10 @@ function withTimeout(value) {
   ]);
 }
 function SlipButton({ selection, shownOdds, marketName, slip, ui }) {
-  const [pending, setPending] = (0, import_react7.useState)(false);
-  const [settled, setSettled] = (0, import_react7.useState)(false);
-  const [toast, setToast] = (0, import_react7.useState)(null);
-  const dismiss = (0, import_react7.useCallback)(() => setToast(null), []);
+  const [pending, setPending] = (0, import_react8.useState)(false);
+  const [settled, setSettled] = (0, import_react8.useState)(false);
+  const [toast, setToast] = (0, import_react8.useState)(null);
+  const dismiss = (0, import_react8.useCallback)(() => setToast(null), []);
   const handler = slip.onAddToSlip;
   if (!ui || !handler || !selection) return null;
   const onClick = async () => {
@@ -1498,14 +1588,14 @@ function OddsMovementBadge({
 }
 
 // src/components/Crest.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function initials2(name) {
   return (name ?? "").trim().slice(0, 1).toUpperCase() || "?";
 }
 function Crest2({ url, name, kind }) {
   const cls = kind === "comp" ? "ss-w-bi-comp-logo" : "ss-w-bi-crest";
-  const [failed, setFailed] = (0, import_react8.useState)(false);
+  const [failed, setFailed] = (0, import_react9.useState)(false);
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
   }
@@ -1513,11 +1603,16 @@ function Crest2({ url, name, kind }) {
 }
 
 // src/components/PinToggle.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
+var PIN_GLYPHS = {
+  pin: { viewBox: "0 0 24 24", strokeWidth: 1.4, transform: "scale(1.5)", d: "M9.5 1.5 14.5 6.5 13 8l-.5-.5-3 3 .3 2.2-1.4 1.4L5.6 11.3l-3.3 3.3-1-1 3.3-3.3L1.9 7.5l1.4-1.4 2.2.3 3-3L8 2.9z" },
+  star: { viewBox: "0 0 24 24", strokeWidth: 2, d: "M12 2.5l2.9 5.9 6.5.95-4.7 4.58 1.1 6.47L12 17.35 6.1 20.4l1.1-6.47L2.5 9.35l6.5-.95z" },
+  bookmark: { viewBox: "0 0 24 24", strokeWidth: 2, d: "M7 3h10a1.5 1.5 0 0 1 1.5 1.5V21l-6.5-3.6L5.5 21V4.5A1.5 1.5 0 0 1 7 3z" }
+};
 function PinToggle({ pin, monitor, ui }) {
-  const [toast, setToast] = (0, import_react9.useState)(null);
-  const dismiss = (0, import_react9.useCallback)(() => setToast(null), []);
+  const [toast, setToast] = (0, import_react10.useState)(null);
+  const dismiss = (0, import_react10.useCallback)(() => setToast(null), []);
   if (!monitor || !monitor.enabled) return null;
   const key = pinKey(pin);
   const pinned = monitor.isPinned(key);
@@ -1530,6 +1625,7 @@ function PinToggle({ pin, monitor, ui }) {
       setToast({ kind: "error", text: ui.marketLimitToast });
     }
   };
+  const glyph = PIN_GLYPHS[ui.pinIcon];
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "ss-w-pin-wrap", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "button",
@@ -1537,10 +1633,22 @@ function PinToggle({ pin, monitor, ui }) {
         type: "button",
         className: "ss-w-pin",
         "data-on": pinned || void 0,
+        "data-icon": ui.pinIcon,
         "aria-pressed": pinned,
         "aria-label": pinned ? labels.unpin : labels.pin,
         onClick,
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fill: "currentColor", d: "M9.5 1.5 14.5 6.5 13 8l-.5-.5-3 3 .3 2.2-1.4 1.4L5.6 11.3l-3.3 3.3-1-1 3.3-3.3L1.9 7.5l1.4-1.4 2.2.3 3-3L8 2.9z" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { viewBox: glyph.viewBox, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "path",
+          {
+            transform: glyph.transform,
+            d: glyph.d,
+            fill: pinned ? "currentColor" : "none",
+            stroke: pinned ? "none" : "currentColor",
+            strokeWidth: glyph.strokeWidth,
+            strokeLinejoin: "round",
+            strokeLinecap: "round"
+          }
+        ) })
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Toast, { toast, onDismiss: dismiss })
@@ -1556,7 +1664,7 @@ function StatRows({ stats }) {
   ] }, `${s.label}:${s.value}`)) });
 }
 function ScopedStats({ scopes }) {
-  const [active, setActive] = (0, import_react10.useState)(0);
+  const [active, setActive] = (0, import_react11.useState)(0);
   const current = scopes[active] ?? scopes[0] ?? { key: "", label: "", stats: [] };
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "ss-w-bi-scoped", children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ss-w-bi-scopes", role: "group", children: scopes.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "ss-w-bi-chip", "aria-pressed": i === active, onClick: () => setActive(i), children: s.label }, s.key)) }),
@@ -1567,7 +1675,7 @@ function hasStatsContent(it) {
   return !!it.scopes && it.scopes.length >= 2 || it.stats.length > 0;
 }
 function ReasonStrip({ it, ui }) {
-  const [open, setOpen] = (0, import_react10.useState)(false);
+  const [open, setOpen] = (0, import_react11.useState)(false);
   const hasScopes = !!it.scopes && it.scopes.length >= 2;
   const hasStats = hasStatsContent(it);
   const hasText = !!it.text;
@@ -1677,7 +1785,7 @@ function BettingInsightList({ insights, ui, slip, monitor }) {
 }
 
 // src/components/MarketOddsCardList.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function OddsRow({ vm, row, ui, slip, inSlipIds }) {
   const selection = vm.addToSlipEnabled ? marketOddsRowToSlipSelection(vm, row, slip.conversationId) : null;
@@ -1693,48 +1801,50 @@ function OddsRow({ vm, row, ui, slip, inSlipIds }) {
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlipButton, { selection, shownOdds: row.odds, marketName: vm.market, slip, ui })
   ] });
 }
-function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds }) {
-  const [open, setOpen] = (0, import_react11.useState)(false);
+function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader }) {
+  const [open, setOpen] = (0, import_react12.useState)(false);
   const kickoff = vm.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(vm.kickoffUtc) : void 0;
   const hasNamedTeams = !!vm.homeTeamName && !!vm.awayTeamName;
   const showPin = !!monitor && vm.pinEnabled;
   const showHeader = !!vm.competition || vm.isLive || !!kickoff || showPin;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mocard", children: [
-    showHeader ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-bi-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-header-left", children: vm.competition ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "comp", url: vm.competitionCrest, name: vm.competition }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-comp", children: vm.competition })
-      ] }) : null }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-header-right", children: [
-        vm.isLive ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-live", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-live-dot", "aria-hidden": "true" }),
-          ui?.liveLabel ?? "Live"
-        ] }) : null,
-        kickoff ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-kick", children: [
-          kickoff.dayLabel,
-          " ",
-          kickoff.time
-        ] }) : null,
-        showPin && ui ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          PinToggle,
-          {
-            ui,
-            monitor,
-            pin: { kind: "market", matchId: vm.matchId, marketDeveloperName: vm.marketDeveloperName, line: vm.mainLine }
-          }
-        ) : null
-      ] })
-    ] }) : null,
-    hasNamedTeams || vm.fixture || vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-sub", children: [
-      hasNamedTeams ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-bi-fixture", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: vm.homeCrest, name: vm.homeTeamName }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: vm.homeTeamName }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-vs", "aria-hidden": "true", children: "vs" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: vm.awayTeamName }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: vm.awayCrest, name: vm.awayTeamName })
-      ] }) : vm.fixture ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-teams", children: vm.fixture }) : null,
-      vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-market", children: vm.market }) : null
-    ] }) : null,
+    !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      showHeader ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-bi-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-header-left", children: vm.competition ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "comp", url: vm.competitionCrest, name: vm.competition }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-comp", children: vm.competition })
+        ] }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-header-right", children: [
+          vm.isLive ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-live", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-live-dot", "aria-hidden": "true" }),
+            ui?.liveLabel ?? "Live"
+          ] }) : null,
+          kickoff ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "ss-w-bi-kick", children: [
+            kickoff.dayLabel,
+            " ",
+            kickoff.time
+          ] }) : null,
+          showPin && ui ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            PinToggle,
+            {
+              ui,
+              monitor,
+              pin: { kind: "market", matchId: vm.matchId, marketDeveloperName: vm.marketDeveloperName, line: vm.mainLine }
+            }
+          ) : null
+        ] })
+      ] }) : null,
+      hasNamedTeams || vm.fixture || vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-sub", children: [
+        hasNamedTeams ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-bi-fixture", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: vm.homeCrest, name: vm.homeTeamName }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: vm.homeTeamName }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-vs", "aria-hidden": "true", children: "vs" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: vm.awayTeamName }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: vm.awayCrest, name: vm.awayTeamName })
+        ] }) : vm.fixture ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-teams", children: vm.fixture }) : null,
+        vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-market", children: vm.market }) : null
+      ] }) : null
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-rows", children: [
       vm.mainRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OddsRow, { vm, row, ui, slip, inSlipIds }, row.key)),
       open ? vm.moreRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(OddsRow, { vm, row, ui, slip, inSlipIds }, row.key)) : null
@@ -1747,9 +1857,9 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds }) {
     vm.disclaimer ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "ss-w-bi-disc", children: vm.disclaimer }) : null
   ] });
 }
-function MarketOddsCardList({ cards, ui, slip, monitor, inSlipIds }) {
+function MarketOddsCardList({ cards, ui, slip, monitor, inSlipIds, hideHeader }) {
   if (!cards || cards.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-mocards", children: cards.map((vm) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MarketOddsCard, { vm, ui, slip, monitor, inSlipIds }, vm.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "ss-w-mocards", children: cards.map((vm) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MarketOddsCard, { vm, ui, slip, monitor, inSlipIds, hideHeader }, vm.id)) });
 }
 
 // src/components/OddsMovementCard.tsx
@@ -1987,7 +2097,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -2006,12 +2116,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_react12.useState)(() => Date.now());
-  const [reduced] = (0, import_react12.useState)(
+  const [nowMs, setNowMs] = (0, import_react13.useState)(() => Date.now());
+  const [reduced] = (0, import_react13.useState)(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -2019,7 +2129,7 @@ function CountdownCard({ card }) {
   const segments = remainingSegments(data.kickoffUnix, nowMs, withinDay && !reduced);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "ss-w-fandash-card ss-w-fandash-countdown", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "ss-w-fandash-countdown-top", children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title ?? "Kick-off in" }),
-    segments ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react12.Fragment, { children: [
+    segments ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react13.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-colon", children: ":" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "ss-w-fandash-countdown-seg", children: [
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ss-w-fandash-countdown-value", children: s.value }),
@@ -2030,7 +2140,7 @@ function CountdownCard({ card }) {
 }
 
 // src/components/dashboard/InjuriesCard.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var SHOWN = 3;
 function ColHead({ name, crestUrl }) {
@@ -2053,7 +2163,7 @@ function InjuryList({ rows, emptyLabel, limit }) {
 }
 function InjuriesCard({ card, ui }) {
   const { data } = card;
-  const [expanded, setExpanded] = (0, import_react13.useState)(false);
+  const [expanded, setExpanded] = (0, import_react14.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`);
@@ -2157,7 +2267,7 @@ function LinksCard({ card }) {
 }
 
 // src/components/dashboard/PostMatchResultCard.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function initials3(name) {
   return name.trim().slice(0, 3).toUpperCase();
@@ -2167,7 +2277,7 @@ function PostMatchCrest({
   name,
   side
 }) {
-  const [failed, setFailed] = (0, import_react14.useState)(false);
+  const [failed, setFailed] = (0, import_react15.useState)(false);
   const cls = `ss-w-fandash-postmatch-crest ss-w-fandash-postmatch-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -2366,10 +2476,10 @@ function RestingFormCard({ card }) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/useLiveClock.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 var TICK_MS = 6e4;
 var MAX_LIVE_TICK_MINUTES = 15;
 function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
@@ -2378,10 +2488,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_react15.useState)(
+  const [displayMinute, setDisplayMinute] = (0, import_react16.useState)(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     setDisplayMinute(computeDisplayMinute(minute, clockRunning, receivedAtMs));
     if (!clockRunning) return;
     const id = window.setInterval(() => {
@@ -2398,7 +2508,7 @@ function initials5(name) {
   return name.trim().slice(0, 3).toUpperCase();
 }
 function LiveCrest({ url, name, side }) {
-  const [failed, setFailed] = (0, import_react16.useState)(false);
+  const [failed, setFailed] = (0, import_react17.useState)(false);
   const cls = `ss-w-fandash-live-crest ss-w-fandash-live-crest--${side}`;
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
@@ -2417,7 +2527,7 @@ function LiveScoreCard({
 }) {
   const { data } = card;
   const seedKey = `${data.minute}:${data.homeScore}:${data.awayScore}`;
-  const seedRef = (0, import_react16.useRef)(null);
+  const seedRef = (0, import_react17.useRef)(null);
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
@@ -2457,7 +2567,7 @@ function LiveScoreCard({
 }
 
 // src/components/dashboard/LiveTimelineCard.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var SHOWN2 = 3;
 function EventIcon({ type }) {
@@ -2499,7 +2609,7 @@ function EventRow({ e }) {
   ] });
 }
 function LiveTimelineCard({ card, ui }) {
-  const [expanded, setExpanded] = (0, import_react17.useState)(false);
+  const [expanded, setExpanded] = (0, import_react18.useState)(false);
   const events = card.data.events;
   if (!events || events.length === 0) return null;
   const sorted = [...events].sort((a, b) => b.minute - a.minute);
@@ -2524,7 +2634,7 @@ function LiveTimelineCard({ card, ui }) {
 }
 
 // src/components/dashboard/MomentumWave.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var WIDTH = 270;
 var HEIGHT = 56;
@@ -2548,7 +2658,7 @@ function MomentumWave({
 }) {
   if (points.length === 0) return null;
   const { area, line, lastLeftPct, lastTopPx } = buildPaths(points);
-  const clipId = (0, import_react18.useId)();
+  const clipId = (0, import_react19.useId)();
   const topClipId = `${clipId}-top`;
   const bottomClipId = `${clipId}-bottom`;
   const topClass = clubIsHome ? "ss-w-fandash-live-mom-home" : "ss-w-fandash-live-mom-away";
@@ -2739,11 +2849,11 @@ function turnAnchor(messages) {
 }
 function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
   const { state, send } = controller;
-  const listRef = (0, import_react19.useRef)(null);
-  const endRef = (0, import_react19.useRef)(null);
-  const pinnedRef = (0, import_react19.useRef)(true);
-  const anchoredTurnRef = (0, import_react19.useRef)(null);
-  (0, import_react19.useEffect)(() => {
+  const listRef = (0, import_react20.useRef)(null);
+  const endRef = (0, import_react20.useRef)(null);
+  const pinnedRef = (0, import_react20.useRef)(true);
+  const anchoredTurnRef = (0, import_react20.useRef)(null);
+  (0, import_react20.useEffect)(() => {
     const anchor = turnAnchor(state.messages);
     const list = listRef.current;
     if (anchor && anchor.turnId !== anchoredTurnRef.current) {
@@ -2799,10 +2909,10 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
 }
 
 // src/components/ChatInput.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message" }) {
-  const [value, setValue] = (0, import_react20.useState)("");
+  const [value, setValue] = (0, import_react21.useState)("");
   const submit = () => {
     const t = value.trim();
     if (!t) return;
@@ -2859,8 +2969,63 @@ function TabBar({ monitor, ui, matchCount, oddsCount }) {
   }) });
 }
 
-// src/components/MonitorMatchCard.tsx
+// src/components/MarketAccordion.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
+function MarketAccordion({ match, monitor, ui, slip }) {
+  const markets = match.availableMarkets ?? [];
+  if (markets.length === 0) return null;
+  const open = monitor.openMarket[match.matchId] ?? null;
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ss-w-acc", children: markets.map((m) => {
+    const isOpen = open === m.marketDeveloperName;
+    const key = `${match.matchId}:${m.marketDeveloperName}`;
+    const entry = monitor.marketOdds[key];
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: isOpen ? "ss-w-acc-row ss-w-acc-row-open" : "ss-w-acc-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: "ss-w-acc-head",
+          onClick: () => monitor.toggleMarket(match.matchId, m.marketDeveloperName),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-chevron", children: isOpen ? "\u25BE" : "\u25B8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-label", children: m.marketLabel }),
+            m.hasInsight && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-badge", children: "\u2605" }),
+            m.suspended && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-susp", children: ui.accordionSuspended })
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-acc-panel", children: [
+        entry?.error && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          "div",
+          {
+            className: "ss-w-acc-retry",
+            onClick: () => monitor.retryMarket(match.matchId, m.marketDeveloperName),
+            children: ui.accordionRetry
+          }
+        ),
+        entry?.block?.insight?.text && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-acc-insight", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-acc-badge", children: ui.accordionValueLabel }),
+          " ",
+          entry.block.insight.text
+        ] }),
+        entry?.block?.card && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          MarketOddsCardList,
+          {
+            cards: [toMarketOddsVM(entry.block.card)],
+            ui,
+            slip,
+            monitor,
+            inSlipIds: monitor.inSlip,
+            hideHeader: true
+          }
+        )
+      ] })
+    ] }, m.marketDeveloperName);
+  }) });
+}
+
+// src/components/MonitorMatchCard.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function chipSelection(row, matchId, conversationId) {
   const chip = row.market;
   if (!chip || !chip.addToSlipEnabled || typeof chip.matchOddsId !== "number" || typeof chip.price !== "number") return null;
@@ -2883,63 +3048,63 @@ function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
   const otherRows = match.statRows.filter((row) => !isPromoted(row, promotedPins));
   const orderedRows = [...promotedRows, ...otherRows];
   const kickoff = match.phase === "preMatch" && match.kickoffUtc ? ui.bettingKickoff(match.kickoffUtc) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mon", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mon-top", children: [
-      live && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "ss-w-fandash-live-pill", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-fandash-live-dot", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-top", children: [
+      live && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-fandash-live-pill", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-fandash-live-dot", "aria-hidden": "true" }),
         ui.liveLabel
       ] }),
-      match.phase === "fullTime" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
-      kickoff && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "ss-w-mon-pill", children: [
+      match.phase === "fullTime" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
+      kickoff && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mon-pill", children: [
         kickoff.dayLabel,
         " \xB7 ",
         kickoff.time
       ] }),
-      live && match.minuteLabel && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-min", children: match.minuteLabel }),
-      match.competitionName && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-comp", children: match.competitionName }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
+      live && match.minuteLabel && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-min", children: match.minuteLabel }),
+      match.competitionName && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-comp", children: match.competitionName }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mon-main", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "ss-w-mon-side", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Crest2, { kind: "team", url: match.homeCrestUrl ?? void 0, name: match.homeTeamName ?? void 0 }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-name", children: match.homeTeamName })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-main", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mon-side", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Crest2, { kind: "team", url: match.homeCrestUrl ?? void 0, name: match.homeTeamName ?? void 0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-name", children: match.homeTeamName })
       ] }),
-      match.phase === "preMatch" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-vs", children: "vs" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "ss-w-mon-score", children: [
+      match.phase === "preMatch" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-vs", children: "vs" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mon-score", children: [
         match.homeScore,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("i", { children: "\u2013" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", { children: "\u2013" }),
         match.awayScore
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "ss-w-mon-side ss-w-mon-side--away", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Crest2, { kind: "team", url: match.awayCrestUrl ?? void 0, name: match.awayTeamName ?? void 0 }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-name", children: match.awayTeamName })
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mon-side ss-w-mon-side--away", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Crest2, { kind: "team", url: match.awayCrestUrl ?? void 0, name: match.awayTeamName ?? void 0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-name", children: match.awayTeamName })
       ] })
     ] }),
-    scorers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ss-w-mon-scorers", children: scorers.map((e) => `${e.player ?? ""} ${e.minuteLabel}`).join(", ") }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ss-w-mon-stats", children: orderedRows.map((row) => {
+    scorers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-scorers", children: scorers.map((e) => `${e.player ?? ""} ${e.minuteLabel}`).join(", ") }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-stats", children: orderedRows.map((row) => {
       const total = row.homeNum + row.awayNum;
       const homePct = total > 0 ? row.homeNum / total * 75 : 0;
       const awayPct = total > 0 ? row.awayNum / total * 75 : 0;
       const promoted = isPromoted(row, promotedPins);
       const selection = chipSelection(row, match.matchId, slip.conversationId);
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: promoted ? "ss-w-mon-stat ss-w-mon-pstrip" : "ss-w-mon-stat", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mon-stat-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--home", children: row.homeValue }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-stat-l", children: row.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--away", children: row.awayValue })
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: promoted ? "ss-w-mon-stat ss-w-mon-pstrip" : "ss-w-mon-stat", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-stat-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--home", children: row.homeValue }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-l", children: row.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--away", children: row.awayValue })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mon-bar", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("b", { className: "ss-w-mon-bar-home", style: { width: `${homePct}%` } }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("i", { className: "ss-w-mon-bar-away", style: { width: `${awayPct}%` } })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-bar", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("b", { className: "ss-w-mon-bar-home", style: { width: `${homePct}%` } }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("i", { className: "ss-w-mon-bar-away", style: { width: `${awayPct}%` } })
         ] }),
-        row.market && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: promoted ? "ss-w-mon-stat-mkt ss-w-mon-mkt" : "ss-w-mon-stat-mkt", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { children: [
+        row.market && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: promoted ? "ss-w-mon-stat-mkt ss-w-mon-mkt" : "ss-w-mon-stat-mkt", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { children: [
             row.market.marketLabel,
             " \xB7 ",
             row.market.selectionLabel
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "ss-w-mon-stat-mkt-right", children: [
-            row.market.isSuspended ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-susp", children: ui.suspendedLabel }) : typeof row.market.price === "number" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-price", children: row.market.price.toFixed(2) }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mon-stat-mkt-right", children: [
+            row.market.isSuspended ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-susp", children: ui.suspendedLabel }) : typeof row.market.price === "number" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-price", children: row.market.price.toFixed(2) }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               SlipButton,
               {
                 selection,
@@ -2953,68 +3118,69 @@ function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
         ] })
       ] }, row.label);
     }) }),
-    match.status === "stale" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-asof", children: ui.asOf(formatTime(match.asOfUtc)) }),
-    match.momentum.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mon-mom", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mon-stat-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--home", children: typeof match.momentumHomePct === "number" ? `${match.momentumHomePct}%` : "" }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-stat-l", children: ui.momentumLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--away", children: typeof match.momentumHomePct === "number" ? `${100 - match.momentumHomePct}%` : "" })
+    match.status === "stale" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-asof", children: ui.asOf(formatTime(match.asOfUtc)) }),
+    match.momentum.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-mom", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-stat-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--home", children: typeof match.momentumHomePct === "number" ? `${match.momentumHomePct}%` : "" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-l", children: ui.momentumLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--away", children: typeof match.momentumHomePct === "number" ? `${100 - match.momentumHomePct}%` : "" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MomentumWave, { points: match.momentum, clubIsHome: true })
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MomentumWave, { points: match.momentum, clubIsHome: true })
     ] }),
-    match.mainMarket && match.phase !== "fullTime" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MarketOddsCardList, { cards: [toMarketOddsVM(match.mainMarket)], ui, slip }),
-    match.phase === "fullTime" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ss-w-mon-grace", children: ui.graceNote })
+    match.phase === "fullTime" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-grace", children: ui.graceNote })
   ] });
 }
 
 // src/components/MonitorTabs.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function ContextLine({ m, monitor, ui }) {
   const kick = m.kickoffUtc ? ui.bettingKickoff(m.kickoffUtc) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mk-ctx", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mk-ctx-side", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Crest2, { kind: "team", url: m.homeCrestUrl ?? void 0, name: m.homeTeamName ?? void 0 }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-name", children: m.homeTeamName })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "ss-w-mk-ctx", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "ss-w-mk-ctx-side", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Crest2, { kind: "team", url: m.homeCrestUrl ?? void 0, name: m.homeTeamName ?? void 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ss-w-mon-name", children: m.homeTeamName })
     ] }),
-    m.phase === "preMatch" ? kick && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mon-pill", children: [
+    m.phase === "preMatch" ? kick && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "ss-w-mon-pill", children: [
       kick.dayLabel,
       " ",
       kick.time
-    ] }) : typeof m.homeScore === "number" && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("b", { children: [
+    ] }) : typeof m.homeScore === "number" && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("b", { children: [
       m.homeScore,
       "\u2013",
       m.awayScore
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mk-ctx-side", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-name", children: m.awayTeamName }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Crest2, { kind: "team", url: m.awayCrestUrl ?? void 0, name: m.awayTeamName ?? void 0 })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "ss-w-mk-ctx-side", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ss-w-mon-name", children: m.awayTeamName }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Crest2, { kind: "team", url: m.awayCrestUrl ?? void 0, name: m.awayTeamName ?? void 0 })
     ] }),
-    m.minuteLabel && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-min", children: m.minuteLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "ss-w-mk-ctx-right", children: [
-      m.isSuspended && !m.isSettled && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-susp", children: ui.suspendedLabel }),
-      m.isSettled && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
-      m.status === "stale" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-asof", children: ui.asOf(new Date(m.asOfUtc).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })) }),
+    m.minuteLabel && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ss-w-mon-min", children: m.minuteLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "ss-w-mk-ctx-right", children: [
+      m.isSuspended && !m.isSettled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ss-w-mon-susp", children: ui.suspendedLabel }),
+      m.isSettled && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ss-w-mon-pill", children: ui.fullTimeLabel }),
+      m.status === "stale" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "ss-w-mon-asof", children: ui.asOf(new Date(m.asOfUtc).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })) }),
       (() => {
         const pin = monitor.pins.find((p) => p.key === m.key);
-        return pin ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PinToggle, { ui, monitor, pin }) : null;
+        return pin ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PinToggle, { ui, monitor, pin }) : null;
       })()
     ] })
   ] });
 }
 function MatchesPanel({ monitor, ui, slip }) {
   const matches = (monitor.snapshot?.matches ?? []).filter((m) => monitor.pins.some((p) => p.kind === "match" && p.matchId === m.matchId));
-  if (matches.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-empty", children: ui.emptyMatchesTab });
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-list", children: matches.map((m) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-    MonitorMatchCard,
-    {
-      match: m,
-      promotedPins: monitor.pins.filter((p) => p.kind !== "match" && p.matchId === m.matchId),
-      monitor,
-      ui,
-      slip
-    },
-    m.matchId
-  )) });
+  if (matches.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ss-w-mon-empty", children: ui.emptyMatchesTab });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ss-w-mon-list", children: matches.map((m) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "ss-w-mon-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      MonitorMatchCard,
+      {
+        match: m,
+        promotedPins: monitor.pins.filter((p) => p.kind !== "match" && p.matchId === m.matchId),
+        monitor,
+        ui,
+        slip
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MarketAccordion, { match: m, monitor, ui, slip })
+  ] }, m.matchId)) });
 }
 function withSinceViewMovement(vm, prev) {
   const primary = vm.mainRows[0];
@@ -3028,10 +3194,10 @@ function withSinceViewMovement(vm, prev) {
 }
 function OddsPanel({ monitor, ui, slip }) {
   const markets = (monitor.snapshot?.markets ?? []).filter((m) => monitor.pins.some((p) => p.key === m.key));
-  if (markets.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-empty", children: ui.emptyOddsTab });
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-list", children: markets.map((m) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-oddspin", "data-settled": m.isSettled || void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ContextLine, { m, monitor, ui }),
-    m.card && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  if (markets.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ss-w-mon-empty", children: ui.emptyOddsTab });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ss-w-mon-list", children: markets.map((m) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "ss-w-mon-oddspin", "data-settled": m.isSettled || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ContextLine, { m, monitor, ui }),
+    m.card && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       MarketOddsCardList,
       {
         cards: [withSinceViewMovement(toMarketOddsVM(m.card), monitor.lastViewedPrices[m.key])],
@@ -3040,17 +3206,17 @@ function OddsPanel({ monitor, ui, slip }) {
         inSlipIds: monitor.inSlip
       }
     ),
-    m.history && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(OddsMovementCardList, { cards: [toOddsMovementVM(m.history)], ui }),
-    !m.card && !m.history && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-empty-card", children: ui.oddsUnavailable })
+    m.history && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(OddsMovementCardList, { cards: [toOddsMovementVM(m.history)], ui }),
+    !m.card && !m.history && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ss-w-mon-empty-card", children: ui.oddsUnavailable })
   ] }, m.key)) });
 }
 
 // src/components/ChatPanel.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  const [modal, setModal] = (0, import_react22.useState)(false);
+  (0, import_react22.useEffect)(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -3063,7 +3229,7 @@ function useIsModal() {
 function ChatPanel({ controller, ui, slip, onDashboardTap, monitor }) {
   const { state, close, stop, send } = controller;
   const isModal = useIsModal();
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -3074,12 +3240,12 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor }) {
     monitor?.setActiveTab("chat");
     send(text);
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
   }, [monitor, state.isStreaming, state.messages.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChatHeader, { onClose: close, closeLabel: ui.closeChat, logoUrl: ui.logoUrl, headerTitle: ui.headerTitle }),
-    monitor && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChatHeader, { onClose: close, closeLabel: ui.closeChat, logoUrl: ui.logoUrl, headerTitle: ui.headerTitle }),
+    monitor && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       TabBar,
       {
         monitor,
@@ -3088,16 +3254,16 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor }) {
         oddsCount: monitor.pins.filter((p) => p.kind !== "match").length
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "div",
       {
         style: !monitor || monitor.activeTab === "chat" ? { display: "contents" } : { position: "absolute", inset: 0, visibility: "hidden", display: "flex", flexDirection: "column" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor })
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor })
       }
     ),
-    monitor && monitor.activeTab === "matches" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(MatchesPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(OddsPanel, { monitor, ui, slip }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
+    monitor && monitor.activeTab === "matches" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(MatchesPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(OddsPanel, { monitor, ui, slip }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
   ] });
 }
 
@@ -3145,8 +3311,40 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-fab { width: 56px; height: 56px; border: none; border-radius: 50%; background: var(--ss-w-nav); color: #fff; cursor: pointer; display: grid; place-items: center; box-shadow: 0 6px 20px rgba(0,0,0,.28); }
 .ss-w-fab-mark { width: 30px; height: 30px; display: block; object-fit: contain; }
 .ss-w-greeting { max-width: 240px; display: flex; align-items: flex-start; background: var(--ss-w-panel); color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 12px; box-shadow: 0 4px 14px rgba(0,0,0,.14); }
-.ss-w-greeting-body { flex: 1; min-width: 0; text-align: left; background: none; border: none; color: inherit; font: inherit; cursor: pointer; padding: 9px 4px 9px 12px; }
+.ss-w-greeting-body { position: relative; flex: 1; min-width: 0; text-align: left; background: none; border: none; color: inherit; font: inherit; cursor: pointer; padding: 9px 4px 9px 12px; }
 .ss-w-greeting-x { flex: none; background: none; border: none; color: var(--ss-w-faint); cursor: pointer; font-size: 17px; line-height: 1; padding: 7px 9px 0 2px; }
+.ss-w-greeting-text { display: block; }
+/* Typing indicator: overlays the text area so bubble height stays put; hidden at
+   rest, revealed only during the one-shot intro (see prefers-reduced-motion block). */
+.ss-w-greeting-dots { position: absolute; top: 0; bottom: 0; left: 12px; display: flex; align-items: center; gap: 4px; opacity: 0; pointer-events: none; }
+.ss-w-greeting-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--ss-w-faint); display: block; }
+/* One-shot launcher attention intro: FAB nudges, then the greeting types in.
+   Gated behind no-preference so reduce-motion users get the greeting shown
+   statically (text visible, no nudge, no typing). ChatFab adds .ss-w-intro once
+   per page load; every animation runs a single time and settles at rest. */
+@media (prefers-reduced-motion: no-preference) {
+  .ss-w-intro .ss-w-fab { animation: ss-w-nudge .8s ease both; }
+  .ss-w-intro .ss-w-greeting { animation: ss-w-greet-in .45s cubic-bezier(.2,.8,.3,1.15) .8s both; }
+  .ss-w-intro .ss-w-greeting-text { animation: ss-w-greet-textin .4s ease 1.65s both; }
+  .ss-w-intro .ss-w-greeting-dots { animation: ss-w-greet-dots .95s ease .85s both; }
+  .ss-w-intro .ss-w-greeting-dots i { animation: ss-w-greet-dotbounce .5s ease .85s 2; }
+  .ss-w-intro .ss-w-greeting-dots i:nth-child(2) { animation-delay: 1s; }
+  .ss-w-intro .ss-w-greeting-dots i:nth-child(3) { animation-delay: 1.15s; }
+}
+@keyframes ss-w-nudge {
+  0%, 100% { transform: none; }
+  22% { transform: translateY(-9px) rotate(-9deg); }
+  44% { transform: translateY(0) rotate(7deg); }
+  64% { transform: translateY(-4px) rotate(-4deg); }
+  82% { transform: rotate(2deg); }
+}
+@keyframes ss-w-greet-in {
+  from { opacity: 0; transform: translateY(8px) scale(.92); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes ss-w-greet-textin { from { opacity: 0; } to { opacity: 1; } }
+@keyframes ss-w-greet-dots { 0% { opacity: 0; } 14% { opacity: 1; } 78% { opacity: 1; } 100% { opacity: 0; } }
+@keyframes ss-w-greet-dotbounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
 
 /* panel */
 .ss-w-panel { position: fixed; bottom: calc(var(--ss-w-offset-y) + 72px); z-index: 2147483000; display: flex; flex-direction: column; width: min(460px, calc(100vw - 40px)); height: min(640px, calc(100vh - 120px)); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: var(--ss-w-radius); overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.24); }
@@ -3850,10 +4048,23 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-mon-oddspin { display: flex; flex-direction: column; gap: 10px; padding: 12px; border: 1px solid var(--ss-w-line); border-radius: 12px; background: var(--ss-w-panel); }
 .ss-w-mon-oddspin[data-settled] .ss-w-mo-price,
 .ss-w-mon-oddspin[data-settled] .ss-w-mon-price { text-decoration: line-through; color: var(--ss-w-faint); }
+
+/* market accordion (Task 9): one collapsed row per available market, expanding into a reused
+   MarketOddsCardList ladder (hideHeader -- the row header already carries the market label). */
+.ss-w-acc { display: flex; flex-direction: column; gap: 6px; }
+.ss-w-acc-row { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; border-left: 3px solid var(--ss-w-accent); overflow: hidden; }
+.ss-w-acc-head { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 11px; background: none; border: none; cursor: pointer; text-align: left; font: inherit; color: var(--ss-w-ink); }
+.ss-w-acc-chevron { color: var(--ss-w-faint); font-size: 11px; }
+.ss-w-acc-label { font-size: 12.5px; font-weight: 600; }
+.ss-w-acc-badge { font-size: 10.5px; font-weight: 700; color: var(--ss-w-accent); }
+.ss-w-acc-susp { margin-left: auto; font-size: 10.5px; color: var(--ss-w-faint); }
+.ss-w-acc-panel { padding: 0 11px 10px; display: flex; flex-direction: column; gap: 8px; }
+.ss-w-acc-insight { font-size: 12px; color: var(--ss-w-ink); background: color-mix(in srgb, var(--ss-w-accent) 9%, var(--ss-w-panel)); border-radius: 8px; padding: 7px 9px; }
+.ss-w-acc-retry { font-size: 12px; color: var(--ss-w-neg); cursor: pointer; padding: 6px 0; }
 `;
 
 // src/StatsWidget.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -3878,16 +4089,21 @@ function injectStyles(root) {
 function StatsWidget(props) {
   const injectedClient = "client" in props ? props.client : void 0;
   const cfg = props.config;
-  const built = (0, import_react22.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
-  const ui = (0, import_react22.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = (0, import_react22.useRef)(null);
+  const built = (0, import_react23.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
+  const ui = (0, import_react23.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
+  const rootRef = (0, import_react23.useRef)(null);
+  const introDoneRef = (0, import_react23.useRef)(false);
+  const markIntroDone = (0, import_react23.useCallback)(() => {
+    introDoneRef.current = true;
+  }, []);
   const controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters, built ? ui.greetingMessage : void 0);
   const monitor = useLiveMonitor({
     getLiveMonitor: (pins) => built ? built.conversation.getLiveMonitor(pins) : Promise.resolve(null),
+    getMarketOdds: (matchId, dev) => built ? built.conversation.getMarketOdds(matchId, dev) : Promise.resolve(null),
     storageKey: `ss-w-pins:${cfg?.operatorId ?? ""}:${cfg?.userContext?.operatorUserId ?? "anon"}`,
     isOpen: controller.state.isOpen
   });
-  const slip = (0, import_react22.useMemo)(
+  const slip = (0, import_react23.useMemo)(
     () => {
       const handler = props.config?.onAddToSlip;
       return {
@@ -3910,18 +4126,18 @@ function StatsWidget(props) {
     },
     [props.config?.onAddToSlip, controller.state.conversationId, built, monitor.markInSlip]
   );
-  const onDashboardTap = (0, import_react22.useMemo)(
+  const onDashboardTap = (0, import_react23.useMemo)(
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input)) : void 0,
     [built]
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.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_runtime49.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_runtime49.jsx)(ChatPanel, { controller, ui, slip, onDashboardTap, monitor: monitor.enabled ? monitor : void 0 }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime50.jsx)(ChatPanel, { controller, ui, slip, onDashboardTap, monitor: monitor.enabled ? monitor : void 0 }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     ChatFab,
     {
       label: ui.launcherLabel,
@@ -3930,7 +4146,9 @@ function StatsWidget(props) {
       logoUrl: ui.logoUrl,
       onOpen: controller.open,
       onDismissPopup: controller.dismissPopup,
-      dismissLabel: ui.dismissGreeting
+      dismissLabel: ui.dismissGreeting,
+      introAllowed: !introDoneRef.current,
+      onIntroStart: markIntroDone
     }
   ) });
 }