@sensiblestats/widget-react 0.79.0 → 0.80.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @sensiblestats/widget-react
 
+## 0.80.0
+
+### Minor Changes
+
+- Show the brand's limit message: LimitError for limit refusals, the limit_notice capability, and a status line that replaces the composer while the assistant is paused.
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.51.0
+
 ## 0.79.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -38,7 +38,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/StatsWidget.tsx
 var import_react57 = require("react");
-var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
+var import_widget_sdk6 = require("@sensiblestats/widget-sdk");
 
 // src/kickoff.ts
 function formatBettingKickoff(kickoffUtc, ui, locale, now = /* @__PURE__ */ new Date()) {
@@ -68,6 +68,9 @@ var STRINGS = {
     dismissGreeting: "Dismiss",
     somethingWentWrong: "Something went wrong.",
     retry: "Retry",
+    limitDailyCap: "You've asked all your questions for today. You can ask again tomorrow.",
+    limitQuotaExhausted: "The assistant can't take new questions right now. Please try again later.",
+    limitAssistantPaused: "The assistant isn't available right now. Please try again later.",
     showLess: "Show less",
     showMore: (n) => `Show ${n} more`,
     allMarkets: (n) => `All markets (${n})`,
@@ -417,6 +420,9 @@ var STRINGS = {
     dismissGreeting: "Kapat",
     somethingWentWrong: "Bir \u015Feyler ters gitti.",
     retry: "Tekrar dene",
+    limitDailyCap: "Bug\xFCnl\xFCk sorular\u0131n\u0131 tamamlad\u0131n. Yar\u0131n yeniden sorabilirsin.",
+    limitQuotaExhausted: "Asistan \u015Fu an yeni soru alam\u0131yor. L\xFCtfen daha sonra tekrar dene.",
+    limitAssistantPaused: "Asistan \u015Fu an kullan\u0131lam\u0131yor. L\xFCtfen daha sonra tekrar dene.",
     showLess: "Daha az g\xF6ster",
     showMore: (n) => `${n} tane daha g\xF6ster`,
     allMarkets: (n) => `T\xFCm bahisler (${n})`,
@@ -795,6 +801,9 @@ function normalizeUi(cfg) {
     dismissGreeting: strings.dismissGreeting,
     somethingWentWrong: strings.somethingWentWrong,
     retry: strings.retry,
+    limitDailyCap: strings.limitDailyCap,
+    limitQuotaExhausted: strings.limitQuotaExhausted,
+    limitAssistantPaused: strings.limitAssistantPaused,
     showLess: strings.showLess,
     showMore: strings.showMore,
     allMarkets: strings.allMarkets,
@@ -1738,10 +1747,55 @@ function themeAttrs(ui) {
 
 // src/useChatStream.ts
 var import_react3 = require("react");
-var import_widget_sdk3 = require("@sensiblestats/widget-sdk");
+var import_widget_sdk4 = require("@sensiblestats/widget-sdk");
 
 // src/reducer.ts
+var import_widget_sdk3 = require("@sensiblestats/widget-sdk");
+
+// src/limit.ts
 var import_widget_sdk2 = require("@sensiblestats/widget-sdk");
+var LIMIT_TIMER_MAX_MS = 60 * 60 * 1e3;
+var ZONED = /(?:Z|[+-]\d{2}:?\d{2})$/i;
+function build(code, message, resetsAt, retryAfterSeconds) {
+  return {
+    code,
+    paused: code === "assistant_paused",
+    message: message?.trim() || null,
+    resetsAt: resetsAt ?? null,
+    retryAfterSeconds: typeof retryAfterSeconds === "number" && Number.isFinite(retryAfterSeconds) ? retryAfterSeconds : null
+  };
+}
+function limitFromEvent(data) {
+  return (0, import_widget_sdk2.isLimitCode)(data.code) ? build(data.code, data.message, data.resetsAt, data.retryAfterSeconds) : null;
+}
+function limitFromError(error) {
+  return error instanceof import_widget_sdk2.LimitError ? build(error.limitCode, error.limitMessage, error.resetsAt, error.retryAfter) : null;
+}
+function isLimitNotice(data) {
+  return data.terminal === false && (0, import_widget_sdk2.isLimitCode)(data.code);
+}
+function isPaused(limit) {
+  return limit?.paused === true;
+}
+function limitText(limit, ui) {
+  if (limit.message) return limit.message;
+  switch (limit.code) {
+    case "daily_cap":
+      return ui.limitDailyCap;
+    case "quota_exhausted":
+      return ui.limitQuotaExhausted;
+    case "assistant_paused":
+      return ui.limitAssistantPaused;
+  }
+}
+function limitDelayMs(limit, nowMs) {
+  const retry = limit.retryAfterSeconds;
+  if (retry != null && Number.isFinite(retry) && retry >= 0) return Math.min(retry * 1e3, LIMIT_TIMER_MAX_MS);
+  const at = limit.resetsAt ? Date.parse(ZONED.test(limit.resetsAt) ? limit.resetsAt : `${limit.resetsAt}Z`) : Number.NaN;
+  return Number.isNaN(at) ? null : Math.min(Math.max(at - nowMs, 0), LIMIT_TIMER_MAX_MS);
+}
+
+// src/reducer.ts
 var POPUP_MAX = 160;
 function markAwaitingLiveUpdate(messages, held = []) {
   if (!messages.some((m) => m.role === "assistant" && m.marketOdds.some((vm) => vm.live != null))) return messages;
@@ -1759,12 +1813,18 @@ function markAwaitingLiveUpdate(messages, held = []) {
   });
 }
 function initialState(starters) {
-  return { isOpen: false, messages: [], isStreaming: false, status: null, actionsLoading: false, starters, configuredStarters: starters, error: null, lastUserInput: null, lastDisplayText: null, popupText: null, conversationId: null };
+  return { isOpen: false, messages: [], isStreaming: false, status: null, actionsLoading: false, starters, configuredStarters: starters, error: null, lastUserInput: null, lastDisplayText: null, popupText: null, conversationId: null, limit: null };
 }
 function activeTurn(state) {
   const last = state.messages[state.messages.length - 1];
   return last && last.role === "assistant" && !last.done ? last : null;
 }
+function settleRefused(state, limit) {
+  return { ...state, limit, error: null, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
+}
+function isPlainInput(input) {
+  return !!input && !input.actionRef && !input.actionId && !input.grounding && !input.preset;
+}
 function mapActive(state, fn) {
   const last = state.messages[state.messages.length - 1];
   if (!last || last.role !== "assistant" || last.done) return state.messages;
@@ -1804,6 +1864,7 @@ function applyEvent(state, event) {
     case "turn_complete": {
       const active = activeTurn(state);
       const greetingLine = event.data.clubFanDashboard?.greeting?.trim() || (active?.text.trim() ?? "");
+      const clearsLimit = !active?.isGreeting && isPlainInput(state.lastUserInput);
       const popupText = active?.isGreeting && !state.isOpen && greetingLine ? greetingLine.slice(0, POPUP_MAX) : state.popupText;
       return {
         ...state,
@@ -1811,6 +1872,7 @@ function applyEvent(state, event) {
         status: null,
         actionsLoading: false,
         popupText,
+        limit: clearsLimit ? null : state.limit,
         conversationId: event.data.conversationId ?? state.conversationId,
         messages: mapActive(state, (t) => ({
           ...t,
@@ -1821,6 +1883,9 @@ function applyEvent(state, event) {
       };
     }
     case "error": {
+      const limit = limitFromEvent(event.data);
+      if (limit && event.data.terminal === false) return { ...state, limit };
+      if (limit) return settleRefused(state, limit);
       const suppress = activeTurn(state)?.isGreeting === true;
       return { ...state, error: suppress ? state.error : event.data, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
     }
@@ -1845,7 +1910,7 @@ function reducer(state, action) {
     case "DISMISS_POPUP":
       return { ...state, popupText: null };
     case "RESET":
-      return { ...initialState(state.configuredStarters), isOpen: state.isOpen };
+      return { ...initialState(state.configuredStarters), isOpen: state.isOpen, limit: state.limit };
     case "RESTORE":
       return {
         ...state,
@@ -1859,8 +1924,13 @@ function reducer(state, action) {
       };
     case "EVENT":
       return applyEvent(state, action.event);
-    case "STREAM_ERROR":
+    case "STREAM_ERROR": {
+      const limit = limitFromError(action.error);
+      if (limit) return settleRefused(state, limit);
       return { ...state, error: action.error, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
+    }
+    case "LIMIT_EXPIRED":
+      return { ...state, limit: null };
     case "STOP":
       return { ...state, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
     case "UPDATE_LIVE_CARD": {
@@ -2033,7 +2103,7 @@ function clearConversation(storageKey) {
 }
 
 // src/presets.ts
-var CLIENT_CAPABILITIES = ["price_presets", "price_presets_open"];
+var CLIENT_CAPABILITIES = ["price_presets", "price_presets_open", "limit_notice"];
 var PRICE_TILE_PREFIX = "goal-preset-";
 function isPriceTile(tile) {
   const id = tile.signal?.entityId;
@@ -2131,11 +2201,11 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
       try {
         for await (const event of handle) {
           dispatch({ kind: "EVENT", event });
-          if (event.type === "turn_complete" || event.type === "error") clearFallbackTimer();
+          if (event.type === "turn_complete" || event.type === "error" && !isLimitNotice(event.data)) clearFallbackTimer();
         }
       } catch (err) {
         if (handleRef.current === handle) clearFallbackTimer();
-        if (err instanceof import_widget_sdk3.WidgetSdkError) onError(err);
+        if (err instanceof import_widget_sdk4.WidgetSdkError) onError(err);
         else if (err?.name === "AbortError") {
         } else throw err;
       } finally {
@@ -2144,6 +2214,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     })();
   }, [clearFallbackTimer]);
   const run = (0, import_react3.useCallback)((input, displayText) => {
+    if (isPaused(stateRef.current.limit)) return;
     handleRef.current?.cancel();
     clearFallbackTimer();
     dispatch({ kind: "USER_SENT", input, userId: nextId(), assistantId: nextId(), displayText });
@@ -2151,7 +2222,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     handleRef.current = handle;
     armFallbackTimer(() => {
       dispatch({ kind: "STOP" });
-      dispatch({ kind: "STREAM_ERROR", error: new import_widget_sdk3.WidgetSdkError("No response received in time", "timeout") });
+      dispatch({ kind: "STREAM_ERROR", error: new import_widget_sdk4.WidgetSdkError("No response received in time", "timeout") });
     });
     consume(handle, (err) => dispatch({ kind: "STREAM_ERROR", error: err }));
   }, [conversation, consume, clearFallbackTimer, armFallbackTimer]);
@@ -2191,6 +2262,13 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     greetedRef.current = true;
     fireGreeting();
   }, [fireGreeting]);
+  (0, import_react3.useEffect)(() => {
+    if (!state.limit) return;
+    const delay = limitDelayMs(state.limit, Date.now());
+    if (delay === null) return;
+    const timer = setTimeout(() => dispatch({ kind: "LIMIT_EXPIRED" }), delay);
+    return () => clearTimeout(timer);
+  }, [state.limit]);
   (0, import_react3.useEffect)(() => {
     if (boot.stale && storageKey) clearConversation(storageKey);
   }, []);
@@ -3533,7 +3611,7 @@ var import_react20 = require("react");
 
 // src/slipAdd.ts
 var import_react18 = require("react");
-var import_widget_sdk4 = require("@sensiblestats/widget-sdk");
+var import_widget_sdk5 = require("@sensiblestats/widget-sdk");
 
 // src/slipStateContext.ts
 var import_react17 = require("react");
@@ -3562,7 +3640,7 @@ function useSlipAdd(slip, ui) {
     }
     try {
       const raw = await withTimeout(Promise.resolve(handler(selection)));
-      if (raw != null && !(0, import_widget_sdk4.isAddToSlipResult)(raw)) throw new Error("malformed add-to-slip result");
+      if (raw != null && !(0, import_widget_sdk5.isAddToSlipResult)(raw)) throw new Error("malformed add-to-slip result");
       const result = raw ?? void 0;
       if (marketDeveloperName !== void 0) {
         log?.log({
@@ -5381,7 +5459,7 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
           ChatMessage,
           {
             message: m,
-            disabled: state.isStreaming,
+            disabled: state.isStreaming || isPaused(state.limit),
             onAct: (a) => send(a.message, { actionId: a.actionId, actionRef: a.actionRef, displayText: a.label }),
             onTap: (tile, index) => {
               const displayText = tileDisplayText(tile);
@@ -5401,7 +5479,7 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
           /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: "message" in state.error ? state.error.message : ui.somethingWentWrong }),
           /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "ss-w-retry", onClick: () => controller.retry(), children: ui.retry })
         ] }) : null,
-        !hasUserMessage && !hasDashboard ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
+        !hasUserMessage && !hasDashboard && !isPaused(state.limit) ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref: endRef, className: "ss-w-turn-spacer", "aria-hidden": "true" })
       ]
     }
@@ -9374,6 +9452,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     return () => window.removeEventListener("keydown", onKey);
   }, [close]);
   const handleSend = (text) => {
+    typedSendRef.current = true;
     monitor?.setActiveTab("chat");
     send(text);
   };
@@ -9389,6 +9468,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   const dialRef = (0, import_react56.useRef)(null);
   const dialButtonRef = (0, import_react56.useRef)(null);
   const inputRef = (0, import_react56.useRef)(null);
+  const limitRef = (0, import_react56.useRef)(null);
+  const typedSendRef = (0, import_react56.useRef)(false);
   const focusAfterCloseRef = (0, import_react56.useRef)(null);
   const [tool, setTool] = (0, import_react56.useState)(null);
   const [toolSeen, setToolSeen] = (0, import_react56.useState)(readToolSeen);
@@ -9401,7 +9482,16 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
     activeTab: monitor?.activeTab ?? "chat"
   });
   const { fold } = dial;
-  const showDial = !!presetGrid && onChatTab && !tool;
+  const paused = isPaused(state.limit);
+  const showDial = !!presetGrid && onChatTab && !tool && !paused;
+  (0, import_react56.useEffect)(() => {
+    if (paused) setTool(null);
+  }, [paused]);
+  (0, import_react56.useEffect)(() => {
+    if (!paused) return;
+    if (typedSendRef.current) limitRef.current?.focus();
+    typedSendRef.current = false;
+  }, [paused]);
   const openTool = (0, import_react56.useCallback)((next) => {
     fold();
     markToolSeen();
@@ -9410,8 +9500,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   }, [fold]);
   const onPill = (0, import_react56.useCallback)((kind) => openTool(kind === "numbers" ? { kind: "numbers" } : { kind: "combo" }), [openTool]);
   const toolsValue = (0, import_react56.useMemo)(
-    () => presetGrid ? { openBuilder: (total, legs) => openTool({ kind: "combo", total, legs }), changeLabel: ui.presets.changeCombo } : null,
-    [presetGrid, openTool, ui.presets.changeCombo]
+    () => presetGrid && !paused ? { openBuilder: (total, legs) => openTool({ kind: "combo", total, legs }), changeLabel: ui.presets.changeCombo } : null,
+    [presetGrid, paused, openTool, ui.presets.changeCombo]
   );
   const closeTool = (0, import_react56.useCallback)(() => {
     focusAfterCloseRef.current = "dial";
@@ -9479,10 +9569,10 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
           buttonRef: dialButtonRef
         }
       ) : null,
-      tool && presetGrid && onChatTab ? tool.kind === "numbers" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(BuildComboTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, initialTotal: tool.total, initialLegs: tool.legs, onSend: sendAsk, onClose: closeTool }) : null
+      tool && presetGrid && onChatTab && !paused ? tool.kind === "numbers" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(BuildComboTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, formatKickoff, initialTotal: tool.total, initialLegs: tool.legs, onSend: sendAsk, onClose: closeTool }) : null
     ] }),
     monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MatchesPanel, { monitor, ui, slip, onAsk: handleAsk }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
     monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(OddsPanel, { monitor, ui, slip }),
     monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       GamesPanel,
@@ -9508,20 +9598,23 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         ui
       }
     ),
-    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-      ChatInput,
-      {
-        ref: inputRef,
-        placeholder: ui.placeholder,
-        streaming: state.isStreaming,
-        onSend: handleSend,
-        onStop: stop,
-        stopLabel: ui.stopResponse,
-        sendLabel: ui.sendMessage,
-        disabled: !!tool,
-        onType: fold
-      }
-    )
+    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
+      paused ? null : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        ChatInput,
+        {
+          ref: inputRef,
+          placeholder: ui.placeholder,
+          streaming: state.isStreaming,
+          onSend: handleSend,
+          onStop: stop,
+          stopLabel: ui.stopResponse,
+          sendLabel: ui.sendMessage,
+          disabled: !!tool,
+          onType: fold
+        }
+      )
+    ] })
   ] });
 }
 
@@ -10119,6 +10212,10 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 
 /* input */
 .ss-w-input { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ss-w-line); }
+.ss-w-limit { padding: 10px 12px; border-top: 1px solid var(--ss-w-line); font-size: 13px; line-height: 1.4; color: var(--ss-w-ink); overflow-wrap: anywhere; }
+.ss-w-limit:empty { padding: 0; border-top: 0; }
+.ss-w-limit:focus { outline: none; }
+.ss-w-limit:not(:empty) + .ss-w-input { border-top: none; }
 .ss-w-textarea { flex: 1; resize: none; border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 8px 10px; font: inherit; color: inherit; background: var(--ss-w-panel); max-height: 96px; }
 .ss-w-textarea:disabled { opacity: .55; cursor: not-allowed; }
 /* iOS Safari zooms the page when a focused field's font-size is < 16px. Bump it
@@ -11217,7 +11314,7 @@ function buildClient(props) {
       return { client: props.client, conversation: props.client.conversation() };
     }
     const cfg = props.config;
-    const client = new import_widget_sdk5.StatsWidgetClient(toClientOptions(cfg));
+    const client = new import_widget_sdk6.StatsWidgetClient(toClientOptions(cfg));
     return { client, conversation: client.conversation(toUserContext(cfg)) };
   } catch (err) {
     console.error("[StatsWidget] failed to initialize:", err instanceof Error ? err.message : err);