@eshal-bot/chat-widget 0.1.106 → 0.1.107

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-DhZDbyb2.esm.js";import"react";import"react-dom/client";import"react-dom";import"react/jsx-runtime";

package/dist/chat-widget.js

@@ -8017,7 +8017,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 +8031,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));
     }
@@ -8686,6 +8688,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 +9568,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 +10153,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 +10394,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 +10406,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 +10417,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 +11808,7 @@
       // Actions
       setInputValue,
       handleSend,
+      stopGeneration,
       handleQuickQuestion,
       sendMessage,
       toggleChat,
@@ -11907,7 +11959,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 +11978,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 +11987,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 +12000,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 +12013,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 +12031,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 +12040,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 +12052,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 +12061,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 +12077,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 +12086,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 +12102,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 +12111,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 +12124,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 +12137,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 +12150,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 +12163,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 +12179,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 +12414,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 +17404,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 +17924,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 +19125,7 @@
       isOpen,
       isMinimized,
       isDark,
+      onStopGeneration,
       primaryColor,
       textColor,
       conciergeName,
@@ -19885,6 +19979,7 @@
               })]
             })
           }), !(onboardingActive && !onboardingCompleted) && /*#__PURE__*/jsxRuntimeExports.jsx(ChatInput, {
+            onStopGeneration: onStopGeneration,
             inputValue: inputValue,
             setInputValue: setInputValue,
             onSend: onSend,
@@ -20424,6 +20519,7 @@
       widgetRef,
       setInputValue,
       handleSend,
+      stopGeneration,
       handleQuickQuestion,
       sendMessage,
       toggleChat,
@@ -20607,6 +20703,7 @@
           inputValue: inputValue,
           setInputValue: setInputValue,
           onSend: handleSend,
+          onStopGeneration: stopGeneration,
           onDirectSend: sendMessage,
           onToggleTheme: toggleTheme,
           onMinimize: toggleMinimize,