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

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) {
@@ -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`} ;
@@ -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;
@@ -102563,19 +102625,20 @@ code.hljs {
       window.removeEventListener(ALAN_BTN_PAGE_SYNC_EVENT, listenForPageChanges);
     }
   }
-  function syncPageState(onSendCb) {
-    sendPageState(onSendCb);
+  function syncPageState(onSendCb, forceUpdate) {
+    sendPageState(onSendCb, forceUpdate);
   }
   function listenForPageChanges() {
     sendPageState();
   }
   async function captureScreenshot() {
     const canvas = await html2canvas(document.body, {
-      logging: false
+      logging: false,
+      scale: 1
     });
     return canvas.toDataURL("image/png");
   }
-  async function sendPageState(onSendCb) {
+  async function sendPageState(onSendCb, forceUpdate) {
     var page = document.createElement("html");
     page.innerHTML = document.getElementsByTagName("html")[0].innerHTML;
     var scripts = page.getElementsByTagName("script");
@@ -102590,7 +102653,7 @@ code.hljs {
     if (onSendCb) {
       onSendCb();
     }
-    if (prevPageContent === pageContent) {
+    if (prevPageContent === pageContent && !forceUpdate) {
       return;
     }
     prevPageContent = pageContent;
@@ -102599,7 +102662,7 @@ code.hljs {
         html: pageContent,
         url: window.location.href
       };
-      if (uiState.pageState.screenshot.enabled) {
+      if (window._alanBtnState?.pageState?.screenshot?.enabled) {
         params.screenshot = await captureScreenshot();
       }
       window.tutorProject.call("syncPageState", params);
@@ -109295,6 +109358,18 @@ 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 extractScriptContents(html) {
     const scriptContents = [];
     const parser2 = new DOMParser();
@@ -109738,7 +109813,9 @@ code.hljs {
                 }
             }
 
-            renderDetailsContent(id, 'code');
+            // Set default mode based on data type
+            const defaultMode = detailsData.type === 'markdown' ? 'preview' : 'code';
+            renderDetailsContent(id, defaultMode);
 
         }
 
@@ -109806,7 +109883,7 @@ code.hljs {
     <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>
@@ -110098,7 +110175,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 +110301,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 +110384,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 +110451,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 +110611,7 @@ 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.93".replace("alan-version.", "");
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState.lib.version + ")");
     }
@@ -110830,6 +110941,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 +110973,16 @@ code.hljs {
       function getUserIdLsPrefix() {
         return uiState.userInfo?.userId ? `-${uiState.userInfo?.userId}` : "";
       }
+      window._alanBtnState = {
+        pageState: {
+          screenshot: {
+            enabled: false
+          }
+        }
+      };
+      if (isTutorMode()) {
+        window._alanBtnState.pageState.screenshot.enabled = options?.pageState?.screenshot?.enabled;
+      }
       var pulsatingAnimation = "";
       var pulsatingMicAnimation = "";
       var pulsatingTriangleMicAnimation = "";
@@ -111806,6 +111932,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 +112201,6 @@ code.hljs {
         }
       }
       if (isTutorMode()) {
-        uiState.pageState.screenshot.enabled = true;
         manageSyncPageStateListeners(true);
       }
       function changeOptions(options2) {
@@ -112172,7 +112301,9 @@ 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.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 +112385,8 @@ ${curDialogId}`);
         if (options.onConnectionStatus) {
           options.onConnectionStatus(res);
         }
+        isMsgTypingInProcess = false;
+        sendSyncPageState(true);
       }
       function onMicAllowed() {
         sendClientEvent({ micAllowed: true });
@@ -112391,6 +112524,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 +112543,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 +112557,7 @@ ${curDialogId}`);
             queryProgress: []
           }
         );
+        storeSocketHistory(event);
         if (e.progress?.name) {
           event.queryProgress = [{
             text: e.progress?.name,
@@ -112438,6 +112576,7 @@ ${curDialogId}`);
       }
       function onParsedCbInMicBtn(e) {
         const event = Object.assign(e, { name: "parsed" });
+        storeSocketHistory(event);
         if (options.onEvent) {
           options.onEvent(event);
         }
@@ -112446,6 +112585,7 @@ ${curDialogId}`);
       }
       function onRecognizedCbInMicBtn(e) {
         const event = Object.assign(e, { name: "recognized" });
+        storeSocketHistory(event);
         if (options.onEvent) {
           options.onEvent(event);
         }
@@ -112894,6 +113034,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 +113101,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 +113182,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")) {
@@ -113166,6 +113327,7 @@ ${LEARN_MORE_LABEL}
         window.alanIframes = {};
         connectToNewDialog();
         clearDOMChat();
+        uiState.socketMessages = [];
         clearChatHistoryStorage();
         manageSaveChatHistoryBtn();
       }
@@ -113259,6 +113421,7 @@ ${LEARN_MORE_LABEL}
         }
       }
       async function _sendText(text) {
+        manageAutocompeteInChat();
         var msg = { text, type: "request", name: "text" };
         sentMessageInd = null;
         clearMessageProgressStatusInterval();
@@ -113279,6 +113442,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 +113463,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 +113523,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 +113645,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 +113660,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 +113767,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 +113788,7 @@ ${LEARN_MORE_LABEL}
       function onChatTextAreaBlur() {
         isMsgTypingInProcess = false;
       }
+      let delPressed = 0;
       function onChatTextAreaKeyDown(e) {
         const keyCode = e.keyCode || e.which;
         sendSyncPageState();
@@ -113508,15 +113799,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 +113906,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 +113923,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 +113948,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 +114035,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 +114049,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();
@@ -113959,11 +114311,16 @@ ${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 socketMessages = JSON.stringify(uiState.socketMessages, null, 2);
         const customHeadContent = `
             ${combinedStylesHTML}
 
             <script>
-            console.info('Messages in chat:', ${txtMessages});
+            function showAlanDebugLogs() {
+                console.info('Alan lib v: ${uiState.lib.version}');
+                console.info('Messages in chat:', ${txtMessages});
+                console.info('Messages in socket:', ${socketMessages});
+            }
             <\/script>
             `;
         const initChat = document.querySelector("#chatMessagesWrapper");
@@ -114814,7 +115171,8 @@ ${LEARN_MORE_LABEL}
               }
             });
           }
-        }
+        },
+        getSocketMessages
       },
       writable: false,
       configurable: false