@eshal-bot/chat-widget 0.1.106 → 0.1.108

package/dist/chat-widget.esm.js

@@ -1 +1 @@
-export{S as default}from"./chat-widget-index-Ccm0r0y5.esm.js";import"react";import"react-dom/client";import"react-dom";import"react/jsx-runtime";
+export{S as default}from"./chat-widget-index-BeabB7Lu.esm.js";import"react";import"react-dom/client";import"react-dom";import"react/jsx-runtime";

package/dist/chat-widget.js

@@ -7887,6 +7887,10 @@
     // StreamEventType.FOLLOW_UP_PROMPTS (the frontend's ChatService.ts
     // already handled it).
     FOLLOW_UP_PROMPTS: 'follow_up_prompts',
+    // EV-3046: preliminary sources emitted as soon as retrieval resolves
+    // (before generation). Carries a `sources` array; the complete event's
+    // filtered list later replaces or clears it.
+    SOURCES: 'sources',
     ERROR: 'error',
     HUMAN_DECISION_REQUIRED: 'human_decision_required'
   };
@@ -7981,7 +7985,8 @@
     }
   };
 
-  const _excluded$1 = ["prompts"];
+  const _excluded$1 = ["prompts"],
+    _excluded2 = ["sourcesPreliminary"];
 
   // ============================================================================
   // TYPES & INTERFACES
@@ -8017,7 +8022,7 @@
    * @param {string} apiBaseUrl - Base URL for the API
    * @param {Function|undefined} getAuthToken - async fn returning a Bearer token (in-app JWT path), or undefined (Mode B proxy)
    */
-  const sendStreamingRequest = async (request, apiBaseUrl, getAuthToken) => {
+  const sendStreamingRequest = async (request, apiBaseUrl, getAuthToken, signal) => {
     const headers = {
       'Content-Type': 'application/json',
       Accept: 'text/event-stream'
@@ -8031,12 +8036,14 @@
         headers['Authorization'] = "Bearer ".concat(token);
       }
     }
-    const response = await fetch("".concat(apiBaseUrl.replace(/\/$/, ''), "/api/v1/support"), {
+    const response = await fetch("".concat(apiBaseUrl.replace(/\/$/, ''), "/api/v1/support"), _objectSpread2({
       method: 'POST',
       headers,
       credentials: 'include',
       body: JSON.stringify(request)
-    });
+    }, signal ? {
+      signal
+    } : {}));
     if (!response.ok) {
       throw new Error("HTTP error! status: ".concat(response.status));
     }
@@ -8391,6 +8398,22 @@
    * @param {ReadableStream<Uint8Array>} stream - The response stream
    * @param {function} setMessages - React state setter for messages
    */
+  // EV-3046: one source-normalization path for BOTH the early {type:'sources'}
+  // event and the complete event (API may send "Sources" or "sources").
+  const normalizeSources = parsed => {
+    var _ref3, _parsed$Sources;
+    const rawSources = (_ref3 = (_parsed$Sources = parsed.Sources) !== null && _parsed$Sources !== void 0 ? _parsed$Sources : parsed.sources) !== null && _ref3 !== void 0 ? _ref3 : [];
+    return Array.isArray(rawSources) ? rawSources.map(s => {
+      var _ref4, _s$source_type, _s$sourceid, _ref5, _s$source_name, _s$citation_indices;
+      return {
+        source_type: (_ref4 = (_s$source_type = s.source_type) !== null && _s$source_type !== void 0 ? _s$source_type : s.sourceType) !== null && _ref4 !== void 0 ? _ref4 : 'website',
+        source_id: (_s$sourceid = s.sourceid) !== null && _s$sourceid !== void 0 ? _s$sourceid : s.source_id,
+        source_name: (_ref5 = (_s$source_name = s.source_name) !== null && _s$source_name !== void 0 ? _s$source_name : s.sourceName) !== null && _ref5 !== void 0 ? _ref5 : '',
+        url: s.url,
+        citation_indices: (_s$citation_indices = s.citation_indices) !== null && _s$citation_indices !== void 0 ? _s$citation_indices : s.citationIndices
+      };
+    }).filter(s => s.source_id || s.url || s.source_type === 'database') : [];
+  };
   const processStream = async (stream, setMessages) => {
     const updateMessage = createMessageUpdater(setMessages);
     const reader = stream.getReader();
@@ -8557,31 +8580,39 @@
               continue;
             }
 
+            // EV-3046: early sources strip (the Perplexity ordering).
+            // Retrieval resolves before generation; the backend emits
+            // {type:'sources'} as soon as the source set is known so the
+            // user sees grounding during the pre-token wait. PRELIMINARY:
+            // the complete event's overlap-filtered list replaces — or
+            // clears — it.
+            if (parsed.type === 'sources') {
+              const early = normalizeSources(parsed);
+              if (early.length > 0) {
+                setMessages(prev => {
+                  const updated = [...(prev || [])];
+                  const last = updated[updated.length - 1];
+                  if ((last === null || last === void 0 ? void 0 : last.role) === 'assistant') {
+                    updated[updated.length - 1] = _objectSpread2(_objectSpread2({}, last), {}, {
+                      sources: early,
+                      sourcesPreliminary: true
+                    });
+                  }
+                  return updated;
+                });
+              }
+              continue;
+            }
+
             // Handle complete events
             if (parsed.type === 'complete') {
-              var _ref3, _parsed$Sources, _parsed$choices3;
+              var _parsed$choices3;
               streamCompleted = true;
-              // Normalize Sources from stream (API may send "Sources" or "sources")
-              const rawSources = (_ref3 = (_parsed$Sources = parsed.Sources) !== null && _parsed$Sources !== void 0 ? _parsed$Sources : parsed.sources) !== null && _ref3 !== void 0 ? _ref3 : [];
-              const sources = Array.isArray(rawSources) ? rawSources.map(s => {
-                var _ref4, _s$source_type, _s$sourceid, _ref5, _s$source_name, _s$citation_indices;
-                return {
-                  source_type: (_ref4 = (_s$source_type = s.source_type) !== null && _s$source_type !== void 0 ? _s$source_type : s.sourceType) !== null && _ref4 !== void 0 ? _ref4 : 'website',
-                  source_id: (_s$sourceid = s.sourceid) !== null && _s$sourceid !== void 0 ? _s$sourceid : s.source_id,
-                  source_name: (_ref5 = (_s$source_name = s.source_name) !== null && _s$source_name !== void 0 ? _s$source_name : s.sourceName) !== null && _ref5 !== void 0 ? _ref5 : '',
-                  url: s.url,
-                  // 2026-07-14 - preserve citation_indices so
-                  // `<CitationPill>` can resolve `[N]` markers even
-                  // when N exceeds sources.length (post inline-cite
-                  // filter, the emit list is shorter than the LLM's
-                  // manifest - sources[N-1] misses on high indices).
-                  citation_indices: (_s$citation_indices = s.citation_indices) !== null && _s$citation_indices !== void 0 ? _s$citation_indices : s.citationIndices
-                };
-              })
-              // Database "Data used" entries (v3 PR 8) carry neither an
-              // id nor a url by design - keep them; drop only OTHER
-              // source shapes that lack both (nothing to open/download).
-              .filter(s => s.source_id || s.url || s.source_type === 'database') : [];
+              // Normalize Sources from stream. citation_indices are
+              // preserved so <CitationPill> resolves [N] markers past the
+              // inline-cite filter; database "Data used" entries keep their
+              // id/url-less shape (see normalizeSources).
+              const sources = normalizeSources(parsed);
 
               // Finalize the message content.
               // 2026-07-28 - prefer `finalContent` FIRST. It's the backend's
@@ -8613,22 +8644,26 @@
               // Finalize message with content + prompts + conclusionDetected
               updateFinalMessage(setMessages, finalContent, metadata);
 
-              // Attach sources to the last assistant message if present
-              if (sources.length > 0) {
-                setMessages(prev => {
-                  const updatedMessages = [...(prev || [])];
-                  const lastMessage = updatedMessages[updatedMessages.length - 1];
-                  if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'assistant') {
-                    updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2({}, lastMessage), {}, {
-                      sources,
-                      // Ensure final state is fully consistent
-                      content: finalContent,
-                      isProcessing: false
-                    });
-                  }
-                  return updatedMessages;
-                });
-              }
+              // Attach the AUTHORITATIVE (overlap-filtered) sources. When an
+              // EV-3046 preliminary strip was shown, an empty final list must
+              // CLEAR it — the filter decided nothing was actually cited.
+              setMessages(prev => {
+                const updatedMessages = [...(prev || [])];
+                const lastMessage = updatedMessages[updatedMessages.length - 1];
+                if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'assistant' && (sources.length > 0 || lastMessage.sourcesPreliminary)) {
+                  const {
+                      sourcesPreliminary
+                    } = lastMessage,
+                    rest = _objectWithoutProperties(lastMessage, _excluded2);
+                  updatedMessages[updatedMessages.length - 1] = _objectSpread2(_objectSpread2({}, rest), {}, {
+                    sources,
+                    // Ensure final state is fully consistent
+                    content: finalContent,
+                    isProcessing: false
+                  });
+                }
+                return updatedMessages;
+              });
               continue;
             }
 
@@ -8686,6 +8721,22 @@
           }
         }
       }
+    } catch (err) {
+      // EV-3045: the user pressed Stop (fetch aborted). The partial answer
+      // stays on screen, finalized — NOT an error, NOT a retry (retrying a
+      // deliberately-stopped answer re-asks the question the user killed).
+      if (err && err.name === 'AbortError') {
+        if (accumulatedText.current) {
+          updateFinalMessage(setMessages, accumulatedText.current, {
+            stoppedByUser: true
+          });
+        } else {
+          // nothing arrived yet — just drop the skeleton bubble
+          setMessages(prev => (prev || []).filter(msg => !msg.isProcessing));
+        }
+        return;
+      }
+      throw err;
     } finally {
       reader.releaseLock();
     }
@@ -9550,6 +9601,10 @@
       _setInputValue(next);
     }, []);
     const [isLoading, setIsLoading] = reactExports.useState(false);
+    // EV-3045: aborts the in-flight streaming fetch when the user presses
+    // Stop. A fresh controller is armed per streaming attempt; stale
+    // controllers are inert (abort on an already-finished fetch is a no-op).
+    const streamAbortRef = reactExports.useRef(null);
     const widgetRef = reactExports.useRef(null);
     const messageIdRef = reactExports.useRef(1);
 
@@ -10131,6 +10186,21 @@
         })];
       });
     }, [getNextMessageId]);
+
+    // EV-3045: Stop control. Aborting the fetch is the cancellation signal —
+    // the server tears the generator down on disconnect (cancelling the ADK
+    // run, tool calls and delegation), and persists the partial answer to
+    // history with a "stopped" marker. Client-side, processStream finalizes
+    // the partial bubble on AbortError.
+    const stopGeneration = reactExports.useCallback(() => {
+      try {
+        if (streamAbortRef.current) {
+          streamAbortRef.current.abort();
+        }
+      } catch (_unused9) {
+        /* aborting a finished fetch is a no-op */
+      }
+    }, []);
     const sendMessage = reactExports.useCallback(async (rawText, fieldType, opts) => {
       const trimmed = String(rawText !== null && rawText !== void 0 ? rawText : '').trim();
       const attachmentsPayload = Array.isArray(opts === null || opts === void 0 ? void 0 : opts.attachments) ? opts.attachments : [];
@@ -10357,7 +10427,7 @@
               } = await reader.read();
               if (done) break;
             }
-          } catch (_unused9) {
+          } catch (_unused0) {
             /* persistence is best-effort; the human reply still arrives via SSE */
           }
           updateActivity(organizationId);
@@ -10369,7 +10439,10 @@
           let lastErr;
           for (let attempt = 0; attempt <= STREAM_RETRY_DELAYS_MS.length; attempt += 1) {
             try {
-              const stream = await sendStreamingRequest(chatRequest, apiBaseUrl, getAuthToken);
+              // EV-3045: one controller per attempt — the Stop button aborts
+              // exactly the attempt that is streaming.
+              streamAbortRef.current = new AbortController();
+              const stream = await sendStreamingRequest(chatRequest, apiBaseUrl, getAuthToken, streamAbortRef.current.signal);
               await processStream(stream, setMessages);
               updateActivity(organizationId);
               return {
@@ -10377,6 +10450,17 @@
               };
             } catch (err) {
               lastErr = err;
+              // EV-3045: a user Stop that aborted BEFORE any bytes arrived
+              // rejects the fetch itself with AbortError (processStream's
+              // own AbortError handling covers mid-stream aborts). Treat as
+              // a successful, deliberate end — never retry a stopped turn.
+              if (err && err.name === 'AbortError') {
+                setMessages(prev => (prev || []).filter(msg => !msg.isProcessing));
+                return {
+                  success: true,
+                  stopped: true
+                };
+              }
               if (err instanceof IncompleteStreamError && attempt < STREAM_RETRY_DELAYS_MS.length) {
                 // Drop the half-rendered assistant bubble before retrying so
                 // the next attempt doesn't paint into a stale skeleton.
@@ -11757,6 +11841,7 @@
       // Actions
       setInputValue,
       handleSend,
+      stopGeneration,
       handleQuickQuestion,
       sendMessage,
       toggleChat,
@@ -11907,7 +11992,7 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$h = [["path", {
+  const __iconNode$i = [["path", {
     d: "M2 10v3",
     key: "1fnikh"
   }], ["path", {
@@ -11926,7 +12011,7 @@
     d: "M22 10v3",
     key: "154ddg"
   }]];
-  const AudioLines = createLucideIcon("audio-lines", __iconNode$h);
+  const AudioLines = createLucideIcon("audio-lines", __iconNode$i);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -11935,11 +12020,11 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$g = [["path", {
+  const __iconNode$h = [["path", {
     d: "m15 18-6-6 6-6",
     key: "1wnfg3"
   }]];
-  const ChevronLeft = createLucideIcon("chevron-left", __iconNode$g);
+  const ChevronLeft = createLucideIcon("chevron-left", __iconNode$h);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -11948,11 +12033,11 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$f = [["path", {
+  const __iconNode$g = [["path", {
     d: "m9 18 6-6-6-6",
     key: "mthhwq"
   }]];
-  const ChevronRight = createLucideIcon("chevron-right", __iconNode$f);
+  const ChevronRight = createLucideIcon("chevron-right", __iconNode$g);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -11961,7 +12046,7 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$e = [["circle", {
+  const __iconNode$f = [["circle", {
     cx: "12",
     cy: "12",
     r: "10",
@@ -11979,7 +12064,7 @@
     y2: "16",
     key: "4dfq90"
   }]];
-  const CircleAlert = createLucideIcon("circle-alert", __iconNode$e);
+  const CircleAlert = createLucideIcon("circle-alert", __iconNode$f);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -11988,7 +12073,7 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$d = [["rect", {
+  const __iconNode$e = [["rect", {
     width: "14",
     height: "14",
     x: "8",
@@ -12000,7 +12085,7 @@
     d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
     key: "zix9uf"
   }]];
-  const Copy = createLucideIcon("copy", __iconNode$d);
+  const Copy = createLucideIcon("copy", __iconNode$e);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12009,7 +12094,7 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$c = [["circle", {
+  const __iconNode$d = [["circle", {
     cx: "12",
     cy: "12",
     r: "1",
@@ -12025,7 +12110,7 @@
     r: "1",
     key: "1pcz8c"
   }]];
-  const Ellipsis = createLucideIcon("ellipsis", __iconNode$c);
+  const Ellipsis = createLucideIcon("ellipsis", __iconNode$d);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12034,7 +12119,7 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$b = [["path", {
+  const __iconNode$c = [["path", {
     d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
     key: "1oefj6"
   }], ["path", {
@@ -12050,7 +12135,7 @@
     d: "M16 17H8",
     key: "z1uh3a"
   }]];
-  const FileText = createLucideIcon("file-text", __iconNode$b);
+  const FileText = createLucideIcon("file-text", __iconNode$c);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12059,11 +12144,11 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$a = [["path", {
+  const __iconNode$b = [["path", {
     d: "M21 12a9 9 0 1 1-6.219-8.56",
     key: "13zald"
   }]];
-  const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
+  const LoaderCircle = createLucideIcon("loader-circle", __iconNode$b);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12072,11 +12157,11 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$9 = [["path", {
+  const __iconNode$a = [["path", {
     d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
     key: "1sd12s"
   }]];
-  const MessageCircle = createLucideIcon("message-circle", __iconNode$9);
+  const MessageCircle = createLucideIcon("message-circle", __iconNode$a);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12085,11 +12170,11 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$8 = [["path", {
+  const __iconNode$9 = [["path", {
     d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
     key: "kfwtm"
   }]];
-  const Moon = createLucideIcon("moon", __iconNode$8);
+  const Moon = createLucideIcon("moon", __iconNode$9);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12098,11 +12183,11 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$7 = [["path", {
+  const __iconNode$8 = [["path", {
     d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
     key: "1miecu"
   }]];
-  const Paperclip = createLucideIcon("paperclip", __iconNode$7);
+  const Paperclip = createLucideIcon("paperclip", __iconNode$8);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12111,14 +12196,14 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$6 = [["path", {
+  const __iconNode$7 = [["path", {
     d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
     key: "1357e3"
   }], ["path", {
     d: "M3 3v5h5",
     key: "1xhq8a"
   }]];
-  const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$6);
+  const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$7);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12127,14 +12212,31 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$5 = [["path", {
+  const __iconNode$6 = [["path", {
     d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
     key: "1ffxy3"
   }], ["path", {
     d: "m21.854 2.147-10.94 10.939",
     key: "12cjpa"
   }]];
-  const Send = createLucideIcon("send", __iconNode$5);
+  const Send = createLucideIcon("send", __iconNode$6);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$5 = [["rect", {
+    width: "18",
+    height: "18",
+    x: "3",
+    y: "3",
+    rx: "2",
+    key: "afitv7"
+  }]];
+  const Square = createLucideIcon("square", __iconNode$5);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -12345,6 +12447,9 @@
     scrollLeft: "Scroll left",
     scrollRight: "Scroll right",
     sendMessage: "Send message",
+    // EV-3045: Stop control aria-label. EN-only for now — translate() falls
+    // back to EN for locales without the key.
+    stopGenerating: "Stop generating",
     startVoiceInput: "Start voice input",
     stopVoiceInput: "Stop voice input",
     voiceSessionLive: "Voice session live - speak or type to converse.",
@@ -17332,6 +17437,9 @@
   };
   const ChatInput = _ref2 => {
     let {
+      // EV-3045: called when the user presses Stop while a reply is streaming;
+      // the send button swaps to a stop button for the duration of the turn.
+      onStopGeneration,
       inputValue,
       setInputValue,
       onSend,
@@ -17849,7 +17957,25 @@
               })]
             })]
           }), document.body)]
-        }), /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+        }), isLoading && !isVoiceSessionActive && typeof onStopGeneration === "function" ?
+        /*#__PURE__*/
+        // EV-3045: Stop replaces Send while a reply streams — the
+        // convention every benchmark assistant uses. Always enabled;
+        // the partial answer stays on screen and in history.
+        jsxRuntimeExports.jsx("button", {
+          onClick: onStopGeneration,
+          className: "h-10 w-10 flex-shrink-0 rounded-xl transition-all duration-200 flex items-center justify-center shadow-md scale-100",
+          style: {
+            backgroundColor: primaryColor,
+            color: "white",
+            border: "none"
+          },
+          "aria-label": t("stopGenerating"),
+          children: /*#__PURE__*/jsxRuntimeExports.jsx(Square, {
+            className: "w-3.5 h-3.5",
+            fill: "currentColor"
+          })
+        }) : /*#__PURE__*/jsxRuntimeExports.jsx("button", {
           onClick: isVoiceSessionActive && onBidiSubmit ? onBidiSubmit : sendWithAttachments,
           disabled: csatVisible || isDisabled || isVoiceSessionActive && voiceStatus !== "connected",
           className: "h-10 w-10 flex-shrink-0 rounded-xl transition-all duration-200 flex items-center justify-center shadow-md disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none ".concat(inputValue.trim() ? "scale-100" : "scale-95"),
@@ -19032,6 +19158,7 @@
       isOpen,
       isMinimized,
       isDark,
+      onStopGeneration,
       primaryColor,
       textColor,
       conciergeName,
@@ -19885,6 +20012,7 @@
               })]
             })
           }), !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
+            onStopGeneration: onStopGeneration,
             inputValue: inputValue,
             setInputValue: setInputValue,
             onSend: onSend,
@@ -20424,6 +20552,7 @@
       widgetRef,
       setInputValue,
       handleSend,
+      stopGeneration,
       handleQuickQuestion,
       sendMessage,
       toggleChat,
@@ -20607,6 +20736,7 @@
           inputValue: inputValue,
           setInputValue: setInputValue,
           onSend: handleSend,
+          onStopGeneration: stopGeneration,
           onDirectSend: sendMessage,
           onToggleTheme: toggleTheme,
           onMinimize: toggleMinimize,