@sensiblestats/widget-react 0.79.0 → 0.80.0

package/dist/index.js

@@ -30,6 +30,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})`,
@@ -379,6 +382,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})`,
@@ -757,6 +763,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,
@@ -1704,6 +1713,51 @@ import { WidgetSdkError as WidgetSdkError2 } from "@sensiblestats/widget-sdk";
 
 // src/reducer.ts
 import "@sensiblestats/widget-sdk";
+
+// src/limit.ts
+import { LimitError, isLimitCode } from "@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 isLimitCode(data.code) ? build(data.code, data.message, data.resetsAt, data.retryAfterSeconds) : null;
+}
+function limitFromError(error) {
+  return error instanceof LimitError ? build(error.limitCode, error.limitMessage, error.resetsAt, error.retryAfter) : null;
+}
+function isLimitNotice(data) {
+  return data.terminal === false && 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;
@@ -1721,12 +1775,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;
@@ -1766,6 +1826,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,
@@ -1773,6 +1834,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,
@@ -1783,6 +1845,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 })) };
     }
@@ -1807,7 +1872,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,
@@ -1821,8 +1886,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": {
@@ -1995,7 +2065,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;
@@ -2093,7 +2163,7 @@ 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();
@@ -2106,6 +2176,7 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     })();
   }, [clearFallbackTimer]);
   const run = useCallback2((input, displayText) => {
+    if (isPaused(stateRef.current.limit)) return;
     handleRef.current?.cancel();
     clearFallbackTimer();
     dispatch({ kind: "USER_SENT", input, userId: nextId(), assistantId: nextId(), displayText });
@@ -2153,6 +2224,13 @@ function useChatStream(conversation, starterTexts, greetingMessage, storageKey)
     greetedRef.current = true;
     fireGreeting();
   }, [fireGreeting]);
+  useEffect3(() => {
+    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]);
   useEffect3(() => {
     if (boot.stale && storageKey) clearConversation(storageKey);
   }, []);
@@ -5343,7 +5421,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);
@@ -5363,7 +5441,7 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
           /* @__PURE__ */ jsx48("span", { children: "message" in state.error ? state.error.message : ui.somethingWentWrong }),
           /* @__PURE__ */ jsx48("button", { type: "button", className: "ss-w-retry", onClick: () => controller.retry(), children: ui.retry })
         ] }) : null,
-        !hasUserMessage && !hasDashboard ? /* @__PURE__ */ jsx48(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
+        !hasUserMessage && !hasDashboard && !isPaused(state.limit) ? /* @__PURE__ */ jsx48(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
         /* @__PURE__ */ jsx48("div", { ref: endRef, className: "ss-w-turn-spacer", "aria-hidden": "true" })
       ]
     }
@@ -9310,7 +9388,7 @@ function markToolSeen() {
 }
 
 // src/components/ChatPanel.tsx
-import { jsx as jsx95, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx95, jsxs as jsxs80 } from "react/jsx-runtime";
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
   const [modal, setModal] = useState44(false);
@@ -9336,6 +9414,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);
   };
@@ -9351,6 +9430,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   const dialRef = useRef22(null);
   const dialButtonRef = useRef22(null);
   const inputRef = useRef22(null);
+  const limitRef = useRef22(null);
+  const typedSendRef = useRef22(false);
   const focusAfterCloseRef = useRef22(null);
   const [tool, setTool] = useState44(null);
   const [toolSeen, setToolSeen] = useState44(readToolSeen);
@@ -9363,7 +9444,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;
+  useEffect26(() => {
+    if (paused) setTool(null);
+  }, [paused]);
+  useEffect26(() => {
+    if (!paused) return;
+    if (typedSendRef.current) limitRef.current?.focus();
+    typedSendRef.current = false;
+  }, [paused]);
   const openTool = useCallback15((next) => {
     fold();
     markToolSeen();
@@ -9372,8 +9462,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   }, [fold]);
   const onPill = useCallback15((kind) => openTool(kind === "numbers" ? { kind: "numbers" } : { kind: "combo" }), [openTool]);
   const toolsValue = useMemo4(
-    () => 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 = useCallback15(() => {
     focusAfterCloseRef.current = "dial";
@@ -9441,10 +9531,10 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
           buttonRef: dialButtonRef
         }
       ) : null,
-      tool && presetGrid && onChatTab ? tool.kind === "numbers" ? /* @__PURE__ */ jsx95(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ jsx95(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__ */ jsx95(SetNumbersTool, { grid: presetGrid, strings: ui.presets, streaming: state.isStreaming, onSend: sendAsk, onClose: closeTool }) : /* @__PURE__ */ jsx95(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__ */ jsx95(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx95(MatchesPanel, { monitor, ui, slip, onAsk: handleAsk }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ jsx95(MatchesPanel, { monitor, ui, slip, onAsk: paused ? void 0 : handleAsk }),
     monitor && monitor.activeTab === "odds" && /* @__PURE__ */ jsx95(OddsPanel, { monitor, ui, slip }),
     monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ jsx95(
       GamesPanel,
@@ -9470,20 +9560,23 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         ui
       }
     ),
-    (!monitor || monitor.activeTab !== "games" && monitor.activeTab !== "leaderboard") && /* @__PURE__ */ jsx95(
-      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__ */ jsxs80(Fragment23, { children: [
+      /* @__PURE__ */ jsx95("div", { ref: limitRef, className: "ss-w-limit", role: "status", tabIndex: -1, children: state.limit ? limitText(state.limit, ui) : null }),
+      paused ? null : /* @__PURE__ */ jsx95(
+        ChatInput,
+        {
+          ref: inputRef,
+          placeholder: ui.placeholder,
+          streaming: state.isStreaming,
+          onSend: handleSend,
+          onStop: stop,
+          stopLabel: ui.stopResponse,
+          sendLabel: ui.sendMessage,
+          disabled: !!tool,
+          onType: fold
+        }
+      )
+    ] })
   ] });
 }
 
@@ -10081,6 +10174,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