@eshal-bot/chat-widget 0.1.39 → 0.1.41

package/dist/chat-widget.js

@@ -8664,94 +8664,102 @@
     return (_ONBOARDING_FIELD_ORD = ONBOARDING_FIELD_ORDER[key]) !== null && _ONBOARDING_FIELD_ORD !== void 0 ? _ONBOARDING_FIELD_ORD : 99;
   };
 
-  const createSession = async config => {
-    // Initialize chat session if needed
-    if (config.sessionUrl) {
-      try {
-        const response = await fetch(config.sessionUrl, {
-          method: "POST",
-          headers: _objectSpread2({
-            "Content-Type": "application/json"
-          }, config.apiKey && {
-            Authorization: "Bearer ".concat(config.apiKey)
-          }),
-          body: JSON.stringify({
-            userId: config.userId,
-            userName: config.userName,
-            userEmail: config.userEmail
-          }),
-          credentials: "include"
-        });
-        const data = await response.json();
-        return data.sessionId;
-      } catch (error) {
-        console.error("Session creation error:", error);
-        return null;
-      }
-    }
-    return null;
-  };
+  const SESSION_KEY$1 = 'eshal_chat_session';
+  const SESSION_MSG_KEY = 'eshal_chat_session_messages';
+
+  // Defaults used when the deploy-agent payload hasn't resolved yet (first paint
+  // race) or doesn't include `messageLimits` (older backend). The authoritative
+  // values come from the backend via `WIDGET_CONFIG.MESSAGE_LIMITS`.
+  const DEFAULT_MESSAGE_CAP = 200;
+  const DEFAULT_MESSAGE_TRIM_BATCH = 50;
 
   /**
-   * Fetches conversation history for a given org and conversation
-   * @param {string} apiBaseUrl - Base URL for the API
-   * @param {string} orgId - Organization ID
-   * @param {string} conversationId - Conversation ID
-   * @returns {Promise<Array>} Array of messages
-   */
-  const fetchConversationHistory = async (apiBaseUrl, orgId, conversationId) => {
-    if (!apiBaseUrl || !orgId || !conversationId) {
-      throw new Error("apiBaseUrl, orgId, and conversationId are required");
-    }
-    const url = "".concat(apiBaseUrl.replace(/\/$/, ''), "/api/v1/conversations/").concat(orgId, "/").concat(conversationId);
-    const response = await fetch(url, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      credentials: "include"
+   * Sliding-window trim. Once the transcript exceeds `cap`, slice off the
+   * oldest `trimBatch` messages — when both surfaces are at steady state the
+   * loop runs at most once; the `while` is defensive against bursts (e.g. a
+   * voice turn that lands several transcription chunks in one tick) that
+   * push length far past the cap in a single render.
+   */
+  function applyMessageCap(messages) {
+    let cap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_MESSAGE_CAP;
+    let trimBatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_MESSAGE_TRIM_BATCH;
+    if (!Array.isArray(messages)) return [];
+    if (typeof cap !== 'number' || cap <= 0) cap = DEFAULT_MESSAGE_CAP;
+    if (typeof trimBatch !== 'number' || trimBatch <= 0 || trimBatch >= cap) {
+      trimBatch = Math.min(DEFAULT_MESSAGE_TRIM_BATCH, cap - 1);
+    }
+    let m = messages;
+    while (m.length > cap) m = m.slice(trimBatch);
+    return m;
+  }
+
+  // Strip transient fields (in-flight streaming flags, Date objects) so the
+  // persisted shape is stable across React re-mounts. Keep the bits the UI
+  // needs to render a faithful replay: role + content + timestamp + per-message
+  // metadata (sources, feedback, prompt suggestions, content type).
+  //
+  // The welcome message is INTENTIONALLY excluded. It's client-side display
+  // state generated from `widgetConfig.welcomeMessage` on every mount; the
+  // hydrate path always prepends a fresh welcome above the restored history.
+  // Persisting it would cause a duplicate-welcome render on reload because the
+  // stored copy lacks the `isWelcome` flag (sanitize would strip it) and gets
+  // rendered as a regular assistant message alongside the freshly-added one.
+  function sanitizeMessagesForStorage(messages) {
+    if (!Array.isArray(messages)) return [];
+    return messages.filter(m => m && !m.isWelcome && (m.content || Array.isArray(m.sources) && m.sources.length > 0)).map(m => {
+      var _m$type;
+      return _objectSpread2(_objectSpread2(_objectSpread2({
+        id: m.id,
+        role: m.role,
+        content: m.content,
+        timestamp: m.timestamp instanceof Date ? m.timestamp.toISOString() : typeof m.timestamp === 'string' ? m.timestamp : new Date().toISOString(),
+        type: (_m$type = m.type) !== null && _m$type !== void 0 ? _m$type : null
+      }, Array.isArray(m.sources) && m.sources.length > 0 ? {
+        sources: m.sources
+      } : {}), m.feedback !== undefined ? {
+        feedback: m.feedback
+      } : {}), Array.isArray(m.prompts) && m.prompts.length > 0 ? {
+        prompts: m.prompts
+      } : {});
     });
-    if (response.status === 404) {
-      return []; // No history for this conversation yet
-    }
-    if (!response.ok) {
-      throw new Error("HTTP error! status: ".concat(response.status));
+  }
+  const saveSessionMessages = (orgId, conversationId, messages, limits) => {
+    if (!orgId || !conversationId) return;
+    try {
+      const cap = limits === null || limits === void 0 ? void 0 : limits.cap;
+      const trimBatch = limits === null || limits === void 0 ? void 0 : limits.trimBatch;
+      const trimmed = applyMessageCap(messages, cap, trimBatch);
+      const sanitized = sanitizeMessagesForStorage(trimmed);
+      localStorage.setItem("".concat(SESSION_MSG_KEY, "_").concat(orgId, "_").concat(conversationId), JSON.stringify(sanitized));
+    } catch (_unused) {
+      // Quota / private-mode / serialization failure — drop silently. The
+      // user-visible chat is unaffected; only the post-reload replay is lost.
     }
-    const data = await response.json();
-    return data.messages || [];
   };
-
-  /**
-   * Fetches agent configuration from the deploy-agent endpoint
-   * @param {string} apiBaseUrl - Base URL for the API
-   * @param {string} orgId - Organization ID
-   * @returns {Promise<object>} Agent configuration object
-   */
-  const fetchAgentConfig = async (apiBaseUrl, orgId) => {
-    if (!apiBaseUrl || !orgId) {
-      throw new Error("apiBaseUrl and orgId are required");
+  const getSessionMessages = (orgId, conversationId) => {
+    if (!orgId || !conversationId) return [];
+    try {
+      const raw = localStorage.getItem("".concat(SESSION_MSG_KEY, "_").concat(orgId, "_").concat(conversationId));
+      if (!raw) return [];
+      const parsed = JSON.parse(raw);
+      if (!Array.isArray(parsed)) return [];
+      // Restore Date objects so MessageList timestamp formatting works without
+      // every downstream consumer doing the conversion itself.
+      return parsed.map(m => _objectSpread2(_objectSpread2({}, m), {}, {
+        timestamp: m.timestamp ? new Date(m.timestamp) : new Date()
+      }));
+    } catch (_unused2) {
+      return [];
     }
+  };
+  const clearSessionMessages = (orgId, conversationId) => {
+    if (!orgId || !conversationId) return;
     try {
-      const url = "".concat(apiBaseUrl.replace(/\/$/, ''), "/api/v1/deploy-agent/").concat(orgId);
-      const response = await fetch(url, {
-        method: "GET",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include"
-      });
-      if (!response.ok) {
-        throw new Error("HTTP error! status: ".concat(response.status));
-      }
-      const data = await response.json();
-      return data;
-    } catch (error) {
-      console.error("Failed to fetch agent configuration:", error);
-      throw error;
+      localStorage.removeItem("".concat(SESSION_MSG_KEY, "_").concat(orgId, "_").concat(conversationId));
+    } catch (_unused3) {
+      // ignore
     }
   };
-
-  const SESSION_KEY$1 = 'eshal_chat_session';
   const getTimeoutMs = (value, unit) => {
     if (value === undefined || value === null || !unit) return null;
     const multipliers = {
@@ -8772,7 +8780,7 @@
       const raw = localStorage.getItem("".concat(SESSION_KEY$1, "_").concat(orgId));
       if (!raw) return null;
       return JSON.parse(raw);
-    } catch (_unused) {
+    } catch (_unused4) {
       return null;
     }
   };
@@ -8822,7 +8830,7 @@
         createdAt: now,
         firstInteractionAt: null
       }, extra)));
-    } catch (_unused2) {}
+    } catch (_unused5) {}
   };
   const updateActivity = orgId => {
     try {
@@ -8836,7 +8844,7 @@
         session.firstInteractionAt = now;
       }
       localStorage.setItem("".concat(SESSION_KEY$1, "_").concat(orgId), JSON.stringify(session));
-    } catch (_unused3) {}
+    } catch (_unused6) {}
   };
   const markOnboardingCompleted = orgId => {
     try {
@@ -8844,7 +8852,7 @@
       if (!session) return;
       session.onboardingCompleted = true;
       localStorage.setItem("".concat(SESSION_KEY$1, "_").concat(orgId), JSON.stringify(session));
-    } catch (_unused4) {}
+    } catch (_unused7) {}
   };
   const markCsatSubmitted = orgId => {
     try {
@@ -8852,12 +8860,21 @@
       if (!session) return;
       session.csatSubmitted = true;
       localStorage.setItem("".concat(SESSION_KEY$1, "_").concat(orgId), JSON.stringify(session));
-    } catch (_unused5) {}
+    } catch (_unused8) {}
   };
   const clearSession$2 = orgId => {
     try {
+      // Read the session BEFORE removing it so we know which messages bucket to
+      // clear. Inactivity sweepers / explicit resets call this path; leaving the
+      // messages bucket behind would resurrect the prior transcript when a new
+      // session happens to land on the same conversationId (extremely rare, but
+      // free to defend against).
+      const existing = getSession(orgId);
       localStorage.removeItem("".concat(SESSION_KEY$1, "_").concat(orgId));
-    } catch (_unused6) {}
+      if (existing !== null && existing !== void 0 && existing.conversationId) {
+        clearSessionMessages(orgId, existing.conversationId);
+      }
+    } catch (_unused9) {}
   };
   const savePromptSuggestions = (orgId, prompts) => {
     try {
@@ -8867,14 +8884,14 @@
         return;
       }
       localStorage.setItem("".concat(SESSION_KEY$1, "_prompts_").concat(orgId), JSON.stringify(prompts));
-    } catch (_unused7) {}
+    } catch (_unused0) {}
   };
   const getPromptSuggestions = orgId => {
     try {
       const raw = localStorage.getItem("".concat(SESSION_KEY$1, "_prompts_").concat(orgId));
       if (!raw) return [];
       return JSON.parse(raw) || [];
-    } catch (_unused8) {
+    } catch (_unused1) {
       return [];
     }
   };
@@ -8920,8 +8937,17 @@
       onboardingEnabled = false,
       collectionPrompt,
       inactivityTimeoutValue,
-      inactivityTimeoutUnit
+      inactivityTimeoutUnit,
+      // Sliding-window limits for the persisted transcript. Sourced from the
+      // backend's `messageLimits` field on the deploy-agent payload so per-env
+      // configuration ships through one channel. Falls back to module defaults
+      // during the brief mount window before the deploy-agent fetch resolves.
+      messageLimits
     } = _ref2;
+    const resolvedMessageLimits = reactExports.useMemo(() => ({
+      cap: typeof (messageLimits === null || messageLimits === void 0 ? void 0 : messageLimits.cap) === 'number' && messageLimits.cap > 0 ? messageLimits.cap : DEFAULT_MESSAGE_CAP,
+      trimBatch: typeof (messageLimits === null || messageLimits === void 0 ? void 0 : messageLimits.trimBatch) === 'number' && messageLimits.trimBatch > 0 ? messageLimits.trimBatch : DEFAULT_MESSAGE_TRIM_BATCH
+    }), [messageLimits === null || messageLimits === void 0 ? void 0 : messageLimits.cap, messageLimits === null || messageLimits === void 0 ? void 0 : messageLimits.trimBatch]);
     const [isOpen, setIsOpen] = reactExports.useState(autoOpen);
     const [isMinimized, setIsMinimized] = reactExports.useState(false);
     const [isDark, setIsDark] = reactExports.useState(darkMode);
@@ -9140,91 +9166,62 @@
           return;
         }
 
-        // Restore session — fetch conversation history once
-        if (!historyLoadedRef.current && apiBaseUrl) {
+        // Restore session — hydrate from localStorage only. We no longer hit
+        // `GET /api/v1/conversations/:orgId/:conversationId` because orgs with
+        // the Eshal Inbox conversation route turned OFF never get rows written
+        // (`isInboxRouteEnabled` gates persistence) and the empty backend reply
+        // was wiping the on-screen transcript on every reload. localStorage is
+        // now the only source of session replay; inbox-on orgs still see their
+        // full transcript because every settled message is mirrored locally.
+        if (!historyLoadedRef.current) {
           historyLoadedRef.current = true;
-          setIsConversationLoading(true);
-          fetchConversationHistory(apiBaseUrl, organizationId, bidiSessionId).then(msgs => {
-            // Filter out onboarding field messages (name/email/phone) so they don't appear as chat bubbles
-            const ONBOARDING_TYPES = ['userName', 'email', 'phone', 'fullname', 'mobileno', 'name'];
-            const chatMsgs = msgs.filter(msg => {
-              const msgType = msg.type || msg.messageType;
-              if (msgType && ONBOARDING_TYPES.includes(msgType)) return false;
-              return true;
-            });
-            if (chatMsgs.length > 0) {
-              historyHasMessagesRef.current = true;
-              const historyMessages = chatMsgs.map((msg, index) => {
-                var _msg$Sources;
-                // Normalize sources — backend may store them as "Sources" (capital) with
-                // "sourceid" (no underscore). Map to the shape MessageSources expects.
-                const rawSources = (_msg$Sources = msg.Sources) !== null && _msg$Sources !== void 0 ? _msg$Sources : msg.sources;
-                const sources = Array.isArray(rawSources) ? rawSources.map(s => {
-                  var _ref3, _s$source_type, _s$source_id, _ref4, _s$source_name;
-                  return {
-                    source_type: (_ref3 = (_s$source_type = s.source_type) !== null && _s$source_type !== void 0 ? _s$source_type : s.sourceType) !== null && _ref3 !== void 0 ? _ref3 : 'website',
-                    source_id: (_s$source_id = s.source_id) !== null && _s$source_id !== void 0 ? _s$source_id : s.sourceid,
-                    source_name: (_ref4 = (_s$source_name = s.source_name) !== null && _s$source_name !== void 0 ? _s$source_name : s.sourceName) !== null && _ref4 !== void 0 ? _ref4 : '',
-                    url: s.url
-                  };
-                }).filter(s => s.source_id || s.url) : [];
-                return _objectSpread2(_objectSpread2(_objectSpread2({}, createMessage({
-                  id: msg.id || "history-".concat(index, "-").concat(Date.now()),
-                  role: msg.role || (msg.sender === 'user' ? 'user' : 'assistant'),
-                  content: msg.message || msg.content || ''
-                })), {}, {
-                  timestamp: msg.time ? new Date(msg.time) : new Date()
-                }, Array.isArray(msg.prompts) && msg.prompts.length > 0 ? {
-                  prompts: msg.prompts
-                } : {}), sources.length > 0 ? {
-                  sources
-                } : {});
+          const stored = getSessionMessages(organizationId, bidiSessionId);
+          if (stored.length > 0) {
+            historyHasMessagesRef.current = true;
+            // Prepend the welcome message so reloads still lead with it,
+            // matching the pre-localStorage replay behaviour. The welcome
+            // message is client-only, never written to the messages bucket,
+            // so it needs to be reattached on every hydrate.
+            if (welcomeMessage) {
+              var _stored$;
+              const firstTs = (_stored$ = stored[0]) === null || _stored$ === void 0 ? void 0 : _stored$.timestamp;
+              const firstTsMs = firstTs instanceof Date ? firstTs.getTime() : firstTs ? new Date(firstTs).getTime() : Date.now();
+              const welcomeMsg = _objectSpread2(_objectSpread2({}, createMessage({
+                id: 'welcome-restored',
+                role: 'assistant',
+                content: welcomeMessage
+              })), {}, {
+                isWelcome: true,
+                timestamp: new Date(firstTsMs - 1)
               });
+              setMessages([welcomeMsg, ...stored]);
+            } else {
+              setMessages(stored);
+            }
 
-              // If the API didn't return prompts on any message, restore from localStorage
-              const hasAnyPrompts = historyMessages.some(m => m.role === 'assistant' && Array.isArray(m.prompts) && m.prompts.length > 0);
-              if (!hasAnyPrompts) {
-                const savedPrompts = getPromptSuggestions(organizationId);
-                if (savedPrompts.length > 0) {
-                  // Attach saved prompts to the last assistant message
-                  for (let i = historyMessages.length - 1; i >= 0; i -= 1) {
-                    if (historyMessages[i].role === 'assistant') {
-                      historyMessages[i] = _objectSpread2(_objectSpread2({}, historyMessages[i]), {}, {
+            // If no message in the restored transcript carries prompt
+            // suggestions, fall back to the legacy per-org bucket. Preserves
+            // the "prompts survive refresh" UX even when the persistence layer
+            // hasn't seen an assistant turn yet.
+            const hasAnyPrompts = stored.some(m => m.role === 'assistant' && Array.isArray(m.prompts) && m.prompts.length > 0);
+            if (!hasAnyPrompts) {
+              const savedPrompts = getPromptSuggestions(organizationId);
+              if (savedPrompts.length > 0) {
+                setMessages(prev => {
+                  const next = [...prev];
+                  for (let i = next.length - 1; i >= 0; i -= 1) {
+                    if (next[i].role === 'assistant') {
+                      next[i] = _objectSpread2(_objectSpread2({}, next[i]), {}, {
                         prompts: savedPrompts
                       });
                       break;
                     }
                   }
-                }
-              }
-
-              // Always prepend the welcome message so it shows at the top after refresh,
-              // matching chatbot-preview behaviour (welcome message is client-side only
-              // and is not stored in server history).
-              // Use a timestamp before the first history message so it sorts first
-              // (activeMessages is sorted by timestamp before being passed to the UI).
-              if (welcomeMessage) {
-                var _historyMessages$;
-                const firstTs = (_historyMessages$ = historyMessages[0]) === null || _historyMessages$ === void 0 ? void 0 : _historyMessages$.timestamp;
-                const firstTsMs = firstTs instanceof Date ? firstTs.getTime() : firstTs ? new Date(firstTs).getTime() : Date.now();
-                const welcomeMsg = _objectSpread2(_objectSpread2({}, createMessage({
-                  id: 'welcome-restored',
-                  role: 'assistant',
-                  content: welcomeMessage
-                })), {}, {
-                  isWelcome: true,
-                  timestamp: new Date(firstTsMs - 1)
+                  return next;
                 });
-                setMessages([welcomeMsg, ...historyMessages]);
-              } else {
-                setMessages(historyMessages);
               }
             }
-          }).catch(err => {
-            console.error('[Session] History fetch failed:', err);
-          }).finally(() => {
-            setIsConversationLoading(false);
-          });
+          }
         }
       } else {
         // Session is expired, invalid, or non-existent
@@ -9236,9 +9233,27 @@
         if (existing && bidiSessionId === existing.conversationId) {
           const newId = "widget-session-".concat(Math.random().toString(36).slice(2, 9));
           console.warn("[Session] Rotating expired ID ".concat(bidiSessionId, " -> ").concat(newId));
+          // Drop the expired conversation's localStorage transcript before
+          // rotating — otherwise the bucket sticks around forever (the key
+          // includes the conversationId, so it'd never get hit again but
+          // would still occupy origin storage on the customer's site).
+          clearSessionMessages(organizationId, bidiSessionId);
           setBidiSessionId(newId);
           // Note: saveSession will be called on the next run with the newId
         } else {
+          // Cold-start cleanup: the `useState` initializer above generates a
+          // FRESH `bidiSessionId` when it can't reuse the stored session (timeout
+          // expired before reload, settings snapshot mismatched, or the deploy-
+          // agent payload was still loading at first paint so it couldn't run
+          // `isSessionValid`). In that case `existing.conversationId` points to
+          // a now-stale conversation whose messages bucket would otherwise be
+          // orphaned forever — `clearSession` runs in `resetConversation` (which
+          // we never hit here) and the rotate-id branch above only fires when
+          // the IDs match. Mirror the frontend `useSessionManager` hydrate
+          // effect: clean up the stale bucket before we save the new session.
+          if (existing !== null && existing !== void 0 && existing.conversationId && existing.conversationId !== bidiSessionId) {
+            clearSessionMessages(organizationId, existing.conversationId);
+          }
           // We have a fresh ID (either from initializer or rotation), persist it if not already there
           if (!existing || existing.conversationId !== bidiSessionId) {
             saveSession(organizationId, bidiSessionId, {
@@ -9264,6 +9279,29 @@
       }
     }, [messages, organizationId]);
 
+    // ── Sliding-window trim: drop the oldest TRIM_BATCH messages when state
+    // exceeds CAP. Runs only when no message is mid-stream so we never slice
+    // through a partial assistant token. Mutates React state (matches the
+    // intended UX — old scrollback drops in front of the user once the cap is
+    // hit, keeping what's on screen identical to what's in localStorage).
+    reactExports.useEffect(() => {
+      if (isConversationLoading || isLoading) return;
+      if (messages.length <= resolvedMessageLimits.cap) return;
+      setMessages(prev => applyMessageCap(prev, resolvedMessageLimits.cap, resolvedMessageLimits.trimBatch));
+    }, [messages.length, isConversationLoading, isLoading, resolvedMessageLimits.cap, resolvedMessageLimits.trimBatch]);
+
+    // ── Persist a settled snapshot of the transcript. We write only when
+    // streaming/voice traffic has quiesced so a partial assistant message
+    // never lands in localStorage — on reload the next snapshot will reflect
+    // the completed turn. Skipped while history is hydrating (initial mount
+    // race) so the first restore isn't immediately overwritten by an empty
+    // pre-hydrate state.
+    reactExports.useEffect(() => {
+      if (!organizationId || !bidiSessionId) return;
+      if (isConversationLoading || isLoading) return;
+      saveSessionMessages(organizationId, bidiSessionId, messages, resolvedMessageLimits);
+    }, [messages, organizationId, bidiSessionId, isConversationLoading, isLoading, resolvedMessageLimits]);
+
     // Show the onboarding form on first load; bypass it if already completed (persisted in session)
     reactExports.useEffect(() => {
       if (!onboardingEnabled || onboardingCompleted) return;
@@ -10252,11 +10290,11 @@
       const rawSources = (_event$sources = event.sources) !== null && _event$sources !== void 0 ? _event$sources : event.Sources;
       if (Array.isArray(rawSources) && rawSources.length > 0) {
         const normalizedSources = rawSources.map(s => {
-          var _ref5, _s$source_type2, _ref6, _s$source_id2, _ref7, _s$source_name2;
+          var _ref3, _s$source_type, _ref4, _s$source_id, _ref5, _s$source_name;
           return {
-            source_type: (_ref5 = (_s$source_type2 = s.source_type) !== null && _s$source_type2 !== void 0 ? _s$source_type2 : s.sourceType) !== null && _ref5 !== void 0 ? _ref5 : 'file',
-            source_id: (_ref6 = (_s$source_id2 = s.source_id) !== null && _s$source_id2 !== void 0 ? _s$source_id2 : s.sourceid) !== null && _ref6 !== void 0 ? _ref6 : s.sourceId,
-            source_name: (_ref7 = (_s$source_name2 = s.source_name) !== null && _s$source_name2 !== void 0 ? _s$source_name2 : s.sourceName) !== null && _ref7 !== void 0 ? _ref7 : '',
+            source_type: (_ref3 = (_s$source_type = s.source_type) !== null && _s$source_type !== void 0 ? _s$source_type : s.sourceType) !== null && _ref3 !== void 0 ? _ref3 : 'file',
+            source_id: (_ref4 = (_s$source_id = s.source_id) !== null && _s$source_id !== void 0 ? _s$source_id : s.sourceid) !== null && _ref4 !== void 0 ? _ref4 : s.sourceId,
+            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
           };
         }).filter(s => s.source_id || s.url);
@@ -10563,6 +10601,10 @@
       setMessages([]);
       setBidiMessages([]);
 
+      // Drop the localStorage transcript for the conversation we're abandoning
+      // BEFORE we rotate to a fresh sessionId, otherwise the old bucket leaks.
+      clearSessionMessages(organizationId, bidiSessionId);
+
       // Reset onboarding
       setOnboardingActive(false);
       setOnboardingCompleted(false);
@@ -10601,7 +10643,7 @@
           setOnboardingActive(true);
         }
       }
-    }, [organizationId, welcomeMessage, onboardingEnabled, onboardingQuestions]);
+    }, [organizationId, bidiSessionId, welcomeMessage, onboardingEnabled, onboardingQuestions, inactivityTimeoutValue, inactivityTimeoutUnit]);
 
     // Keep a stable ref to resetConversation so the timer effect does not need to
     // list it as a dependency (avoids spurious re-runs — and spurious updateActivity
@@ -56065,6 +56107,12 @@
   const DICTIONARIES = {
     en: EN,
     ar: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "اختر موضوعًا للبدء:",
+      categoryTopicsHeading: "يرجى طرح سؤالك حول **{category}** أدناه.",
+      quickQuestionsHeadingLabel: "أو اطرح سؤالًا سريعًا:",
       typeYourMessage: "اكتب رسالتك هنا...",
       agentIsLoading: "جارٍ تحميل الوكيل...",
       conversationResolved: "تم إنهاء المحادثة",
@@ -56097,6 +56145,12 @@
       allowMicAccess: "السماح بالوصول إلى الميكروفون"
     },
     es: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Elige un tema para empezar:",
+      categoryTopicsHeading: "Por favor, haz tu pregunta sobre **{category}** a continuación.",
+      quickQuestionsHeadingLabel: "O haz una pregunta rápida:",
       typeYourMessage: "Escribe tu mensaje...",
       agentIsLoading: "El agente está cargando...",
       conversationResolved: "Conversación resuelta",
@@ -56129,6 +56183,12 @@
       allowMicAccess: "Permitir acceso al micrófono"
     },
     be: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Выберыце тэму, каб пачаць:",
+      categoryTopicsHeading: "Калі ласка, задайце сваё пытанне пра **{category}** ніжэй.",
+      quickQuestionsHeadingLabel: "Або задайце хуткае пытанне:",
       typeYourMessage: "Увядзіце паведамленне...",
       agentIsLoading: "Агент загружаецца...",
       conversationResolved: "Размова завершана",
@@ -56161,6 +56221,12 @@
       allowMicAccess: "Дазволіць доступ да мікрафона"
     },
     bs: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Odaberite temu za početak:",
+      categoryTopicsHeading: "Molimo postavite svoje pitanje o **{category}** ispod.",
+      quickQuestionsHeadingLabel: "Ili postavite brzo pitanje:",
       typeYourMessage: "Upišite vašu poruku...",
       agentIsLoading: "Agent se učitava...",
       conversationResolved: "Razgovor je završen",
@@ -56193,6 +56259,12 @@
       allowMicAccess: "Dozvoli pristup mikrofonu"
     },
     bg: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Изберете тема, за да започнете:",
+      categoryTopicsHeading: "Моля, задайте въпроса си за **{category}** по-долу.",
+      quickQuestionsHeadingLabel: "Или задайте бърз въпрос:",
       typeYourMessage: "Въведете съобщението си...",
       agentIsLoading: "Агентът се зарежда...",
       conversationResolved: "Разговорът е приключен",
@@ -56225,6 +56297,12 @@
       allowMicAccess: "Позволете достъп до микрофона"
     },
     my: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "စတင်ရန် ခေါင်းစဉ်တစ်ခု ရွေးချယ်ပါ:",
+      categoryTopicsHeading: "ကျေးဇူးပြု၍ သင်၏ **{category}** မေးခွန်းကို အောက်တွင် မေးပါ။",
+      quickQuestionsHeadingLabel: "သို့မဟုတ် မြန်ဆန်သော မေးခွန်းတစ်ခု မေးပါ:",
       typeYourMessage: "သင့်မက်ဆေ့ချ်ကို ရိုက်ထည့်ပါ...",
       agentIsLoading: "အေးဂျင့်ကို ဖွင့်နေသည်...",
       conversationResolved: "စကားဝိုင်း ပြီးစီးပြီ",
@@ -56257,6 +56335,12 @@
       allowMicAccess: "မိုက်ခရိုဖုန်း ဝင်ရောက်ခွင့်ပြုပါ"
     },
     ca: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Tria un tema per començar:",
+      categoryTopicsHeading: "Si us plau, fes la teva pregunta sobre **{category}** a continuació.",
+      quickQuestionsHeadingLabel: "O fes una pregunta ràpida:",
       typeYourMessage: "Escriu el teu missatge...",
       agentIsLoading: "L'agent està carregant...",
       conversationResolved: "Conversa resolta",
@@ -56289,6 +56373,12 @@
       allowMicAccess: "Permetre accés al micròfon"
     },
     zh: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "选择一个主题开始：",
+      categoryTopicsHeading: "请在下方提出您关于 **{category}** 的问题。",
+      quickQuestionsHeadingLabel: "或者提一个快速问题：",
       typeYourMessage: "输入您的消息...",
       agentIsLoading: "客服正在加载...",
       conversationResolved: "对话已结束",
@@ -56321,6 +56411,12 @@
       allowMicAccess: "允许访问麦克风"
     },
     hr: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Odaberite temu za početak:",
+      categoryTopicsHeading: "Molimo postavite svoje pitanje o **{category}** u nastavku.",
+      quickQuestionsHeadingLabel: "Ili postavite brzo pitanje:",
       typeYourMessage: "Upišite svoju poruku...",
       agentIsLoading: "Agent se učitava...",
       conversationResolved: "Razgovor je završen",
@@ -56353,6 +56449,12 @@
       allowMicAccess: "Dopustite pristup mikrofonu"
     },
     cs: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Vyberte téma a začněte:",
+      categoryTopicsHeading: "Prosím, položte svou otázku ohledně **{category}** níže.",
+      quickQuestionsHeadingLabel: "Nebo položte rychlou otázku:",
       typeYourMessage: "Napište zprávu...",
       agentIsLoading: "Agent se načítá...",
       conversationResolved: "Konverzace ukončena",
@@ -56385,6 +56487,12 @@
       allowMicAccess: "Povolit přístup k mikrofonu"
     },
     da: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Vælg et emne for at komme i gang:",
+      categoryTopicsHeading: "Stil venligst dit spørgsmål om **{category}** nedenfor.",
+      quickQuestionsHeadingLabel: "Eller stil et hurtigt spørgsmål:",
       typeYourMessage: "Skriv din besked...",
       agentIsLoading: "Agenten indlæses...",
       conversationResolved: "Samtale afsluttet",
@@ -56417,6 +56525,12 @@
       allowMicAccess: "Tillad mikrofonadgang"
     },
     nl: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Kies een onderwerp om te beginnen:",
+      categoryTopicsHeading: "Stel hieronder uw vraag over **{category}**.",
+      quickQuestionsHeadingLabel: "Of stel een snelle vraag:",
       typeYourMessage: "Typ je bericht...",
       agentIsLoading: "Agent wordt geladen...",
       conversationResolved: "Gesprek beëindigd",
@@ -56449,6 +56563,12 @@
       allowMicAccess: "Toegang tot microfoon toestaan"
     },
     et: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Vali alustamiseks teema:",
+      categoryTopicsHeading: "Palun esita oma **{category}** küsimus allpool.",
+      quickQuestionsHeadingLabel: "Või esita kiire küsimus:",
       typeYourMessage: "Sisesta oma sõnum...",
       agentIsLoading: "Agent laeb...",
       conversationResolved: "Vestlus lõpetatud",
@@ -56481,6 +56601,12 @@
       allowMicAccess: "Luba mikrofoni juurdepääs"
     },
     fi: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Aloita valitsemalla aihe:",
+      categoryTopicsHeading: "Esitä **{category}**-kysymyksesi alla.",
+      quickQuestionsHeadingLabel: "Tai esitä nopea kysymys:",
       typeYourMessage: "Kirjoita viestisi...",
       agentIsLoading: "Agenttia ladataan...",
       conversationResolved: "Keskustelu päättynyt",
@@ -56513,6 +56639,12 @@
       allowMicAccess: "Salli mikrofonin käyttö"
     },
     fr: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Choisissez un sujet pour commencer :",
+      categoryTopicsHeading: "Veuillez poser votre question sur **{category}** ci-dessous.",
+      quickQuestionsHeadingLabel: "Ou posez une question rapide :",
       typeYourMessage: "Tapez votre message...",
       agentIsLoading: "L'agent est en cours de chargement...",
       conversationResolved: "Conversation terminée",
@@ -56545,6 +56677,12 @@
       allowMicAccess: "Autoriser l'accès au microphone"
     },
     de: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Wählen Sie ein Thema, um zu beginnen:",
+      categoryTopicsHeading: "Bitte stellen Sie Ihre Frage zu **{category}** unten.",
+      quickQuestionsHeadingLabel: "Oder stellen Sie eine schnelle Frage:",
       typeYourMessage: "Geben Sie Ihre Nachricht ein...",
       agentIsLoading: "Agent wird geladen...",
       conversationResolved: "Gespräch beendet",
@@ -56577,6 +56715,12 @@
       allowMicAccess: "Mikrofonzugriff erlauben"
     },
     el: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Επιλέξτε ένα θέμα για να ξεκινήσετε:",
+      categoryTopicsHeading: "Παρακαλώ κάντε την ερώτησή σας σχετικά με το **{category}** παρακάτω.",
+      quickQuestionsHeadingLabel: "Ή κάντε μια γρήγορη ερώτηση:",
       typeYourMessage: "Πληκτρολογήστε το μήνυμά σας...",
       agentIsLoading: "Ο πράκτορας φορτώνει...",
       conversationResolved: "Η συζήτηση ολοκληρώθηκε",
@@ -56609,6 +56753,12 @@
       allowMicAccess: "Επιτρέψτε πρόσβαση στο μικρόφωνο"
     },
     hi: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "शुरू करने के लिए एक विषय चुनें:",
+      categoryTopicsHeading: "कृपया अपना **{category}** प्रश्न नीचे पूछें।",
+      quickQuestionsHeadingLabel: "या एक त्वरित प्रश्न पूछें:",
       typeYourMessage: "अपना संदेश लिखें...",
       agentIsLoading: "एजेंट लोड हो रहा है...",
       conversationResolved: "बातचीत समाप्त हुई",
@@ -56643,6 +56793,12 @@
       allowMicAccess: "माइक्रोफ़ोन एक्सेस की अनुमति दें"
     },
     mr: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "सुरू करण्यासाठी एक विषय निवडा:",
+      categoryTopicsHeading: "कृपया तुमचा **{category}** प्रश्न खाली विचारा.",
+      quickQuestionsHeadingLabel: "किंवा एक झटपट प्रश्न विचारा:",
       typeYourMessage: "तुमचा संदेश टाइप करा...",
       agentIsLoading: "एजंट लोड होत आहे...",
       conversationResolved: "संभाषण समाप्त",
@@ -56677,6 +56833,12 @@
       allowMicAccess: "मायक्रोफोन प्रवेशास परवानगी द्या"
     },
     hu: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Válassz egy témát a kezdéshez:",
+      categoryTopicsHeading: "Kérjük, tedd fel **{category}** kérdésedet alább.",
+      quickQuestionsHeadingLabel: "Vagy tegyél fel egy gyors kérdést:",
       typeYourMessage: "Írja be az üzenetét...",
       agentIsLoading: "Az ügynök betöltődik...",
       conversationResolved: "Beszélgetés befejezve",
@@ -56709,6 +56871,12 @@
       allowMicAccess: "Mikrofon hozzáférés engedélyezése"
     },
     is: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Veldu efni til að byrja:",
+      categoryTopicsHeading: "Vinsamlegast spurðu spurningu þinnar um **{category}** hér að neðan.",
+      quickQuestionsHeadingLabel: "Eða spurðu fljótlegrar spurningar:",
       typeYourMessage: "Sláðu inn skilaboð...",
       agentIsLoading: "Fulltrúi hleðst...",
       conversationResolved: "Samtali lokið",
@@ -56741,6 +56909,12 @@
       allowMicAccess: "Leyfa aðgang að hljóðnema"
     },
     id: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Pilih topik untuk memulai:",
+      categoryTopicsHeading: "Silakan ajukan pertanyaan **{category}** Anda di bawah.",
+      quickQuestionsHeadingLabel: "Atau ajukan pertanyaan cepat:",
       typeYourMessage: "Ketik pesan Anda...",
       agentIsLoading: "Agen sedang dimuat...",
       conversationResolved: "Percakapan selesai",
@@ -56773,6 +56947,12 @@
       allowMicAccess: "Izinkan akses mikrofon"
     },
     it: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Scegli un argomento per iniziare:",
+      categoryTopicsHeading: "Per favore, poni la tua domanda su **{category}** qui sotto.",
+      quickQuestionsHeadingLabel: "Oppure fai una domanda rapida:",
       typeYourMessage: "Scrivi il tuo messaggio...",
       agentIsLoading: "L'agente sta caricando...",
       conversationResolved: "Conversazione conclusa",
@@ -56805,6 +56985,12 @@
       allowMicAccess: "Consenti l'accesso al microfono"
     },
     ja: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "始めるにはトピックを選択してください：",
+      categoryTopicsHeading: "**{category}** に関するご質問を以下にお書きください。",
+      quickQuestionsHeadingLabel: "または、簡単な質問をどうぞ：",
       typeYourMessage: "メッセージを入力してください...",
       agentIsLoading: "エージェントを読み込んでいます...",
       conversationResolved: "会話が終了しました",
@@ -56837,6 +57023,12 @@
       allowMicAccess: "マイクへのアクセスを許可"
     },
     ko: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "시작하려면 주제를 선택하세요:",
+      categoryTopicsHeading: "**{category}** 에 대한 질문을 아래에 작성해 주세요.",
+      quickQuestionsHeadingLabel: "또는 간단한 질문을 해보세요:",
       typeYourMessage: "메시지를 입력하세요...",
       agentIsLoading: "상담원을 불러오는 중...",
       conversationResolved: "대화가 종료되었습니다",
@@ -56869,6 +57061,12 @@
       allowMicAccess: "마이크 액세스 허용"
     },
     lv: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Izvēlieties tēmu, lai sāktu:",
+      categoryTopicsHeading: "Lūdzu, uzdodiet savu jautājumu par **{category}** zemāk.",
+      quickQuestionsHeadingLabel: "Vai uzdodiet ātru jautājumu:",
       typeYourMessage: "Ierakstiet savu ziņu...",
       agentIsLoading: "Aģents tiek ielādēts...",
       conversationResolved: "Saruna pabeigta",
@@ -56901,6 +57099,12 @@
       allowMicAccess: "Atļaut piekļuvi mikrofonam"
     },
     lt: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Pasirinkite temą, kad pradėtumėte:",
+      categoryTopicsHeading: "Prašome užduoti savo klausimą apie **{category}** žemiau.",
+      quickQuestionsHeadingLabel: "Arba užduokite greitą klausimą:",
       typeYourMessage: "Įveskite pranešimą...",
       agentIsLoading: "Agentas kraunamas...",
       conversationResolved: "Pokalbis baigtas",
@@ -56933,6 +57137,12 @@
       allowMicAccess: "Leisti prieigą prie mikrofono"
     },
     mk: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Изберете тема за да започнете:",
+      categoryTopicsHeading: "Ве молиме поставете го вашето прашање за **{category}** подолу.",
+      quickQuestionsHeadingLabel: "Или поставете брзо прашање:",
       typeYourMessage: "Напишете ја вашата порака...",
       agentIsLoading: "Агентот се вчитува...",
       conversationResolved: "Разговорот е завршен",
@@ -56965,6 +57175,12 @@
       allowMicAccess: "Дозволи пристап до микрофонот"
     },
     ms: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Pilih topik untuk memulakan:",
+      categoryTopicsHeading: "Sila ajukan soalan **{category}** anda di bawah.",
+      quickQuestionsHeadingLabel: "Atau ajukan soalan ringkas:",
       typeYourMessage: "Taip mesej anda...",
       agentIsLoading: "Ejen sedang dimuatkan...",
       conversationResolved: "Perbualan selesai",
@@ -56997,6 +57213,12 @@
       allowMicAccess: "Benarkan akses mikrofon"
     },
     no: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Velg et emne for å komme i gang:",
+      categoryTopicsHeading: "Vennligst still spørsmålet ditt om **{category}** nedenfor.",
+      quickQuestionsHeadingLabel: "Eller still et raskt spørsmål:",
       typeYourMessage: "Skriv meldingen din...",
       agentIsLoading: "Agenten laster...",
       conversationResolved: "Samtale avsluttet",
@@ -57029,6 +57251,12 @@
       allowMicAccess: "Tillat mikrofontilgang"
     },
     fa: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "برای شروع، یک موضوع را انتخاب کنید:",
+      categoryTopicsHeading: "لطفاً سؤال خود درباره **{category}** را در زیر مطرح کنید.",
+      quickQuestionsHeadingLabel: "یا یک سؤال سریع بپرسید:",
       typeYourMessage: "پیام خود را تایپ کنید...",
       agentIsLoading: "در حال بارگذاری نماینده...",
       conversationResolved: "مکالمه به پایان رسید",
@@ -57061,6 +57289,12 @@
       allowMicAccess: "اجازه دسترسی به میکروفون"
     },
     pl: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Wybierz temat, aby rozpocząć:",
+      categoryTopicsHeading: "Proszę zadać pytanie dotyczące **{category}** poniżej.",
+      quickQuestionsHeadingLabel: "Lub zadaj szybkie pytanie:",
       typeYourMessage: "Wpisz wiadomość...",
       agentIsLoading: "Agent się ładuje...",
       conversationResolved: "Rozmowa zakończona",
@@ -57093,6 +57327,12 @@
       allowMicAccess: "Zezwól na dostęp do mikrofonu"
     },
     pt: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Escolha um tópico para começar:",
+      categoryTopicsHeading: "Por favor, faça sua pergunta sobre **{category}** abaixo.",
+      quickQuestionsHeadingLabel: "Ou faça uma pergunta rápida:",
       typeYourMessage: "Digite sua mensagem...",
       agentIsLoading: "O agente está carregando...",
       conversationResolved: "Conversa encerrada",
@@ -57125,6 +57365,12 @@
       allowMicAccess: "Permitir acesso ao microfone"
     },
     ro: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Alegeți un subiect pentru a începe:",
+      categoryTopicsHeading: "Vă rugăm să adresați întrebarea dvs. despre **{category}** mai jos.",
+      quickQuestionsHeadingLabel: "Sau puneți o întrebare rapidă:",
       typeYourMessage: "Scrieți mesajul dvs...",
       agentIsLoading: "Agentul se încarcă...",
       conversationResolved: "Conversație încheiată",
@@ -57157,6 +57403,12 @@
       allowMicAccess: "Permiteți accesul la microfon"
     },
     ru: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Выберите тему, чтобы начать:",
+      categoryTopicsHeading: "Пожалуйста, задайте свой вопрос о **{category}** ниже.",
+      quickQuestionsHeadingLabel: "Или задайте быстрый вопрос:",
       typeYourMessage: "Введите ваше сообщение...",
       agentIsLoading: "Агент загружается...",
       conversationResolved: "Разговор завершен",
@@ -57189,6 +57441,12 @@
       allowMicAccess: "Разрешить доступ к микрофону"
     },
     sr: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Изаберите тему да бисте започели:",
+      categoryTopicsHeading: "Молимо поставите своје питање о **{category}** испод.",
+      quickQuestionsHeadingLabel: "Или поставите брзо питање:",
       typeYourMessage: "Укуцајте вашу поруку...",
       agentIsLoading: "Агент се учитава...",
       conversationResolved: "Разговор је завршен",
@@ -57221,6 +57479,12 @@
       allowMicAccess: "Дозволи приступ микрофону"
     },
     sk: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Vyberte tému, aby ste začali:",
+      categoryTopicsHeading: "Prosím, položte svoju otázku o **{category}** nižšie.",
+      quickQuestionsHeadingLabel: "Alebo položte rýchlu otázku:",
       typeYourMessage: "Napíšte svoju správu...",
       agentIsLoading: "Agent sa načítava...",
       conversationResolved: "Konverzácia ukončená",
@@ -57253,6 +57517,12 @@
       allowMicAccess: "Povoliť prístup k mikrofónu"
     },
     sl: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Izberite temo za začetek:",
+      categoryTopicsHeading: "Prosimo, postavite vprašanje o **{category}** spodaj.",
+      quickQuestionsHeadingLabel: "Ali postavite hitro vprašanje:",
       typeYourMessage: "Vnesite svoje sporočilo...",
       agentIsLoading: "Agent se nalaga...",
       conversationResolved: "Pogovor je končan",
@@ -57285,6 +57555,12 @@
       allowMicAccess: "Dovoli dostop do mikrofona"
     },
     sv: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Välj ett ämne för att komma igång:",
+      categoryTopicsHeading: "Ställ gärna din **{category}**-fråga nedan.",
+      quickQuestionsHeadingLabel: "Eller ställ en snabb fråga:",
       typeYourMessage: "Skriv ditt meddelande...",
       agentIsLoading: "Agenten laddas...",
       conversationResolved: "Konversation avslutad",
@@ -57317,6 +57593,12 @@
       allowMicAccess: "Tillåt mikrofonåtkomst"
     },
     th: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "เลือกหัวข้อเพื่อเริ่มต้น:",
+      categoryTopicsHeading: "โปรดถามคำถามเกี่ยวกับ **{category}** ด้านล่าง",
+      quickQuestionsHeadingLabel: "หรือถามคำถามด่วน:",
       typeYourMessage: "พิมพ์ข้อความของคุณ...",
       agentIsLoading: "กำลังโหลดตัวแทน...",
       conversationResolved: "การสนทนาสิ้นสุดลง",
@@ -57349,6 +57631,12 @@
       allowMicAccess: "อนุญาตการเข้าถึงไมโครโฟน"
     },
     tr: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Başlamak için bir konu seçin:",
+      categoryTopicsHeading: "Lütfen **{category}** sorunuzu aşağıya yazın.",
+      quickQuestionsHeadingLabel: "Veya hızlı bir soru sorun:",
       typeYourMessage: "Mesajınızı yazın...",
       agentIsLoading: "Temsilci yükleniyor...",
       conversationResolved: "Görüşme sonlandırıldı",
@@ -57381,6 +57669,12 @@
       allowMicAccess: "Mikrofon erişimine izin ver"
     },
     uk: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Виберіть тему, щоб почати:",
+      categoryTopicsHeading: "Будь ласка, поставте своє запитання щодо **{category}** нижче.",
+      quickQuestionsHeadingLabel: "Або поставте швидке запитання:",
       typeYourMessage: "Введіть ваше повідомлення...",
       agentIsLoading: "Агент завантажується...",
       conversationResolved: "Розмову завершено",
@@ -57413,6 +57707,12 @@
       allowMicAccess: "Дозволити доступ до мікрофона"
     },
     ur: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "شروع کرنے کے لیے ایک موضوع منتخب کریں:",
+      categoryTopicsHeading: "براہ کرم اپنا **{category}** سوال نیچے پوچھیں۔",
+      quickQuestionsHeadingLabel: "یا کوئی فوری سوال پوچھیں:",
       typeYourMessage: "اپنا پیغام ٹائپ کریں...",
       agentIsLoading: "ایجنٹ لوڈ ہو رہا ہے...",
       conversationResolved: "گفتگو مکمل",
@@ -57445,6 +57745,12 @@
       allowMicAccess: "مائیکروفون تک رسائی کی اجازت دیں"
     },
     vi: {
+      // Topic-picker + quick-questions surface strings. {category} is
+      // substituted verbatim at the call site and rendered through
+      // ReactMarkdown — keep the **{category}** bold wrapper.
+      chooseTopicLabel: "Chọn một chủ đề để bắt đầu:",
+      categoryTopicsHeading: "Vui lòng đặt câu hỏi của bạn về **{category}** bên dưới.",
+      quickQuestionsHeadingLabel: "Hoặc đặt một câu hỏi nhanh:",
       typeYourMessage: "Nhập tin nhắn của bạn...",
       agentIsLoading: "Đang tải trợ lý...",
       conversationResolved: "Cuộc trò chuyện đã kết thúc",
@@ -60013,6 +60319,64 @@
     });
   };
 
+  const createSession = async config => {
+    // Initialize chat session if needed
+    if (config.sessionUrl) {
+      try {
+        const response = await fetch(config.sessionUrl, {
+          method: "POST",
+          headers: _objectSpread2({
+            "Content-Type": "application/json"
+          }, config.apiKey && {
+            Authorization: "Bearer ".concat(config.apiKey)
+          }),
+          body: JSON.stringify({
+            userId: config.userId,
+            userName: config.userName,
+            userEmail: config.userEmail
+          }),
+          credentials: "include"
+        });
+        const data = await response.json();
+        return data.sessionId;
+      } catch (error) {
+        console.error("Session creation error:", error);
+        return null;
+      }
+    }
+    return null;
+  };
+
+  /**
+   * Fetches agent configuration from the deploy-agent endpoint
+   * @param {string} apiBaseUrl - Base URL for the API
+   * @param {string} orgId - Organization ID
+   * @returns {Promise<object>} Agent configuration object
+   */
+  const fetchAgentConfig = async (apiBaseUrl, orgId) => {
+    if (!apiBaseUrl || !orgId) {
+      throw new Error("apiBaseUrl and orgId are required");
+    }
+    try {
+      const url = "".concat(apiBaseUrl.replace(/\/$/, ''), "/api/v1/deploy-agent/").concat(orgId);
+      const response = await fetch(url, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include"
+      });
+      if (!response.ok) {
+        throw new Error("HTTP error! status: ".concat(response.status));
+      }
+      const data = await response.json();
+      return data;
+    } catch (error) {
+      console.error("Failed to fetch agent configuration:", error);
+      throw error;
+    }
+  };
+
   const ChatWidget = _ref => {
     var _agentConfig$concierg;
     let {
@@ -60091,7 +60455,7 @@
 
     // Map API response to widget props (use props as overrides if provided)
     const widgetConfig = reactExports.useMemo(() => {
-      var _agentConfig$config, _cfg$identity, _cfg$branding, _cfg$typography, _cfg$messages, _cfg$voice, _cfg$onboarding, _cfg$disclaimer, _cfg$csat, _cfg$inactivity, _cfg$behavior, _cfg$security, _cfg$layout, _ref2, _ref3, _messages$bundles$loc, _messages$bundles, _messages$bundles2, _ref4, _ref5, _ref6, _ref7, _branding$chatbotAvat, _branding$chatbotAvat2, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _inactivity$timeoutVa, _inactivity$timeoutUn, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _csat$enabled, _csat$format, _csat$prompt, _csat$triggerType, _csat$idleTimeoutMins, _csat$followUpEnabled, _csat$followUpPrompt, _behavior$autoPromptE, _behavior$allowFeedba;
+      var _agentConfig$config, _cfg$identity, _cfg$branding, _cfg$typography, _cfg$messages, _cfg$voice, _cfg$onboarding, _cfg$disclaimer, _cfg$csat, _cfg$inactivity, _cfg$behavior, _cfg$security, _cfg$layout, _ref2, _messages$bundles$loc, _messages$bundles, _messages$bundles$en, _messages$bundles2, _ref3, _ref4, _ref5, _ref6, _branding$chatbotAvat, _branding$chatbotAvat2, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _inactivity$timeoutVa, _inactivity$timeoutUn, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _csat$enabled, _csat$format, _csat$prompt, _csat$triggerType, _csat$idleTimeoutMins, _csat$followUpEnabled, _csat$followUpPrompt, _behavior$autoPromptE, _behavior$allowFeedba;
       if (!agentConfig) {
         return null;
       }
@@ -60111,55 +60475,69 @@
       const security = (_cfg$security = cfg.security) !== null && _cfg$security !== void 0 ? _cfg$security : {};
       const layout = (_cfg$layout = cfg.layout) !== null && _cfg$layout !== void 0 ? _cfg$layout : {};
       const locale = (_ref2 = defaultLanguage !== null && defaultLanguage !== void 0 ? defaultLanguage : messages.defaultLocale) !== null && _ref2 !== void 0 ? _ref2 : "en";
-      const bundle = (_ref3 = (_messages$bundles$loc = (_messages$bundles = messages.bundles) === null || _messages$bundles === void 0 ? void 0 : _messages$bundles[locale]) !== null && _messages$bundles$loc !== void 0 ? _messages$bundles$loc : (_messages$bundles2 = messages.bundles) === null || _messages$bundles2 === void 0 ? void 0 : _messages$bundles2["en"]) !== null && _ref3 !== void 0 ? _ref3 : {};
+      // Per-field English fallback for the localized bundle. We can't use
+      // `bundles[locale] ?? bundles.en` because `??` only catches
+      // null/undefined — and the Languages config UI doesn't currently
+      // expose per-language welcome / quickQuestions text, so picking
+      // Hindi (etc.) as default leaves `bundles.hi = { welcome: "",
+      // quickQuestions: [] }`. The empty string would shadow English and
+      // useChatState (`if (!welcomeMessage) return []`) silently skips
+      // the greeting bubble. Treat empty string / empty array as
+      // "missing" and fall back to the English bundle for that field.
+      const localeBundle = (_messages$bundles$loc = (_messages$bundles = messages.bundles) === null || _messages$bundles === void 0 ? void 0 : _messages$bundles[locale]) !== null && _messages$bundles$loc !== void 0 ? _messages$bundles$loc : {};
+      const enBundle = (_messages$bundles$en = (_messages$bundles2 = messages.bundles) === null || _messages$bundles2 === void 0 ? void 0 : _messages$bundles2["en"]) !== null && _messages$bundles$en !== void 0 ? _messages$bundles$en : {};
+      const bundle = {
+        welcome: localeBundle.welcome || enBundle.welcome,
+        quickQuestions: Array.isArray(localeBundle.quickQuestions) && localeBundle.quickQuestions.length > 0 ? localeBundle.quickQuestions : enBundle.quickQuestions
+      };
 
       // Enum values from the DB are UPPER_SNAKE_CASE; widget uses lower-kebab-case
       const toLauncherPos = val => val ? val.toLowerCase().replace(/_/g, "-") : "bottom-right";
       const toDisclaimerPos = val => val ? val.toLowerCase() : "top";
-      const finalAllowedDomains = (_ref4 = allowedDomains !== null && allowedDomains !== void 0 ? allowedDomains : security.allowedDomains) !== null && _ref4 !== void 0 ? _ref4 : [];
+      const finalAllowedDomains = (_ref3 = allowedDomains !== null && allowedDomains !== void 0 ? allowedDomains : security.allowedDomains) !== null && _ref3 !== void 0 ? _ref3 : [];
       return {
         darkMode: darkMode !== null && darkMode !== void 0 ? darkMode : false,
-        primaryColor: (_ref5 = primaryColor !== null && primaryColor !== void 0 ? primaryColor : branding.brandColor) !== null && _ref5 !== void 0 ? _ref5 : "#2563eb",
-        companyName: (_ref6 = companyName !== null && companyName !== void 0 ? companyName : identity.companyName) !== null && _ref6 !== void 0 ? _ref6 : "Support Team",
+        primaryColor: (_ref4 = primaryColor !== null && primaryColor !== void 0 ? primaryColor : branding.brandColor) !== null && _ref4 !== void 0 ? _ref4 : "#2563eb",
+        companyName: (_ref5 = companyName !== null && companyName !== void 0 ? companyName : identity.companyName) !== null && _ref5 !== void 0 ? _ref5 : "Support Team",
         conciergeName: conciergeName !== null && conciergeName !== void 0 ? conciergeName : identity.conciergeName,
-        companyLogo: (_ref7 = companyLogo !== null && companyLogo !== void 0 ? companyLogo : branding.avatar) !== null && _ref7 !== void 0 ? _ref7 : null,
+        companyLogo: (_ref6 = companyLogo !== null && companyLogo !== void 0 ? companyLogo : branding.avatar) !== null && _ref6 !== void 0 ? _ref6 : null,
         chatbotAvatarEnabled: (_branding$chatbotAvat = branding.chatbotAvatarEnabled) !== null && _branding$chatbotAvat !== void 0 ? _branding$chatbotAvat : false,
         chatbotAvatar: (_branding$chatbotAvat2 = branding.chatbotAvatar) !== null && _branding$chatbotAvat2 !== void 0 ? _branding$chatbotAvat2 : null,
-        welcomeMessage: (_ref8 = welcomeMessage !== null && welcomeMessage !== void 0 ? welcomeMessage : bundle.welcome) !== null && _ref8 !== void 0 ? _ref8 : "Hi! How can we help?",
-        quickQuestions: (_ref9 = quickQuestions !== null && quickQuestions !== void 0 ? quickQuestions : bundle.quickQuestions) !== null && _ref9 !== void 0 ? _ref9 : [],
+        welcomeMessage: (_ref7 = welcomeMessage !== null && welcomeMessage !== void 0 ? welcomeMessage : bundle.welcome) !== null && _ref7 !== void 0 ? _ref7 : "Hi! How can we help?",
+        quickQuestions: (_ref8 = quickQuestions !== null && quickQuestions !== void 0 ? quickQuestions : bundle.quickQuestions) !== null && _ref8 !== void 0 ? _ref8 : [],
         quickQuestionsEnabled: quickQuestionsEnabled !== null && quickQuestionsEnabled !== void 0 ? quickQuestionsEnabled : messages.quickQuestionsEnabled,
         textColor: textColor !== null && textColor !== void 0 ? textColor : "#000000",
         agentMessageBubbleColor: agentMessageBubbleColor !== null && agentMessageBubbleColor !== void 0 ? agentMessageBubbleColor : typography.agentMessageBubbleColor,
         userMessageBoxColor: userMessageBoxColor !== null && userMessageBoxColor !== void 0 ? userMessageBoxColor : typography.userMessageBoxColor,
-        assistantTextColor: (_ref0 = assistantTextColor !== null && assistantTextColor !== void 0 ? assistantTextColor : typography.assistantTextColor) !== null && _ref0 !== void 0 ? _ref0 : "#000000",
-        userTextColor: (_ref1 = userTextColor !== null && userTextColor !== void 0 ? userTextColor : typography.userTextColor) !== null && _ref1 !== void 0 ? _ref1 : "#000000",
-        fontFamily: (_ref10 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : typography.agentMessageBubbleFontFamily) !== null && _ref10 !== void 0 ? _ref10 : "Inter",
-        fontSize: (_ref11 = fontSize !== null && fontSize !== void 0 ? fontSize : typography.agentMessageBubbleFontSize) !== null && _ref11 !== void 0 ? _ref11 : "14px",
+        assistantTextColor: (_ref9 = assistantTextColor !== null && assistantTextColor !== void 0 ? assistantTextColor : typography.assistantTextColor) !== null && _ref9 !== void 0 ? _ref9 : "#000000",
+        userTextColor: (_ref0 = userTextColor !== null && userTextColor !== void 0 ? userTextColor : typography.userTextColor) !== null && _ref0 !== void 0 ? _ref0 : "#000000",
+        fontFamily: (_ref1 = fontFamily !== null && fontFamily !== void 0 ? fontFamily : typography.agentMessageBubbleFontFamily) !== null && _ref1 !== void 0 ? _ref1 : "Inter",
+        fontSize: (_ref10 = fontSize !== null && fontSize !== void 0 ? fontSize : typography.agentMessageBubbleFontSize) !== null && _ref10 !== void 0 ? _ref10 : "14px",
         defaultLanguage: locale,
         organizationId: orgId,
-        headerTextBold: (_ref12 = headerTextBold !== null && headerTextBold !== void 0 ? headerTextBold : typography.headerTextBold) !== null && _ref12 !== void 0 ? _ref12 : false,
-        headerTextItalic: (_ref13 = headerTextItalic !== null && headerTextItalic !== void 0 ? headerTextItalic : typography.headerTextItalic) !== null && _ref13 !== void 0 ? _ref13 : false,
+        headerTextBold: (_ref11 = headerTextBold !== null && headerTextBold !== void 0 ? headerTextBold : typography.headerTextBold) !== null && _ref11 !== void 0 ? _ref11 : false,
+        headerTextItalic: (_ref12 = headerTextItalic !== null && headerTextItalic !== void 0 ? headerTextItalic : typography.headerTextItalic) !== null && _ref12 !== void 0 ? _ref12 : false,
         headerTextColor: typography.headerTextColor,
         headerFontFamily: typography.headerFontFamily,
         headerFontSize: typography.headerFontSize,
-        enableVoiceInteraction: (_ref14 = enableVoiceInteraction !== null && enableVoiceInteraction !== void 0 ? enableVoiceInteraction : voice.enableVoiceInteraction) !== null && _ref14 !== void 0 ? _ref14 : false,
-        disclaimerEnabled: (_ref15 = disclaimerEnabled !== null && disclaimerEnabled !== void 0 ? disclaimerEnabled : disclaimer.enabled) !== null && _ref15 !== void 0 ? _ref15 : false,
+        enableVoiceInteraction: (_ref13 = enableVoiceInteraction !== null && enableVoiceInteraction !== void 0 ? enableVoiceInteraction : voice.enableVoiceInteraction) !== null && _ref13 !== void 0 ? _ref13 : false,
+        disclaimerEnabled: (_ref14 = disclaimerEnabled !== null && disclaimerEnabled !== void 0 ? disclaimerEnabled : disclaimer.enabled) !== null && _ref14 !== void 0 ? _ref14 : false,
         disclaimerText: disclaimerText !== null && disclaimerText !== void 0 ? disclaimerText : disclaimer.text,
         disclaimerPosition: disclaimerPosition !== null && disclaimerPosition !== void 0 ? disclaimerPosition : toDisclaimerPos(disclaimer.position),
         disclaimerLinkUrl: normalizeExternalUrl(disclaimerLinkUrl !== null && disclaimerLinkUrl !== void 0 ? disclaimerLinkUrl : disclaimer.linkUrl),
         disclaimerLinkLabel: disclaimerLinkLabel !== null && disclaimerLinkLabel !== void 0 ? disclaimerLinkLabel : disclaimer.linkLabel,
-        showPoweredBy: (_ref16 = showPoweredBy !== null && showPoweredBy !== void 0 ? showPoweredBy : branding.showPoweredBy) !== null && _ref16 !== void 0 ? _ref16 : true,
-        onboardingQuestions: (_ref17 = onboardingQuestions !== null && onboardingQuestions !== void 0 ? onboardingQuestions : onboarding.questions) !== null && _ref17 !== void 0 ? _ref17 : [],
-        collectionPrompt: (_ref18 = collectionPrompt !== null && collectionPrompt !== void 0 ? collectionPrompt : onboarding.collapsiblePrompt) !== null && _ref18 !== void 0 ? _ref18 : "Before we begin, I need to verify your details.",
+        showPoweredBy: (_ref15 = showPoweredBy !== null && showPoweredBy !== void 0 ? showPoweredBy : branding.showPoweredBy) !== null && _ref15 !== void 0 ? _ref15 : true,
+        onboardingQuestions: (_ref16 = onboardingQuestions !== null && onboardingQuestions !== void 0 ? onboardingQuestions : onboarding.questions) !== null && _ref16 !== void 0 ? _ref16 : [],
+        collectionPrompt: (_ref17 = collectionPrompt !== null && collectionPrompt !== void 0 ? collectionPrompt : onboarding.collapsiblePrompt) !== null && _ref17 !== void 0 ? _ref17 : "Before we begin, I need to verify your details.",
         allowedDomains: finalAllowedDomains,
         launcherPosition: position !== null && position !== void 0 ? position : toLauncherPos(layout.launcherPosition),
-        onboardingEnabled: (_ref19 = onboardingEnabled !== null && onboardingEnabled !== void 0 ? onboardingEnabled : onboarding.enabled) !== null && _ref19 !== void 0 ? _ref19 : false,
+        onboardingEnabled: (_ref18 = onboardingEnabled !== null && onboardingEnabled !== void 0 ? onboardingEnabled : onboarding.enabled) !== null && _ref18 !== void 0 ? _ref18 : false,
         inactivityTimeoutValue: (_inactivity$timeoutVa = inactivity.timeoutValue) !== null && _inactivity$timeoutVa !== void 0 ? _inactivity$timeoutVa : null,
         inactivityTimeoutUnit: (_inactivity$timeoutUn = inactivity.timeoutUnit) !== null && _inactivity$timeoutUn !== void 0 ? _inactivity$timeoutUn : null,
-        agentMessageBubbleFontFamily: (_ref20 = (_ref21 = agentMessageBubbleFontFamily !== null && agentMessageBubbleFontFamily !== void 0 ? agentMessageBubbleFontFamily : typography.agentMessageBubbleFontFamily) !== null && _ref21 !== void 0 ? _ref21 : fontFamily) !== null && _ref20 !== void 0 ? _ref20 : "Inter",
-        agentMessageBubbleFontSize: (_ref22 = (_ref23 = agentMessageBubbleFontSize !== null && agentMessageBubbleFontSize !== void 0 ? agentMessageBubbleFontSize : typography.agentMessageBubbleFontSize) !== null && _ref23 !== void 0 ? _ref23 : fontSize) !== null && _ref22 !== void 0 ? _ref22 : "14px",
-        userMessageBubbleFontFamily: (_ref24 = (_ref25 = userMessageBubbleFontFamily !== null && userMessageBubbleFontFamily !== void 0 ? userMessageBubbleFontFamily : typography.userMessageBubbleFontFamily) !== null && _ref25 !== void 0 ? _ref25 : fontFamily) !== null && _ref24 !== void 0 ? _ref24 : "Inter",
-        userMessageBubbleFontSize: (_ref26 = (_ref27 = userMessageBubbleFontSize !== null && userMessageBubbleFontSize !== void 0 ? userMessageBubbleFontSize : typography.userMessageBubbleFontSize) !== null && _ref27 !== void 0 ? _ref27 : fontSize) !== null && _ref26 !== void 0 ? _ref26 : "14px",
+        agentMessageBubbleFontFamily: (_ref19 = (_ref20 = agentMessageBubbleFontFamily !== null && agentMessageBubbleFontFamily !== void 0 ? agentMessageBubbleFontFamily : typography.agentMessageBubbleFontFamily) !== null && _ref20 !== void 0 ? _ref20 : fontFamily) !== null && _ref19 !== void 0 ? _ref19 : "Inter",
+        agentMessageBubbleFontSize: (_ref21 = (_ref22 = agentMessageBubbleFontSize !== null && agentMessageBubbleFontSize !== void 0 ? agentMessageBubbleFontSize : typography.agentMessageBubbleFontSize) !== null && _ref22 !== void 0 ? _ref22 : fontSize) !== null && _ref21 !== void 0 ? _ref21 : "14px",
+        userMessageBubbleFontFamily: (_ref23 = (_ref24 = userMessageBubbleFontFamily !== null && userMessageBubbleFontFamily !== void 0 ? userMessageBubbleFontFamily : typography.userMessageBubbleFontFamily) !== null && _ref24 !== void 0 ? _ref24 : fontFamily) !== null && _ref23 !== void 0 ? _ref23 : "Inter",
+        userMessageBubbleFontSize: (_ref25 = (_ref26 = userMessageBubbleFontSize !== null && userMessageBubbleFontSize !== void 0 ? userMessageBubbleFontSize : typography.userMessageBubbleFontSize) !== null && _ref26 !== void 0 ? _ref26 : fontSize) !== null && _ref25 !== void 0 ? _ref25 : "14px",
         csatEnabled: (_csat$enabled = csat.enabled) !== null && _csat$enabled !== void 0 ? _csat$enabled : false,
         csatFormat: (_csat$format = csat.format) !== null && _csat$format !== void 0 ? _csat$format : "EMOJI",
         csatPrompt: (_csat$prompt = csat.prompt) !== null && _csat$prompt !== void 0 ? _csat$prompt : "How was your experience?",
@@ -60250,7 +60628,13 @@
       onboardingEnabled: widgetConfig.onboardingEnabled,
       collectionPrompt: widgetConfig.collectionPrompt,
       inactivityTimeoutValue: widgetConfig.inactivityTimeoutValue,
-      inactivityTimeoutUnit: widgetConfig.inactivityTimeoutUnit
+      inactivityTimeoutUnit: widgetConfig.inactivityTimeoutUnit,
+      // Sliding-window cap for the localStorage transcript. Comes from
+      // GET /deploy-agent/:orgId → agentConfig.messageLimits (single
+      // source of truth across surfaces). When the field is missing
+      // (older backend / fetch in flight) the hook falls back to its
+      // module-level defaults so chat never blocks on this.
+      messageLimits: agentConfig === null || agentConfig === void 0 ? void 0 : agentConfig.messageLimits
     } : defaultConfig);
 
     // Feedback handler — POST to /api/v1/support/feedback