@xapp/chat-widget 1.90.0 → 1.92.0

package/dist/index.es.js

@@ -2992,7 +2992,9 @@ function setSessionId(sessionId) {
 
 // Endpoint path constants
 var HOMEOWNER_ENDPOINT_PATH = "/chat/stream";
+var HOMEOWNER_CLOSE_ENDPOINT_PATH = "/chat/close";
 var BUSINESS_OWNER_ENDPOINT_PATH = "/api/chat/stream";
+var BUSINESS_OWNER_CLOSE_ENDPOINT_PATH = "/api/chat/close";
 // Default retry configuration for MCP connections
 var DEFAULT_MCP_RETRY_CONFIG = [
     { retry: 0, delay: 0, text: "" }, // Initial attempt (silent)
@@ -3146,6 +3148,22 @@ function clearStoredLastSeq(sessionId) {
         // sessionStorage may be unavailable
     }
 }
+/**
+ * Returns the current local time as an ISO 8601 string with the local timezone offset.
+ * Unlike toISOString(), this preserves the user's local time zone (e.g. "2024-01-15T14:30:00-04:00")
+ * so the agent server can correctly determine time-of-day context (morning greetings, etc.).
+ */
+function getLocalISOString(date) {
+    if (date === void 0) { date = new Date(); }
+    var offsetMinutes = -date.getTimezoneOffset();
+    var sign = offsetMinutes >= 0 ? "+" : "-";
+    var pad = function (n) { return String(Math.abs(n)).padStart(2, "0"); };
+    var offsetHours = Math.floor(Math.abs(offsetMinutes) / 60);
+    var offsetMins = Math.abs(offsetMinutes) % 60;
+    return ("".concat(date.getFullYear(), "-").concat(pad(date.getMonth() + 1), "-").concat(pad(date.getDate())) +
+        "T".concat(pad(date.getHours()), ":").concat(pad(date.getMinutes()), ":").concat(pad(date.getSeconds())) +
+        "".concat(sign).concat(pad(offsetHours), ":").concat(pad(offsetMins)));
+}
 /**
  * Gets the current page context from browser globals.
  * If an override is provided, uses that instead (useful for testing).
@@ -3154,7 +3172,7 @@ function clearStoredLastSeq(sessionId) {
  * may contain sensitive data (tokens, PII). Only origin + pathname are sent.
  */
 function getPageContext(override) {
-    var localTime = new Date().toISOString();
+    var localTime = getLocalISOString();
     // If override provided, merge with defaults (override wins)
     // Overrides are typically for testing and may include full URLs
     if (override && Object.keys(override).length > 0) {
@@ -3194,9 +3212,11 @@ function getPageContext(override) {
 }
 var MCPChat = /** @class */ (function () {
     function MCPChat(config, options) {
+        var _a;
         this._userId = "";
         this._sessionId = "";
         this._accessToken = "";
+        this._debugMode = false;
         this._attributes = {};
         // Streaming throttle state
         this.streamBuffer = "";
@@ -3206,16 +3226,20 @@ var MCPChat = /** @class */ (function () {
         this.isValidatingSession = false;
         // Tool call tracking for debug mode
         this.currentToolCalls = [];
-        // TODO: isReplaying and lastSeq are tracked for future replay support.
-        // Wire up replay requests in wakeup() once the server endpoint supports it.
         this.isReplaying = false;
+        // Sleep/wakeup state for tab backgrounding recovery
+        this.isSleeping = false;
+        this.isRequestingReplay = false;
+        this.needsReplayOnWakeup = false;
         // True when userId was assigned by the server (via connected SSE event),
         // meaning it should not be overwritten by the default client fingerprint.
         this.userIdIsServerAssigned = false;
+        this.sentMessageCount = 0;
         this.config = config;
         this.options = options;
         this.configurableMessages = options === null || options === void 0 ? void 0 : options.configurableMessages;
         this.isNewSession = false;
+        this._debugMode = (_a = config.debugMode) !== null && _a !== void 0 ? _a : false;
         this.hooks = options === null || options === void 0 ? void 0 : options.hooks;
         // Validate business_owner mode requires authToken
         var mode = config.mode || "homeowner";
@@ -3247,6 +3271,7 @@ var MCPChat = /** @class */ (function () {
     }
     MCPChat.prototype.init = function (dispatch) {
         this.dispatch = dispatch;
+        this.sessionStartTime = Date.now();
         var mode = this.config.mode || "homeowner";
         log("MCPChat initialized with mode: ".concat(mode));
         // Warn if not using HTTPS with authentication
@@ -3258,14 +3283,8 @@ var MCPChat = /** @class */ (function () {
         // Dispatch bot joined early so it appears before the greeting.
         // getBot() is config-derived (uses options.bot), so it's safe to call before setVisitorInfo.
         this.userJoined(this.getBot(undefined));
-        // Returning user with existing session - validate session silently
-        // New user without session - initialize new session to get greeting
-        if (this._sessionId) {
-            this.validateSession();
-        }
-        else {
-            this.initializeNewSession();
-        }
+        // Session initialization is deferred to setVisitorInfo() to avoid
+        // making network requests before the widget is visible.
     };
     /**
      * Validates an existing session with the server ("Silent Handshake").
@@ -3319,7 +3338,7 @@ var MCPChat = /** @class */ (function () {
      */
     MCPChat.prototype.buildRequestPayload = function (additionalData) {
         if (additionalData === void 0) { additionalData = {}; }
-        return __assign({ 
+        return __assign(__assign({ 
             // Identity - server generates these, we just send back what we have
             userId: this._userId || undefined, sessionId: this._sessionId || undefined, 
             // Fingerprint for user identification (can be disabled for privacy)
@@ -3327,7 +3346,9 @@ var MCPChat = /** @class */ (function () {
             // Page context
             pageContext: getPageContext(this.config.pageContextOverride), 
             // Client timestamp for latency measurement and clock drift detection
-            clientTime: new Date().toISOString() }, additionalData);
+            clientTime: new Date().toISOString(), 
+            // Last sequence number for replay on reconnect
+            lastSeq: this.lastSeq }, (this._debugMode && { debug: true })), additionalData);
     };
     /**
      * Initializes a new session by calling the endpoint with { newSession: true }.
@@ -3337,9 +3358,12 @@ var MCPChat = /** @class */ (function () {
         return __awaiter$1(this, void 0, void 0, function () {
             var endpoint, error_2;
             var _this = this;
-            return __generator$1(this, function (_a) {
-                switch (_a.label) {
+            var _a;
+            return __generator$1(this, function (_b) {
+                switch (_b.label) {
                     case 0:
+                        // Reset debug mode on new session (respects config default)
+                        this._debugMode = (_a = this.config.debugMode) !== null && _a !== void 0 ? _a : false;
                         // Prevent multiple concurrent initialization requests
                         if (this.isInitializingSession) {
                             log("New session initialization already in progress, skipping");
@@ -3353,15 +3377,15 @@ var MCPChat = /** @class */ (function () {
                             _this.resolveSessionInit = resolve;
                         });
                         this.typing();
-                        _a.label = 1;
+                        _b.label = 1;
                     case 1:
-                        _a.trys.push([1, 3, 4, 5]);
+                        _b.trys.push([1, 3, 4, 5]);
                         return [4 /*yield*/, this.performSSERequest(this.buildRequestPayload({ newSession: true, generateGreeting: true }))];
                     case 2:
-                        _a.sent();
+                        _b.sent();
                         return [3 /*break*/, 5];
                     case 3:
-                        error_2 = _a.sent();
+                        error_2 = _b.sent();
                         err("Failed to initialize new session: ".concat(error_2));
                         this.stopTyping();
                         this.setConnectionStatus("offline");
@@ -3400,6 +3424,14 @@ var MCPChat = /** @class */ (function () {
         // homeowner mode - serverUrl should already include appId
         return "".concat(serverUrl).concat(HOMEOWNER_ENDPOINT_PATH);
     };
+    MCPChat.prototype.getCloseEndpoint = function () {
+        var serverUrl = this.config.serverUrl.replace(/\/+$/, "");
+        var mode = this.config.mode || "homeowner";
+        if (mode === "business_owner") {
+            return "".concat(serverUrl).concat(BUSINESS_OWNER_CLOSE_ENDPOINT_PATH);
+        }
+        return "".concat(serverUrl).concat(HOMEOWNER_CLOSE_ENDPOINT_PATH);
+    };
     MCPChat.prototype.sendNewMessage = function (msg, user) {
         log("SERVER: new message: ".concat(JSON.stringify(msg)));
         this.dispatch({
@@ -3550,6 +3582,30 @@ var MCPChat = /** @class */ (function () {
             },
         });
     };
+    MCPChat.prototype.dispatchStreamAbort = function (messageId) {
+        log("[dispatchStreamAbort] Stream aborted: ".concat(messageId));
+        this.dispatch({
+            type: "chat",
+            detail: {
+                type: "chat.stream.abort",
+                user: this.getBot(undefined),
+                messageId: messageId,
+                timestamp: Date.now(),
+            },
+        });
+    };
+    MCPChat.prototype.dispatchStreamResume = function (messageId) {
+        log("[dispatchStreamResume] Stream resumed: ".concat(messageId));
+        this.dispatch({
+            type: "chat",
+            detail: {
+                type: "chat.stream.resume",
+                user: this.getBot(undefined),
+                messageId: messageId,
+                timestamp: Date.now(),
+            },
+        });
+    };
     MCPChat.prototype.dispatchToolStart = function (params) {
         this.dispatch({
             type: "chat",
@@ -3863,7 +3919,10 @@ var MCPChat = /** @class */ (function () {
                         attempt++;
                         return [3 /*break*/, 3];
                     case 14:
-                        if (!success) {
+                        if (success) {
+                            this.sentMessageCount++;
+                        }
+                        else {
                             log("All MCP retry attempts exhausted");
                         }
                         return [2 /*return*/];
@@ -3876,10 +3935,28 @@ var MCPChat = /** @class */ (function () {
      */
     MCPChat.prototype.attemptSSERequest = function (message) {
         return __awaiter$1(this, void 0, void 0, function () {
-            var messageText;
+            var messageText, statusMsg, msgId;
             var _a;
             return __generator$1(this, function (_b) {
                 messageText = ((_a = message.msg) === null || _a === void 0 ? void 0 : _a.text) || "";
+                // Intercept /debug command — toggle debug mode client-side without sending to LLM
+                if (messageText.trim().toLowerCase() === '/debug') {
+                    this._debugMode = !this._debugMode;
+                    statusMsg = this._debugMode ? 'Debug mode enabled' : 'Debug mode disabled';
+                    log("[attemptSSERequest] ".concat(statusMsg));
+                    msgId = "debug-".concat(Date.now());
+                    this.dispatch({
+                        type: "chat",
+                        detail: {
+                            type: "chat.stream.end",
+                            user: this.getBot(undefined),
+                            messageId: msgId,
+                            msg: { text: statusMsg },
+                            timestamp: +new Date(),
+                        },
+                    });
+                    return [2 /*return*/];
+                }
                 log("[attemptSSERequest] Sending message: \"".concat(messageText, "\", userId: ").concat(this._userId, ", sessionId: ").concat(this._sessionId));
                 return [2 /*return*/, this.performSSERequest(this.buildRequestPayload({ message: messageText }))];
             });
@@ -3915,6 +3992,10 @@ var MCPChat = /** @class */ (function () {
                                 : {})),
                             body: JSON.stringify(body),
                             signal: _this.abortController.signal,
+                            // Keep the connection open when the tab is hidden. Without this,
+                            // fetchEventSource closes and re-POSTs on visibility change, which
+                            // creates duplicate streaming messages and out-of-order responses.
+                            openWhenHidden: true,
                             onopen: function (response) { return __awaiter$1(_this, void 0, void 0, function () {
                                 var error;
                                 return __generator$1(this, function (_a) {
@@ -3931,6 +4012,11 @@ var MCPChat = /** @class */ (function () {
                                 });
                             }); },
                             onmessage: function (event) {
+                                // Guard: ignore events from stale/aborted requests
+                                if (_this.currentMessageId !== messageId) {
+                                    log("[SSE] Ignoring stale event for messageId: ".concat(messageId, ", current: ").concat(_this.currentMessageId));
+                                    return;
+                                }
                                 log("SSE event: ".concat(event.event, ", data: ").concat(event.data));
                                 var eventType = event.event || "message";
                                 var data = {};
@@ -3970,11 +4056,17 @@ var MCPChat = /** @class */ (function () {
                                             storeIdentity(data.userId, data.sessionId);
                                             log("[SSE] Identity from connected - userId: ".concat(data.userId, ", sessionId: ").concat(data.sessionId));
                                         }
-                                        // Always start streaming - server sends greeting for both new and returning users
-                                        // (resumeSession requests always get a personalized greeting)
                                         _this.currentToolCalls = [];
                                         _this.stopTyping();
-                                        _this.dispatchStreamStart(messageId);
+                                        if (data.isReplay) {
+                                            // Replay connection — resume into the existing partial
+                                            // message instead of creating a duplicate placeholder
+                                            _this.dispatchStreamResume(messageId);
+                                        }
+                                        else {
+                                            // Normal connection — create new streaming placeholder
+                                            _this.dispatchStreamStart(messageId);
+                                        }
                                         _this.startStreamThrottle(messageId);
                                         break;
                                     case "session_expired":
@@ -3997,9 +4089,9 @@ var MCPChat = /** @class */ (function () {
                                         if (data.text) {
                                             log("[SSE] Text chunk received (".concat(data.text.length, " chars), total chunks: ").concat(textChunks.length + 1, ", isReplay: ").concat(data.isReplay));
                                             textChunks.push(data.text);
-                                            if (data.isReplay) {
-                                                // Replayed text — dispatch immediately (no throttle)
-                                                // so the user sees caught-up content instantly
+                                            if (data.isReplay || _this.isSleeping) {
+                                                // Replayed text or tab hidden — dispatch immediately
+                                                // (no throttle timer running in either case)
                                                 _this.dispatchStreamChunk(messageId, data.text);
                                             }
                                             else {
@@ -4049,8 +4141,19 @@ var MCPChat = /** @class */ (function () {
                                                 toolCall.error = data.toolError;
                                                 toolCall.label = data.label; // Update with completion label
                                                 toolCall.hidden = data.hidden; // Update hidden status
-                                                toolCall.endTime = Date.now();
+                                                // Use server-side batch duration if available (debug mode), otherwise client-side
+                                                toolCall.endTime = (data.toolBatchDurationMs && toolCall.startTime != null)
+                                                    ? toolCall.startTime + data.toolBatchDurationMs
+                                                    : Date.now();
                                                 toolCall.isExecuting = false;
+                                                // Capture tool input from debug-enriched events
+                                                if (data.toolInput) {
+                                                    toolCall.input = data.toolInput;
+                                                }
+                                            }
+                                            // Toggle debug mode when toggle_debug tool is called by the LLM
+                                            if (data.toolName === 'toggle_debug') {
+                                                _this._debugMode = !_this._debugMode;
                                             }
                                             // Always dispatch tool end for user-friendly progress display
                                             _this.dispatchToolEnd({
@@ -4098,8 +4201,8 @@ var MCPChat = /** @class */ (function () {
                                                 sources: sources,
                                                 displays: data.response.displays,
                                             };
-                                            // Capture tool calls before flushing (debug mode)
-                                            var toolCalls_1 = _this.config.debugMode ? __spreadArray$1([], _this.currentToolCalls, true) : undefined;
+                                            // Capture tool calls before flushing (debug mode — config or runtime toggle)
+                                            var toolCalls_1 = (_this.config.debugMode || _this._debugMode) ? __spreadArray$1([], _this.currentToolCalls, true) : undefined;
                                             _this.flushStreamBuffer().then(function () {
                                                 _this.dispatchStreamEnd(messageId, finalMessage_1, toolCalls_1);
                                                 _this.currentToolCalls = []; // Clear after dispatch
@@ -4134,7 +4237,20 @@ var MCPChat = /** @class */ (function () {
                                 if (_this.currentMessageId === messageId && !hasError) {
                                     hasError = true;
                                     _this.isReplaying = false;
-                                    _this.stopStreamThrottle();
+                                    if (_this.isSleeping) {
+                                        // Connection dropped while tab is hidden — don't treat as
+                                        // normal error. Finalize partial message and request replay
+                                        // when the user returns.
+                                        log("[MCPChat] SSE error during sleep - will request replay on wakeup");
+                                        _this.needsReplayOnWakeup = true;
+                                        if (_this.streamingMessageIdForThrottle) {
+                                            _this.dispatchStreamAbort(messageId);
+                                        }
+                                        _this.stopStreamThrottle();
+                                    }
+                                    else {
+                                        _this.stopStreamThrottle();
+                                    }
                                     sseError = error instanceof Error ? error : new Error(String(error));
                                     // Get status code if available
                                     var statusCode = (error === null || error === void 0 ? void 0 : error.statusCode) || httpStatusCode;
@@ -4181,12 +4297,20 @@ var MCPChat = /** @class */ (function () {
             this._attributes.currentUrl = window.location.href;
         }
         this._accessToken = this.visitorInfo.accessToken;
-        // Bot joined is dispatched in init() to ensure correct ordering
-        // Show typing indicator if we're still waiting for initial greeting
+        this.startSession(sessionId);
+        // Initialize session now that the widget is visible and visitor info is set.
+        // Returning user with existing session - validate session silently
+        // New user without session - initialize new session to get greeting
+        if (this._sessionId) {
+            this.validateSession();
+        }
+        else {
+            this.initializeNewSession();
+        }
+        // Show typing indicator while waiting for session init response
         if (this.isInitializingSession) {
             this.typing();
         }
-        this.startSession(sessionId);
         cb();
     };
     MCPChat.prototype.sendChatRating = function () { };
@@ -4203,23 +4327,138 @@ var MCPChat = /** @class */ (function () {
         }
     };
     MCPChat.prototype.sleep = function () {
-        this.stopStreamThrottle();
-        this.isReplaying = false;
-        if (this.abortController) {
-            this.abortController.abort();
-            this.abortController = undefined;
+        this.isSleeping = true;
+        if (this.streamingMessageIdForThrottle) {
+            // Active stream in progress — keep SSE connection alive so the
+            // response completes naturally while the tab is hidden.
+            this.needsReplayOnWakeup = false;
+            log("[MCPChat] sleep() - stream in progress, keeping SSE connection alive");
+            // Flush any buffered text to Redux immediately
+            if (this.streamBuffer.length > 0) {
+                this.dispatchStreamChunk(this.streamingMessageIdForThrottle, this.streamBuffer);
+                this.streamBuffer = "";
+            }
+            // Stop the visual throttle timer (browsers throttle timers anyway)
+            // but keep streamingMessageIdForThrottle so incoming chunks can be dispatched
+            if (this.streamThrottleTimer) {
+                clearInterval(this.streamThrottleTimer);
+                this.streamThrottleTimer = undefined;
+            }
+            if (this.visibilityHandler) {
+                document.removeEventListener("visibilitychange", this.visibilityHandler);
+                this.visibilityHandler = undefined;
+            }
+        }
+        else {
+            // No active stream — safe to abort the idle connection
+            this.stopStreamThrottle();
+            this.isReplaying = false;
+            if (this.abortController) {
+                this.abortController.abort();
+                this.abortController = undefined;
+            }
         }
     };
     MCPChat.prototype.wakeup = function () {
-        // When tab is foregrounded, just restore connection status.
-        // Don't validate/replay yet — the session will be validated
-        // on the next user message. This avoids creating duplicate
-        // greetings if validation fails transiently.
+        this.isSleeping = false;
+        if (this.streamingMessageIdForThrottle && this.abortController) {
+            // Stream is still in progress — restart the visual throttle
+            log("[MCPChat] wakeup() - stream still in progress, restarting throttle");
+            // Flush accumulated buffer before startStreamThrottle (which resets it)
+            if (this.streamBuffer.length > 0) {
+                this.dispatchStreamChunk(this.streamingMessageIdForThrottle, this.streamBuffer);
+                this.streamBuffer = "";
+            }
+            this.startStreamThrottle(this.streamingMessageIdForThrottle);
+        }
+        else if (this.needsReplayOnWakeup) {
+            this.needsReplayOnWakeup = false;
+            if (this.lastSeq !== undefined && this._sessionId) {
+                // Connection dropped during sleep — request replay of missed events.
+                // Don't set "online" yet — requestReplay is fire-and-forget and the
+                // connection status will be updated by the SSE onopen handler.
+                log("[MCPChat] wakeup() - connection lost during sleep, requesting replay");
+                this.requestReplay();
+                return;
+            }
+            // Cannot replay — missing lastSeq or sessionId
+            err("[MCPChat] wakeup() - cannot replay, missing lastSeq (".concat(this.lastSeq, ") or sessionId (").concat(this._sessionId, ")"));
+        }
         if (this._sessionId) {
             log("[MCPChat] Wakeup - session exists, lastSeq: ".concat(this.lastSeq));
             this.setConnectionStatus("online");
         }
     };
+    MCPChat.prototype.requestReplay = function () {
+        return __awaiter$1(this, void 0, void 0, function () {
+            var error_5;
+            return __generator$1(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this.isRequestingReplay) {
+                            log("[MCPChat] Replay already in progress, skipping");
+                            return [2 /*return*/];
+                        }
+                        this.isRequestingReplay = true;
+                        this.typing();
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        // lastSeq is already included by buildRequestPayload
+                        return [4 /*yield*/, this.performSSERequest(this.buildRequestPayload())];
+                    case 2:
+                        // lastSeq is already included by buildRequestPayload
+                        _a.sent();
+                        log("[MCPChat] Replay request completed");
+                        return [3 /*break*/, 5];
+                    case 3:
+                        error_5 = _a.sent();
+                        err("[MCPChat] Replay request failed: ".concat(error_5));
+                        this.setConnectionStatus("offline");
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this.stopTyping();
+                        this.isRequestingReplay = false;
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * Sends a best-effort close notification to the agent server.
+     * Uses navigator.sendBeacon() so the request survives page unload.
+     * Called from the beforeunload event handler and the widget close button.
+     */
+    MCPChat.prototype.notifyDisconnecting = function (reason) {
+        if (reason === void 0) { reason = "close_tab"; }
+        if (!this._sessionId) {
+            return;
+        }
+        var endpoint = this.getCloseEndpoint();
+        var payload = JSON.stringify({
+            sessionId: this._sessionId,
+            userId: this._userId || undefined,
+            reason: reason,
+            messageCount: this.sentMessageCount,
+            durationMs: this.sessionStartTime !== undefined ? Date.now() - this.sessionStartTime : 0,
+        });
+        log("[MCPChat] notifyDisconnecting: reason=".concat(reason, ", endpoint=").concat(endpoint));
+        // For widget_close, the page is not unloading so fetch() can be used — it supports
+        // auth headers (needed for business_owner mode) unlike sendBeacon.
+        if (reason === "widget_close" && typeof fetch !== "undefined") {
+            var headers = { "Content-Type": "application/json" };
+            if (this.config.authToken) {
+                headers["Authorization"] = "Bearer ".concat(this.config.authToken);
+            }
+            fetch(endpoint, { method: "POST", headers: headers, body: payload, keepalive: true });
+            return;
+        }
+        if (typeof navigator !== "undefined" && navigator.sendBeacon) {
+            var blob = new Blob([payload], { type: "application/json" });
+            navigator.sendBeacon(endpoint, blob);
+        }
+    };
     MCPChat.prototype.startSession = function (sessionId) {
         // userId priority:
         // 1. Existing server-assigned userId (from localStorage or previous connected event)
@@ -10794,6 +11033,14 @@ function isCard(display) {
 function isList(display) {
     return !!display && (display.type === "LIST" || display.type === "CAROUSEL");
 }
+/**
+ * Is the Display a Table
+ */
+function isTable(display) {
+    return !!display && display.type === "TABLE"
+        && Array.isArray(display.headers)
+        && Array.isArray(display.rows);
+}
 
 var CardMiddlewareWidget = function (props) {
     var msg = props.msg, ctx = props.ctx;
@@ -11094,10 +11341,31 @@ var MultiSelectMiddleware = function (next) { return function (props) {
     return next(props);
 }; };
 
+var Table = function (_a) {
+    var table = _a.table;
+    return (jsxs("div", { className: "xappw-table", children: [table.title && jsx("div", { className: "xappw-table__header", children: table.title }), jsx("div", { className: "xappw-table__container", children: jsxs("table", { children: [jsx("thead", { children: jsx("tr", { children: table.headers.map(function (header, i) { return (jsx("th", { scope: "col", children: header }, "".concat(header, "-").concat(i))); }) }) }), jsx("tbody", { children: table.rows.map(function (row, rowIndex) { return (jsx("tr", { children: row.map(function (cell, cellIndex) { return (jsx("td", { children: cell }, cellIndex)); }) }, rowIndex)); }) })] }) })] }));
+};
+
+var TableMiddlewareWidget = function (props) {
+    var msg = props.msg, ctx = props.ctx;
+    if (!ctx) {
+        throw new TypeError("ctx not provided to ".concat(TableMiddlewareWidget.name));
+    }
+    return (jsx(ChatMessagePart, { showAvatar: false, user: ctx.user, fullWidth: true, children: jsx("div", { className: "chat-msg chat-msg--expand", children: jsx(Table, { table: msg }) }) }));
+};
+var TableMiddleware = function (next) { return function (props) {
+    var msg = props.msg, ctx = props.ctx;
+    if (isTable(msg)) {
+        return jsx(TableMiddlewareWidget, { msg: msg, ctx: ctx });
+    }
+    return next(props);
+}; };
+
 var StandardMiddlewaresBuilder = joinMiddlewares([
     ListMiddleware,
     CardMiddleware,
-    MultiSelectMiddleware
+    MultiSelectMiddleware,
+    TableMiddleware
 ]);
 function useStandardMiddlewareBuilder() {
     var lateMiddleware = useLateMiddleware();
@@ -11351,14 +11619,58 @@ var ToolCallDisplay = function (_a) {
 };
 
 /**
- * Parses basic markdown to HTML.
- * Supports: bold, italic, links, headers, and unordered lists.
+ * Escape &, <, > for safe insertion into HTML text nodes.
+ * Not suitable for attribute values.
  */
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
+function parseInlineMarkdown(text) {
+    return escapeHtml(text)
+        .replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>")
+        .replace(/__(.+?)__/g, "<strong>$1</strong>")
+        .replace(/\*([^*]+?)\*/g, "<em>$1</em>")
+        .replace(/_([^_]+?)_/g, "<em>$1</em>");
+}
+function tableToHtml(headerLine, separatorLine, bodyBlock) {
+    var parseRow = function (row) {
+        return row.split("|").slice(1, -1).map(function (cell) { return parseInlineMarkdown(cell.trim()); });
+    };
+    var separators = separatorLine.split("|").slice(1, -1).map(function (s) { return s.trim(); });
+    var alignments = separators.map(function (sep) {
+        if (sep.startsWith(":") && sep.endsWith(":"))
+            return "center";
+        if (sep.endsWith(":"))
+            return "right";
+        return "left";
+    });
+    var headers = parseRow(headerLine);
+    var headerHtml = headers.map(function (h, i) {
+        return "<th scope=\"col\" style=\"text-align:".concat(alignments[i] || "left", "\">").concat(h, "</th>");
+    }).join("");
+    var bodyRows = bodyBlock.trim().split("\n").filter(function (row) { return row.trim() !== ""; });
+    var bodyHtml = bodyRows.map(function (row) {
+        var cells = parseRow(row);
+        return "<tr>" + cells.map(function (c, i) {
+            return "<td style=\"text-align:".concat(alignments[i] || "left", "\">").concat(c, "</td>");
+        }).join("") + "</tr>";
+    }).join("");
+    return "<div style=\"overflow-x:auto\"><table><thead><tr>".concat(headerHtml, "</tr></thead><tbody>").concat(bodyHtml, "</tbody></table></div>");
+}
 function parseMarkdown(text) {
     if (!text)
         return "";
-    var html = text
-        // Escape HTML entities first
+    // Extract tables first, replace with placeholders, then process the rest
+    var tables = [];
+    var processed = text.replace(/(?:^|\n)(\|.+\|)\n(\|[\s:|-]+\|)\n((?:\|.+\|\n?)+)/g, function (_match, headerLine, separatorLine, bodyBlock) {
+        tables.push(tableToHtml(headerLine, separatorLine, bodyBlock));
+        return "\n%%TABLE".concat(tables.length - 1, "%%\n");
+    });
+    // Now safely escape and parse markdown on the non-table text
+    processed = processed
         .replace(/&/g, "&amp;")
         .replace(/</g, "&lt;")
         .replace(/>/g, "&gt;")
@@ -11379,13 +11691,17 @@ function parseMarkdown(text) {
         // Line breaks
         .replace(/\n/g, "<br>");
     // Wrap consecutive <li> elements in <ul>
-    html = html.replace(/(<li>.*?<\/li>)(<br>)?/g, "$1");
-    html = html.replace(/(<li>.*?<\/li>)+/g, "<ul>$&</ul>");
+    processed = processed.replace(/(<li>.*?<\/li>)(<br>)?/g, "$1");
+    processed = processed.replace(/(<li>.*?<\/li>)+/g, "<ul>$&</ul>");
     // Clean up <br> inside <ul>
-    html = html.replace(/<ul>(.*?)<\/ul>/g, function (match) {
+    processed = processed.replace(/<ul>(.*?)<\/ul>/g, function (match) {
         return match.replace(/<br>/g, "");
     });
-    return html;
+    // Restore table placeholders (strip adjacent <br> tags)
+    tables.forEach(function (tableHtml, i) {
+        processed = processed.replace(new RegExp("(?:<br>)?%%TABLE".concat(i, "%%(?:<br>)?")), tableHtml);
+    });
+    return processed;
 }
 var ChatTextMessage = function (props) {
     var _a;
@@ -35453,7 +35769,7 @@ var ChatWidgetConnected = function (props) {
  * Exported for use by StaticChatWidgetContainer to avoid infinite loops.
  */
 var ChatWidgetUI = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13;
     var innerDispatch = useChatDispatch();
     var dispatch = useChatServerDispatch();
     // From Redux
@@ -35483,24 +35799,30 @@ var ChatWidgetUI = function (props) {
         chatState.visuals = {};
     }
     // Our state - pull from storage
-    var _15 = useState((!canMinimize && !canCancel) ||
+    // Parse autoOpenOnWidth once for use in both initial state and useEffect
+    var autoOpenOnWidthValue = ((_m = props.config) === null || _m === void 0 ? void 0 : _m.autoOpenOnWidth)
+        ? parseInt(props.config.autoOpenOnWidth, 10)
+        : NaN;
+    var autoOpenOnWidthMatch = !isNaN(autoOpenOnWidthValue) && window.innerWidth >= autoOpenOnWidthValue;
+    // When autoOpenOnWidth is configured, use width check instead of persisted visible state
+    // to prevent greeting requests on viewports below the threshold
+    var _14 = useState((!canMinimize && !canCancel) ||
         // !!get("visible") ||
-        chatState.visuals.visible ||
-        (((_m = props.config) === null || _m === void 0 ? void 0 : _m.autoOpenOnWidth) &&
-            window.matchMedia("(min-width: ".concat((_o = props.config) === null || _o === void 0 ? void 0 : _o.autoOpenOnWidth, ")")).matches)), visible = _15[0], setVisibleState = _15[1];
-    var _16 = useState(false); _16[0]; var setTypingState = _16[1]; // false initially - state kept for potential external observers
+        (!isNaN(autoOpenOnWidthValue) ? autoOpenOnWidthMatch : chatState.visuals.visible)), visible = _14[0], setVisibleState = _14[1];
+    var _15 = useState(false); _15[0]; var setTypingState = _15[1]; // false initially - state kept for potential external observers
     // Ref to track typing state for use in timeout callbacks
     var typingRef = useRef(false);
     // Timeout ref for debouncing "stop typing" events
     var stopTypingTimeoutRef = useRef(null);
+    // Track whether autoOpenOnWidth has already fired so it doesn't re-open after user closes
+    var autoOpenFiredRef = useRef(autoOpenOnWidthMatch);
     var chatServer = useContext(ChatServerContext);
-    var patternsConfig = (_q = (_p = props.config) === null || _p === void 0 ? void 0 : _p.autoOpenOnPattern) === null || _q === void 0 ? void 0 : _q.patterns;
+    var patternsConfig = (_p = (_o = props.config) === null || _o === void 0 ? void 0 : _o.autoOpenOnPattern) === null || _p === void 0 ? void 0 : _p.patterns;
     var currentUrl = window.location.href;
     var patternExist = patternsConfig && patternsConfig.length > 0;
     var patternMatches = patternsConfig === null || patternsConfig === void 0 ? void 0 : patternsConfig.some(function (pattern) { return currentUrl.includes(pattern); });
-    var configWidth = (_s = (_r = props.config) === null || _r === void 0 ? void 0 : _r.autoOpenOnPattern) === null || _s === void 0 ? void 0 : _s.minimumWidth;
-    // eslint-disable-next-line no-restricted-globals
-    var currentWidth = screen.width;
+    var configWidth = (_r = (_q = props.config) === null || _q === void 0 ? void 0 : _q.autoOpenOnPattern) === null || _r === void 0 ? void 0 : _r.minimumWidth;
+    var currentWidth = window.innerWidth;
     var setVisible = useCallback(function (newVisible) {
         if (staticMode || previewMode) {
             return;
@@ -35534,7 +35856,7 @@ var ChatWidgetUI = function (props) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var _17 = useState(!document.hidden), isTabVisible = _17[0], setIsTabVisible = _17[1];
+    var _16 = useState(!document.hidden), isTabVisible = _16[0], setIsTabVisible = _16[1];
     useEffect(function () {
         var handleVisibilityChange = function () {
             setIsTabVisible(!document.hidden);
@@ -35567,7 +35889,7 @@ var ChatWidgetUI = function (props) {
         var handleBeforeUnload = function () {
             log("beforeunload - notifying router of user disconnecting");
             if (chatServer.notifyDisconnecting) {
-                chatServer.notifyDisconnecting();
+                chatServer.notifyDisconnecting("close_tab");
             }
         };
         window.addEventListener("beforeunload", handleBeforeUnload);
@@ -35583,10 +35905,8 @@ var ChatWidgetUI = function (props) {
         if (chatState.visuals.opened) {
             setVisible(true);
         }
-        else {
-            if (mode === "normal") {
-                setVisible(false);
-            }
+        else if (mode === "normal" && !autoOpenOnWidthMatch) {
+            setVisible(false);
         }
         if (patternExist && patternMatches) {
             setVisible(true);
@@ -35594,6 +35914,10 @@ var ChatWidgetUI = function (props) {
         if (currentWidth < +configWidth) {
             setVisible(false);
         }
+        if (autoOpenOnWidthMatch && !autoOpenFiredRef.current) {
+            autoOpenFiredRef.current = true;
+            setVisible(true);
+        }
     }, [
         currentWidth,
         patternExist,
@@ -35602,6 +35926,7 @@ var ChatWidgetUI = function (props) {
         setVisible,
         chatState.visuals.opened,
         mode,
+        autoOpenOnWidthMatch,
     ]);
     var stopTyping = useCallback(function () {
         if (!typingRef.current)
@@ -35721,6 +36046,9 @@ var ChatWidgetUI = function (props) {
     }
     /** Called when cancel is clicked */
     function handleCancelClick() {
+        if (chatServer === null || chatServer === void 0 ? void 0 : chatServer.notifyDisconnecting) {
+            chatServer.notifyDisconnecting("widget_close");
+        }
         // First reset to clear all state
         innerDispatch(reset());
         // Then set hasInteracted to prevent CTA from showing after cancel
@@ -35746,8 +36074,8 @@ var ChatWidgetUI = function (props) {
         }));
     }
     // Action Bar state and handlers
-    var _18 = useState(false), formModalOpen = _18[0], setFormModalOpen = _18[1];
-    var _19 = useState(null), activeFormConfig = _19[0], setActiveFormConfig = _19[1];
+    var _17 = useState(false), formModalOpen = _17[0], setFormModalOpen = _17[1];
+    var _18 = useState(null), activeFormConfig = _18[0], setActiveFormConfig = _18[1];
     var handleFormButtonClick = useCallback(function (formButton) {
         // If form-widget is configured, use its openForm API
         // The form-widget script should already be pre-loaded
@@ -35814,7 +36142,7 @@ var ChatWidgetUI = function (props) {
     var messages = chatState && chatState.chats;
     log("Rendering - accountStatus: \"".concat(chatState.accountStatus, "\", connectionStatus: \"").concat(chatState.connection.connectionStatus, "\""));
     var config = props.config, onConnectionStatusChange = props.onConnectionStatusChange;
-    var actionBarEnabled = ((_t = config === null || config === void 0 ? void 0 : config.actionBar) === null || _t === void 0 ? void 0 : _t.enabled) === true;
+    var actionBarEnabled = ((_s = config === null || config === void 0 ? void 0 : config.actionBar) === null || _s === void 0 ? void 0 : _s.enabled) === true;
     // Disable greeting in preview mode
     useGreeting(!isOffline && !props.preChatFormEnabled && visible && !previewMode);
     var connectionStatus = chatState.connection.connectionStatus;
@@ -35823,7 +36151,7 @@ var ChatWidgetUI = function (props) {
             onConnectionStatusChange(connectionStatus);
         }
     }, [connectionStatus, onConnectionStatusChange]);
-    useExternalScript((_u = props.config) === null || _u === void 0 ? void 0 : _u.middlewareUrl);
+    useExternalScript((_t = props.config) === null || _t === void 0 ? void 0 : _t.middlewareUrl);
     // Pre-load form-widget script if formWidgetKey is provided
     useEffect(function () {
         if (config === null || config === void 0 ? void 0 : config.formWidgetKey) {
@@ -35855,15 +36183,15 @@ var ChatWidgetUI = function (props) {
         };
     }, [actionBarEnabled]);
     // This is a pseudo agent. It represent's the widget (shown in the header avatar for instance)
-    var widgetAgent = ((_v = chatState.agents["agent:robot"]) === null || _v === void 0 ? void 0 : _v.user) ||
+    var widgetAgent = ((_u = chatState.agents["agent:robot"]) === null || _u === void 0 ? void 0 : _u.user) ||
         (config === null || config === void 0 ? void 0 : config.agent) || {
         nick: "agent:robot",
         avatarPath: config.avatarUrl,
         display_name: "Agent",
     };
-    return (jsxs(Fragment, { children: [jsxs("div", { className: "widget-container ".concat(modeClass, " ").concat(getVisibilityClass()).concat(actionBarEnabled ? " widget-container--with-action-bar" : ""), children: [jsx(WidgetStylesheet, { theme: config === null || config === void 0 ? void 0 : config.theme }), jsx(ChatHeader, { accountStatus: chatState.accountStatus, refreshOnClick: handleRestartClick, minimizeOnClick: handleMinimizeClick, cancelOnClick: handleCancelClick, agent: widgetAgent, canRefresh: canRefresh, canMinimize: canMinimize, canCancel: canCancel, config: config === null || config === void 0 ? void 0 : config.header, menuConfig: config.menu, debugMode: (_y = (_x = (_w = props.config) === null || _w === void 0 ? void 0 : _w.connection) === null || _x === void 0 ? void 0 : _x.mcp) === null || _y === void 0 ? void 0 : _y.debugMode, onSubmit: handleOnSubmit }), jsx(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, agent: config === null || config === void 0 ? void 0 : config.agent, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, hasWsButton: !!chatState.wsButton, messageMiddleware: props.messageMiddleware, textTypingStatusEnabled: (_0 = (_z = props.config) === null || _z === void 0 ? void 0 : _z.typingStatus) === null || _0 === void 0 ? void 0 : _0.textTypingStatusEnabled, disableAutoScroll: props.disableAutoScroll, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl, minimizeOnClick: handleMinimizeClick }), jsx("div", { className: "xa-spinner-container ".concat(visible && connectionStatus === "pending" ? "visible" : ""), children: jsx("div", { className: "xa-spinner" }) }), connectionStatus === "offline" && jsx(ServerOffline, {}), chatState.wsButton && visible && (jsx(WsButton, { button: chatState.wsButton, onPress: handleWsButtonPress })), jsx(ChatFooter, { isAdmin: config === null || config === void 0 ? void 0 : config.isAdmin, isChatting: chatState.isChatting, placeholder: (_1 = config === null || config === void 0 ? void 0 : config.input) === null || _1 === void 0 ? void 0 : _1.placeholder, sendButtonIcon: (_3 = (_2 = config === null || config === void 0 ? void 0 : config.footer) === null || _2 === void 0 ? void 0 : _2.sendButton) === null || _3 === void 0 ? void 0 : _3.icon, sendButtonIconHover: (_5 = (_4 = config === null || config === void 0 ? void 0 : config.footer) === null || _4 === void 0 ? void 0 : _4.sendButton) === null || _5 === void 0 ? void 0 : _5.iconHover, sendButtonIconDisabled: (_7 = (_6 = config === null || config === void 0 ? void 0 : config.footer) === null || _6 === void 0 ? void 0 : _6.sendButton) === null || _7 === void 0 ? void 0 : _7.iconDisabled, visible: visible, hasWsButton: !!chatState.wsButton, menuConfig: (_8 = props.config) === null || _8 === void 0 ? void 0 : _8.menu, footerConfig: (_9 = props.config) === null || _9 === void 0 ? void 0 : _9.footer, inputConfig: (_10 = props.config) === null || _10 === void 0 ? void 0 : _10.input, disabled: previewMode, onChange: handleOnChange, onSubmit: handleOnSubmit, onFileUpload: handleFileUpload }), jsx("div", { className: "restartModal", ref: modalRef, onClick: handleRestartModalCloseClick, children: jsx(ModalContent, { onClose: handleRestartModalCloseClick, onReset: handleReset }) })] }), actionBarEnabled && config.actionBar ? (jsxs(Fragment, { children: [jsx(ActionBar, { config: __assign(__assign({}, config.actionBar), { 
+    return (jsxs(Fragment, { children: [jsxs("div", { className: "widget-container ".concat(modeClass, " ").concat(getVisibilityClass()).concat(actionBarEnabled ? " widget-container--with-action-bar" : ""), children: [jsx(WidgetStylesheet, { theme: config === null || config === void 0 ? void 0 : config.theme }), jsx(ChatHeader, { accountStatus: chatState.accountStatus, refreshOnClick: handleRestartClick, minimizeOnClick: handleMinimizeClick, cancelOnClick: handleCancelClick, agent: widgetAgent, canRefresh: canRefresh, canMinimize: canMinimize, canCancel: canCancel, config: config === null || config === void 0 ? void 0 : config.header, menuConfig: config.menu, debugMode: (_x = (_w = (_v = props.config) === null || _v === void 0 ? void 0 : _v.connection) === null || _w === void 0 ? void 0 : _w.mcp) === null || _x === void 0 ? void 0 : _x.debugMode, onSubmit: handleOnSubmit }), jsx(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, agent: config === null || config === void 0 ? void 0 : config.agent, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, hasWsButton: !!chatState.wsButton, messageMiddleware: props.messageMiddleware, textTypingStatusEnabled: (_z = (_y = props.config) === null || _y === void 0 ? void 0 : _y.typingStatus) === null || _z === void 0 ? void 0 : _z.textTypingStatusEnabled, disableAutoScroll: props.disableAutoScroll, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl, minimizeOnClick: handleMinimizeClick }), jsx("div", { className: "xa-spinner-container ".concat(visible && connectionStatus === "pending" ? "visible" : ""), children: jsx("div", { className: "xa-spinner" }) }), connectionStatus === "offline" && jsx(ServerOffline, {}), chatState.wsButton && visible && (jsx(WsButton, { button: chatState.wsButton, onPress: handleWsButtonPress })), jsx(ChatFooter, { isAdmin: config === null || config === void 0 ? void 0 : config.isAdmin, isChatting: chatState.isChatting, placeholder: (_0 = config === null || config === void 0 ? void 0 : config.input) === null || _0 === void 0 ? void 0 : _0.placeholder, sendButtonIcon: (_2 = (_1 = config === null || config === void 0 ? void 0 : config.footer) === null || _1 === void 0 ? void 0 : _1.sendButton) === null || _2 === void 0 ? void 0 : _2.icon, sendButtonIconHover: (_4 = (_3 = config === null || config === void 0 ? void 0 : config.footer) === null || _3 === void 0 ? void 0 : _3.sendButton) === null || _4 === void 0 ? void 0 : _4.iconHover, sendButtonIconDisabled: (_6 = (_5 = config === null || config === void 0 ? void 0 : config.footer) === null || _5 === void 0 ? void 0 : _5.sendButton) === null || _6 === void 0 ? void 0 : _6.iconDisabled, visible: visible, hasWsButton: !!chatState.wsButton, menuConfig: (_7 = props.config) === null || _7 === void 0 ? void 0 : _7.menu, footerConfig: (_8 = props.config) === null || _8 === void 0 ? void 0 : _8.footer, inputConfig: (_9 = props.config) === null || _9 === void 0 ? void 0 : _9.input, disabled: previewMode, onChange: handleOnChange, onSubmit: handleOnSubmit, onFileUpload: handleFileUpload }), jsx("div", { className: "restartModal", ref: modalRef, onClick: handleRestartModalCloseClick, children: jsx(ModalContent, { onClose: handleRestartModalCloseClick, onReset: handleReset }) })] }), actionBarEnabled && config.actionBar ? (jsxs(Fragment, { children: [jsx(ActionBar, { config: __assign(__assign({}, config.actionBar), { 
                             // Use actionBar.cta if set, otherwise fall back to widget-level cta
-                            cta: (_11 = config.actionBar.cta) !== null && _11 !== void 0 ? _11 : config.cta }), visible: visible, chatDisabled: config.disabled, hasUserInteracted: (_12 = chatState.visuals) === null || _12 === void 0 ? void 0 : _12.hasInteracted, onChatClick: chatButtonOnClick, onChatMinimize: handleMinimizeClick, onFormClick: handleFormButtonClick, onCtaDismiss: handleCtaDismiss }), formModalOpen && activeFormConfig && (jsx(FormModal, { config: activeFormConfig, widgetEnv: config, onClose: handleFormModalClose }))] })) : (jsx(ChatButton, { addClass: visible ? "visible" : "", onClick: chatButtonOnClick, config: config === null || config === void 0 ? void 0 : config.cta, imageUrl: (_13 = config === null || config === void 0 ? void 0 : config.chatButton) === null || _13 === void 0 ? void 0 : _13.imageUrl, visible: visible, hasInteracted: (_14 = chatState.visuals) === null || _14 === void 0 ? void 0 : _14.hasInteracted, onCtaDismiss: handleCtaDismiss })), jsx(ErrorOverlay, { enableErrorOverlay: config === null || config === void 0 ? void 0 : config.enableErrorOverlay })] }));
+                            cta: (_10 = config.actionBar.cta) !== null && _10 !== void 0 ? _10 : config.cta }), visible: visible, chatDisabled: config.disabled, hasUserInteracted: (_11 = chatState.visuals) === null || _11 === void 0 ? void 0 : _11.hasInteracted, onChatClick: chatButtonOnClick, onChatMinimize: handleMinimizeClick, onFormClick: handleFormButtonClick, onCtaDismiss: handleCtaDismiss }), formModalOpen && activeFormConfig && (jsx(FormModal, { config: activeFormConfig, widgetEnv: config, onClose: handleFormModalClose }))] })) : (jsx(ChatButton, { addClass: visible ? "visible" : "", onClick: chatButtonOnClick, config: config === null || config === void 0 ? void 0 : config.cta, imageUrl: (_12 = config === null || config === void 0 ? void 0 : config.chatButton) === null || _12 === void 0 ? void 0 : _12.imageUrl, visible: visible, hasInteracted: (_13 = chatState.visuals) === null || _13 === void 0 ? void 0 : _13.hasInteracted, onCtaDismiss: handleCtaDismiss })), jsx(ErrorOverlay, { enableErrorOverlay: config === null || config === void 0 ? void 0 : config.enableErrorOverlay })] }));
 };
 /**
  * Top-level wrapper that dispatches between preview mode and connected mode.
@@ -35956,9 +36284,10 @@ var LocalStorage = /** @class */ (function () {
 function persistStateReducer(storage, initialState, innerReducer) {
     var _a;
     var obj = (_a = storage.get()) !== null && _a !== void 0 ? _a : initialState;
-    // Clean up hasInteracted flag on page load - don't persist across browser refreshes
+    // Clean up transient visual state on page load - don't persist across browser refreshes
+    // visible is derived from config (autoOpenOnWidth, autoOpenOnPattern) and visuals.opened
     if (obj && obj.visuals) {
-        obj = __assign(__assign({}, obj), { visuals: __assign(__assign({}, obj.visuals), { hasInteracted: undefined }) });
+        obj = __assign(__assign({}, obj), { visuals: __assign(__assign({}, obj.visuals), { hasInteracted: undefined, visible: undefined }) });
     }
     return function (state, action) {
         if (state === void 0) { state = obj; }
@@ -36075,6 +36404,20 @@ function resetReducer(state) {
 function isChatSystemMessage(chat) {
     return chat.type === "chat.systemmessage";
 }
+/**
+ * Find the LAST streaming message index. We must search from the end because
+ * orphan isStreaming messages from interrupted streams may exist earlier in the
+ * array. The active streaming message is always the most recently inserted one.
+ */
+function findLastStreamingIndex(chats) {
+    for (var i = chats.length - 1; i >= 0; i--) {
+        var chat = chats[i];
+        if (isChatMsgDetail(chat) && chat.isStreaming) {
+            return i;
+        }
+    }
+    return -1;
+}
 // todo: create reducer (requires redux-thunk dependency)
 function appendMessageToState(state, msg) {
     state.chats = joinMessages(state.chats, msg);
@@ -36192,8 +36535,19 @@ function update(state, action) {
                 case "chat.typing":
                     var agent = state.agents[action.detail.user.nick];
                     return __assign(__assign({}, state), { lastTimestamp: (_v = action.detail) === null || _v === void 0 ? void 0 : _v.timestamp, agents: __assign(__assign({}, state.agents), (_d = {}, _d[action.detail.user.nick] = __assign(__assign({}, agent), { typing: action.detail.typing }), _d)) });
-                case "chat.stream.start":
-                    // Add placeholder message with streaming state
+                case "chat.stream.start": {
+                    // Clean up any orphan streaming messages from interrupted streams
+                    // before creating the new placeholder.
+                    var cleanedChats = newState.chats.map(function (chat) {
+                        if (isChatMsgDetail(chat) && chat.isStreaming) {
+                            return __assign(__assign({}, chat), { isStreaming: false, wasStreamed: true });
+                        }
+                        return chat;
+                    });
+                    // Add placeholder message with streaming state.
+                    // Use joinMessages (insertSorted by timestamp) instead of append to
+                    // guarantee correct ordering even if events arrive out of order
+                    // (e.g., after an SSE abort/retry during tab backgrounding).
                     var streamingMsg = {
                         type: "chat.msg",
                         user: action.detail.user,
@@ -36203,13 +36557,15 @@ function update(state, action) {
                         },
                         isStreaming: true,
                     };
-                    return __assign(__assign({}, newState), { chats: __spreadArray$1(__spreadArray$1([], newState.chats, true), [streamingMsg], false), streamingMessageId: action.detail.messageId });
+                    var newChats = joinMessages(cleanedChats, streamingMsg);
+                    return __assign(__assign({}, newState), { chats: newChats, streamingMessageId: action.detail.messageId });
+                }
                 case "chat.stream.chunk": {
                     // Find the streaming message by ID and append text
                     var chunkDetail = action.detail;
                     if (state.streamingMessageId === chunkDetail.messageId) {
                         // Find the streaming message by ID (not by index - other messages could be inserted)
-                        var streamingIndex_1 = state.chats.findIndex(function (chat) { return isChatMsgDetail(chat) && chat.isStreaming; });
+                        var streamingIndex_1 = findLastStreamingIndex(state.chats);
                         if (streamingIndex_1 >= 0) {
                             var chunkText_1 = chunkDetail.text;
                             return __assign(__assign({}, state), { lastTimestamp: chunkDetail === null || chunkDetail === void 0 ? void 0 : chunkDetail.timestamp, chats: state.chats.map(function (chat, index) {
@@ -36229,7 +36585,7 @@ function update(state, action) {
                     var toolStartDetail_1 = action.detail;
                     if (state.streamingMessageId === toolStartDetail_1.messageId) {
                         // Find the streaming message by ID (not by index - other messages could be inserted)
-                        var streamingIndex_2 = state.chats.findIndex(function (chat) { return isChatMsgDetail(chat) && chat.isStreaming; });
+                        var streamingIndex_2 = findLastStreamingIndex(state.chats);
                         if (streamingIndex_2 >= 0) {
                             return __assign(__assign({}, state), { lastTimestamp: toolStartDetail_1.timestamp, chats: state.chats.map(function (chat, index) {
                                     if (index === streamingIndex_2 && isChatMsgDetail(chat)) {
@@ -36259,7 +36615,7 @@ function update(state, action) {
                     var toolEndDetail_1 = action.detail;
                     if (state.streamingMessageId === toolEndDetail_1.messageId) {
                         // Find the streaming message by ID (not by index - other messages could be inserted)
-                        var streamingIndex_3 = state.chats.findIndex(function (chat) { return isChatMsgDetail(chat) && chat.isStreaming; });
+                        var streamingIndex_3 = findLastStreamingIndex(state.chats);
                         if (streamingIndex_3 >= 0) {
                             return __assign(__assign({}, state), { lastTimestamp: toolEndDetail_1.timestamp, chats: state.chats.map(function (chat, index) {
                                     var _a;
@@ -36288,7 +36644,7 @@ function update(state, action) {
                     var endDetail = action.detail;
                     if (state.streamingMessageId === endDetail.messageId) {
                         // Find the streaming message by ID (not by index - other messages could be inserted)
-                        var streamingIndex_4 = state.chats.findIndex(function (chat) { return isChatMsgDetail(chat) && chat.isStreaming; });
+                        var streamingIndex_4 = findLastStreamingIndex(state.chats);
                         var endStreamingChat = streamingIndex_4 >= 0 ? state.chats[streamingIndex_4] : undefined;
                         // Verify it's the right message using type guard
                         if (streamingIndex_4 >= 0 && endStreamingChat && isChatMsgDetail(endStreamingChat)) {
@@ -36307,6 +36663,51 @@ function update(state, action) {
                     }
                     return state;
                 }
+                case "chat.stream.abort": {
+                    // Finalize a streaming message interrupted by connection loss during sleep.
+                    // Keeps whatever partial text is already in the message.
+                    var abortDetail = action.detail;
+                    if (state.streamingMessageId === abortDetail.messageId) {
+                        var streamingIndex_5 = findLastStreamingIndex(state.chats);
+                        if (streamingIndex_5 >= 0) {
+                            return __assign(__assign({}, state), { lastTimestamp: abortDetail.timestamp, streamingMessageId: undefined, chats: state.chats.map(function (chat, index) {
+                                    if (index === streamingIndex_5 && isChatMsgDetail(chat)) {
+                                        return __assign(__assign({}, chat), { isStreaming: false, wasStreamed: true });
+                                    }
+                                    return chat;
+                                }) });
+                        }
+                    }
+                    return state;
+                }
+                case "chat.stream.resume": {
+                    // Re-enable streaming on the last aborted bot message after replay reconnect.
+                    // Targets the most recent wasStreamed message that is NOT currently streaming
+                    // (i.e., the one finalized by chat.stream.abort). Updates streamingMessageId
+                    // so replayed chunks route to the existing message.
+                    // Guard: only resume if no stream is currently active.
+                    var resumeDetail = action.detail;
+                    if (state.streamingMessageId) {
+                        return state;
+                    }
+                    var lastBotIndex_1 = -1;
+                    for (var i = state.chats.length - 1; i >= 0; i--) {
+                        var chat = state.chats[i];
+                        if (isChatMsgDetail(chat) && chat.wasStreamed && !chat.isStreaming) {
+                            lastBotIndex_1 = i;
+                            break;
+                        }
+                    }
+                    if (lastBotIndex_1 >= 0) {
+                        return __assign(__assign({}, state), { lastTimestamp: resumeDetail.timestamp, streamingMessageId: resumeDetail.messageId, chats: state.chats.map(function (chat, index) {
+                                if (index === lastBotIndex_1 && isChatMsgDetail(chat)) {
+                                    return __assign(__assign({}, chat), { isStreaming: true, wasStreamed: false });
+                                }
+                                return chat;
+                            }) });
+                    }
+                    return state;
+                }
                 default:
                     return state;
             }