@sensiblestats/widget-react 0.77.0 → 0.78.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/StatsWidget.tsx
-import { useCallback as useCallback14, useEffect as useEffect26, useMemo as useMemo5, useRef as useRef22, useState as useState44 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect27, useMemo as useMemo5, useRef as useRef23, useState as useState44 } from "react";
 import { StatsWidgetClient } from "@sensiblestats/widget-sdk";
 
 // src/kickoff.ts
@@ -3106,8 +3106,23 @@ function usePopupTelemetry(log, isOpen, popupText, dismissPopup) {
   }, [log, dismissPopup]);
 }
 
+// src/openTelemetry.ts
+import { useEffect as useEffect10, useRef as useRef10 } from "react";
+function useOpenTelemetry(log, isOpen) {
+  const openLoggedRef = useRef10(false);
+  useEffect10(() => {
+    if (!isOpen) {
+      openLoggedRef.current = false;
+      return;
+    }
+    if (openLoggedRef.current || !log) return;
+    openLoggedRef.current = true;
+    log.log({ name: "widget_open" });
+  }, [log, isOpen]);
+}
+
 // src/components/ChatFab.tsx
-import { useEffect as useEffect10, useRef as useRef10, useState as useState9 } from "react";
+import { useEffect as useEffect11, useRef as useRef11, useState as useState9 } from "react";
 
 // src/components/BrandMark.tsx
 import { useState as useState8 } from "react";
@@ -3210,8 +3225,8 @@ import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup, dismissLabel = "Dismiss", introAllowed = false, onIntroStart, asks }) {
   const bubble = popupText ?? greeting;
   const [intro, setIntro] = useState9(false);
-  const armedRef = useRef10(introAllowed);
-  useEffect10(() => {
+  const armedRef = useRef11(introAllowed);
+  useEffect11(() => {
     if (armedRef.current && bubble) {
       armedRef.current = false;
       setIntro(true);
@@ -3225,10 +3240,10 @@ function ChatFab({ label, greeting, popupText, logoUrl, onOpen, onDismissPopup,
 }
 
 // src/components/ChatPanel.tsx
-import { useCallback as useCallback13, useEffect as useEffect25, useMemo as useMemo4, useRef as useRef21, useState as useState43 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect26, useMemo as useMemo4, useRef as useRef22, useState as useState43 } from "react";
 
 // src/components/ChatHeader.tsx
-import { useEffect as useEffect11, useRef as useRef11, useState as useState10 } from "react";
+import { useEffect as useEffect12, useRef as useRef12, useState as useState10 } from "react";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ChatHeader({
   onClose,
@@ -3241,14 +3256,14 @@ function ChatHeader({
   moreOptionsLabel = "More options"
 }) {
   const [menuOpen, setMenuOpen] = useState10(false);
-  const wrapRef = useRef11(null);
-  const kebabRef = useRef11(null);
-  const firstItemRef = useRef11(null);
+  const wrapRef = useRef12(null);
+  const kebabRef = useRef12(null);
+  const firstItemRef = useRef12(null);
   const hasMenu = !!(canReset && onNewConversation);
-  useEffect11(() => {
+  useEffect12(() => {
     if (menuOpen) firstItemRef.current?.focus();
   }, [menuOpen]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!menuOpen) return;
     const onPointer = (e) => {
       if (!wrapRef.current?.contains(e.target)) setMenuOpen(false);
@@ -3304,7 +3319,7 @@ function ChatHeader({
 }
 
 // src/components/MessageList.tsx
-import { useEffect as useEffect17, useRef as useRef14 } from "react";
+import { useEffect as useEffect18, useRef as useRef15 } from "react";
 
 // src/components/Markdown.tsx
 import ReactMarkdown from "react-markdown";
@@ -3442,11 +3457,11 @@ function useSlipState() {
 }
 
 // src/components/Toast.tsx
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var DISMISS_MS = 4e3;
 function Toast({ toast, onDismiss }) {
-  useEffect12(() => {
+  useEffect13(() => {
     if (!toast) return;
     const timer = setTimeout(onDismiss, DISMISS_MS);
     return () => clearTimeout(timer);
@@ -3845,7 +3860,7 @@ function ComboCardList({ cards, ui, slip, monitor }) {
 }
 
 // src/components/MarketOddsCardList.tsx
-import { useEffect as useEffect13, useState as useState16 } from "react";
+import { useEffect as useEffect14, useState as useState16 } from "react";
 
 // src/components/AllMarketsButton.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -3920,7 +3935,7 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }
   const staleTime = isStale && live ? fmtHhMm(live.asOfUtc, ui?.locale ?? "en") : null;
   const [, setStaleTick] = useState16(0);
   const watchStale = live != null && !isClosed && !isStale;
-  useEffect13(() => {
+  useEffect14(() => {
     if (!watchStale) return;
     const id = window.setTimeout(() => setStaleTick((n) => n + 1), Math.max(0, asOfMs + STALE_AFTER_MS - Date.now()) + 1);
     return () => window.clearTimeout(id);
@@ -3999,7 +4014,7 @@ function MarketOddsCardList({ cards, ui, slip, monitor, inSlipIds, hideHeader, p
 }
 
 // src/components/CompactOddsList.tsx
-import { useEffect as useEffect14, useRef as useRef12, useState as useState17 } from "react";
+import { useEffect as useEffect15, useRef as useRef13, useState as useState17 } from "react";
 
 // src/compactList.ts
 var COMPACT_MIN_CARDS = 3;
@@ -4116,8 +4131,8 @@ function CompactOddsList({ list, ui, slip, monitor }) {
   const [shown, setShown] = useState17(COMPACT_PAGE);
   const hidden = list.rowCount - shown;
   const [focusIndex, setFocusIndex] = useState17(null);
-  const focusRef = useRef12(null);
-  useEffect14(() => {
+  const focusRef = useRef13(null);
+  useEffect15(() => {
     if (focusIndex !== null) focusRef.current?.focus();
   }, [focusIndex]);
   let left = shown;
@@ -4422,7 +4437,7 @@ function FixtureCard({ card }) {
 }
 
 // src/components/dashboard/CountdownCard.tsx
-import { Fragment as Fragment6, useEffect as useEffect15, useState as useState18 } from "react";
+import { Fragment as Fragment6, useEffect as useEffect16, useState as useState18 } from "react";
 import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var DAY_MS = 864e5;
 function remainingSegments(kickoffUnix, nowMs, withSeconds) {
@@ -4446,7 +4461,7 @@ function CountdownCard({ card }) {
     () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
   );
   const withinDay = data.kickoffUnix * 1e3 - nowMs < DAY_MS;
-  useEffect15(() => {
+  useEffect16(() => {
     if (reduced) return;
     const id = window.setInterval(() => setNowMs(Date.now()), withinDay ? 1e3 : 6e4);
     return () => window.clearInterval(id);
@@ -4803,10 +4818,10 @@ function RestingFormCard({ card }) {
 }
 
 // src/components/dashboard/LiveScoreCard.tsx
-import { useRef as useRef13, useState as useState22 } from "react";
+import { useRef as useRef14, useState as useState22 } from "react";
 
 // src/useLiveClock.ts
-import { useEffect as useEffect16, useState as useState21 } from "react";
+import { useEffect as useEffect17, useState as useState21 } from "react";
 var TICK_MS = 6e4;
 var MAX_LIVE_TICK_MINUTES = 15;
 function computeDisplayMinute(minute, clockRunning, receivedAtMs) {
@@ -4818,7 +4833,7 @@ function useLiveClock(minute, clockRunning, receivedAtMs) {
   const [displayMinute, setDisplayMinute] = useState21(
     () => computeDisplayMinute(minute, clockRunning, receivedAtMs)
   );
-  useEffect16(() => {
+  useEffect17(() => {
     setDisplayMinute(computeDisplayMinute(minute, clockRunning, receivedAtMs));
     if (!clockRunning) return;
     const id = window.setInterval(() => {
@@ -4854,7 +4869,7 @@ function LiveScoreCard({
 }) {
   const { data } = card;
   const seedKey = `${data.minute}:${data.homeScore}:${data.awayScore}`;
-  const seedRef = useRef13(null);
+  const seedRef = useRef14(null);
   if (!seedRef.current || seedRef.current.key !== seedKey) {
     seedRef.current = { key: seedKey, receivedAtMs: Date.now() };
   }
@@ -5178,11 +5193,11 @@ function turnAnchor(messages) {
 }
 function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
   const { state, send } = controller;
-  const listRef = useRef14(null);
-  const endRef = useRef14(null);
-  const pinnedRef = useRef14(true);
-  const anchoredTurnRef = useRef14(null);
-  useEffect17(() => {
+  const listRef = useRef15(null);
+  const endRef = useRef15(null);
+  const pinnedRef = useRef15(true);
+  const anchoredTurnRef = useRef15(null);
+  useEffect18(() => {
     const anchor = turnAnchor(state.messages);
     const list = listRef.current;
     if (anchor && anchor.turnId !== anchoredTurnRef.current) {
@@ -5239,13 +5254,13 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
 }
 
 // src/components/ChatInput.tsx
-import { forwardRef, useEffect as useEffect18, useImperativeHandle, useRef as useRef15, useState as useState24 } from "react";
+import { forwardRef, useEffect as useEffect19, useImperativeHandle, useRef as useRef16, useState as useState24 } from "react";
 import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
 var ChatInput = forwardRef(function ChatInput2({ placeholder, streaming, onSend, onStop, stopLabel = "Stop response", sendLabel = "Send message", disabled = false, onType }, ref) {
   const [value, setValue] = useState24("");
-  const textareaRef = useRef15(null);
-  const stopRef = useRef15(null);
-  const textBoxWantsFocusRef = useRef15(false);
+  const textareaRef = useRef16(null);
+  const stopRef = useRef16(null);
+  const textBoxWantsFocusRef = useRef16(false);
   const submit = () => {
     if (disabled) return;
     const t = value.trim();
@@ -5271,7 +5286,7 @@ var ChatInput = forwardRef(function ChatInput2({ placeholder, streaming, onSend,
       stopRef.current?.focus();
     }
   }), []);
-  useEffect18(() => {
+  useEffect19(() => {
     if (streaming || disabled || !textBoxWantsFocusRef.current) return;
     textBoxWantsFocusRef.current = false;
     const box = textareaRef.current;
@@ -5763,7 +5778,7 @@ function TodayPanel({ discovery, ui, monitor }) {
 }
 
 // src/components/GamesPanel.tsx
-import { useEffect as useEffect22, useState as useState39 } from "react";
+import { useEffect as useEffect23, useState as useState39 } from "react";
 
 // src/components/GamesLoginWall.tsx
 import { jsx as jsx57 } from "react/jsx-runtime";
@@ -5772,7 +5787,7 @@ function GamesLoginWall({ ui }) {
 }
 
 // src/components/GamesHub.tsx
-import { useEffect as useEffect19, useState as useState26 } from "react";
+import { useEffect as useEffect20, useState as useState26 } from "react";
 
 // src/components/games/ui/gameMeta.ts
 function prettifyGameId(gameId) {
@@ -5958,7 +5973,7 @@ function pickHeroGame(games) {
 var tileKey = (g) => `${g.gameId}-${g.gameDay}-${g.fixtureId}`;
 function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
   const [, setTick] = useState26(0);
-  useEffect19(() => {
+  useEffect20(() => {
     const id = setInterval(() => setTick((t) => t + 1), 6e4);
     return () => clearInterval(id);
   }, []);
@@ -6018,10 +6033,10 @@ function GamesHub({ games, myWeeklyRow, weeklyPrize, onOpen, ui }) {
 }
 
 // src/components/GameScreenHost.tsx
-import { useEffect as useEffect21, useRef as useRef18, useState as useState38 } from "react";
+import { useEffect as useEffect22, useRef as useRef19, useState as useState38 } from "react";
 
 // src/useGamePlay.ts
-import { useCallback as useCallback11, useRef as useRef16, useState as useState27 } from "react";
+import { useCallback as useCallback11, useRef as useRef17, useState as useState27 } from "react";
 function toSubmitResult(payload) {
   return {
     // 'pending' means the play is recorded but awaiting resolution (fixture games)
@@ -6036,12 +6051,12 @@ function useGamePlay(conversation, { gameId, gameDay, fixtureId, locale, refresh
   const [result, setResult] = useState27(null);
   const [submitting, setSubmitting] = useState27(false);
   const [rawStatus, setRawStatus] = useState27(null);
-  const inFlightRef = useRef16(false);
-  const convRef = useRef16(conversation);
+  const inFlightRef = useRef17(false);
+  const convRef = useRef17(conversation);
   convRef.current = conversation;
-  const optsRef = useRef16({ gameId, gameDay, fixtureId, locale, refresh });
+  const optsRef = useRef17({ gameId, gameDay, fixtureId, locale, refresh });
   optsRef.current = { gameId, gameDay, fixtureId, locale, refresh };
-  const resultRef = useRef16(null);
+  const resultRef = useRef17(null);
   resultRef.current = result;
   const refetch = useCallback11(async () => {
     const conv = convRef.current;
@@ -6995,7 +7010,7 @@ function CareerPathGame({
 }
 
 // src/components/games/BeatTheGridGame.tsx
-import React, { useEffect as useEffect20, useId as useId4, useRef as useRef17, useState as useState32 } from "react";
+import React, { useEffect as useEffect21, useId as useId4, useRef as useRef18, useState as useState32 } from "react";
 
 // src/components/games/ui/OptionList.tsx
 import { jsx as jsx77 } from "react/jsx-runtime";
@@ -7086,8 +7101,8 @@ function SearchSheet({
   const s = ui.games.beatTheGrid;
   const [query, setQuery] = useState32("");
   const inputId = useId4();
-  const inputRef = useRef17(null);
-  useEffect20(() => {
+  const inputRef = useRef18(null);
+  useEffect21(() => {
     inputRef.current?.focus();
   }, [row, col]);
   const filtered = playerPool.filter(
@@ -8391,7 +8406,7 @@ function GameScreenHost({
 }) {
   const { gameId, fixtureId, gameDay = "", lockAtUtc = null } = selected;
   const [configJson, setConfigJson] = useState38(null);
-  useEffect21(() => {
+  useEffect22(() => {
     setConfigJson(null);
     if (!conversation) return;
     let cancelled = false;
@@ -8414,12 +8429,12 @@ function GameScreenHost({
     fixtureId: fixtureId || void 0,
     locale: ui.games.lang
   });
-  useEffect21(() => {
+  useEffect22(() => {
     if (conversation) hydrate();
   }, [conversation, gameId]);
-  const hydrateRef = useRef18(hydrate);
+  const hydrateRef = useRef19(hydrate);
   hydrateRef.current = hydrate;
-  useEffect21(() => {
+  useEffect22(() => {
     if (!FIXTURE_GAME_IDS.has(gameId)) return;
     if (rawStatus !== "pending") return;
     const timerId = setInterval(() => {
@@ -8555,7 +8570,7 @@ function GamesPanel({
   refreshHub
 }) {
   const [selected, setSelected] = useState39(null);
-  useEffect22(() => {
+  useEffect23(() => {
     ensureGamesFonts();
   }, []);
   if (!loggedIn) return /* @__PURE__ */ jsx87(GamesLoginWall, { ui });
@@ -8788,16 +8803,16 @@ function PresetSpeedDial({ expanded, showDot, strings, onToggle, onOpen, rootRef
 }
 
 // src/components/PresetTools.tsx
-import { Fragment as Fragment21, useEffect as useEffect23, useId as useId10, useRef as useRef19, useState as useState41 } from "react";
+import { Fragment as Fragment21, useEffect as useEffect24, useId as useId10, useRef as useRef20, useState as useState41 } from "react";
 import { Fragment as Fragment22, jsx as jsx93, jsxs as jsxs78 } from "react/jsx-runtime";
 var FOCUSABLE = 'button:not([disabled]), [href], input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function PresetToolModal({ title, closeLabel, onClose, children, footer }) {
-  const dialogRef = useRef19(null);
+  const dialogRef = useRef20(null);
   const titleId = useId10();
-  useEffect23(() => {
+  useEffect24(() => {
     dialogRef.current?.focus();
   }, []);
-  useEffect23(() => {
+  useEffect24(() => {
     const onKey = (e) => {
       if (e.key !== "Escape") return;
       e.stopPropagation();
@@ -9081,7 +9096,7 @@ function BuildComboTool({ grid, strings, streaming, formatKickoff, initialTotal,
 }
 
 // src/usePresetDial.ts
-import { useCallback as useCallback12, useEffect as useEffect24, useRef as useRef20, useState as useState42 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect25, useRef as useRef21, useState as useState42 } from "react";
 function sendInFlight(messages, isStreaming) {
   const last = messages[messages.length - 1];
   return isStreaming && !!last && last.role === "assistant" && !last.done && !last.isGreeting;
@@ -9099,21 +9114,21 @@ function usePresetDial({ layerRef, dialRef, dialButtonRef, messages, isStreaming
   const fold = useCallback12(() => setExpanded(false), []);
   const toggle = useCallback12(() => setExpanded((e) => !e), []);
   const currentUserId = lastUserId(messages);
-  const userIdRef = useRef20(currentUserId);
-  useEffect24(() => {
+  const userIdRef = useRef21(currentUserId);
+  useEffect25(() => {
     if (currentUserId === userIdRef.current) return;
     userIdRef.current = currentUserId;
     setExpanded(false);
   }, [currentUserId]);
-  const tabRef = useRef20(activeTab);
-  useEffect24(() => {
+  const tabRef = useRef21(activeTab);
+  useEffect25(() => {
     if (activeTab === tabRef.current) return;
     tabRef.current = activeTab;
     setExpanded(false);
   }, [activeTab]);
-  const expandedRef = useRef20(expanded);
+  const expandedRef = useRef21(expanded);
   expandedRef.current = expanded;
-  useEffect24(() => {
+  useEffect25(() => {
     const onEscape = (e) => {
       const dial = dialRef.current;
       if (e.key !== "Escape" || !dial || !e.composedPath().includes(dial)) return;
@@ -9126,7 +9141,7 @@ function usePresetDial({ layerRef, dialRef, dialButtonRef, messages, isStreaming
     window.addEventListener("keydown", onEscape, true);
     return () => window.removeEventListener("keydown", onEscape, true);
   }, [dialRef, dialButtonRef]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!expanded) return;
     const layer = layerRef.current;
     const inDial = (e) => {
@@ -9182,7 +9197,7 @@ import { jsx as jsx94, jsxs as jsxs79 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
   const [modal, setModal] = useState43(false);
-  useEffect25(() => {
+  useEffect26(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(FULLSCREEN_QUERY);
     const sync = () => setModal(mql.matches);
@@ -9196,7 +9211,7 @@ var HIDDEN_LAYER_STYLE = { position: "absolute", inset: 0, visibility: "hidden",
 function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, gamesResult, leaderboardResult, loggedIn, conversation, presetGrid }) {
   const { state, close, stop, send, reset } = controller;
   const isModal = useIsModal();
-  useEffect25(() => {
+  useEffect26(() => {
     const onKey = (e) => {
       if (e.key === "Escape") close();
     };
@@ -9211,15 +9226,15 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     monitor?.setActiveTab("chat");
     send(text, { grounding });
   };
-  useEffect25(() => {
+  useEffect26(() => {
     if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
   }, [monitor, state.isStreaming, state.messages.length]);
   const onChatTab = !monitor || monitor.activeTab === "chat";
-  const layerRef = useRef21(null);
-  const dialRef = useRef21(null);
-  const dialButtonRef = useRef21(null);
-  const inputRef = useRef21(null);
-  const focusAfterCloseRef = useRef21(null);
+  const layerRef = useRef22(null);
+  const dialRef = useRef22(null);
+  const dialButtonRef = useRef22(null);
+  const inputRef = useRef22(null);
+  const focusAfterCloseRef = useRef22(null);
   const [tool, setTool] = useState43(null);
   const [toolSeen, setToolSeen] = useState43(readToolSeen);
   const dial = usePresetDial({
@@ -9257,14 +9272,14 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     const k = ui.bettingKickoff(kickoffUtc);
     return `${k.dayLabel} ${k.time}`;
   }, [ui]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (tool) return;
     const target = focusAfterCloseRef.current;
     focusAfterCloseRef.current = null;
     if (target === "dial") dialButtonRef.current?.focus();
     else if (target === "composer") inputRef.current?.focus();
   }, [tool]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!tool || onChatTab && presetGrid) return;
     focusAfterCloseRef.current = "composer";
     setTool(null);
@@ -11071,8 +11086,8 @@ function StatsWidget(props) {
     [built?.client]
   );
   const ui = useMemo5(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
-  const rootRef = useRef22(null);
-  const introDoneRef = useRef22(false);
+  const rootRef = useRef23(null);
+  const introDoneRef = useRef23(false);
   const markIntroDone = useCallback14(() => {
     introDoneRef.current = true;
   }, []);
@@ -11121,11 +11136,11 @@ function StatsWidget(props) {
     pinnedMatchIds
   });
   const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
-  useEffect26(() => {
+  useEffect27(() => {
     setHasToday(todayHasContent);
   }, [todayHasContent]);
-  const prevLiveSnapshotRef = useRef22(monitor.snapshot);
-  useEffect26(() => {
+  const prevLiveSnapshotRef = useRef23(monitor.snapshot);
+  useEffect27(() => {
     const snap = monitor.snapshot;
     if (!snap || snap === prevLiveSnapshotRef.current) return;
     prevLiveSnapshotRef.current = snap;
@@ -11167,8 +11182,8 @@ function StatsWidget(props) {
   );
   const presetGrid = usePresetGrid({ getPricePresets, isOpen: controller.state.isOpen, locale: ui.presets.lang });
   const markTodayActivity = monitor.markTodayActivity;
-  const prevLiveCountRef = useRef22(0);
-  useEffect26(() => {
+  const prevLiveCountRef = useRef23(0);
+  useEffect27(() => {
     const rose = prevLiveCountRef.current === 0 && discovery.liveCount > 0;
     prevLiveCountRef.current = discovery.liveCount;
     if (rose) markTodayActivity();
@@ -11206,6 +11221,7 @@ function StatsWidget(props) {
     [built, logger]
   );
   const dismissPopup = usePopupTelemetry(logger, controller.state.isOpen, controller.state.popupText, controller.dismissPopup);
+  useOpenTelemetry(logger, controller.state.isOpen);
   const asks = bubbleAsks(controller.state.messages, ui.presets.standoutAsk).map((ask) => ({
     label: ask.label,
     onTap: () => runBubbleAsk(ask, {
@@ -11219,11 +11235,11 @@ function StatsWidget(props) {
   const operatorUserId = cfg?.userContext?.operatorUserId;
   const anonymousUserId = cfg?.userContext?.anonymousUserId;
   const conversationId = controller.state.conversationId ?? void 0;
-  useEffect26(() => {
+  useEffect27(() => {
     if (!logger) return;
     logger.setIdentity({ operatorUserId, anonymousUserId, conversationId });
   }, [logger, operatorUserId, anonymousUserId, conversationId]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!logger) return;
     logger.resume();
     const onHide = () => {
@@ -11241,7 +11257,7 @@ function StatsWidget(props) {
       logger.dispose();
     };
   }, [logger]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!built || !ui.injectStyles) return;
     const node = rootRef.current?.getRootNode();
     if (node) injectStyles(node);