@alan-ai/alan-sdk-web 1.8.61 → 1.8.62

package/dist/alan_lib.js

@@ -83982,7 +83982,7 @@
       expanded: false,
       inlined: false,
       options: null,
-      loaderTimeoutMs: 3e4,
+      loaderTimeoutMs: 6e4,
       defaults: {
         minChatWidth: 250,
         appearAnimationMs: 200,
@@ -84037,6 +84037,9 @@
         messages[i].ctx = { format: "markdown" };
       }
     }
+    if (message.ctx?.final === true) {
+      messages[i].ctx.final = message.ctx?.final;
+    }
   }
 
   // alan_btn/src/textChat/helpers/processMessageForChat.ts
@@ -84271,7 +84274,12 @@
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.29492 14.9898C6.88071 14.9898 6.54492 14.654 6.54492 14.2398V12.7003C6.54492 12.5898 6.45538 12.5003 6.34492 12.5003L4.77346 12.5003C4.35925 12.5003 4.02346 12.1645 4.02346 11.7503C4.02346 11.3361 4.35924 11.0003 4.77345 11.0003L6.79491 11.0003C7.48527 11.0003 8.04492 11.5599 8.04492 12.2503V14.2398C8.04492 14.654 7.70914 14.9898 7.29492 14.9898Z" fill="#969EB0"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7285 5.01044C13.1427 5.01044 13.4785 5.34622 13.4785 5.76044V7.29998C13.4785 7.41044 13.5681 7.49998 13.6785 7.49998L15.25 7.49997C15.6642 7.49997 16 7.83576 16 8.24997C16 8.66418 15.6642 8.99997 15.25 8.99997L13.2285 8.99999C12.5382 8.99999 11.9785 8.44035 11.9785 7.74999V5.76044C11.9785 5.34622 12.3143 5.01044 12.7285 5.01044Z" fill="#969EB0"/>
 </svg>
-    `
+    `,
+    saveChatState: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.375 12.875C2.375 15.1141 2.375 16.2337 3.07062 16.9294C3.76624 17.625 4.88583 17.625 7.125 17.625H11.875C14.1142 17.625 15.2337 17.625 15.9294 16.9294C16.625 16.2337 16.625 15.1141 16.625 12.875" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.50001 3.375V13.6667M9.50001 13.6667L12.6667 10.2031M9.50001 13.6667L6.33334 10.2031" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`
   };
   function getCloseChatIcon(textChatOptions) {
     return textChatOptions?.popup?.icons?.close?.svg || chatIcons.closeChat;
@@ -84282,6 +84290,9 @@
   function getCollapseChatIcon(textChatOptions) {
     return textChatOptions?.popup?.icons?.fullScreen?.svgCollapse || chatIcons.collapseChat;
   }
+  function getSaveChatStateIcon(textChatOptions) {
+    return textChatOptions?.popup?.icons?.saveChatState?.svg || chatIcons.saveChatState;
+  }
   function getSendChatIcon(textChatOptions) {
     return textChatOptions?.popup?.icons?.send?.svg || chatIcons.send;
   }
@@ -85181,7 +85192,7 @@
     if (chatGradientType === "custom" && chatCustomBg) {
       chatBackgroud = chatCustomBg;
     }
-    keyFrames += getStyleSheetMarker() + `.alan-btn__popup-chat {
+    keyFrames += getStyleSheetMarker() + `.alan-btn__popup-chat, ${getStyleSheetMarker() + `.alan-btn__history-chat`} {
         height: 100%;
         position: relative;
         overflow: hidden;
@@ -85222,12 +85233,22 @@
         gap: 8px;
         position: relative;
     }`;
+    const defaultTextareaBorderRadius = 20;
+    const topRightBorderRadius = textChatOptions?.textarea?.borderRadius?.topRight || defaultTextareaBorderRadius;
+    const bottomRightBorderRadius = textChatOptions?.textarea?.borderRadius?.bottomRight || defaultTextareaBorderRadius;
+    const calculatedTextareaRightPadding = Math.max(Math.max(topRightBorderRadius, bottomRightBorderRadius), textareaRightPadding);
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-textarea-inner-holder {
         width: 100%;
         height: 100%;
         position: relative;
         display: flex;
         align-items: center;
+        overflow: hidden;
+        border-radius: ${textChatOptions?.textarea?.borderRadius?.topLeft || defaultTextareaBorderRadius}px ${topRightBorderRadius}px ${bottomRightBorderRadius}px ${textChatOptions?.textarea?.borderRadius?.bottomLeft || defaultTextareaBorderRadius}px;
+        border: 1px solid ${textChatOptions?.textarea?.borderColor || textChatOptions?.textarea?.backgroundColor || `transparent`};
+        box-shadow: ${textChatOptions?.textarea?.hasShadow === false ? "none" : `0px 1px 3px rgba(16, 39, 126, 0.2)`};
+        background-color: ${textChatOptions?.textarea?.backgroundColor || `#ffffff`} ;
+        padding: ${getPaddingProp(0, calculatedTextareaRightPadding, 0, 0)};
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-messages-empty-block {
         flex: 1 1 auto;
@@ -85481,6 +85502,23 @@
             fill: ${textChatOptions?.popup?.icons?.close?.hover?.fill || `#97989c`};
         }`;
     }
+    keyFrames += getStyleSheetMarker() + `.alan-btn__save-chat-state-btn {
+        height: 100%;
+        display: ${textChatOptions?.popup?.saveChatState?.enabled ? "flex" : `none`};
+        align-items: center;
+        cursor: pointer;
+        pointer-events: all;
+    }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__save-chat-state-btn-disabled {
+        opacity: 0.5;
+        pointer-events: none;
+    }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__save-chat-state-btn  svg path {
+        stroke: ${textChatOptions?.popup?.icons?.saveChatState?.default?.fill || `#969EB0`};
+    }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__save-chat-state-btn:hover svg path {
+        stroke: ${textChatOptions?.popup?.icons?.saveChatState?.hover?.fill || `#0046ff`};
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__expand-collapse-chat-btn {
         height: 100%;
         display: ${textChatOptions?.popup?.fullScreenMode?.enabled ? "flex" : `none`};
@@ -85553,22 +85591,19 @@
         display: ${withGradientForFooter ? "block" : "none"};
         left:0;
     }`;
-    const defaultTextareaBorderRadius = 20;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-textarea {
         width: 100%;
-        border-radius: ${textChatOptions?.textarea?.borderRadius?.topLeft || defaultTextareaBorderRadius}px ${textChatOptions?.textarea?.borderRadius?.topRight || defaultTextareaBorderRadius}px ${textChatOptions?.textarea?.borderRadius?.bottomRight || defaultTextareaBorderRadius}px ${textChatOptions?.textarea?.borderRadius?.bottomLeft || defaultTextareaBorderRadius}px;
-        border: 1px solid ${textChatOptions?.textarea?.borderColor || textChatOptions?.textarea?.backgroundColor || `transparent`};
-        box-shadow: ${textChatOptions?.textarea?.hasShadow === false ? "none" : `0px 1px 3px rgba(16, 39, 126, 0.2)`};
-        background-color: ${textChatOptions?.textarea?.backgroundColor || `#ffffff`} ;
         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, textareaRightPadding, textareaBottomPadding, textareaLeftPadding)};
+        padding: ${getPaddingProp(textareaTopPadding, 0, textareaBottomPadding, textareaLeftPadding)};
         margin: 0px!important;
         -webkit-user-select: text;
         -khtml-user-select: text;
@@ -85728,8 +85763,14 @@
     }`;
     keyFrames += getStyleSheetMarker() + `.multi-line .alan-btn__chat-mic-btn {
         align-items: flex-end;
+        transform-origin: bottom;
         padding-bottom: ${textareaBottomPadding}px;
     }`;
+    const micActiveBottomPadding = +textareaBottomPadding - 2 >= 0 ? +textareaBottomPadding - 2 : 0;
+    keyFrames += getStyleSheetMarker() + `.multi-line .alan-btn__chat-mic-btn.active {
+        align-items: flex-end;
+        padding-bottom: ${micActiveBottomPadding}px;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-notifications-bubble {
         position: absolute;
         right: 4px;
@@ -86366,102 +86407,86 @@
     const hasCopyBtn = textChatOptions?.bubbles?.response?.copyBtn;
     const commandsBlockIsVisible = hasLikeBtn || hasCopyBtn;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response-commands-wrapper  {
-        margin-top: 10px;
         display: ${commandsBlockIsVisible ? "block" : "none"};
-        ${commandsBlockIsVisible ? `
-        border-top: 1px solid #D2DAE5;
-        
-        ` : ""}
+        line-height: 0;
+    }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response-commands-wrapper-hidden {
+        display: none;
     }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response-commands-wrapper-content  {
         ${commandsBlockIsVisible ? `
         position:relative;
-        margin-top: 10px;
+        margin-top: 4px;
         display: inline-flex;
+        gap: 2px;
         
         ` : ""}
     }`;
-    keyFrames += styleSheetMarker + `.alan-btn__chat-response-commands-wrapper-content:before  {
-
-        ${commandsBlockIsVisible ? `
-        content: '';
-        position: absolute;
-        border-radius: 6px;
-        border: 1px solid #D2DAE5;
-        display: block;
-        width: 100%;
-        height: 100%;
-        top: -1px;
-        left: -1px;
-        pointer-events: none;
-        
-        ` : ""}
-    }`;
+    var copyBtnWidth = 20;
+    var copyBtnHeight = 24;
+    var likeDislikeBtnWidth = 18;
+    var likeDislikeBtnHeight = 24;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__like-btn {
-        opacity: 0.5;
         display: ${textChatOptions?.bubbles?.response?.likeBtn ? "flex" : `none`};
         ${textChatOptions?.bubbles?.response?.likeBtn ? `
-        padding: 4px;
         align-items: center;
         border-radius: 5px;
         cursor: pointer;
-        width:28px;
-        min-width:28px;
-        height:32px;
-        min-height:32px;
+        width:${likeDislikeBtnWidth}px;
+        min-width:${likeDislikeBtnWidth}px;
+        height:${likeDislikeBtnHeight}px;
+        min-height:${likeDislikeBtnHeight}px;
         ` : ``};
         
      }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__dislike-btn {
-        opacity: 0.5;
         display: ${textChatOptions?.bubbles?.response?.likeBtn ? "flex" : `none`};
         ${textChatOptions?.bubbles?.response?.likeBtn ? `
-        padding: 4px;
         align-items: center;
         border-radius: 5px;
         cursor: pointer;
-        width:28px;
-        min-width:28px;
-        height:32px;
-        min-height:32px;
+        width:${likeDislikeBtnWidth}px;
+        min-width:${likeDislikeBtnWidth}px;
+        height:${likeDislikeBtnHeight}px;
+        min-height:${likeDislikeBtnHeight}px;
         ` : ``};
      }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn {
-        opacity: 0.5;
         display: ${textChatOptions?.bubbles?.response?.copyBtn ? "inline-flex" : `none`};
         ${textChatOptions?.bubbles?.response?.copyBtn ? `
-        padding: 4px;
         align-items: center;
         border-radius: 5px;
         cursor: pointer;
-        width:28px;
-        min-width:28px;
-        height:32px;
-        min-height:32px;
+        width:${copyBtnWidth}px;
+        min-width:${copyBtnWidth}px;
+        height:${copyBtnHeight}px;
+        min-height:${copyBtnHeight}px;
         ` : ``};
      }`;
+    const bottomBtnsBgColor = textChatOptions?.bubbles?.response?.bottomBtns?.backgroundColor?.hover || `#dcddde`;
+    const bottomBtnsColor = textChatOptions?.bubbles?.response?.bottomBtns?.color || "#17171780";
     if (!isMobile()) {
       keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn:hover  {
-            background-color:#D2DAE5!important;
+            background-color:${bottomBtnsBgColor}!important;
          }`;
       keyFrames += styleSheetMarker + `.alan-btn__chat-response__like-btn:hover  {
-            background-color:#D2DAE5!important;
+            background-color:${bottomBtnsBgColor}!important;
          }`;
       keyFrames += styleSheetMarker + `.alan-btn__chat-response__dislike-btn:hover  {
-            background-color:#D2DAE5!important;
+            background-color:${bottomBtnsBgColor}!important;
          }`;
     }
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn svg {
         width: 20px;
      }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn svg path {
-        fill: ${responseBubbleFontColor};
+        fill: ${bottomBtnsColor};
      }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__like-btn svg path  {
-        fill: ${responseBubbleFontColor};
+        fill: ${bottomBtnsColor};
     }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__dislike-btn svg path  {
-        fill: ${responseBubbleFontColor};
+        fill: ${bottomBtnsColor};
     }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn alan-btn__copy-icon {
         width: 22px;
@@ -86476,8 +86501,51 @@
         display: inline-block;
      }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn.alan-copy-btn-copied .alan-btn__copied-icon {
-        stroke: ${responseBubbleFontColor};
+        stroke: ${bottomBtnsColor};
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__code-wrapper {
+        position: relative;
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__code-wrapper:hover  .alan-btn__chat-response__copy-code-btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn {
+        position: absolute;
+        top: 2px;
+        right: 2px;
+        width:${copyBtnWidth}px;
+        min-width:${copyBtnWidth}px;
+        height:${copyBtnHeight}px;
+        min-height:${copyBtnHeight}px;
+        border-radius: 2px;
+        cursor: pointer;
+        display: none;
      }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn .alan-btn__copied-icon {
+        display: none;
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn.alan-copy-btn-copied .alan-btn__copy-icon {
+        display: none;
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn.alan-copy-btn-copied .alan-btn__copied-icon {
+        display: inline-block;
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn svg path {
+        fill: ${bottomBtnsColor};
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn.alan-copy-btn-copied .alan-btn__copied-icon {
+        stroke: ${bottomBtnsColor};
+     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn svg {
+        width:20px;
+     }`;
+    if (!isMobile()) {
+      keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-code-btn:hover {
+             background-color:${bottomBtnsBgColor}!important;
+         }`;
+    }
     return keyFrames;
   }
   function getCssForResponseLoader(styleSheetMarker, textChatOptions) {
@@ -86705,17 +86773,18 @@
       hasFooterLinks = !!tempNode.querySelector(".footnotes");
       tempNode.remove();
     }
-    for (let i = 0; i < msg.links?.length; i++) {
-      const curLink = msg.links[i];
+    const links = msg.links?.filter((link) => isValidUrl(link?.href));
+    for (let i = 0; i < links?.length; i++) {
+      const curLink = links[i];
       const target = getLinkTarget(curLink);
       linksHtml += `<a class="alan-btn__chat-response-link" href="${curLink.href}" target="${target}">
             <span class="alan-btn__chat-response-link-icon-wrapper">${getLinkIcon(curLink)}</span>
             <span class="alan-btn__chat-response-link-title">${curLink.title || curLink.href}</span>
         </a>`;
     }
-    if (msg.links?.length) {
+    if (links?.length) {
       linksBlock = `<div class="alan-btn__chat-response-links-wrapper ${(msg.text || msg.images?.length > 0) && !hasFooterLinks ? "with-content-on-top" : ""}">
-        ${!hasFooterLinks ? `<span style="margin-right: 10px;display: inline-block;font-weight: 500;">${LEARN_MORE_LABEL} </span>` : ""}
+        ${!hasFooterLinks ? `<span style="margin-right: 10px;display: inline-block;font-weight: 600;">${LEARN_MORE_LABEL} </span>` : ""}
             ${linksHtml}
     </div>`;
     }
@@ -86728,6 +86797,16 @@
       return "_blank";
     }
   }
+  function isValidUrl(url) {
+    try {
+      const parsedUrl = new URL(url);
+      const hasValidProtocol = parsedUrl.protocol === "http:" || parsedUrl.protocol === "https:";
+      const hasValidHostname = parsedUrl.hostname.length > 0;
+      return hasValidProtocol && hasValidHostname;
+    } catch (e) {
+      return false;
+    }
+  }
 
   // alan_btn/src/styles/markdown.ts
   function generateCssForMarkdown(stylesheetMarker, classPrefix) {
@@ -86989,16 +87068,21 @@
     }`,
       `.footnotes-list:before {
         content: '${LEARN_MORE_LABEL}';
-        font-weight: 500;
+        font-weight: 600;
     }`,
       `.footnote-item {
         position: relative;
-        display: inline-block;
+        display: inline-flex;
+        align-items: center;
+        max-width: 100%;
         border-radius: ${learnMoreTopLeftBorderRadius}px ${learnMoreTopRightBorderRadius}px ${learnMoreBottomRightBorderRadius}px ${learnMoreBottomLeftBorderRadius}px;
         cursor: pointer;
         border: 1px solid ${learnMoreLinkBorderColor};
         margin-bottom:4px;
         background-color: ${learnMoreLinkBackgroundColor};
+    }`,
+      `.footnote-item .footnote-backref {
+        display: none;
     }`,
       `.footnote-item:hover {
         border: 1px solid ${learnMoreLinkHoverBorderColor};
@@ -87014,6 +87098,10 @@
         padding-right: 6px;
         padding-left: 6px;
         display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        color: ${linkColor}!important;
     }`,
       `.footnote-item:hover p a {
         text-decoration: none!important;
@@ -87280,14 +87368,41 @@
 
   // alan_btn/src/textChat/highlightJs.ts
   window.hljs = es_default;
+  if (window.hljs) {
+    window.hljs.addPlugin({
+      "after:highlightElement": ({ el, text }) => {
+        const wrapper = el.parentElement;
+        if (wrapper == null) {
+          return;
+        }
+        wrapper.classList.add("alan-btn__chat-response__code-wrapper");
+        const copyButton = document.createElement("span");
+        copyButton.classList.add(
+          "alan-btn__chat-response__copy-code-btn"
+        );
+        copyButton.innerHTML = chatIcons.copy + chatIcons.copied;
+        copyButton.onclick = () => {
+          copyTextToBuffer(text);
+          copyButton.classList.add("alan-copy-btn-copied");
+          setTimeout(() => {
+            copyButton.classList.remove("alan-copy-btn-copied");
+          }, 2e3);
+        };
+        wrapper.appendChild(copyButton);
+      }
+    });
+  }
   var hljsTheme = false;
-  function initHighlightJs(theme) {
-    if (hljsTheme === theme)
+  function initHighlightJs(theme, customDocument) {
+    const doc = customDocument || document;
+    const hljsStylesId = `alan-hljs-styles-${theme}`;
+    if (hljsTheme === theme && doc.getElementById(hljsStylesId))
       return;
     hljsTheme = theme;
-    var style = document.createElement("style");
+    var style = doc.createElement("style");
     style.textContent = highlightJsCss(theme);
-    document.getElementsByTagName("head")[0].appendChild(style);
+    style.id = hljsStylesId;
+    doc.getElementsByTagName("head")[0].appendChild(style);
   }
   function highlightCode(msgsHolder) {
     if (window.hljs) {
@@ -87420,7 +87535,8 @@
       .hljs-tag {
         /* purposely ignored */
         
-      }`;
+      }
+      `;
     const darkTheme = `
       pre code.hljs {
   display: block;
@@ -87538,7 +87654,6 @@ code.hljs {
 .hljs-punctuation,
 .hljs-tag {
   /* purposely ignored */
-  
 }`;
     const themes = {
       light: lightTheme,
@@ -87729,55 +87844,65 @@ code.hljs {
 
   // alan_btn/src/autosync.ts
   var popstateListenerWasAdded = false;
-  var previousUrl = "";
-  function autoSyncPageState(data) {
-    if (data && data.web?.pageState?.autoSync !== false) {
+  var prevPageContent = "";
+  var ALAN_BTN_PAGE_SYNC_EVENT = "alan-btn__page-sync";
+  var syncPageStateDebounced = debounce(function() {
+    window.dispatchEvent(new Event(ALAN_BTN_PAGE_SYNC_EVENT));
+  }, 1e3);
+  function autoSyncPageState(isEnabled) {
+    if (isEnabled) {
       sendPageState();
       if (popstateListenerWasAdded !== true) {
         popstateListenerWasAdded = true;
-        window.addEventListener("locationchange", listenForPopState);
+        window.addEventListener(ALAN_BTN_PAGE_SYNC_EVENT, listenForPageChanges);
       }
     } else {
       popstateListenerWasAdded = false;
-      window.removeEventListener("locationchange", listenForPopState);
+      window.removeEventListener(ALAN_BTN_PAGE_SYNC_EVENT, listenForPageChanges);
+    }
+  }
+  function logMutations(mutationsList, observer) {
+    for (const mutation of mutationsList) {
+      if (mutation?.target?.closest && mutation?.target?.closest(".alanBtn-root")) {
+        continue;
+      }
+      syncPageStateDebounced([]);
     }
   }
-  function addListenerForUrlChange() {
+  function addSyncPageStateListener() {
+    if (window.MutationObserver) {
+      var observer = new MutationObserver(logMutations);
+      observer.observe(document.body, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
+    }
     if (window.navigation) {
       window.navigation.addEventListener("navigate", (e) => {
-        window.dispatchEvent(new Event("locationchange"));
-      });
-    } else if ("MutationObserver" in window) {
-      var observer = new MutationObserver(function(mutations) {
-        if (window.location.href !== previousUrl) {
-          previousUrl = window.location.href;
-          window.dispatchEvent(new Event("locationchange"));
-        }
+        window.dispatchEvent(new Event(ALAN_BTN_PAGE_SYNC_EVENT));
       });
-      var config = { subtree: true, childList: true };
-      observer.observe(document, config);
     } else {
       const history = window.history;
       const oldPushState = history.pushState;
       history.pushState = function pushState(...args) {
         const ret = oldPushState.apply(this, args);
-        window.dispatchEvent(new Event("pushstate"));
-        window.dispatchEvent(new Event("locationchange"));
+        window.dispatchEvent(new Event(ALAN_BTN_PAGE_SYNC_EVENT));
         return ret;
       };
       const oldReplaceState = history.replaceState;
       history.replaceState = function replaceState(...args) {
         const ret = oldReplaceState.apply(this, args);
-        window.dispatchEvent(new Event("replacestate"));
-        window.dispatchEvent(new Event("locationchange"));
+        window.dispatchEvent(new Event(ALAN_BTN_PAGE_SYNC_EVENT));
         return ret;
       };
       window.addEventListener("popstate", () => {
-        window.dispatchEvent(new Event("locationchange"));
+        window.dispatchEvent(new Event(ALAN_BTN_PAGE_SYNC_EVENT));
       });
     }
   }
-  function listenForPopState() {
+  function listenForPageChanges() {
     sendPageState();
   }
   function sendPageState() {
@@ -87785,26 +87910,35 @@ code.hljs {
     page.innerHTML = document.getElementsByTagName("html")[0].innerHTML;
     var scripts = page.getElementsByTagName("script");
     var styles = page.getElementsByTagName("style");
-    var elementsToRemove = [...scripts, ...styles];
+    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 (prevPageContent === pageContent) {
+      return;
+    }
+    prevPageContent = pageContent;
     if (window.tutorProject) {
-      window.tutorProject.call("syncPageState", { html: page.outerHTML });
+      window.tutorProject.call("syncPageState", {
+        html: pageContent,
+        url: window.location.href
+      });
     }
   }
 
   // alan_btn/src/textChat/buildCommandsBlock.ts
-  function buildCommandsBlock(msg) {
-    if (msg.ctx?.hasActions) {
-      return `<div class="alan-btn__chat-response-commands-wrapper">
+  function buildCommandsBlock(msg, textChatOptions) {
+    const isBlockVisible = msg.ctx?.enableFeedback || textChatOptions?.bubbles?.response?.copyBtn;
+    return `<div class="alan-btn__chat-response-commands-wrapper ${isBlockVisible !== true ? "alan-btn__chat-response-commands-wrapper-hidden" : ""}">
         <div class="alan-btn__chat-response-commands-wrapper-content">
         ${buildCopyBtnContent(msg)}
-            <span class="alan-btn__chat-response__like-btn ${msg.liked >= 1 ? "selected" : ""}">${getLikeSvgIcon(msg)}</span>
-            <span class="alan-btn__chat-response__dislike-btn ${msg.liked <= -1 ? "selected" : ""}">${getDislikeSvgIcon(msg)}</span>
+        ${msg.ctx?.enableFeedback ? `
+        <span class="alan-btn__chat-response__like-btn ${msg.liked >= 1 ? "selected" : ""}">${getLikeSvgIcon(msg)}</span>
+        <span class="alan-btn__chat-response__dislike-btn ${msg.liked <= -1 ? "selected" : ""}">${getDislikeSvgIcon(msg)}</span>` : ""}
         </div></div>`;
-    }
-    return "";
   }
   function getLikeSvgIcon(msg) {
     return msg.liked === 1 ? chatIcons.likeSelected : chatIcons.like;
@@ -87818,10 +87952,88 @@ code.hljs {
       return copyBtn;
     return msg.type === "response" && isFinalMessage(msg) ? copyBtn : "";
   }
+  function changeMsgLikeStatus(msg) {
+    const reqId = msg.ctx?.reqId || msg.reqId;
+    if (reqId) {
+      window.tutorProject.call("sendFeedback", { reqId, status: msg.liked });
+    }
+  }
+  function resetStylesForLikeAndDislikeBtns(curMsgBubble, msg) {
+    const likeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__like-btn");
+    const dislikeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__dislike-btn");
+    if (likeBtnEl && dislikeBtnEl) {
+      likeBtnEl.innerHTML = getLikeSvgIcon(msg);
+      dislikeBtnEl.innerHTML = getDislikeSvgIcon(msg);
+    }
+  }
+  function deleteHiddenImagesWithCode(str) {
+    return (str || "").replace(/<img\s+style="display:none;".*?\/>/gi, "").replace(/\s+$/g, "");
+  }
+
+  // alan_btn/src/textChat/saveChatStateToFile.ts
+  function saveChatState(chatEl, projectId, headContent, codeContent) {
+    const alanBtnContent = chatEl.outerHTML;
+    const alanMainClass = "alan-" + projectId;
+    const newHtmlContent = `
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+        <title>Alan Text Chat History</title>
+        ${headContent ? headContent : ""}
+        <style>
+        body {
+            padding:0 !important;
+            margin: 0 !important;
+            background: #c6cbce;
+        }
+        .alan-btn__history-chat-header > h1 {
+            padding-left: 10px !important;
+            color: #000;
+        }
+        .alan-btn__history-chat-header {
+            margin: 0px auto;
+            max-width: 500px;
+        }
+        .alan-history-inner-content {
+            margin: 0px auto;
+            max-width: 500px;
+            height:100%;
+            box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);
+        }
+        </style>
+    </head>
+    <body class="alan-btn__history-body">
+        <div class="alan-history-content ${alanMainClass}">
+            <div class="alan-btn__history-chat-header">
+                <h1>Alan Text Chat History</h1>
+            </div>
+            <div class="alan-btn__history-chat alan-history-inner-content">
+                ${alanBtnContent}
+            </div>
+        </div>
+        ${codeContent ? codeContent : ""}
+    </body>
+    </html>
+`;
+    const now = /* @__PURE__ */ new Date();
+    const year = now.getFullYear();
+    const month = String(now.getMonth() + 1).padStart(2, "0");
+    const day = String(now.getDate()).padStart(2, "0");
+    const hours = String(now.getHours()).padStart(2, "0");
+    const minutes = String(now.getMinutes()).padStart(2, "0");
+    const seconds = String(now.getSeconds()).padStart(2, "0");
+    const formattedDate = `__${year}-${month}-${day}_${hours}-${minutes}-${seconds}`;
+    const blob = new Blob([newHtmlContent], { type: "text/html" });
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(blob);
+    link.download = `alan_text_chat_history${formattedDate}.html`;
+    link.click();
+    URL.revokeObjectURL(link.href);
+  }
 
   // alan_btn/alan_btn.ts
   (function(ns) {
-    uiState.lib.version = "alan-version.1.8.61".replace("alan-version.", "");
+    uiState.lib.version = "alan-version.1.8.62".replace("alan-version.", "");
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState.lib.version + ")");
     }
@@ -88205,6 +88417,8 @@ code.hljs {
       var btnBgLayerZIndex;
       var popupIsVisible = false;
       var tabActive = true;
+      var tabId = guid();
+      saveTabId();
       window.addEventListener("online", updateOnlineStatus);
       window.addEventListener("offline", updateOnlineStatus);
       window.addEventListener("focus", syncChatHistoryBetweenTabs);
@@ -89305,12 +89519,15 @@ code.hljs {
         }
       }
       if (options.key && !isTutorMode()) {
-        addListenerForUrlChange();
+        addSyncPageStateListener();
+      }
+      if (isTutorMode()) {
+        autoSyncPageState(true);
       }
       function onOptionsReceived(data) {
         console.log("Alan: options received");
         console.timeEnd("Alan: receiving options time");
-        autoSyncPageState(data);
+        autoSyncPageState(data && data.web?.pageState?.autoSync !== false);
         if (data && data.web) {
           keepButtonPositionAfterDnD = data.web.alanButtonDragAndDrop?.keepButtonPositionAfterDnD || data.web.keepButtonPositionAfterDnD;
           if (!keepButtonPositionAfterDnD) {
@@ -89923,12 +90140,6 @@ code.hljs {
         }
         return imgsBlock;
       }
-      function changeMsgLikeStatus(msg) {
-        const reqId = msg.ctx?.reqId || msg.reqId;
-        if (reqId) {
-          window.tutorProject.call("sendFeedback", { reqId, status: msg.liked });
-        }
-      }
       function performLikeOrDislike(e) {
         const curMsgBubble = e.target.closest(".alan-btn__chat-msg-holder");
         if (!curMsgBubble)
@@ -89949,14 +90160,6 @@ code.hljs {
         resetStylesForLikeAndDislikeBtns(curMsgBubble, msg);
         saveMessageHistory();
       }
-      function resetStylesForLikeAndDislikeBtns(curMsgBubble, msg) {
-        const likeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__like-btn");
-        const dislikeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__dislike-btn");
-        if (likeBtnEl && dislikeBtnEl) {
-          likeBtnEl.innerHTML = getLikeSvgIcon(msg);
-          dislikeBtnEl.innerHTML = getDislikeSvgIcon(msg);
-        }
-      }
       document.removeEventListener("click", performLikeOrDislike);
       document.addEventListener("click", performLikeOrDislike);
       function buildMsgTextContent(msg) {
@@ -89971,13 +90174,16 @@ code.hljs {
         return result ? `<span class="alan-btn__chat-response-text-wrapper">${fixTargetForLinks(result)}</span>` : "";
       }
       function buildMsgContent(msg) {
-        return `${buildImagesContent(msg)}${buildMsgTextContent(msg)}${buildLinksContent(msg)}${buildCommandsBlock(msg)}${buildMsgIncommingLoader(msg)}`;
+        return `${buildImagesContent(msg)}${buildMsgTextContent(msg)}${buildLinksContent(msg)}${buildCommandsBlock(msg, uiState?.textChat?.options)}${buildMsgIncommingLoader(msg)}`;
       }
       initMathJax(textChatMessages.length, (i2) => getMsgElForMathJax(i2));
       document.addEventListener("click", (e) => {
         let clickedEl = e.target;
         clickedEl = clickedEl.closest(".alan-btn__chat-response__copy-btn");
         if (clickedEl) {
+          let textChat = clickedEl.closest("#alan-text-chat");
+          if (!textChat)
+            return;
           clickedEl.classList.add("alan-copy-btn-copied");
           setTimeout(() => {
             clickedEl.classList.remove("alan-copy-btn-copied");
@@ -89987,7 +90193,7 @@ code.hljs {
           const msg = textChatMessages[msgInd];
           let textToCopy = "";
           if (msg) {
-            textToCopy = msg.text || "";
+            textToCopy = deleteHiddenImagesWithCode(msg.text || "");
             copyTextToBuffer(
               (msg.images?.length > 0 ? msg.images?.map((img) => img.src).join("\n") + "\n\n" : "") + textToCopy + (msg.links?.length > 0 ? `
 
@@ -90035,11 +90241,11 @@ ${LEARN_MORE_LABEL}
               }
             }
             if (msg.ctx) {
-              if (window.fakeMsg?.ctx?.hasActions) {
-                msg.ctx.hasActions = window.fakeMsg?.ctx?.hasActions;
+              if (window.fakeMsg?.ctx?.enableFeedback) {
+                msg.ctx.enableFeedback = window.fakeMsg?.ctx?.enableFeedback;
               }
             } else {
-              msg.ctx = { hasActions: window.fakeMsg?.ctx?.hasActions };
+              msg.ctx = { enableFeedback: window.fakeMsg?.ctx?.enableFeedback };
             }
             window.fakeMsg = null;
           }
@@ -90141,7 +90347,7 @@ ${LEARN_MORE_LABEL}
                 }
                 innerEl.insertAdjacentHTML("beforeend", buildMsgTextContent(updatedMsg));
                 innerEl.insertAdjacentHTML("beforeend", buildLinksContent(updatedMsg));
-                innerEl.insertAdjacentHTML("beforeend", buildCommandsBlock(msg));
+                innerEl.insertAdjacentHTML("beforeend", buildCommandsBlock(msg, uiState?.textChat?.options));
                 innerEl.insertAdjacentHTML("beforeend", buildMsgIncommingLoader(msg));
                 if (isMsgContainsTable(innerEl?.innerHTML)) {
                   innerEl.classList.add("with-table");
@@ -90168,6 +90374,7 @@ ${LEARN_MORE_LABEL}
             enableTextareaInTheChat();
           }
         }
+        manageSaveChatHistoryBtn();
       }
       function scrollTextChat(msgHolder, behavior) {
         const scrollOptions = {
@@ -90193,7 +90400,10 @@ ${LEARN_MORE_LABEL}
       }
       function saveMessageHistory() {
         if (isLocalStorageAvailable && curDialogId) {
-          localStorage.setItem(getKeyForSavingTextChatMessages(), JSON.stringify(textChatMessages));
+          const lastActiveTabId = localStorage.getItem("alan-btn-tab-id");
+          if (lastActiveTabId === tabId) {
+            localStorage.setItem(getKeyForSavingTextChatMessages(), JSON.stringify(textChatMessages));
+          }
         }
       }
       function getKeyForSavingTextChatMessages() {
@@ -90228,11 +90438,18 @@ ${LEARN_MORE_LABEL}
       function clearChatAndChatHistory() {
         clearChat();
         clearChatHistoryStorage();
+        manageSaveChatHistoryBtn();
       }
       function syncChatHistoryBetweenTabs() {
         tabActive = true;
+        saveTabId();
         restoreMessageList(false);
       }
+      function saveTabId() {
+        if (isLocalStorageAvailable) {
+          localStorage.setItem("alan-btn-tab-id", tabId);
+        }
+      }
       function restoreMessageList(initLoad) {
         var savedMsgs;
         if (isLocalStorageAvailable) {
@@ -90352,6 +90569,36 @@ ${LEARN_MORE_LABEL}
       function onChatTextAreaChange(e) {
         resizeTextArea();
       }
+      const resizeTextAreaDebounced = throttle(function() {
+        resizeTextArea();
+      }, 300);
+      function resizeTextArea() {
+        var el = getChatTextareaEl();
+        if (!el)
+          return;
+        const isMultiline = uiState.textChat.options?.textarea?.fieldType === "multi-line";
+        const defaultLineHeight = uiState.textChat.defaults.textareaLineHeight;
+        if (isMultiline) {
+          const defaultChatTextareaFontSize = uiState.textChat.defaults.textareaFontSize;
+          const fontSize = +getTextAreaFontSize(isMobile(), uiState.textChat.options?.textarea?.fontSize || defaultChatTextareaFontSize);
+          const textareaTopPadding = +getNumPropVal(uiState.textChat.options?.textarea?.padding?.top, 12);
+          const textareaBottomPadding = +getNumPropVal(uiState.textChat.options?.textarea?.padding?.bottom, 12);
+          const maxLinesCount = Math.max(+getNumPropVal(uiState.textChat.options?.textarea?.maxLinesCount, 7), 1);
+          const paddingsAndBorder = textareaTopPadding + textareaBottomPadding;
+          const lineHeight = fontSize * defaultLineHeight;
+          const maxHeight = lineHeight * maxLinesCount + paddingsAndBorder;
+          const defaultOneLineHeight = lineHeight + paddingsAndBorder;
+          el.style.height = `${getDynamicInputHeight(el, maxHeight)}px`;
+          if (el.offsetHeight > defaultOneLineHeight) {
+            el.closest("#textarea-holder")?.classList?.add("multi-line");
+          } else {
+            el.closest("#textarea-holder")?.classList?.remove("multi-line");
+          }
+        } else {
+          el.closest("#textarea-holder")?.classList?.remove("multi-line");
+          el.style.height = `100%`;
+        }
+      }
       function getDynamicInputHeight(el, maxHeight) {
         const style = window.getComputedStyle(el);
         const text = el.value;
@@ -90382,36 +90629,6 @@ ${LEARN_MORE_LABEL}
         el.style.overflow = maxHeight - newHeight - 2 > 0 ? "hidden" : "auto";
         return newHeight;
       }
-      const resizeTextAreaDebounced = throttle(function() {
-        resizeTextArea();
-      }, 300);
-      function resizeTextArea() {
-        var el = getChatTextareaEl();
-        if (!el)
-          return;
-        const isMultiline = uiState.textChat.options?.textarea?.fieldType === "multi-line";
-        const defaultLineHeight = uiState.textChat.defaults.textareaLineHeight;
-        if (isMultiline) {
-          const defaultChatTextareaFontSize = uiState.textChat.defaults.textareaFontSize;
-          const fontSize = +getTextAreaFontSize(isMobile(), uiState.textChat.options?.textarea?.fontSize || defaultChatTextareaFontSize);
-          const textareaTopPadding = +getNumPropVal(uiState.textChat.options?.textarea?.padding?.top, 12);
-          const textareaBottomPadding = +getNumPropVal(uiState.textChat.options?.textarea?.padding?.bottom, 12);
-          const maxLinesCount = +getNumPropVal(uiState.textChat.options?.textarea?.maxLinesCount, 7);
-          const paddingsAndBorder = textareaTopPadding + textareaBottomPadding + 4;
-          const lineHeight = fontSize * defaultLineHeight;
-          const maxHeight = lineHeight * maxLinesCount + paddingsAndBorder;
-          const defaultOneLineHeight = lineHeight + paddingsAndBorder;
-          el.style.height = `${getDynamicInputHeight(el, maxHeight)}px`;
-          if (el.offsetHeight > defaultOneLineHeight) {
-            el.closest("#textarea-holder")?.classList?.add("multi-line");
-          } else {
-            el.closest("#textarea-holder")?.classList?.remove("multi-line");
-          }
-        } else {
-          el.closest("#textarea-holder")?.classList?.remove("multi-line");
-          el.style.height = `100%`;
-        }
-      }
       function getRestoreMsgsLsKey() {
         const projectId = getProjectId();
         return `alan-btn-chat-sent-history-${projectId}`;
@@ -90576,6 +90793,16 @@ ${LEARN_MORE_LABEL}
         el.addEventListener("input", onChatTextAreaChange);
         return el;
       }
+      function manageSaveChatHistoryBtn() {
+        var saveChatStateBtnImg = document.getElementById("alan-btn-save-chat-state-btn");
+        if (saveChatStateBtnImg) {
+          if (textChatMessages?.length > 0) {
+            saveChatStateBtnImg.classList.remove("alan-btn__save-chat-state-btn-disabled");
+          } else {
+            saveChatStateBtnImg.classList.add("alan-btn__save-chat-state-btn-disabled");
+          }
+        }
+      }
       function initTextChat() {
         var textareaDiv = document.getElementById("textarea-holder");
         var textareaInnerDiv = document.getElementById("textarea-inner-holder");
@@ -90591,6 +90818,7 @@ ${LEARN_MORE_LABEL}
         var leftHeaderIconsHolder = document.getElementById("chat-header-left-icons");
         var closeChatBtnImg = document.getElementById("alan-btn-chat-close-btn");
         var expandCollapseChatBtnImg = document.getElementById("alan-btn-expand-collapse-chat-btn");
+        var saveChatStateBtnImg = document.getElementById("alan-btn-save-chat-state-btn");
         const isMultiline = uiState.textChat.options?.textarea?.fieldType === "multi-line";
         if (!chatDivWrapper.classList.contains("alan-btn__chat")) {
           document.addEventListener("touchstart", keyboardScrollFixListenerForChat, { passive: false });
@@ -90626,11 +90854,20 @@ ${LEARN_MORE_LABEL}
           leftHeaderIconsHolder = createDiv({ id: "chat-header-left-icons", class: "alan-btn__chat-header-left-icons" });
           rightHeaderIconsHolder = createDiv({ id: "chat-header-right-icons", class: "alan-btn__chat-header-right-icons" });
           if (!isMobile()) {
+            saveChatStateBtnImg = createDivWithSvg(
+              getSaveChatStateIcon(uiState?.textChat?.options),
+              { class: "alan-btn__save-chat-state-btn", id: "alan-btn-save-chat-state-btn" }
+            );
             expandCollapseChatBtnImg = createDivWithSvg(
               `${getExpandChatIcon(uiState?.textChat?.options)}${getCollapseChatIcon(uiState?.textChat?.options)}`,
               { class: "alan-btn__expand-collapse-chat-btn", id: "alan-btn-expand-collapse-chat-btn" }
             );
+            rightHeaderIconsHolder.appendChild(saveChatStateBtnImg);
             rightHeaderIconsHolder.appendChild(expandCollapseChatBtnImg);
+            saveChatStateBtnImg.addEventListener("click", () => {
+              const headContent = document.head.innerHTML;
+              saveChatState(document.querySelector("#chatMessagesWrapper"), getProjectId(), headContent);
+            });
             expandCollapseChatBtnImg.addEventListener("click", expandCollapseTextChat);
             addNeedClassesToExpandCollapseBtn(expandCollapseChatBtnImg);
           }
@@ -90686,6 +90923,9 @@ ${LEARN_MORE_LABEL}
         if (closeChatBtnImg) {
           closeChatBtnImg.innerHTML = getCloseChatIcon(uiState.textChat.options);
         }
+        if (saveChatStateBtnImg) {
+          saveChatStateBtnImg.innerHTML = getSaveChatStateIcon(uiState.textChat.options);
+        }
         if (expandCollapseChatBtnImg) {
           expandCollapseChatBtnImg.innerHTML = `${getExpandChatIcon(uiState?.textChat?.options)}${getCollapseChatIcon(uiState?.textChat?.options)}`;
           addNeedClassesToExpandCollapseBtn(expandCollapseChatBtnImg);
@@ -90744,6 +90984,7 @@ ${LEARN_MORE_LABEL}
             chatTextarea.setAttribute("placeholder", uiState.textChat.options?.textarea?.placeholder);
           }
         }
+        manageSaveChatHistoryBtn();
       }
       function getOpenCloseTextChatLocalStorageKey() {
         return `alan-btn-text-chat-opened-for-projectId-${getProjectId()}`;