@sensiblestats/widget-react 0.25.0 → 0.26.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/StatsWidget.tsx
-import { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef3 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef4 } from "react";
 import { StatsWidgetClient } from "@sensiblestats/widget-sdk";
 
 // src/kickoff.ts
@@ -225,7 +225,7 @@ function themeAttrs(ui) {
 }
 
 // src/useChatStream.ts
-import { useCallback, useEffect, useMemo, useReducer, useRef } from "react";
+import { useCallback, useEffect as useEffect2, useMemo, useReducer, useRef as useRef2 } from "react";
 import { WidgetSdkError as WidgetSdkError2 } from "@sensiblestats/widget-sdk";
 
 // src/reducer.ts
@@ -567,20 +567,63 @@ 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
+import { useEffect, useRef } from "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 = useRef(false);
+  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 = useMemo(() => initialState(starterTexts.map(chipFromText)), []);
   const [state, dispatch] = useReducer(reducer, seed);
-  const idRef = useRef(0);
-  const handleRef = useRef(null);
-  const fallbackTimerRef = useRef(null);
-  const stateRef = useRef(state);
+  const idRef = useRef2(0);
+  const handleRef = useRef2(null);
+  const fallbackTimerRef = useRef2(null);
+  const stateRef = useRef2(state);
   stateRef.current = state;
-  const greetedRef = useRef(false);
+  const greetedRef = useRef2(false);
   const nextId = () => `m${idRef.current++}`;
   const clearFallbackTimer = useCallback(() => {
     if (fallbackTimerRef.current != null) {
@@ -636,7 +679,7 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
     const last = stateRef.current.lastUserInput;
     if (last) run(last, stateRef.current.lastDisplayText ?? void 0);
   }, [run]);
-  useEffect(() => {
+  useEffect2(() => {
     const message = greetingMessage?.trim();
     if (!message || greetedRef.current) return;
     greetedRef.current = true;
@@ -670,6 +713,8 @@ function useChatStream(conversation, starterTexts, greetingMessage) {
     else open();
   }, [close, open]);
   const dismissPopup = useCallback(() => dispatch({ kind: "DISMISS_POPUP" }), []);
+  const getLiveDashboard = useCallback(() => conversation.getLiveDashboard(), [conversation]);
+  useLiveDashboardPoll({ messages: state.messages, dispatch, getLiveDashboard });
   return { state, open, close, stop, toggle, send, retry, dismissPopup };
 }
 
@@ -730,7 +775,7 @@ function ChatFab({ label, greeting, popupText, onOpen, onDismissPopup, dismissLa
 }
 
 // src/components/ChatPanel.tsx
-import { useEffect as useEffect5, useState as useState8 } from "react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/components/ChatHeader.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -743,7 +788,7 @@ function ChatHeader({ onClose, closeLabel = "Close chat" }) {
 }
 
 // src/components/MessageList.tsx
-import { useEffect as useEffect4, useRef as useRef2 } from "react";
+import { useEffect as useEffect5, useRef as useRef3 } from "react";
 
 // src/components/Markdown.tsx
 import ReactMarkdown from "react-markdown";
@@ -898,11 +943,11 @@ function resultToToast(result, shownOdds, ui) {
 }
 
 // src/components/Toast.tsx
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var DISMISS_MS = 4e3;
 function Toast({ toast, onDismiss }) {
-  useEffect2(() => {
+  useEffect3(() => {
     if (!toast) return;
     const timer = setTimeout(onDismiss, DISMISS_MS);
     return () => clearTimeout(timer);
@@ -1370,7 +1415,7 @@ function FixtureCard({ card, onTap }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-import { Fragment as Fragment6, useEffect as useEffect3, useState as useState6 } from "react";
+import { Fragment as Fragment6, useEffect as useEffect4, useState as useState6 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -1394,7 +1439,7 @@ function CountdownCard({ card }) {
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  useEffect3(() => {
+  useEffect4(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -1650,85 +1695,139 @@ function RestingFormCard({ card }) {
   ] });
 }
 
-// src/components/dashboard/ClubFanDashboard.tsx
+// src/components/dashboard/LiveScoreCard.tsx
 import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+function LiveScoreCard({ card }) {
+  const { data } = card;
+  return /* @__PURE__ */ jsxs30("div", { className: "ss-w-fandash-card ss-w-fandash-live-score", children: [
+    card.title ? /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
+    /* @__PURE__ */ jsxs30("div", { className: "ss-w-fandash-postmatch-scoreboard", children: [
+      /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-postmatch-team", children: data.homeName }),
+      /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-postmatch-score", children: data.homeScore }),
+      /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-postmatch-sep", children: "\u2013" }),
+      /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-postmatch-score", children: data.awayScore }),
+      /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-postmatch-team ss-w-fandash-postmatch-team--away", children: data.awayName })
+    ] }),
+    /* @__PURE__ */ jsxs30("div", { className: "ss-w-fandash-live-meta", children: [
+      /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-live-minute", children: data.minuteLabel }),
+      /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-live-status", children: data.statusLabel }),
+      data.competition ? /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-live-competition", children: data.competition }) : null
+    ] })
+  ] });
+}
+
+// src/components/dashboard/LiveTimelineCard.tsx
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+function LiveTimelineCard({ card }) {
+  return /* @__PURE__ */ jsxs31("div", { className: "ss-w-fandash-card ss-w-fandash-live-timeline", children: [
+    card.title ? /* @__PURE__ */ jsx35("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
+    /* @__PURE__ */ jsx35("ul", { className: "ss-w-fandash-live-event-list", children: card.data.events.map((e, i) => /* @__PURE__ */ jsxs31("li", { className: e.scoredByClub ? "ss-w-fandash-live-event ss-w-fandash-live-event--club" : "ss-w-fandash-live-event", children: [
+      /* @__PURE__ */ jsx35("span", { className: "ss-w-fandash-live-event-minute", children: e.minuteLabel }),
+      /* @__PURE__ */ jsx35("span", { className: "ss-w-fandash-live-event-text", children: e.text })
+    ] }, `${e.minuteLabel}-${i}`)) })
+  ] });
+}
+
+// src/components/dashboard/LiveStatsCard.tsx
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+function LiveStatsCard({ card }) {
+  const { data } = card;
+  return /* @__PURE__ */ jsxs32("div", { className: "ss-w-fandash-card ss-w-fandash-live-stats", children: [
+    card.title ? /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
+    /* @__PURE__ */ jsx36("div", { className: "ss-w-fandash-live-stat-rows", children: data.rows.map((r, i) => /* @__PURE__ */ jsxs32("div", { className: "ss-w-fandash-live-stat-row", children: [
+      /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-stat-value", children: r.clubValue }),
+      /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-stat-label", children: r.label }),
+      /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-stat-value", children: r.oppValue })
+    ] }, `${r.label}-${i}`)) }),
+    data.momentumLabel ? /* @__PURE__ */ jsx36("span", { className: "ss-w-fandash-live-momentum", children: data.momentumLabel }) : null
+  ] });
+}
+
+// src/components/dashboard/ClubFanDashboard.tsx
+import { jsx as jsx37, jsxs as jsxs33 } from "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__ */ jsxs30("div", { className: "ss-w-fandash", children: [
-    dashboard.greeting ? /* @__PURE__ */ jsx34("span", { className: "ss-w-fandash-greeting", children: dashboard.greeting }) : null,
-    /* @__PURE__ */ jsx34("div", { className: "ss-w-fandash-cards", children: orderedCards.map((card, i) => /* @__PURE__ */ jsx34(FanDashboardCard, { card, onTap, ui }, `${card.cardType}-${i}`)) })
+  return /* @__PURE__ */ jsxs33("div", { className: "ss-w-fandash", children: [
+    dashboard.greeting ? /* @__PURE__ */ jsx37("span", { className: "ss-w-fandash-greeting", children: dashboard.greeting }) : null,
+    /* @__PURE__ */ jsx37("div", { className: "ss-w-fandash-cards", children: orderedCards.map((card, i) => /* @__PURE__ */ jsx37(FanDashboardCard, { card, onTap, ui }, `${card.cardType}-${i}`)) })
   ] });
 }
 function FanDashboardCard({ card, onTap, ui }) {
   switch (card.cardType) {
     case "fixture":
-      return /* @__PURE__ */ jsx34(FixtureCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(FixtureCard, { card, onTap });
     case "countdown":
-      return /* @__PURE__ */ jsx34(CountdownCard, { card });
+      return /* @__PURE__ */ jsx37(CountdownCard, { card });
     case "injuries":
-      return /* @__PURE__ */ jsx34(InjuriesCard, { card });
+      return /* @__PURE__ */ jsx37(InjuriesCard, { card });
     case "reasonToBet":
-      return /* @__PURE__ */ jsx34(ReasonToBetCard, { card });
+      return /* @__PURE__ */ jsx37(ReasonToBetCard, { card });
     case "whereToWatch":
-      return /* @__PURE__ */ jsx34(WhereToWatchCard, { card });
+      return /* @__PURE__ */ jsx37(WhereToWatchCard, { card });
     case "congestedWeek":
-      return /* @__PURE__ */ jsx34(CongestedWeekCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(CongestedWeekCard, { card, onTap });
     case "transfers":
-      return /* @__PURE__ */ jsx34(TransfersCard, { card });
+      return /* @__PURE__ */ jsx37(TransfersCard, { card });
     case "links":
-      return /* @__PURE__ */ jsx34(LinksCard, { card });
+      return /* @__PURE__ */ jsx37(LinksCard, { card });
     case "postMatchResult":
-      return /* @__PURE__ */ jsx34(PostMatchResultCard, { card });
+      return /* @__PURE__ */ jsx37(PostMatchResultCard, { card });
     case "postMatchGoals":
-      return /* @__PURE__ */ jsx34(PostMatchGoalsCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(PostMatchGoalsCard, { card, onTap });
     case "postMatchStats":
-      return /* @__PURE__ */ jsx34(PostMatchStatsCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(PostMatchStatsCard, { card, onTap });
     case "postMatchTopPerformer":
-      return /* @__PURE__ */ jsx34(PostMatchTopPerformerCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(PostMatchTopPerformerCard, { card, onTap });
     case "postMatchNext":
-      return /* @__PURE__ */ jsx34(PostMatchNextCard, { card });
+      return /* @__PURE__ */ jsx37(PostMatchNextCard, { card });
     case "restingNext":
-      return /* @__PURE__ */ jsx34(RestingNextCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(RestingNextCard, { card, onTap });
     case "restingStandings":
-      return /* @__PURE__ */ jsx34(RestingStandingsCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(RestingStandingsCard, { card, onTap });
     case "restingSeason":
-      return /* @__PURE__ */ jsx34(RestingSeasonCard, { card, onTap });
+      return /* @__PURE__ */ jsx37(RestingSeasonCard, { card, onTap });
     case "restingForm":
-      return /* @__PURE__ */ jsx34(RestingFormCard, { card });
+      return /* @__PURE__ */ jsx37(RestingFormCard, { card });
+    case "liveScore":
+      return /* @__PURE__ */ jsx37(LiveScoreCard, { card });
+    case "liveTimeline":
+      return /* @__PURE__ */ jsx37(LiveTimelineCard, { card });
+    case "liveStats":
+      return /* @__PURE__ */ jsx37(LiveStatsCard, { card });
     default:
       return null;
   }
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 function ChatMessage({ message, disabled, onAct, onTap, ui, slip }) {
   if (message.role === "user") {
-    return /* @__PURE__ */ jsx35("div", { className: "ss-w-msg ss-w-user", children: /* @__PURE__ */ jsx35("div", { className: "ss-w-bubble", children: message.text }) });
+    return /* @__PURE__ */ jsx38("div", { className: "ss-w-msg ss-w-user", children: /* @__PURE__ */ jsx38("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__ */ jsxs31("div", { className: "ss-w-msg ss-w-bot", children: [
-    message.text && !message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ jsx35(Markdown, { text: message.text }) : null,
-    message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ jsx35(GreetingDashboard, { dashboard: message.greetingDashboard, onTap }) : null,
-    message.clubFanDashboard ? /* @__PURE__ */ jsx35(ClubFanDashboard, { dashboard: message.clubFanDashboard, onTap: onFanDashboardTap, ui }) : null,
-    /* @__PURE__ */ jsx35(EntityCardList, { cards: message.cards, disabled, showLessLabel: ui?.showLess, showMoreLabel: ui?.showMore }),
-    /* @__PURE__ */ jsx35(BettingInsightList, { insights: message.insights, ui, slip }),
-    /* @__PURE__ */ jsx35(MarketOddsCardList, { cards: message.marketOdds, ui, slip }),
-    /* @__PURE__ */ jsx35(OddsMovementCardList, { cards: message.oddsMovement, ui }),
-    /* @__PURE__ */ jsx35(ActionButtons, { actions: message.actions, loading: false, disabled, onAct })
+  return /* @__PURE__ */ jsxs34("div", { className: "ss-w-msg ss-w-bot", children: [
+    message.text && !message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ jsx38(Markdown, { text: message.text }) : null,
+    message.greetingDashboard && !message.clubFanDashboard ? /* @__PURE__ */ jsx38(GreetingDashboard, { dashboard: message.greetingDashboard, onTap }) : null,
+    message.clubFanDashboard ? /* @__PURE__ */ jsx38(ClubFanDashboard, { dashboard: message.clubFanDashboard, onTap: onFanDashboardTap, ui }) : null,
+    /* @__PURE__ */ jsx38(EntityCardList, { cards: message.cards, disabled, showLessLabel: ui?.showLess, showMoreLabel: ui?.showMore }),
+    /* @__PURE__ */ jsx38(BettingInsightList, { insights: message.insights, ui, slip }),
+    /* @__PURE__ */ jsx38(MarketOddsCardList, { cards: message.marketOdds, ui, slip }),
+    /* @__PURE__ */ jsx38(OddsMovementCardList, { cards: message.oddsMovement, ui }),
+    /* @__PURE__ */ jsx38(ActionButtons, { actions: message.actions, loading: false, disabled, onAct })
   ] });
 }
 
 // src/components/IntentChips.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function IntentChips({ chips, onPick }) {
   if (chips.length === 0) return null;
-  return /* @__PURE__ */ jsx36("div", { className: "ss-w-chips", children: chips.map((c, i) => /* @__PURE__ */ jsx36("button", { type: "button", className: "ss-w-chip", onClick: () => onPick(c.text), children: c.text }, `${c.text}-${i}`)) });
+  return /* @__PURE__ */ jsx39("div", { className: "ss-w-chips", children: chips.map((c, i) => /* @__PURE__ */ jsx39("button", { type: "button", className: "ss-w-chip", onClick: () => onPick(c.text), children: c.text }, `${c.text}-${i}`)) });
 }
 
 // src/scroll.ts
@@ -1738,18 +1837,18 @@ function isPinnedToBottom(el, threshold = PIN_THRESHOLD) {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
 function MessageList({ controller, ui, slip, onDashboardTap }) {
   const { state, send } = controller;
-  const listRef = useRef2(null);
-  const endRef = useRef2(null);
-  const pinnedRef = useRef2(true);
-  useEffect4(() => {
+  const listRef = useRef3(null);
+  const endRef = useRef3(null);
+  const pinnedRef = useRef3(true);
+  useEffect5(() => {
     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__ */ jsxs32(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: "ss-w-list",
@@ -1759,7 +1858,7 @@ function MessageList({ controller, ui, slip, onDashboardTap }) {
         if (listRef.current) pinnedRef.current = isPinnedToBottom(listRef.current);
       },
       children: [
-        state.messages.map((m) => /* @__PURE__ */ jsx37(
+        state.messages.map((m) => /* @__PURE__ */ jsx40(
           ChatMessage,
           {
             message: m,
@@ -1774,15 +1873,15 @@ function MessageList({ controller, ui, slip, onDashboardTap }) {
           },
           m.id
         )),
-        state.isStreaming && state.actionsLoading ? /* @__PURE__ */ jsx37(ActionButtons, { actions: [], loading: true, onAct: () => {
+        state.isStreaming && state.actionsLoading ? /* @__PURE__ */ jsx40(ActionButtons, { actions: [], loading: true, onAct: () => {
         } }) : null,
-        state.status ? /* @__PURE__ */ jsx37("div", { className: "ss-w-status", children: state.status }) : null,
-        state.error ? /* @__PURE__ */ jsxs32("div", { className: "ss-w-error", role: "alert", children: [
-          /* @__PURE__ */ jsx37("span", { children: "message" in state.error ? state.error.message : ui.somethingWentWrong }),
-          /* @__PURE__ */ jsx37("button", { type: "button", className: "ss-w-retry", onClick: () => controller.retry(), children: ui.retry })
+        state.status ? /* @__PURE__ */ jsx40("div", { className: "ss-w-status", children: state.status }) : null,
+        state.error ? /* @__PURE__ */ jsxs35("div", { className: "ss-w-error", role: "alert", children: [
+          /* @__PURE__ */ jsx40("span", { children: "message" in state.error ? state.error.message : ui.somethingWentWrong }),
+          /* @__PURE__ */ jsx40("button", { type: "button", className: "ss-w-retry", onClick: () => controller.retry(), children: ui.retry })
         ] }) : null,
-        !hasUserMessage && !hasDashboard ? /* @__PURE__ */ jsx37(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
-        /* @__PURE__ */ jsx37("div", { ref: endRef })
+        !hasUserMessage && !hasDashboard ? /* @__PURE__ */ jsx40(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
+        /* @__PURE__ */ jsx40("div", { ref: endRef })
       ]
     }
   );
@@ -1790,7 +1889,7 @@ function MessageList({ controller, ui, slip, onDashboardTap }) {
 
 // src/components/ChatInput.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
 function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message" }) {
   const [value, setValue] = useState7("");
   const submit = () => {
@@ -1805,18 +1904,18 @@ function ChatInput({ placeholder, streaming, onSend, onStop, stopLabel = "Stop r
       submit();
     }
   };
-  return /* @__PURE__ */ jsxs33("div", { className: "ss-w-input", children: [
-    /* @__PURE__ */ jsx38("textarea", { className: "ss-w-textarea", rows: 1, placeholder, value, disabled: streaming, onChange: (e) => setValue(e.target.value), onKeyDown }),
-    streaming ? /* @__PURE__ */ jsx38("button", { type: "button", className: "ss-w-send ss-w-stop", "aria-label": stopLabel, onClick: onStop, children: /* @__PURE__ */ jsx38("span", { className: "ss-w-stop-glyph" }) }) : /* @__PURE__ */ jsx38("button", { type: "button", className: "ss-w-send", "aria-label": sendLabel, onClick: submit, children: /* @__PURE__ */ jsx38(SendIcon, {}) })
+  return /* @__PURE__ */ jsxs36("div", { className: "ss-w-input", children: [
+    /* @__PURE__ */ jsx41("textarea", { className: "ss-w-textarea", rows: 1, placeholder, value, disabled: streaming, onChange: (e) => setValue(e.target.value), onKeyDown }),
+    streaming ? /* @__PURE__ */ jsx41("button", { type: "button", className: "ss-w-send ss-w-stop", "aria-label": stopLabel, onClick: onStop, children: /* @__PURE__ */ jsx41("span", { className: "ss-w-stop-glyph" }) }) : /* @__PURE__ */ jsx41("button", { type: "button", className: "ss-w-send", "aria-label": sendLabel, onClick: submit, children: /* @__PURE__ */ jsx41(SendIcon, {}) })
   ] });
 }
 
 // src/components/ChatPanel.tsx
-import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
   const [modal, setModal] = useState8(false);
-  useEffect5(() => {
+  useEffect6(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -1829,17 +1928,17 @@ function useIsModal() {
 function ChatPanel({ controller, ui, slip, onDashboardTap }) {
   const { state, close, stop, send } = controller;
   const isModal = useIsModal();
-  useEffect5(() => {
+  useEffect6(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
   }, [close]);
-  return /* @__PURE__ */ jsxs34("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ jsx39(ChatHeader, { onClose: close, closeLabel: ui.closeChat }),
-    /* @__PURE__ */ jsx39(MessageList, { controller, ui, slip, onDashboardTap }),
-    /* @__PURE__ */ jsx39(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: (t) => send(t), onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
+  return /* @__PURE__ */ jsxs37("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ jsx42(ChatHeader, { onClose: close, closeLabel: ui.closeChat }),
+    /* @__PURE__ */ jsx42(MessageList, { controller, ui, slip, onDashboardTap }),
+    /* @__PURE__ */ jsx42(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: (t) => send(t), onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
   ] });
 }
 
@@ -2351,10 +2450,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
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -2381,7 +2505,7 @@ function StatsWidget(props) {
   const cfg = props.config;
   const built = useMemo2(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
   const ui = useMemo2(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = useRef3(null);
+  const rootRef = useRef4(null);
   const controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters, built ? ui.greetingMessage : void 0);
   const slip = useMemo2(
     () => ({
@@ -2400,14 +2524,14 @@ function StatsWidget(props) {
     () => built ? createDashboardTapSignal((input) => built.conversation.sendSignal(input)) : void 0,
     [built]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     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__ */ jsx40("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__ */ jsx40(ChatPanel, { controller, ui, slip, onDashboardTap }) : /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx43("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__ */ jsx43(ChatPanel, { controller, ui, slip, onDashboardTap }) : /* @__PURE__ */ jsx43(
     ChatFab,
     {
       label: ui.launcherLabel,