@alan-ai/alan-sdk-web 1.8.92 → 1.8.94

package/dist/alan_lib.js

@@ -98166,10 +98166,14 @@
       }
     },
     textChat: {
+      autocomplete: {
+        enabled: false
+      },
       available: false,
       expanded: false,
       inlined: false,
       options: null,
+      maxCharactersCount: 2e4,
       loaderTimeoutMs: 18e5,
       defaults: {
         minChatWidth: 250,
@@ -98179,7 +98183,8 @@
         textareaLineHeight: 1.6,
         defaultSvgIconSize: 24
       }
-    }
+    },
+    socketMessages: []
   };
 
   // alan_btn/src/assets/chatIcons.ts
@@ -98432,7 +98437,8 @@
     let isNew = true;
     let replaceLoader = false;
     let msgInd = null;
-    let updateResponse = false;
+    let updateExistingResponse = false;
+    let skipUpdating = false;
     if (msg.type === "connection-separator") {
       messages.push({ ...msg });
       return {
@@ -98446,6 +98452,9 @@
       var loadingMsgReqId = messages.findIndex((m) => {
         return m.type === "response" && m.name === "loading" && msgReqId && (m?.ctx?.reqId || m.reqId) === msgReqId;
       });
+      var existingMsgReqId = messages.findIndex((m) => {
+        return m.type === "response" && msgReqId && (m?.ctx?.reqId || m.reqId) === msgReqId;
+      });
       if (loadingMsgReqId > -1) {
         msgInd = loadingMsgReqId;
         if (msg.queryProgress) {
@@ -98459,7 +98468,16 @@
         } else {
           messages[msgInd] = { ...msg };
         }
+        if (isFinalMessage(messages[msgInd])) {
+          skipUpdating = true;
+        }
+        isNew = false;
+      } else if (existingMsgReqId > -1) {
         isNew = false;
+        msgInd = existingMsgReqId;
+        if (isFinalMessage(messages[msgInd])) {
+          skipUpdating = true;
+        }
       }
     }
     if (msg.type === "response" && msg.name === "text") {
@@ -98478,7 +98496,7 @@
         const hasUnfinalizedResponses = unfinalizeMsgInd !== -1;
         if (hasUnfinalizedResponses) {
           msgInd = unfinalizeMsgInd;
-          updateResponse = true;
+          updateExistingResponse = true;
           replaceLoader = false;
           isNew = false;
           mergeProgressiveMessages(messages, msgInd, msg);
@@ -98488,7 +98506,7 @@
           });
           if (lastResponseMsgInd > -1) {
             msgInd = lastResponseMsgInd;
-            updateResponse = true;
+            updateExistingResponse = true;
             replaceLoader = false;
             isNew = false;
             mergeProgressiveMessages(messages, msgInd, msg);
@@ -98510,14 +98528,16 @@
         isNew,
         msgInd: messages.length - 1,
         replaceLoader,
-        updateResponse
+        updateExistingResponse,
+        skipUpdating
       };
     }
     return {
       isNew,
-      updateResponse,
+      updateExistingResponse,
       replaceLoader,
-      msgInd
+      msgInd,
+      skipUpdating
     };
   }
 
@@ -98801,6 +98821,9 @@
     userAgent: ${navigator.userAgent}
     `;
   }
+  function getSocketMessages() {
+    return uiState.socketMessages;
+  }
 
   // alan_btn/src/textChat/helpers/adjustIFrameSize.ts
   function adjustIFrameSize(iframeMsgData) {
@@ -98890,7 +98913,7 @@
   function broadcastThemeToIframes() {
     let theme;
     try {
-      theme = uiState?.currentTheme;
+      theme = uiState?.currentTheme || window["alanCurrentTheme"];
     } catch (error) {
       theme = window["alanCurrentTheme"];
     }
@@ -99749,9 +99772,22 @@
         background-color: ${textChatOptions?.footer?.backgroundColor || "#DAEBFF"};
         position: relative;
         display: flex;
+        flex-direction: column;
         flex-shrink: 0;
         padding: ${getPaddingProp(footerTopPadding, footerRightPadding, footerBottomPadding, footerLeftPadding)};
     }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-footer-info {
+        color: ${textChatOptions?.textarea?.color || `#171717`} ;
+    }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-footer-err {
+        color: ${textChatOptions?.textarea?.color || `#171717`} ;
+        position: absolute;
+        top: 4px;
+        left: 0;
+        width: 100%;
+        font-size: 12px;
+        text-align: center;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-textarea-holder-outer-content {
         width: 100%;
         height: 100%;
@@ -100136,6 +100172,32 @@
         display: ${withGradientForFooter ? "block" : "none"};
         left:0;
     }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-textarea-autocomplete {
+        width: calc(100% - ${calculatedTextareaRightPadding}px);
+        color: ${textChatOptions?.textarea?.color || `#171717`} ;
+        overflow: hidden;
+        outline: none;
+        resize: none;
+        background: transparent;
+        border: none;
+        -webkit-appearance: none;
+        font-size: ${getTextAreaFontSize(isMobile(), textChatOptions?.textarea?.fontSize || defaultChatTextareaFontSize)}px;
+        line-height: ${chatTextareaLineHieght};
+        text-align: left;
+        padding: ${getPaddingProp(textareaTopPadding, 0, textareaBottomPadding, textareaLeftPadding)};
+        margin: 0px!important;
+        -webkit-user-select: text;
+        -khtml-user-select: text;
+        -moz-user-select: text;
+        -ms-user-select: text;
+        user-select: text;
+        transition: opacity 300ms ease-in-out;
+        pointer-events: none;
+        position: absolute;
+        top: 0;
+        left: 0;
+        opacity: 0.5;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-textarea {
         width: 100%;
         color: ${textChatOptions?.textarea?.color || `#171717`} ;
@@ -100335,7 +100397,7 @@
         color:  ${textChatOptions?.notifications?.color || `#ffffff`};
         border-radius: 50%;
         z-index: ${uiState.btn.zIndex + 1};
-        display: flex;
+        display: ${window._alanBtnState?.textChat?.notifications?.enabled ? "flex" : "none"};
         flex-direction: column;
         align-items: center;
         justify-content: center;
@@ -101409,7 +101471,7 @@
   function sanitizeCustomTags(str) {
     let result = str;
     for (const [tag, replacement] of Object.entries(ESCAPE_CUSTOM_TAG_MAP)) {
-      const tagRegex = new RegExp(tag.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g");
+      const tagRegex = new RegExp("\b" + tag.replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + "\b", "g");
       result = result.replace(tagRegex, replacement);
     }
     return result;
@@ -102549,9 +102611,49 @@ code.hljs {
 
   // alan_btn/src/autosync.ts
   var html2canvas = require_html2canvas();
+  var SEND_PAGE_STATE_THROTTLE_MS = 2e3;
   var popstateListenerWasAdded = false;
-  var prevPageContent = "";
+  var requestCounter = 0;
+  var lastSendPageStateTime = 0;
+  var pendingSync = false;
+  var pendingSyncTimeout = null;
   var ALAN_BTN_PAGE_SYNC_EVENT = "alan-btn__page-sync";
+  var prevPageState = {
+    contentHash: "",
+    scrollX: 0,
+    scrollY: 0,
+    viewportWidth: 0,
+    viewportHeight: 0
+  };
+  function generateContentHash(content) {
+    let hash = 0;
+    for (let i = 0; i < content.length; i++) {
+      const char = content.charCodeAt(i);
+      hash = (hash << 5) - hash + char;
+      hash = hash & hash;
+    }
+    return hash.toString();
+  }
+  function hasPageStateChanged(pageContent, forceUpdate) {
+    if (forceUpdate)
+      return true;
+    const currentScrollX = window.pageXOffset || document.documentElement.scrollLeft;
+    const currentScrollY = window.pageYOffset || document.documentElement.scrollTop;
+    const currentViewportWidth = window.innerWidth || document.documentElement.clientWidth;
+    const currentViewportHeight = window.innerHeight || document.documentElement.clientHeight;
+    const currentContentHash = generateContentHash(pageContent);
+    const hasChanged = prevPageState.contentHash !== currentContentHash || Math.abs(prevPageState.scrollX - currentScrollX) > 10 || Math.abs(prevPageState.scrollY - currentScrollY) > 10 || prevPageState.viewportWidth !== currentViewportWidth || prevPageState.viewportHeight !== currentViewportHeight;
+    if (hasChanged) {
+      prevPageState = {
+        contentHash: currentContentHash,
+        scrollX: currentScrollX,
+        scrollY: currentScrollY,
+        viewportWidth: currentViewportWidth,
+        viewportHeight: currentViewportHeight
+      };
+    }
+    return hasChanged;
+  }
   function manageSyncPageStateListeners(isEnabled) {
     if (isEnabled) {
       if (popstateListenerWasAdded !== true) {
@@ -102563,46 +102665,118 @@ code.hljs {
       window.removeEventListener(ALAN_BTN_PAGE_SYNC_EVENT, listenForPageChanges);
     }
   }
-  function syncPageState(onSendCb) {
-    sendPageState(onSendCb);
+  async function attemptPageStateSync(onSendCb, forceUpdate = false) {
+    const currentTime = performance.now();
+    const timeSinceLastCall = currentTime - lastSendPageStateTime;
+    if (timeSinceLastCall < SEND_PAGE_STATE_THROTTLE_MS && !forceUpdate) {
+      const delayMs = SEND_PAGE_STATE_THROTTLE_MS - timeSinceLastCall + 50;
+      if (pendingSyncTimeout) {
+        clearTimeout(pendingSyncTimeout);
+      }
+      pendingSync = true;
+      pendingSyncTimeout = setTimeout(() => {
+        pendingSync = false;
+        pendingSyncTimeout = null;
+        sendPageState(onSendCb, true);
+      }, delayMs);
+      return;
+    }
+    if (pendingSyncTimeout) {
+      clearTimeout(pendingSyncTimeout);
+      pendingSyncTimeout = null;
+      pendingSync = false;
+    }
+    await sendPageState(onSendCb, forceUpdate);
+  }
+  function syncPageState(onSendCb, forceUpdate) {
+    attemptPageStateSync(onSendCb, forceUpdate);
   }
   function listenForPageChanges() {
     sendPageState();
   }
-  async function captureScreenshot() {
-    const canvas = await html2canvas(document.body, {
-      logging: false
-    });
-    return canvas.toDataURL("image/png");
-  }
-  async function sendPageState(onSendCb) {
-    var page = document.createElement("html");
-    page.innerHTML = document.getElementsByTagName("html")[0].innerHTML;
-    var scripts = page.getElementsByTagName("script");
-    var styles = page.getElementsByTagName("style");
-    var alanBtnEl = page.getElementsByClassName("alanBtn-root");
-    var debugChatEl = page.getElementsByClassName("alanStudio-debug-chat");
-    var elementsToRemove = [...scripts, ...styles, ...alanBtnEl, ...debugChatEl];
-    for (var i = 0; i < elementsToRemove.length; i++) {
-      elementsToRemove[i].remove();
-    }
-    const pageContent = page.outerHTML;
-    if (onSendCb) {
-      onSendCb();
-    }
-    if (prevPageContent === pageContent) {
-      return;
+  async function captureScreenshot(requestId) {
+    if (!document.body) {
+      throw new Error("Document body not available");
+    }
+    const bodyRect = document.body.getBoundingClientRect();
+    const maxWidth = 1280;
+    const maxHeight = 1024;
+    const scale = Math.min(maxWidth / bodyRect.width, maxHeight / bodyRect.height, 1);
+    try {
+      const canvas = await html2canvas(document.body, {
+        logging: false,
+        scale,
+        useCORS: false,
+        allowTaint: false,
+        backgroundColor: "#ffffff",
+        removeContainer: true,
+        ignoreElements: (element) => {
+          if (!element || !element.tagName)
+            return false;
+          if (element.classList) {
+            if (element.classList.contains("hidden"))
+              return true;
+          }
+          return false;
+        }
+      });
+      await new Promise((resolve) => setTimeout(resolve, 0));
+      const dataURL = canvas.toDataURL("image/jpeg", 0.8);
+      canvas.width = 0;
+      canvas.height = 0;
+      return dataURL;
+    } catch (error) {
+      throw error;
     }
-    prevPageContent = pageContent;
-    if (window.tutorProject) {
-      let params = {
+  }
+  async function sendPageState(onSendCb, forceUpdate) {
+    lastSendPageStateTime = performance.now();
+    const currentRequestId = ++requestCounter;
+    try {
+      if (!document.getElementsByTagName("html")[0]) {
+        throw new Error("HTML document not available");
+      }
+      const page = document.createElement("html");
+      page.innerHTML = document.getElementsByTagName("html")[0].innerHTML;
+      const scripts = page.getElementsByTagName("script");
+      const styles = page.getElementsByTagName("style");
+      const alanBtnEl = page.getElementsByClassName("alanBtn-root");
+      const debugChatEl = page.getElementsByClassName("alanStudio-debug-chat");
+      const elementsToRemove = [...scripts, ...styles, ...alanBtnEl, ...debugChatEl];
+      for (let i = 0; i < elementsToRemove.length; i++) {
+        if (elementsToRemove[i] && elementsToRemove[i].remove) {
+          elementsToRemove[i].remove();
+        }
+      }
+      const pageContent = page.outerHTML;
+      if (onSendCb) {
+        onSendCb();
+      }
+      const hasChanged = hasPageStateChanged(pageContent, forceUpdate);
+      if (!hasChanged) {
+        return;
+      }
+      if (!window.tutorProject) {
+        return;
+      }
+      const params = {
         html: pageContent,
-        url: window.location.href
+        url: window.location.href,
+        scrollPosition: {
+          x: prevPageState.scrollX,
+          y: prevPageState.scrollY
+        },
+        viewport: {
+          width: prevPageState.viewportWidth,
+          height: prevPageState.viewportHeight
+        }
       };
-      if (uiState.pageState.screenshot.enabled) {
-        params.screenshot = await captureScreenshot();
+      if (window._alanBtnState?.pageState?.screenshot?.enabled) {
+        params.screenshot = await captureScreenshot(currentRequestId);
       }
       window.tutorProject.call("syncPageState", params);
+    } catch (error) {
+      throw error;
     }
   }
 
@@ -109295,6 +109469,31 @@ code.hljs {
       return null;
     return merged;
   }
+  function safelyParseScriptOptions(optionsString) {
+    if (!optionsString || optionsString === "null" || optionsString === "{}") {
+      return null;
+    }
+    try {
+      const cleanOptionsString = optionsString.trim();
+      return Function('"use strict"; return (' + cleanOptionsString + ")")();
+    } catch (error) {
+      console.error("Failed to parse script options:", error);
+      return null;
+    }
+  }
+  function applyThemeToHtmlContent(htmlContent2, theme) {
+    if (!theme || theme !== "light" && theme !== "dark") {
+      return htmlContent2;
+    }
+    const parser2 = new DOMParser();
+    const doc2 = parser2.parseFromString(htmlContent2, "text/html");
+    const htmlElement = doc2.documentElement;
+    if (htmlElement) {
+      const themeClass = theme === "light" ? "light-theme" : "dark-theme";
+      htmlElement.classList.add(themeClass);
+    }
+    return doc2.documentElement.outerHTML;
+  }
   function extractScriptContents(html) {
     const scriptContents = [];
     const parser2 = new DOMParser();
@@ -109330,7 +109529,8 @@ code.hljs {
     projectId,
     environment,
     requestIds,
-    headContent
+    headContent,
+    data: data2
   }) {
     const chatConteiner = chatEl.cloneNode(true);
     const images = Array.from(chatConteiner.querySelectorAll("img"));
@@ -109350,6 +109550,7 @@ code.hljs {
           continue;
         }
         let initHtmlContent = await response.text();
+        initHtmlContent = applyThemeToHtmlContent(initHtmlContent, data2?.theme);
         let { htmlContent: htmlContent2 } = await inlineExternalResources(initHtmlContent);
         const initIframeFn2 = extractFunctionWithRegex(htmlContent2, "initIframe");
         if (initIframeFn2) {
@@ -109738,7 +109939,9 @@ code.hljs {
                 }
             }
 
-            renderDetailsContent(id, 'code');
+            // Set default mode based on data type
+            const defaultMode = detailsData.type === 'markdown' ? 'preview' : 'code';
+            renderDetailsContent(id, defaultMode);
 
         }
 
@@ -109801,18 +110004,29 @@ code.hljs {
         };
     <\/script>
         `;
+    const txtMessages = data2?.textChatMessages ? JSON.stringify(data2?.textChatMessages, null, 2) : '"no-provided"';
+    const socketMessages = data2?.socketMessages ? JSON.stringify(data2?.socketMessages, null, 2) : '"no-provided"';
     const newHtmlContent = `
     <!DOCTYPE html>
     <html lang="en">
     <head>
         <meta charset="UTF-8">
-        <title>Alan Text Chat History</title>
+        <title>${chatName} Chat History</title>
         <script src="${LIBS_PREFIX}/d3.v7.min.js" type="text/javascript"><\/script>
         <script src="${LIBS_PREFIX}/viz-standalone.js" type="text/javascript"><\/script>
         <script src="${LIBS_PREFIX}/svg-pan-zoom.min.js" type="text/javascript"><\/script>
         <script src="${LIBS_PREFIX}/alan_markdown.js" type="text/javascript"><\/script>
         <script src="${LIBS_PREFIX}/highlight.min.js?v=2" type="text/javascript"><\/script>
         ${headContent ? headContent : ""}
+
+        <script>
+        console.info('Alan lib v: ${window.alanLib?.version || "-"}, exporter v: 1.0.1');
+        function showAlanDebugInfo() {
+            console.info('Messages in chat:', ${txtMessages});
+            console.info('Messages in socket:', ${socketMessages});
+        }
+        <\/script>
+
         <style>
         * {
             box-sizing: border-box;
@@ -110087,7 +110301,7 @@ code.hljs {
         }
     } 
         
-    window.alanCurrentTheme = '${uiState.currentTheme}';
+    window.alanCurrentTheme = '${data2?.theme || "null"}';
     
     <\/script>
 
@@ -110098,7 +110312,7 @@ code.hljs {
 
         <div class="alan-history-content ${alanMainClass}">
             <div class="alan-btn__history-chat-header">
-                <h1>Alan Text Chat History</h1>
+                <h1>${chatName} Chat History</h1>
             </div>
             <div class="alan-btn__history-chat alan-history-inner-content">
                 ${chatConteiner.outerHTML}
@@ -110224,8 +110438,24 @@ code.hljs {
     let allInitIframeResourcesInlined = false;
     if (initIframeFn) {
       let initIframeBody = stripComments(initIframeFn);
-      const resourceRegex = /await iframe\.(addScript|addStyleSheet|addFont)\(['"]([^'"]+)['"]\)/g;
-      let resourceMatch;
+      const resourceUrls = [];
+      const iframeMethodRegex = /await\s+iframe\.(addScript|addStyleSheet|addFont)\s*\(\s*['"]([^'"]+)['"]\s*(?:,\s*({[^{}]*(?:{[^{}]*}[^{}]*)*}))?\s*\)/g;
+      let iframeMatch;
+      while ((iframeMatch = iframeMethodRegex.exec(initIframeBody)) !== null) {
+        resourceUrls.push({
+          type: iframeMatch[1],
+          url: iframeMatch[2],
+          options: iframeMatch[3] ? iframeMatch[3] : null
+        });
+      }
+      const resourceUrlFnRegex = /(?:window|iframe|document)\.(?:getResourceUrl|getStudioResourceUrl)\s*\(\s*['"]([^'"]+)['"]\s*\)/g;
+      let resourceFnMatch;
+      while ((resourceFnMatch = resourceUrlFnRegex.exec(initIframeBody)) !== null) {
+        resourceUrls.push({
+          type: "getResourceUrl",
+          url: resourceFnMatch[1]
+        });
+      }
       const isValidUrlFn = extractFunction(code, "isValidUrl");
       const getResourceUrlFn = extractFunction(code, "getResourceUrl");
       const getStudioResourceUrlFn = extractFunction(code, "getStudioResourceUrl");
@@ -110291,30 +110521,45 @@ code.hljs {
             console.error("Failed to get or inline basic resources:", error);
           }
         }
-        while ((resourceMatch = resourceRegex.exec(initIframeBody)) !== null) {
-          const [_, resourceType, rawResourceUrl] = resourceMatch;
+        for (const resource of resourceUrls) {
           try {
-            const resourceUrl = getResourceUrl(rawResourceUrl);
+            const resourceUrl = getResourceUrl(resource.url);
             const response = await fetch(resourceUrl);
             if (!response.ok) {
-              console.error(`Failed to fetch ${resourceType} from ${resourceUrl}: ${response.statusText}`);
+              console.error(`Failed to fetch resource from ${resourceUrl}: ${response.statusText}`);
               allInitIframeResourcesInlined = false;
               continue;
             }
             const resourceContent = await response.text();
-            if (resourceType === "addScript") {
+            if (resource.type === "addScript" || resource.url.endsWith(".js")) {
               const inlineScript = doc.createElement("script");
               inlineScript.textContent = resourceContent;
+              if (resource.options) {
+                const optionsObj = safelyParseScriptOptions(resource.options);
+                if (optionsObj && typeof optionsObj === "object") {
+                  if (optionsObj.type) {
+                    inlineScript.setAttribute("type", optionsObj.type);
+                  }
+                  if (optionsObj.defer)
+                    inlineScript.setAttribute("defer", "");
+                  if (optionsObj.async)
+                    inlineScript.setAttribute("async", "");
+                  if (optionsObj.nomodule)
+                    inlineScript.setAttribute("nomodule", "");
+                  if (optionsObj.crossOrigin)
+                    inlineScript.setAttribute("crossorigin", optionsObj.crossOrigin);
+                }
+              }
               doc.head.appendChild(inlineScript);
-              console.log(`Inlined script from initIframe fn: ${resourceUrl}`);
-            } else if (resourceType === "addStyleSheet") {
+              console.log(`Inlined script: ${resourceUrl}${inlineScript.type ? " (type=" + inlineScript.type + ")" : ""}`);
+            } else if (resource.type === "addStyleSheet" || resource.url.endsWith(".css")) {
               const inlineStyle = doc.createElement("style");
               inlineStyle.textContent = resourceContent;
               doc.head.appendChild(inlineStyle);
-              console.log(`Inlined stylesheet from initIframe fn: ${resourceUrl}`);
+              console.log(`Inlined stylesheet: ${resourceUrl}`);
             }
           } catch (error) {
-            console.error(`Failed to inline ${resourceType} from ${rawResourceUrl}:`, error);
+            console.error(`Failed to inline resource from ${resource.url}:`, error);
             allInitIframeResourcesInlined = false;
           }
         }
@@ -110343,6 +110588,9 @@ code.hljs {
     return msg.reqId || msg?.ctx?.reqId;
     ;
   }
+  function getMsgResponseId(msg) {
+    return msg.responseId || msg?.ctx?.responseId || msg?.ctx?.resId;
+  }
 
   // alan_btn/src/textChat/helpers/shouldTextBeSavedInChatHistory.ts
   function shouldTextBeSavedInChatHistory(text, sentMessages) {
@@ -110500,7 +110748,8 @@ code.hljs {
 
   // alan_btn/alan_btn.ts
   (function(ns) {
-    uiState.lib.version = "alan-version.1.8.92".replace("alan-version.", "");
+    uiState.lib.version = "alan-version.1.8.94".replace("alan-version.", "");
+    window.alanLib = { version: "alan-version.1.8.93".replace("alan-version.", "") };
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState.lib.version + ")");
     }
@@ -110743,6 +110992,8 @@ code.hljs {
           alanAudio.off("command", onCommandCbInMicBtn);
           alanAudio.off("afterText", onAfterTextCbInMicBtn);
           document.removeEventListener("click", alanBtnClickEventListener);
+          document.removeEventListener("click", performLikeOrDislike);
+          document.removeEventListener("click", onCopyClick);
           rootEl.innerHTML = "";
           btnInstance = null;
           if (!isTutorMode()) {
@@ -110830,6 +111081,11 @@ code.hljs {
       var playReadyToListenSound = true;
       var turnOffTimeout = 3e4;
       var turnOffVoiceFn;
+      var completionText = "";
+      var completionToInsert = "";
+      var completions = [];
+      var selectedCompletionIndex = -1;
+      var complitionWasApplied = false;
       var dndInitMousePos2 = [0, 0];
       var dndIsDown = false;
       var btnWasMoved = false;
@@ -110857,6 +111113,21 @@ code.hljs {
       function getUserIdLsPrefix() {
         return uiState.userInfo?.userId ? `-${uiState.userInfo?.userId}` : "";
       }
+      window._alanBtnState = {
+        pageState: {
+          screenshot: {
+            enabled: false
+          }
+        },
+        textChat: {
+          notifications: {
+            enabled: false
+          }
+        }
+      };
+      if (isTutorMode()) {
+        window._alanBtnState.pageState.screenshot.enabled = options?.pageState?.screenshot?.enabled;
+      }
       var pulsatingAnimation = "";
       var pulsatingMicAnimation = "";
       var pulsatingTriangleMicAnimation = "";
@@ -111806,6 +112077,10 @@ code.hljs {
           param.ctx = {
             url: window.location.href
           };
+          storeSocketHistory({
+            type: "request",
+            ...param
+          });
           window.tutorProject.call("text", param, function(e, res) {
             if (e) {
               reject({ error: e });
@@ -112071,7 +112346,6 @@ code.hljs {
         }
       }
       if (isTutorMode()) {
-        uiState.pageState.screenshot.enabled = true;
         manageSyncPageStateListeners(true);
       }
       function changeOptions(options2) {
@@ -112172,7 +112446,10 @@ code.hljs {
         console.log("Alan: options received");
         console.timeEnd("Alan: receiving options time");
         saveOptions(data2);
-        uiState.pageState.screenshot.enabled = data2?.web?.pageState?.screenshot?.enabled;
+        window._alanBtnState.textChat.notifications.enabled = data2?.web?.chatOptions?.textChat?.notifications?.enabled;
+        window._alanBtnState.pageState.screenshot.enabled = data2?.web?.pageState?.screenshot?.enabled;
+        uiState.textChat.autocomplete.enabled = data2?.web?.chatOptions?.textChat?.textarea?.autocomplete?.enabled;
+        uiState.textChat.maxCharactersCount = data2?.web?.chatOptions?.textChat?.textarea?.maxCharactersCount ? +data2?.web?.chatOptions?.textChat?.textarea?.maxCharactersCount : 2e4;
         changeOptions(getOptionsByTheme(data2?.web, uiState.currentTheme || options.theme));
       }
       function setUserId(userId) {
@@ -112254,6 +112531,8 @@ ${curDialogId}`);
         if (options.onConnectionStatus) {
           options.onConnectionStatus(res);
         }
+        isMsgTypingInProcess = false;
+        sendSyncPageState(true);
       }
       function onMicAllowed() {
         sendClientEvent({ micAllowed: true });
@@ -112391,6 +112670,7 @@ ${curDialogId}`);
       function _onTextCb(e) {
         clearMessageProgressStatusInterval();
         const event = Object.assign(e, { name: "text", type: "response" /* Response */ });
+        storeSocketHistory(event);
         if (event.images?.length > 0) {
           event.images = filterImagesForTextChat(event.images);
         }
@@ -112409,6 +112689,9 @@ ${curDialogId}`);
           _onTextCb(e);
         }
       }
+      function storeSocketHistory(event) {
+        uiState.socketMessages.push({ ...event, socketTs: Date.now() });
+      }
       function onQueryProgressCb(e) {
         if (uiState?.textChat?.options?.bubbles?.waitingResponse?.queryProgress?.enabled === false)
           return;
@@ -112420,6 +112703,7 @@ ${curDialogId}`);
             queryProgress: []
           }
         );
+        storeSocketHistory(event);
         if (e.progress?.name) {
           event.queryProgress = [{
             text: e.progress?.name,
@@ -112438,6 +112722,7 @@ ${curDialogId}`);
       }
       function onParsedCbInMicBtn(e) {
         const event = Object.assign(e, { name: "parsed" });
+        storeSocketHistory(event);
         if (options.onEvent) {
           options.onEvent(event);
         }
@@ -112446,6 +112731,7 @@ ${curDialogId}`);
       }
       function onRecognizedCbInMicBtn(e) {
         const event = Object.assign(e, { name: "recognized" });
+        storeSocketHistory(event);
         if (options.onEvent) {
           options.onEvent(event);
         }
@@ -112820,7 +113106,7 @@ ${curDialogId}`);
         return `${buildImagesContent(msg)}${buildMsgTextContent(msg)}${buildLinksContent(msg)}${buildCommandsBlock(msg, uiState?.textChat?.options)}${buildMsgIncommingLoader(msg)}${addGraphIcon(msg)}`;
       }
       initMathJax(textChatMessages.length, (i2) => getMsgElForMathJax(i2));
-      document.addEventListener("click", (e) => {
+      function onCopyClick(e) {
         let clickedEl = e.target;
         clickedEl = clickedEl.closest(".alan-btn__chat-response__copy-btn");
         if (clickedEl) {
@@ -112860,7 +113146,8 @@ ${LEARN_MORE_LABEL}
           }
           enableTextareaInTheChat();
         }
-      }, false);
+      }
+      document.addEventListener("click", onCopyClick, false);
       window.addEventListener("click", (0, import_lodash2.debounce)((e) => {
         if (isTutorMode())
           return;
@@ -112894,6 +113181,7 @@ ${LEARN_MORE_LABEL}
           div.classList.add("alan-hide-msg-immidiatelly");
         });
       }
+      let emptyMessages = {};
       function renderMessageInTextChat(msg, noAnimation, immidiateScroll) {
         if (!uiState.textChat.available)
           return;
@@ -112960,11 +113248,31 @@ ${LEARN_MORE_LABEL}
           }
         }
         msg = { ...msg, ...getMsgReadProp(msg, textChatIsHidden) };
-        const { isNew, msgInd, replaceLoader, updateResponse } = processMessageForChat(msg, textChatMessages);
+        if (msg.type === "response" && msg.name === "text") {
+          const msgResponseId = getMsgResponseId(msg);
+          if (isFinalMessage(msg)) {
+            if (emptyMessages[msgResponseId]) {
+              return;
+            }
+          } else {
+            if (isMsgEmpty(msg)) {
+              emptyMessages[msgResponseId] = msg;
+              return;
+            }
+          }
+          delete emptyMessages[msgResponseId];
+        }
+        const { isNew, msgInd, replaceLoader, updateExistingResponse, skipUpdating } = processMessageForChat(msg, textChatMessages);
+        if (skipUpdating) {
+          return;
+        }
         if (isNew) {
           var div = document.createElement("div");
           div.id = "msg-" + msgInd;
           div.setAttribute("data-request-id", getMsgReqId(msg));
+          if (msg.type === "response") {
+            div.setAttribute("data-response-id", getMsgResponseId(msg));
+          }
           div.classList.add("alan-btn__chat-msg-holder");
           div.setAttribute("data-msg-index", msgInd);
           if (msg.type === "chat") {
@@ -113021,7 +113329,7 @@ ${LEARN_MORE_LABEL}
                 }
                 scrollTextChat(msgsScrollableContainer, "smooth");
               }
-            } else if (updateResponse && msg.type !== "chat") {
+            } else if (updateExistingResponse && msg.type !== "chat") {
               let innerEl = msgEl.querySelector(".alan-btn__chat-inner-msg");
               if (innerEl) {
                 if (innerEl.classList.contains("alan-hidden-loader")) {
@@ -113049,7 +113357,7 @@ ${LEARN_MORE_LABEL}
                 innerEl.insertAdjacentHTML("beforeend", buildCommandsBlock(msg, uiState?.textChat?.options));
                 innerEl.insertAdjacentHTML("beforeend", buildMsgIncommingLoader(updatedMsg));
                 innerEl.insertAdjacentHTML("beforeend", addGraphIcon(updatedMsg));
-                const newSuggestions = msg?.suggestions;
+                const newSuggestions = updatedMsg?.suggestions;
                 if (newSuggestions?.length > 0) {
                   if (innerEl.nextElementSibling?.classList.contains("alan-btn__chat-suggestions")) {
                     innerEl.nextElementSibling.remove();
@@ -113166,6 +113474,7 @@ ${LEARN_MORE_LABEL}
         window.alanIframes = {};
         connectToNewDialog();
         clearDOMChat();
+        uiState.socketMessages = [];
         clearChatHistoryStorage();
         manageSaveChatHistoryBtn();
       }
@@ -113259,6 +113568,7 @@ ${LEARN_MORE_LABEL}
         }
       }
       async function _sendText(text) {
+        manageAutocompeteInChat();
         var msg = { text, type: "request", name: "text" };
         sentMessageInd = null;
         clearMessageProgressStatusInterval();
@@ -113279,6 +113589,16 @@ ${LEARN_MORE_LABEL}
         const regId = getMsgReqId(msg);
         return canceledRequests.indexOf(regId) > -1;
       }
+      function isMsgEmpty(msg) {
+        let isEmpty2 = false;
+        if (msg.type === "response" /* Response */ && msg.name === "text") {
+          isEmpty2 = true;
+          if (msg.images?.length > 0 || msg.links?.length > 0 || msg.suggestions?.length > 0 || msg.text !== "") {
+            isEmpty2 = false;
+          }
+        }
+        return isEmpty2;
+      }
       function enableTextareaInTheChat() {
         var textareaHolderEl = document.getElementById("textarea-holder");
         textareaHolderEl.classList.remove("alan-btn__inactive");
@@ -113290,7 +113610,8 @@ ${LEARN_MORE_LABEL}
         var textareaEl = getChatTextareaEl();
         var textareaHolderEl = document.getElementById("textarea-holder");
         var text = textareaEl.value;
-        if (lastSendMsgTs) {
+        var maxChars = uiState.textChat.maxCharactersCount || 2e4;
+        if (lastSendMsgTs || text?.length > maxChars) {
           return;
         }
         lastSendMsgTs = setTimeout(() => {
@@ -113349,14 +113670,114 @@ ${LEARN_MORE_LABEL}
         }
         resizeTextArea();
       }
-      function onChatTextAreaChange(e) {
+      let latestAutocompleteRequestId = 0;
+      const fillChatAutocompleteDebounced = (0, import_lodash2.debounce)(() => {
+        const requestId = ++latestAutocompleteRequestId;
+        fillChatAutocomplete(requestId);
+      }, 200);
+      function onChatTextAreaChange(event) {
         resizeTextArea();
+        manageAutocompeteInChat();
+        manageSendButtonAvailability();
+      }
+      function manageAutocompeteInChat() {
+        if (uiState.textChat?.autocomplete?.enabled === true) {
+          checkIfNewComplitionNeeded();
+          fillChatAutocompleteDebounced();
+        }
+      }
+      function updateAutocompleteInChat(completion) {
+        const chatAutocompleteEl = getAutocompleteChatTextareaEl();
+        if (chatAutocompleteEl) {
+          completionToInsert = completion || "";
+          completionText = `${completionToInsert}`;
+          chatAutocompleteEl.value = completionText;
+          resizeTextArea();
+        }
+      }
+      function checkIfNewComplitionNeeded() {
+        const chatEl = getChatTextareaEl();
+        const chatAutocompletEl = getAutocompleteChatTextareaEl();
+        if (!chatEl || !chatAutocompletEl)
+          return;
+        const prefix = chatEl.value;
+        const curComplitionText = completionText;
+        if (!curComplitionText.startsWith(prefix) || prefix.trim() === "") {
+          clearChatAutocomplete(true);
+        }
+      }
+      function clearChatAutocomplete(fullClear) {
+        const chatAutocompleteEl = getAutocompleteChatTextareaEl();
+        if (chatAutocompleteEl && completionText?.length > 0) {
+          chatAutocompleteEl.value = "";
+          complitionWasApplied = false;
+          if (fullClear) {
+            completionToInsert = "";
+            completionText = "";
+          }
+        }
+      }
+      function fillChatAutocomplete(requestId) {
+        const maxChars = uiState.textChat.maxCharactersCount || 2e4;
+        const chatEl = getChatTextareaEl();
+        const chatAutocompletEl = getAutocompleteChatTextareaEl();
+        if (!chatEl || !chatAutocompletEl)
+          return;
+        let prefix = chatEl.value;
+        const curComplitionText = completionText;
+        ;
+        if (prefix.trim() === "" || curComplitionText.startsWith(prefix))
+          return;
+        if (prefix.length > maxChars)
+          return;
+        prefix = prefix.replace(/\n+$/, "");
+        if (complitionWasApplied) {
+          complitionWasApplied = false;
+          return;
+        }
+        clearChatAutocomplete(true);
+        if (window.tutorProject) {
+          window.tutorProject.call("chatMessageCompletions", {
+            prefix,
+            candidates: 1
+          }, (err, res) => {
+            if (requestId !== latestAutocompleteRequestId)
+              return;
+            if (err) {
+              console.error("Error getting chat autocompete:", err);
+              updateAutocompleteInChat("");
+              completions = [];
+            } else {
+              completions = res?.completions?.map((el) => `${prefix}${el}`) || [];
+              updateAutocompleteInChat(`${prefix}${res?.completions[0]}`);
+            }
+          });
+        }
+      }
+      function manageSendButtonAvailability() {
+        const maxChars = uiState.textChat.maxCharactersCount || 2e4;
+        const textareaEl = getChatTextareaEl();
+        const sendBtn = document.getElementById("chat-send-btn");
+        const errEl = document.getElementById("alan-btn__chat-footer-err");
+        if (textareaEl && sendBtn && errEl) {
+          if (textareaEl.value.length > 0 && textareaEl.value.length <= maxChars) {
+            sendBtn.classList.remove("alan-btn__disabled");
+          } else {
+            sendBtn.classList.add("alan-btn__disabled");
+          }
+          if (textareaEl.value.length <= maxChars) {
+            errEl.style.display = "none";
+          } else {
+            errEl.style.display = "block";
+          }
+        }
       }
       const resizeTextAreaDebounced = throttle(function() {
         resizeTextArea();
       }, 300);
       function resizeTextArea() {
         var el = getChatTextareaEl();
+        var elAutocomplete = getAutocompleteChatTextareaEl();
         if (!el)
           return;
         const isMultiline = uiState.textChat.options?.textarea?.fieldType === "multi-line";
@@ -113371,7 +113792,13 @@ ${LEARN_MORE_LABEL}
           const lineHeight = fontSize * defaultLineHeight;
           const maxHeight = lineHeight * maxLinesCount + paddingsAndBorder;
           const defaultOneLineHeight = lineHeight + paddingsAndBorder;
-          el.style.height = `${getDynamicInputHeight(el, maxHeight)}px`;
+          const inputHeight = getDynamicInputHeight(el, maxHeight);
+          const autocompleteHeight = getDynamicInputHeight(elAutocomplete, maxHeight);
+          const finalHeight = Math.max(inputHeight, autocompleteHeight);
+          el.style.height = `${finalHeight}px`;
+          if (elAutocomplete) {
+            elAutocomplete.style.height = `${finalHeight}px`;
+          }
           if (el.offsetHeight > defaultOneLineHeight) {
             el.closest("#textarea-holder")?.classList?.add("multi-line");
           } else {
@@ -113380,6 +113807,9 @@ ${LEARN_MORE_LABEL}
         } else {
           el.closest("#textarea-holder")?.classList?.remove("multi-line");
           el.style.height = `100%`;
+          if (elAutocomplete) {
+            elAutocomplete.style.height = `100%`;
+          }
         }
       }
       function getDynamicInputHeight(el, maxHeight) {
@@ -113484,12 +113914,19 @@ ${LEARN_MORE_LABEL}
           range.select();
         }
       }
+      function scrollCursorToEnd(el) {
+        if (!el)
+          return;
+        if (el.tagName === "INPUT") {
+          el.scrollLeft = el.scrollWidth;
+        }
+      }
       let isMsgTypingInProcess = false;
-      function sendSyncPageState() {
+      function sendSyncPageState(forceUpdate = false) {
         if (!isMsgTypingInProcess) {
           syncPageState(function() {
             isMsgTypingInProcess = true;
-          });
+          }, forceUpdate);
         }
       }
       function onChatTextAreaFocus() {
@@ -113498,6 +113935,7 @@ ${LEARN_MORE_LABEL}
       function onChatTextAreaBlur() {
         isMsgTypingInProcess = false;
       }
+      let delPressed = 0;
       function onChatTextAreaKeyDown(e) {
         const keyCode = e.keyCode || e.which;
         sendSyncPageState();
@@ -113508,15 +113946,43 @@ ${LEARN_MORE_LABEL}
           addNewLine(e.target);
           return;
         }
+        if (keyCode === 8) {
+          delPressed++;
+          if (delPressed > 6) {
+            delPressed = 0;
+            latestAutocompleteRequestId++;
+            clearChatAutocomplete(true);
+          }
+        }
         if (keyCode === 13) {
           sendMessageToTextChat();
           e.stopPropagation();
           e.preventDefault();
         }
+        if (keyCode === 9) {
+          const chatAutocompleteEl = getAutocompleteChatTextareaEl();
+          const newTextVal = chatAutocompleteEl?.value || "";
+          if (newTextVal) {
+            delPressed = 0;
+            clearChatAutocomplete(false);
+            moveCursorToEnd(e.target);
+            setTimeout(() => {
+              scrollCursorToEnd(e.target);
+            });
+            e.stopPropagation();
+            e.preventDefault();
+            complitionWasApplied = true;
+            latestAutocompleteRequestId++;
+            e.target.value = "";
+            document.execCommand("insertText", false, completionToInsert || "");
+            return;
+          }
+        }
         const goToPrev = keyCode === 38;
         const goToNext = keyCode === 40;
         const isMultiline = uiState.textChat.options?.textarea?.fieldType === "multi-line";
         if (!isMultiline && (goToPrev || goToNext)) {
+          clearChatAutocomplete(true);
           switchMessages(keyCode);
           e.stopPropagation();
           e.preventDefault();
@@ -113587,6 +114053,9 @@ ${LEARN_MORE_LABEL}
       function getChatTextareaEl() {
         return document.getElementById("chatTextarea");
       }
+      function getAutocompleteChatTextareaEl() {
+        return document.getElementById("chatTextareaAutocomplete");
+      }
       function addNeedClassesToExpandCollapseBtn(parentEl) {
         parentEl.children[0].classList.add("alan-btn__chat-enter-full-screen-mode");
         parentEl.children[1].classList.add("alan-btn__chat-exit-full-screen-mode");
@@ -113601,6 +114070,14 @@ ${LEARN_MORE_LABEL}
         el.addEventListener("keydown", onChatTextAreaKeyDown);
         el.addEventListener("keyup", onChatTextAreaKeyUp);
         el.addEventListener("input", onChatTextAreaChange);
+        el.addEventListener("change", onChatTextAreaChange);
+        return el;
+      }
+      function createAutocompleteInputNode(fieldType) {
+        const el = document.createElement(fieldType);
+        el.id = "chatTextareaAutocomplete";
+        el.setAttribute("autocomplete", "off");
+        el.classList.add("alan-btn__chat-textarea-autocomplete");
         return el;
       }
       function manageSaveChatHistoryBtn() {
@@ -113618,6 +114095,7 @@ ${LEARN_MORE_LABEL}
         var textareaInnerDiv = document.getElementById("textarea-inner-holder");
         var textareaHolderDiv = document.getElementById("textarea-holder-content");
         var chatTextarea = getChatTextareaEl();
+        var chatTextareaAutocomplete = getAutocompleteChatTextareaEl();
         var chatMicBtn = document.getElementById("chat-mic-btn");
         var unmuteAlanBtn = document.getElementById("chat-unmute-btn");
         var chatSendBtn = document.getElementById("chat-send-btn");
@@ -113704,11 +114182,13 @@ ${LEARN_MORE_LABEL}
           var textareaDivGr = document.createElement("div");
           textareaDivGr.classList.add("alan-btn__chat-textarea-holder-gradient");
           chatTextarea = createTextInputNode(isMultiline ? "textarea" : "input");
+          chatTextareaAutocomplete = createAutocompleteInputNode(isMultiline ? "textarea" : "input");
           chatSendBtn = document.createElement("div");
           chatSendBtn.id = "chat-send-btn";
           chatSendBtn.classList.add("alan-btn__chat-send-btn");
           chatSendBtn.addEventListener("click", sendMessageToTextChat);
           textareaInnerDiv.appendChild(chatTextarea);
+          textareaInnerDiv.appendChild(chatTextareaAutocomplete);
           textareaHolderDiv.appendChild(clearChatBtn);
           textareaHolderDiv.appendChild(textareaInnerDiv);
           textareaDiv.appendChild(textareaHolderDiv);
@@ -113716,18 +114196,37 @@ ${LEARN_MORE_LABEL}
           chatDiv.appendChild(headerDiv);
           chatDiv.appendChild(messagesWrapperDiv);
           chatDiv.appendChild(textareaDiv);
+          if (options.textChat?.footerInfoElement) {
+            const footerDiv = createDiv({ class: "alan-btn__chat-footer-info" });
+            footerDiv.appendChild(options.textChat.footerInfoElement);
+            textareaDiv.appendChild(footerDiv);
+          }
+          const footerErrDiv = createDiv({ id: "alan-btn__chat-footer-err", class: "alan-btn__chat-footer-err" });
+          footerErrDiv.innerHTML = "Message too long. Please shorten it.";
+          footerErrDiv.style.display = "none";
+          textareaDiv.prepend(footerErrDiv);
           chatDiv.appendChild(headerDivGr);
           chatHolderDiv.classList.add("alan-btn__chat-holder");
         }
         const tagName = chatTextarea?.tagName?.toLowerCase();
+        const chatParentNode = document.getElementById("textarea-inner-holder");
+        ++latestAutocompleteRequestId;
         if (tagName === "input" && isMultiline) {
           const newTextareaEl = createTextInputNode("textarea");
+          const newAutocompleteTextareaEl = createAutocompleteInputNode("textarea");
           newTextareaEl.placeholder = chatTextarea.placeholder;
-          chatTextarea.parentNode.replaceChild(newTextareaEl, chatTextarea);
+          chatParentNode.replaceChild(newTextareaEl, chatTextarea);
+          if (chatTextareaAutocomplete.parentNode) {
+            chatParentNode.replaceChild(newAutocompleteTextareaEl, chatTextareaAutocomplete);
+          }
         } else if (tagName === "textarea" && !isMultiline) {
           const newTextareaEl = createTextInputNode("input");
+          const newAutocompleteTextareaEl = createAutocompleteInputNode("input");
           newTextareaEl.placeholder = chatTextarea.placeholder;
-          chatTextarea.parentNode.replaceChild(newTextareaEl, chatTextarea);
+          chatParentNode.replaceChild(newTextareaEl, chatTextarea);
+          if (chatTextareaAutocomplete.parentNode) {
+            chatParentNode.replaceChild(newAutocompleteTextareaEl, chatTextareaAutocomplete);
+          }
         }
         setTimeout(() => {
           resizeTextArea();
@@ -113958,13 +114457,8 @@ ${LEARN_MORE_LABEL}
         ];
         const styles = head.querySelectorAll(styleSelectors.join(", "));
         const combinedStylesHTML = Array.from(styles).map((style) => style.outerHTML).join("\n");
-        const txtMessages = JSON.stringify(textChatMessages, null, 2);
         const customHeadContent = `
             ${combinedStylesHTML}
-
-            <script>
-            console.info('Messages in chat:', ${txtMessages});
-            <\/script>
             `;
         const initChat = document.querySelector("#chatMessagesWrapper");
         if (!initChat)
@@ -113986,7 +114480,12 @@ ${LEARN_MORE_LABEL}
             projectId,
             environment: getEnvironment(),
             requestIds: textChatMessages?.length > 0 ? textChatMessages.filter((m) => m.type === "response" /* Response */).map((m) => getMsgReqId(m)) : [],
-            headContent: customHeadContent
+            headContent: customHeadContent,
+            data: {
+              textChatMessages,
+              socketMessages: uiState.socketMessages,
+              theme: uiState.currentTheme
+            }
           });
           if (saveChatStateBtnImg) {
             saveChatStateBtnImg.classList.remove("saving");
@@ -114029,7 +114528,7 @@ ${LEARN_MORE_LABEL}
       function showChatNotifications() {
         if (unreadChatMsgCount > 0) {
           chatNotificationsBubble.innerHTML = unreadChatMsgCount > 99 ? `99+` : `${unreadChatMsgCount}`;
-          chatNotificationsBubble.style.display = "flex";
+          chatNotificationsBubble.classList.remove("super-hidden");
         }
       }
       function manageUnmuteAlanIcon(iconEl, unmuted) {
@@ -114088,7 +114587,7 @@ ${LEARN_MORE_LABEL}
       }
       function hideChatNotifications() {
         unreadChatMsgCount = 0;
-        chatNotificationsBubble.style.display = "none";
+        chatNotificationsBubble.classList.add("super-hidden");
         for (let i2 = 0; i2 < textChatMessages.length; i2++) {
           textChatMessages[i2].read = true;
         }
@@ -114814,7 +115313,8 @@ ${LEARN_MORE_LABEL}
               }
             });
           }
-        }
+        },
+        getSocketMessages
       },
       writable: false,
       configurable: false