@sensiblestats/widget-react 0.25.0 → 0.26.0

package/dist/index.cjs

@@ -36,7 +36,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
@@ -262,7 +262,7 @@ function themeAttrs(ui) {
 }
 
 // src/useChatStream.ts
-var import_react = require("react");
+var import_react2 = require("react");
 var import_widget_sdk3 = require("@sensiblestats/widget-sdk");
 
 // src/reducer.ts
@@ -604,28 +604,71 @@ function reducer(state, action) {
       return { ...state, error: action.error, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
     case "STOP":
       return { ...state, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
+    case "LIVE_REFRESH":
+      return {
+        ...state,
+        messages: state.messages.map(
+          (m) => m.role === "assistant" && m.id === action.messageId && m.clubFanDashboard ? { ...m, clubFanDashboard: { ...m.clubFanDashboard, cards: action.cards } } : m
+        )
+      };
   }
 }
 
+// src/useLiveDashboardPoll.ts
+var import_react = require("react");
+var POLL_INTERVAL_MS = 6e4;
+function findLiveMessageId(messages) {
+  for (const m of messages.slice().reverse()) {
+    if (m.role === "assistant" && m.clubFanDashboard?.phase === "live") return m.id;
+  }
+  return null;
+}
+function useLiveDashboardPoll({ messages, dispatch, getLiveDashboard }) {
+  const messageId = findLiveMessageId(messages);
+  const inFlightRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (!messageId) return;
+    const tick = async () => {
+      if (inFlightRef.current) return;
+      inFlightRef.current = true;
+      try {
+        const payload = await getLiveDashboard();
+        if (payload && payload.phase === "live") {
+          dispatch({ kind: "LIVE_REFRESH", messageId, cards: payload.cards });
+        } else {
+          window.clearInterval(id);
+        }
+      } catch {
+      } finally {
+        inFlightRef.current = false;
+      }
+    };
+    const id = window.setInterval(() => {
+      void tick();
+    }, POLL_INTERVAL_MS);
+    return () => window.clearInterval(id);
+  }, [messageId, dispatch, getLiveDashboard]);
+}
+
 // src/useChatStream.ts
 var STREAM_FALLBACK_TIMEOUT_MS = 3e4;
 function useChatStream(conversation, starterTexts, greetingMessage) {
-  const seed = (0, import_react.useMemo)(() => initialState(starterTexts.map(chipFromText)), []);
-  const [state, dispatch] = (0, import_react.useReducer)(reducer, seed);
-  const idRef = (0, import_react.useRef)(0);
-  const handleRef = (0, import_react.useRef)(null);
-  const fallbackTimerRef = (0, import_react.useRef)(null);
-  const stateRef = (0, import_react.useRef)(state);
+  const seed = (0, import_react2.useMemo)(() => initialState(starterTexts.map(chipFromText)), []);
+  const [state, dispatch] = (0, import_react2.useReducer)(reducer, seed);
+  const idRef = (0, import_react2.useRef)(0);
+  const handleRef = (0, import_react2.useRef)(null);
+  const fallbackTimerRef = (0, import_react2.useRef)(null);
+  const stateRef = (0, import_react2.useRef)(state);
   stateRef.current = state;
-  const greetedRef = (0, import_react.useRef)(false);
+  const greetedRef = (0, import_react2.useRef)(false);
   const nextId = () => `m${idRef.current++}`;
-  const clearFallbackTimer = (0, import_react.useCallback)(() => {
+  const clearFallbackTimer = (0, import_react2.useCallback)(() => {
     if (fallbackTimerRef.current != null) {
       clearTimeout(fallbackTimerRef.current);
       fallbackTimerRef.current = null;
     }
   }, []);
-  const armFallbackTimer = (0, import_react.useCallback)((onFire) => {
+  const armFallbackTimer = (0, import_react2.useCallback)((onFire) => {
     clearFallbackTimer();
     fallbackTimerRef.current = setTimeout(() => {
       fallbackTimerRef.current = null;
@@ -634,7 +677,7 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
       onFire();
     }, STREAM_FALLBACK_TIMEOUT_MS);
   }, [clearFallbackTimer]);
-  const consume = (0, import_react.useCallback)((handle, onError) => {
+  const consume = (0, import_react2.useCallback)((handle, onError) => {
     ;
     (async () => {
       try {
@@ -652,7 +695,7 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
       }
     })();
   }, [clearFallbackTimer]);
-  const run = (0, import_react.useCallback)((input, displayText) => {
+  const run = (0, import_react2.useCallback)((input, displayText) => {
     handleRef.current?.cancel();
     clearFallbackTimer();
     dispatch({ kind: "USER_SENT", input, userId: nextId(), assistantId: nextId(), displayText });
@@ -664,16 +707,16 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
     });
     consume(handle, (err) => dispatch({ kind: "STREAM_ERROR", error: err }));
   }, [conversation, consume, clearFallbackTimer, armFallbackTimer]);
-  const send = (0, import_react.useCallback)((text, opts) => {
+  const send = (0, import_react2.useCallback)((text, opts) => {
     const trimmed = text.trim();
     if (!trimmed) return;
     run({ message: trimmed, actionId: opts?.actionId, actionRef: opts?.actionRef }, opts?.displayText);
   }, [run]);
-  const retry = (0, import_react.useCallback)(() => {
+  const retry = (0, import_react2.useCallback)(() => {
     const last = stateRef.current.lastUserInput;
     if (last) run(last, stateRef.current.lastDisplayText ?? void 0);
   }, [run]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     const message = greetingMessage?.trim();
     if (!message || greetedRef.current) return;
     greetedRef.current = true;
@@ -689,24 +732,26 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
       dispatch({ kind: "STOP" });
     }
   }, [greetingMessage, conversation, consume, clearFallbackTimer, armFallbackTimer]);
-  const open = (0, import_react.useCallback)(() => dispatch({ kind: "OPEN" }), []);
-  const close = (0, import_react.useCallback)(() => {
+  const open = (0, import_react2.useCallback)(() => dispatch({ kind: "OPEN" }), []);
+  const close = (0, import_react2.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
     dispatch({ kind: "CLOSE" });
   }, [clearFallbackTimer]);
-  const stop = (0, import_react.useCallback)(() => {
+  const stop = (0, import_react2.useCallback)(() => {
     handleRef.current?.cancel();
     handleRef.current = null;
     clearFallbackTimer();
     dispatch({ kind: "STOP" });
   }, [clearFallbackTimer]);
-  const toggle = (0, import_react.useCallback)(() => {
+  const toggle = (0, import_react2.useCallback)(() => {
     if (stateRef.current.isOpen) close();
     else open();
   }, [close, open]);
-  const dismissPopup = (0, import_react.useCallback)(() => dispatch({ kind: "DISMISS_POPUP" }), []);
+  const dismissPopup = (0, import_react2.useCallback)(() => dispatch({ kind: "DISMISS_POPUP" }), []);
+  const getLiveDashboard = (0, import_react2.useCallback)(() => conversation.getLiveDashboard(), [conversation]);
+  useLiveDashboardPoll({ messages: state.messages, dispatch, getLiveDashboard });
   return { state, open, close, stop, toggle, send, retry, dismissPopup };
 }
 
@@ -767,7 +812,7 @@ function ChatFab({ label, greeting, popupText, onOpen, onDismissPopup, dismissLa
 }
 
 // src/components/ChatPanel.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/components/ChatHeader.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -780,7 +825,7 @@ function ChatHeader({ onClose, closeLabel = "Close chat" }) {
 }
 
 // src/components/MessageList.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/components/Markdown.tsx
 var import_react_markdown = __toESM(require("react-markdown"), 1);
@@ -798,7 +843,7 @@ function Markdown({ text }) {
 }
 
 // src/components/EntityCardList.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var MAX_VISIBLE = 3;
 var RECORD_RE = /^(\d+)-(\d+)-(\d+)$/;
@@ -830,7 +875,7 @@ function StatRows({ stats }) {
   }) });
 }
 function CardBody({ c }) {
-  const [active, setActive] = (0, import_react2.useState)(0);
+  const [active, setActive] = (0, import_react3.useState)(0);
   if (c.scopes.length === 0) return null;
   const season = c.season ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ss-w-ecard-season", children: shortSeason(c.season) }) : null;
   if (c.scopes.length === 1) {
@@ -889,7 +934,7 @@ function EntityCardItem({ c }) {
   ] });
 }
 function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMoreLabel = (n) => `Show ${n} more` }) {
-  const [expanded, setExpanded] = (0, import_react2.useState)(false);
+  const [expanded, setExpanded] = (0, import_react3.useState)(false);
   if (cards.length === 0) return null;
   const visible = expanded ? cards : cards.slice(0, MAX_VISIBLE);
   const overflow = cards.length - MAX_VISIBLE;
@@ -900,10 +945,10 @@ function EntityCardList({ cards, disabled, showLessLabel = "Show less", showMore
 }
 
 // src/components/BettingInsightList.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/components/AddToSlipButton.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_widget_sdk4 = require("@sensiblestats/widget-sdk");
 
 // src/slip.ts
@@ -935,11 +980,11 @@ function resultToToast(result, shownOdds, ui) {
 }
 
 // src/components/Toast.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var DISMISS_MS = 4e3;
 function Toast({ toast, onDismiss }) {
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!toast) return;
     const timer = setTimeout(onDismiss, DISMISS_MS);
     return () => clearTimeout(timer);
@@ -957,10 +1002,10 @@ function withTimeout(value) {
   ]);
 }
 function SlipButton({ selection, shownOdds, marketName, slip, ui }) {
-  const [pending, setPending] = (0, import_react4.useState)(false);
-  const [settled, setSettled] = (0, import_react4.useState)(false);
-  const [toast, setToast] = (0, import_react4.useState)(null);
-  const dismiss = (0, import_react4.useCallback)(() => setToast(null), []);
+  const [pending, setPending] = (0, import_react5.useState)(false);
+  const [settled, setSettled] = (0, import_react5.useState)(false);
+  const [toast, setToast] = (0, import_react5.useState)(null);
+  const dismiss = (0, import_react5.useCallback)(() => setToast(null), []);
   const handler = slip.onAddToSlip;
   if (!ui || !handler || !selection) return null;
   const onClick = async () => {
@@ -1024,14 +1069,14 @@ function OddsMovementBadge({
 }
 
 // src/components/Crest.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime10 = 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_react5.useState)(false);
+  const [failed, setFailed] = (0, import_react6.useState)(false);
   if (url && !failed) {
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("img", { className: cls, src: url, alt: "", "aria-hidden": "true", onError: () => setFailed(true) });
   }
@@ -1047,7 +1092,7 @@ function StatRows2({ stats }) {
   ] }, `${s.label}:${s.value}`)) });
 }
 function ScopedStats({ scopes }) {
-  const [active, setActive] = (0, import_react6.useState)(0);
+  const [active, setActive] = (0, import_react7.useState)(0);
   const current = scopes[active] ?? scopes[0] ?? { key: "", label: "", stats: [] };
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "ss-w-bi-scoped", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ss-w-bi-scopes", role: "group", children: scopes.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "ss-w-bi-chip", "aria-pressed": i === active, onClick: () => setActive(i), children: s.label }, s.key)) }),
@@ -1058,7 +1103,7 @@ function hasStatsContent(it) {
   return !!it.scopes && it.scopes.length >= 2 || it.stats.length > 0;
 }
 function ReasonStrip({ it, ui }) {
-  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [open, setOpen] = (0, import_react7.useState)(false);
   const hasScopes = !!it.scopes && it.scopes.length >= 2;
   const hasStats = hasStatsContent(it);
   const hasText = !!it.text;
@@ -1138,7 +1183,7 @@ function BettingInsightList({ insights, ui, slip }) {
 }
 
 // src/components/MarketOddsCardList.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function OddsRow({ vm, row, ui, slip }) {
   const selection = vm.addToSlipEnabled ? marketOddsRowToSlipSelection(vm, row, slip.conversationId) : null;
@@ -1150,7 +1195,7 @@ function OddsRow({ vm, row, ui, slip }) {
   ] });
 }
 function MarketOddsCard({ vm, ui, slip }) {
-  const [open, setOpen] = (0, import_react7.useState)(false);
+  const [open, setOpen] = (0, import_react8.useState)(false);
   const kickoff = vm.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(vm.kickoffUtc) : void 0;
   const hasNamedTeams = !!vm.homeTeamName && !!vm.awayTeamName;
   const showHeader = !!vm.competition || vm.isLive || !!kickoff;
@@ -1407,7 +1452,7 @@ function FixtureCard({ card, onTap }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -1426,12 +1471,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_react8.useState)(() => Date.now());
-  const [reduced] = (0, import_react8.useState)(
+  const [nowMs, setNowMs] = (0, import_react9.useState)(() => Date.now());
+  const [reduced] = (0, import_react9.useState)(
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -1439,7 +1484,7 @@ function CountdownCard({ card }) {
   const segments = remainingSegments(data.kickoffUnix, nowMs, withinDay && !reduced);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "ss-w-fandash-card ss-w-fandash-countdown", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "ss-w-fandash-countdown-top", children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title ?? "Kick-off in" }),
-    segments ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react8.Fragment, { children: [
+    segments ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ss-w-fandash-countdown-clock", children: segments.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react9.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ss-w-fandash-countdown-colon", children: ":" }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "ss-w-fandash-countdown-seg", children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ss-w-fandash-countdown-value", children: s.value }),
@@ -1687,85 +1732,139 @@ function RestingFormCard({ card }) {
   ] });
 }
 
-// src/components/dashboard/ClubFanDashboard.tsx
+// src/components/dashboard/LiveScoreCard.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
+function LiveScoreCard({ card }) {
+  const { data } = card;
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ss-w-fandash-card ss-w-fandash-live-score", children: [
+    card.title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ss-w-fandash-postmatch-scoreboard", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-postmatch-team", children: data.homeName }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-postmatch-score", children: data.homeScore }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-postmatch-sep", children: "\u2013" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-postmatch-score", children: data.awayScore }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-postmatch-team ss-w-fandash-postmatch-team--away", children: data.awayName })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ss-w-fandash-live-meta", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-live-minute", children: data.minuteLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-live-status", children: data.statusLabel }),
+      data.competition ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-live-competition", children: data.competition }) : null
+    ] })
+  ] });
+}
+
+// src/components/dashboard/LiveTimelineCard.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function LiveTimelineCard({ card }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "ss-w-fandash-card ss-w-fandash-live-timeline", children: [
+    card.title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ul", { className: "ss-w-fandash-live-event-list", children: card.data.events.map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("li", { className: e.scoredByClub ? "ss-w-fandash-live-event ss-w-fandash-live-event--club" : "ss-w-fandash-live-event", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "ss-w-fandash-live-event-minute", children: e.minuteLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "ss-w-fandash-live-event-text", children: e.text })
+    ] }, `${e.minuteLabel}-${i}`)) })
+  ] });
+}
+
+// src/components/dashboard/LiveStatsCard.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function LiveStatsCard({ card }) {
+  const { data } = card;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "ss-w-fandash-card ss-w-fandash-live-stats", children: [
+    card.title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ss-w-fandash-live-stat-rows", children: data.rows.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "ss-w-fandash-live-stat-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ss-w-fandash-live-stat-value", children: r.clubValue }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ss-w-fandash-live-stat-label", children: r.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ss-w-fandash-live-stat-value", children: r.oppValue })
+    ] }, `${r.label}-${i}`)) }),
+    data.momentumLabel ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "ss-w-fandash-live-momentum", children: data.momentumLabel }) : null
+  ] });
+}
+
+// src/components/dashboard/ClubFanDashboard.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function ClubFanDashboard({ dashboard, onTap, ui }) {
   const orderedCards = [
     ...dashboard.cards.filter((c) => c.cardType === "countdown"),
     ...dashboard.cards.filter((c) => c.cardType !== "countdown")
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "ss-w-fandash", children: [
-    dashboard.greeting ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "ss-w-fandash-greeting", children: dashboard.greeting }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "ss-w-fandash-cards", children: orderedCards.map((card, i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FanDashboardCard, { card, onTap, ui }, `${card.cardType}-${i}`)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ss-w-fandash", children: [
+    dashboard.greeting ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "ss-w-fandash-greeting", children: dashboard.greeting }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ss-w-fandash-cards", children: orderedCards.map((card, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FanDashboardCard, { card, onTap, ui }, `${card.cardType}-${i}`)) })
   ] });
 }
 function FanDashboardCard({ card, onTap, ui }) {
   switch (card.cardType) {
     case "fixture":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FixtureCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FixtureCard, { card, onTap });
     case "countdown":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CountdownCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CountdownCard, { card });
     case "injuries":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InjuriesCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InjuriesCard, { card });
     case "reasonToBet":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ReasonToBetCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ReasonToBetCard, { card });
     case "whereToWatch":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(WhereToWatchCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(WhereToWatchCard, { card });
     case "congestedWeek":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CongestedWeekCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(CongestedWeekCard, { card, onTap });
     case "transfers":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TransfersCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TransfersCard, { card });
     case "links":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LinksCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LinksCard, { card });
     case "postMatchResult":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PostMatchResultCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PostMatchResultCard, { card });
     case "postMatchGoals":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PostMatchGoalsCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PostMatchGoalsCard, { card, onTap });
     case "postMatchStats":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PostMatchStatsCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PostMatchStatsCard, { card, onTap });
     case "postMatchTopPerformer":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PostMatchTopPerformerCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PostMatchTopPerformerCard, { card, onTap });
     case "postMatchNext":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PostMatchNextCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PostMatchNextCard, { card });
     case "restingNext":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RestingNextCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RestingNextCard, { card, onTap });
     case "restingStandings":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RestingStandingsCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RestingStandingsCard, { card, onTap });
     case "restingSeason":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RestingSeasonCard, { card, onTap });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RestingSeasonCard, { card, onTap });
     case "restingForm":
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RestingFormCard, { card });
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RestingFormCard, { card });
+    case "liveScore":
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LiveScoreCard, { card });
+    case "liveTimeline":
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LiveTimelineCard, { card });
+    case "liveStats":
+      return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(LiveStatsCard, { card });
     default:
       return null;
   }
 }
 
 // src/components/ChatMessage.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function ChatMessage({ message, disabled, onAct, onTap, ui, slip }) {
   if (message.role === "user") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ss-w-msg ss-w-user", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "ss-w-bubble", children: message.text }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ss-w-msg ss-w-user", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "ss-w-bubble", children: message.text }) });
   }
   const onFanDashboardTap = (card) => {
     onAct({ message: card.actionLabel, actionRef: card.actionRef, label: card.actionLabel || card.title || "" });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "ss-w-msg ss-w-bot", children: [
-    message.text && !message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Markdown, { text: message.text }) : null,
-    message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GreetingDashboard, { dashboard: message.greetingDashboard, onTap }) : null,
-    message.clubFanDashboard ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ClubFanDashboard, { dashboard: message.clubFanDashboard, onTap: onFanDashboardTap, ui }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(EntityCardList, { cards: message.cards, disabled, showLessLabel: ui?.showLess, showMoreLabel: ui?.showMore }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(BettingInsightList, { insights: message.insights, ui, slip }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MarketOddsCardList, { cards: message.marketOdds, ui, slip }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(OddsMovementCardList, { cards: message.oddsMovement, ui }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ActionButtons, { actions: message.actions, loading: false, disabled, onAct })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "ss-w-msg ss-w-bot", children: [
+    message.text && !message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Markdown, { text: message.text }) : null,
+    message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(GreetingDashboard, { dashboard: message.greetingDashboard, onTap }) : null,
+    message.clubFanDashboard ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ClubFanDashboard, { dashboard: message.clubFanDashboard, onTap: onFanDashboardTap, ui }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(EntityCardList, { cards: message.cards, disabled, showLessLabel: ui?.showLess, showMoreLabel: ui?.showMore }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BettingInsightList, { insights: message.insights, ui, slip }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MarketOddsCardList, { cards: message.marketOdds, ui, slip }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(OddsMovementCardList, { cards: message.oddsMovement, ui }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ActionButtons, { actions: message.actions, loading: false, disabled, onAct })
   ] });
 }
 
 // src/components/IntentChips.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function IntentChips({ chips, onPick }) {
   if (chips.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "ss-w-chips", children: chips.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", className: "ss-w-chip", onClick: () => onPick(c.text), children: c.text }, `${c.text}-${i}`)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "ss-w-chips", children: chips.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { type: "button", className: "ss-w-chip", onClick: () => onPick(c.text), children: c.text }, `${c.text}-${i}`)) });
 }
 
 // src/scroll.ts
@@ -1775,18 +1874,18 @@ function isPinnedToBottom(el, threshold = PIN_THRESHOLD) {
 }
 
 // src/components/MessageList.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function MessageList({ controller, ui, slip, onDashboardTap }) {
   const { state, send } = controller;
-  const listRef = (0, import_react9.useRef)(null);
-  const endRef = (0, import_react9.useRef)(null);
-  const pinnedRef = (0, import_react9.useRef)(true);
-  (0, import_react9.useEffect)(() => {
+  const listRef = (0, import_react10.useRef)(null);
+  const endRef = (0, import_react10.useRef)(null);
+  const pinnedRef = (0, import_react10.useRef)(true);
+  (0, import_react10.useEffect)(() => {
     if (pinnedRef.current) endRef.current?.scrollIntoView({ block: "end" });
   }, [state.messages, state.status]);
   const hasUserMessage = state.messages.some((m) => m.role === "user");
   const hasDashboard = state.messages.some((m) => m.role === "assistant" && (m.greetingDashboard || m.clubFanDashboard));
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       className: "ss-w-list",
@@ -1796,7 +1895,7 @@ function MessageList({ controller, ui, slip, onDashboardTap }) {
         if (listRef.current) pinnedRef.current = isPinnedToBottom(listRef.current);
       },
       children: [
-        state.messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        state.messages.map((m) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           ChatMessage,
           {
             message: m,
@@ -1811,25 +1910,25 @@ function MessageList({ controller, ui, slip, onDashboardTap }) {
           },
           m.id
         )),
-        state.isStreaming && state.actionsLoading ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ActionButtons, { actions: [], loading: true, onAct: () => {
+        state.isStreaming && state.actionsLoading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ActionButtons, { actions: [], loading: true, onAct: () => {
         } }) : null,
-        state.status ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "ss-w-status", children: state.status }) : null,
-        state.error ? /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "ss-w-error", role: "alert", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "message" in state.error ? state.error.message : ui.somethingWentWrong }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { type: "button", className: "ss-w-retry", onClick: () => controller.retry(), children: ui.retry })
+        state.status ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "ss-w-status", children: state.status }) : null,
+        state.error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "ss-w-error", role: "alert", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "message" in state.error ? state.error.message : ui.somethingWentWrong }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("button", { type: "button", className: "ss-w-retry", onClick: () => controller.retry(), children: ui.retry })
         ] }) : null,
-        !hasUserMessage && !hasDashboard ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { ref: endRef })
+        !hasUserMessage && !hasDashboard ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: endRef })
       ]
     }
   );
 }
 
 // src/components/ChatInput.tsx
-var import_react10 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message" }) {
-  const [value, setValue] = (0, import_react10.useState)("");
+  const [value, setValue] = (0, import_react11.useState)("");
   const submit = () => {
     const t = value.trim();
     if (!t) return;
@@ -1842,18 +1941,18 @@ function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop r
       submit();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "ss-w-input", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("textarea", { className: "ss-w-textarea", rows: 1, placeholder, value, disabled: streaming, onChange: (e) => setValue(e.target.value), onKeyDown }),
-    streaming ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "button", className: "ss-w-send ss-w-stop", "aria-label": stopLabel, onClick: onStop, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "ss-w-stop-glyph" }) }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("button", { type: "button", className: "ss-w-send", "aria-label": sendLabel, onClick: submit, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SendIcon, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "ss-w-input", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("textarea", { className: "ss-w-textarea", rows: 1, placeholder, value, disabled: streaming, onChange: (e) => setValue(e.target.value), onKeyDown }),
+    streaming ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { type: "button", className: "ss-w-send ss-w-stop", "aria-label": stopLabel, onClick: onStop, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "ss-w-stop-glyph" }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { type: "button", className: "ss-w-send", "aria-label": sendLabel, onClick: submit, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SendIcon, {}) })
   ] });
 }
 
 // src/components/ChatPanel.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
-  const [modal, setModal] = (0, import_react11.useState)(false);
-  (0, import_react11.useEffect)(() => {
+  const [modal, setModal] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -1866,17 +1965,17 @@ function useIsModal() {
 function ChatPanel({ controller, ui, slip, onDashboardTap }) {
   const { state, close, stop, send } = controller;
   const isModal = useIsModal();
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [close]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatHeader, { onClose: close, closeLabel: ui.closeChat }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MessageList, { controller, ui, slip, onDashboardTap }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: (t) => send(t), onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChatHeader, { onClose: close, closeLabel: ui.closeChat }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MessageList, { controller, ui, slip, onDashboardTap }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: (t) => send(t), onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
   ] });
 }
 
@@ -2388,10 +2487,35 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 
 /* resting form: reuses the fixture last-five pill classes (ss-w-fandash-form / -form-pill) */
 .ss-w-fandash-resting-form .ss-w-fandash-form { margin-top: 2px; }
+
+/* live score: reuses the post-match scoreboard classes for the team/score row, with its own
+   meta row -- minute called out in the accent color, status and competition beside it */
+.ss-w-fandash-live-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 11.5px; color: var(--ss-w-faint); }
+.ss-w-fandash-live-minute { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-accent); }
+.ss-w-fandash-live-status { font-weight: 650; color: var(--ss-w-ink); }
+.ss-w-fandash-live-competition { color: var(--ss-w-faint); }
+
+/* live timeline: a plain event list, the club's own events picked out in the accent color --
+   same mechanism as the post-match goal list, plus a minute column */
+.ss-w-fandash-live-event-list { list-style: none; display: flex; flex-direction: column; gap: 4px; }
+.ss-w-fandash-live-event { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; color: var(--ss-w-faint); }
+.ss-w-fandash-live-event--club { color: var(--ss-w-ink); font-weight: 650; }
+.ss-w-fandash-live-event-minute { flex: none; font-variant-numeric: tabular-nums; color: var(--ss-w-faint); }
+.ss-w-fandash-live-event--club .ss-w-fandash-live-event-minute { color: var(--ss-w-accent); }
+.ss-w-fandash-live-event-text { min-width: 0; }
+
+/* live stats: club value / stat label / opponent value, same 3-column layout as post-match
+   stats, plus an optional momentum line underneath */
+.ss-w-fandash-live-stat-rows { display: flex; flex-direction: column; gap: 5px; }
+.ss-w-fandash-live-stat-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
+.ss-w-fandash-live-stat-value { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+.ss-w-fandash-live-stat-row .ss-w-fandash-live-stat-value:last-child { text-align: right; }
+.ss-w-fandash-live-stat-label { font-size: 10.5px; text-align: center; color: var(--ss-w-faint); text-transform: uppercase; letter-spacing: .03em; }
+.ss-w-fandash-live-momentum { font-size: 11.5px; font-weight: 650; color: var(--ss-w-accent); }
 `;
 
 // src/StatsWidget.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -2416,11 +2540,11 @@ function injectStyles(root) {
 function StatsWidget(props) {
   const injectedClient = "client" in props ? props.client : void 0;
   const cfg = props.config;
-  const built = (0, import_react12.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
-  const ui = (0, import_react12.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = (0, import_react12.useRef)(null);
+  const built = (0, import_react13.useMemo)(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
+  const ui = (0, import_react13.useMemo)(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
+  const rootRef = (0, import_react13.useRef)(null);
   const controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters, built ? ui.greetingMessage : void 0);
-  const slip = (0, import_react12.useMemo)(
+  const slip = (0, import_react13.useMemo)(
     () => ({
       onAddToSlip: props.config?.onAddToSlip,
       conversationId: controller.state.conversationId ?? void 0,
@@ -2433,18 +2557,18 @@ function StatsWidget(props) {
     }),
     [props.config?.onAddToSlip, controller.state.conversationId, built]
   );
-  const onDashboardTap = (0, import_react12.useMemo)(
+  const onDashboardTap = (0, import_react13.useMemo)(
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input)) : void 0,
     [built]
   );
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.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_runtime40.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_runtime40.jsx)(ChatPanel, { controller, ui, slip, onDashboardTap }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.jsx)(ChatPanel, { controller, ui, slip, onDashboardTap }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     ChatFab,
     {
       label: ui.launcherLabel,