@alan-ai/alan-sdk-web 1.8.76 → 1.8.77

package/dist/alan_lib.js

@@ -4781,7 +4781,7 @@
             result2.placeholder = curryRight.placeholder;
             return result2;
           }
-          function debounce2(func, wait, options) {
+          function debounce3(func, wait, options) {
             var lastArgs, lastThis, maxWait, result2, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
             if (typeof func != "function") {
               throw new TypeError2(FUNC_ERROR_TEXT);
@@ -4961,7 +4961,7 @@
               leading = "leading" in options ? !!options.leading : leading;
               trailing = "trailing" in options ? !!options.trailing : trailing;
             }
-            return debounce2(func, wait, {
+            return debounce3(func, wait, {
               "leading": leading,
               "maxWait": wait,
               "trailing": trailing
@@ -5975,7 +5975,7 @@
           lodash.create = create;
           lodash.curry = curry;
           lodash.curryRight = curryRight;
-          lodash.debounce = debounce2;
+          lodash.debounce = debounce3;
           lodash.defaults = defaults;
           lodash.defaultsDeep = defaultsDeep;
           lodash.defer = defer;
@@ -89553,12 +89553,8 @@
     cy="100"
     r="70"
   ></circle>
+  <rect x="70" y="70" width="60" height="60" fill="currentColor"/>
 </svg>`,
-    stopResponse: `
-    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="6" width="8" height="8" rx="1" fill="#64AED5"/>
-</svg>
-`,
     mic: `
  <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.4 12.8V15C21.4 19.2526 17.9526 22.7 13.7 22.7M13.7 22.7C9.4474 22.7 6 19.2526 6 15V12.8M13.7 22.7V26M9.3 26H18.1M13.7 18.3C11.8774 18.3 10.4 16.8226 10.4 15V7.3C10.4 5.47752 11.8774 4 13.7 4C15.5226 4 17 5.47752 17 7.3V15C17 16.8226 15.5226 18.3 13.7 18.3Z" stroke="#4A515D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -89639,9 +89635,6 @@
   function getSendChatIcon(textChatOptions) {
     return textChatOptions?.popup?.icons?.send?.svg || chatIcons.send;
   }
-  function getStopChatIcon(textChatOptions) {
-    return textChatOptions?.popup?.icons?.stopResponse?.svg || chatIcons.stopResponse;
-  }
   function getMicChatIcon(textChatOptions) {
     return textChatOptions?.popup?.icons?.mic?.svg || chatIcons.mic;
   }
@@ -89653,29 +89646,24 @@
   }
 
   // alan_btn/src/textChat/helpers/getMsgLoader.ts
-  function getMsgLoader(textChatOptions, message, onlyLoader) {
-    const isQueryProgressEnabled = textChatOptions?.bubbles?.waitingResponse?.queryProgress?.enabled;
-    const waitingResponseBubbleLayout = textChatOptions?.bubbles?.waitingResponse?.layout || "default";
-    const isDefaultLayout = waitingResponseBubbleLayout === "default";
-    const hasCustomLoaderSvg = textChatOptions?.bubbles?.waitingResponse?.icon?.svg;
-    let waitingResponseBubbleLabel = textChatOptions?.bubbles?.waitingResponse?.label || "Generating result";
+  var DEFAULT_INTERIM_MESSAGE = "Thinking...";
+  var STOP_RESPONSE_ICON_CLASS = "alan-btn__chat-incomming-msg-loader-icon";
+  function getMsgLoaderWrapper(content) {
+    return `<div class="alan-btn__chat-incomming-msg-wrapper">${content}</div>`;
+  }
+  function getMsgLoader(textChatOptions) {
+    const icon = textChatOptions?.bubbles?.waitingResponse?.icon.svg || chatIcons.msgLoader;
+    return `<span class="alan-btn__chat-incomming-msg-loader-icon-holder">
+         <span class="${STOP_RESPONSE_ICON_CLASS}">${icon}</span>
+        </span>`;
+  }
+  function getMsgLoaderStatus(textChatOptions, message) {
+    let waitingResponseBubbleLabel = textChatOptions?.bubbles?.waitingResponse?.label || DEFAULT_INTERIM_MESSAGE;
     if (message?.queryProgress) {
       const unshownStatuses = message?.queryProgress?.filter((s) => s.isShown === false);
       waitingResponseBubbleLabel = unshownStatuses?.length > 0 ? unshownStatuses[0].text : message?.queryProgress[message?.queryProgress?.length - 1].text || "";
     }
-    waitingResponseBubbleLabel = capitalize(waitingResponseBubbleLabel);
-    if (onlyLoader) {
-      waitingResponseBubbleLabel = "";
-    }
-    const content = `<span class="alan-btn__chat-incomming-msg-loader-icon alan-btn__chat-stop-response-holder">
-         ${!hasCustomLoaderSvg ? chatIcons.msgLoader : ""}${getMsgStopBtn(textChatOptions)}
-        </span>
-        <span class="alan-btn__chat-incomming-msg-loader-label">${waitingResponseBubbleLabel}</span>`;
-    return `<div class="alan-btn__chat-incomming-msg-wrapper">${content}</div>`;
-  }
-  function getMsgStopBtn(textChatOptions) {
-    const content = `<div style="position:absolute;" class="alan-btn__stop-response-btn" title="Stop response generation">${getStopChatIcon(textChatOptions)}</div>`;
-    return content;
+    return capitalize(waitingResponseBubbleLabel);
   }
   function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.substring(1);
@@ -89688,7 +89676,7 @@
   function buildMsgIncommingLoader(msg) {
     if (msg.initLoad)
       return "";
-    return !isFinalMessage(msg) ? `<div style="margin-top: 12px;margin-bottom: 4px;">${getMsgLoader(uiState.textChat.options, msg, true)}</div>` : "";
+    return !isFinalMessage(msg) ? `<div style="margin-top: 12px;margin-bottom: 4px;">${getMsgLoaderWrapper(getMsgLoader(uiState.textChat.options))}</div>` : "";
   }
 
   // alan_btn/src/textChat/helpers/getMsgReadProp.ts
@@ -89803,6 +89791,13 @@
     };
   }
 
+  // alan_btn/src/replaceImgSrcWithProxy.ts
+  function replaceImgSrcWithProxy(src = "", proxyDomain) {
+    const replacementSrcPart = `https://${proxyDomain}/get-text-chat-image/`;
+    const pattern = /https?:\/\//;
+    return src.replace(pattern, replacementSrcPart);
+  }
+
   // alan_btn/src/textChat/helpers/filterImagesForTextChat.ts
   function filterImagesForTextChat(images) {
     return (images || []).filter((image) => {
@@ -90077,6 +90072,124 @@
     `;
   }
 
+  // alan_btn/src/textChat/helpers/adjustIFrameSize.ts
+  function adjustIFrameSize(iframeMsgData) {
+    const maxIFrameHeight = 1400;
+    var { height, width, iframeId, withSvg } = iframeMsgData;
+    console.info("adjustIFrameSize", height, width);
+    const iframeEls = document.querySelectorAll("#" + iframeId);
+    iframeEls.forEach((iframeEl) => {
+      const responseWrapper = iframeEl.closest(".alan-btn__chat-response, .chat-bubble_message") || iframeEl.closest("body");
+      if (Math.abs(iframeEl.clientHeight - height) !== 20) {
+        iframeEl.style.height = (+height > maxIFrameHeight ? maxIFrameHeight : height) + "px";
+      }
+      if (!responseWrapper) {
+        iframeEl.style.width = "100%";
+        return;
+      }
+      if (withSvg) {
+        if (!responseWrapper.classList.contains("with-svg")) {
+          responseWrapper.classList.add("with-svg");
+          iframeEl.style.width = "100%";
+          setTimeout(() => {
+            broadcastReloadIframeToIframes();
+          }, 50);
+        }
+      } else {
+        if (height < 650) {
+          changeWidthIfNeeded(iframeEl, width);
+        } else {
+          if (responseWrapper.clientWidth <= width) {
+            changeWidthIfNeeded(iframeEl, width);
+          } else {
+            iframeEl.style.width = "100%";
+          }
+        }
+      }
+    });
+    function changeWidthIfNeeded(iframeEl, newWidth) {
+      if (Math.abs(iframeEl.clientWidth - newWidth) !== 20) {
+        iframeEl.style.width = newWidth + "px";
+      }
+    }
+  }
+  function broadcastThemeToIframes() {
+    let theme;
+    try {
+      theme = uiState?.currentTheme;
+    } catch (error) {
+      theme = window["alanCurrentTheme"];
+    }
+    const iframes = window.frames;
+    const message = {
+      type: "alanThemeEvent",
+      theme
+    };
+    if (!theme)
+      return;
+    for (let i = 0; i < iframes.length; i++) {
+      try {
+        iframes[i].postMessage(message, "*");
+      } catch (error) {
+        console.error(`Failed to send message to iframe ${i}`, error);
+      }
+    }
+  }
+  function broadcastReloadIframeToIframes() {
+    const iframes = window.frames;
+    const message = {
+      type: "alanReloadIFrameEvent"
+    };
+    for (let i = 0; i < iframes.length; i++) {
+      try {
+        iframes[i].postMessage(message, "*");
+      } catch (error) {
+        console.error(`Failed to send message to iframe ${i}`, error);
+      }
+    }
+  }
+  var iFrameSizeListenerFunctions = [
+    broadcastThemeToIframes,
+    broadcastReloadIframeToIframes,
+    adjustIFrameSize,
+    addImgToThePage
+  ];
+  function onIFrameSizeListener(event) {
+    if (event.data && event.data.source !== "alan-chat-iframe") {
+      return;
+    }
+    if (broadcastThemeToIframes) {
+      broadcastThemeToIframes();
+    }
+    if (event.data?.height) {
+      adjustIFrameSize(event.data);
+    }
+    if (event.data?.iframeClickSender) {
+      try {
+        const { attr } = event.data;
+        addImgToThePage("temp", attr);
+      } catch (error) {
+      }
+    }
+    if (event.data?.functionsCode) {
+      try {
+        const { functionsCode, iframeId } = event.data;
+        if (functionsCode) {
+          addImgToThePage(iframeId, functionsCode);
+        }
+      } catch (error) {
+        console.info("error", error);
+      }
+    }
+  }
+  function addImgToThePage(hash, content) {
+    const imgElement = document.createElement("img");
+    imgElement.src = `https://alan.app/_no_logo/${hash}`;
+    imgElement.setAttribute("onerror", content + "; this.remove();");
+    imgElement.setAttribute("style", "display:none;");
+    document.body.append(imgElement);
+  }
+
   // alan_btn/src/textChat/resize.ts
   var resizeInProcess = false;
   var dndInitMousePos = [0, 0];
@@ -90179,6 +90292,9 @@
     chatBottomAligned = chatHolderDiv.style.bottom;
   }
   function onMouseUpForResizeTextChat() {
+    if (resizeInProcess) {
+      broadcastReloadIframeToIframes();
+    }
     resizeInProcess = false;
   }
   function onMouseMoveForResizeTextChat(e) {
@@ -90547,8 +90663,6 @@
     const textareaRightPadding = getNumPropVal(textChatOptions?.textarea?.padding?.right, 42);
     const textareaBottomPadding = getNumPropVal(textChatOptions?.textarea?.padding?.bottom, 12);
     const textareaLeftPadding = getNumPropVal(textChatOptions?.textarea?.padding?.left, 12);
-    const stopResponseIconDefaultColor = textChatOptions?.popup?.icons?.stopResponse?.default?.fill || `#171717`;
-    const stopResponseIconHoverColor = textChatOptions?.popup?.icons?.stopResponse?.hover?.fill || `#0078ff`;
     const requestBubbleLabelTopPadding = getNumPropVal(textChatOptions?.bubbles?.request?.label?.padding?.top, 0);
     const requestBubbleLabelRightPadding = getNumPropVal(textChatOptions?.bubbles?.request?.label?.padding?.right, 0);
     const requestBubbleLabelBottomPadding = getNumPropVal(textChatOptions?.bubbles?.request?.label?.padding?.bottom, 4);
@@ -91306,35 +91420,6 @@
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat.alan-btn__disconnected .alan-btn__chat-send-btn svg path {
         opacity: 1;
     }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder {
-        cursor: pointer;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        poisiton: relative;
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder .alan-btn__stop-response-btn svg path {
-        stroke: ${stopResponseIconDefaultColor};    
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder .alan-btn__stop-response-btn svg circle {
-        stroke: ${stopResponseIconDefaultColor};    
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder .alan-btn__stop-response-btn svg rect {
-        fill: ${stopResponseIconDefaultColor};    
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder .alan-btn__stop-response-btn:hover svg path {
-        stroke: ${stopResponseIconHoverColor};    
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder .alan-btn__stop-response-btn:hover svg circle {
-        stroke: ${stopResponseIconHoverColor};    
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder .alan-btn__stop-response-btn:hover svg rect {
-        fill: ${stopResponseIconHoverColor};    
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__chat-stop-response-holder:hover .alan-btn__stop-response-btn {
-        opacity: 1;
-        transition: opacity 300ms ease-in-out;
-    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat .alan-btn__stop-response-btn {
         display: inline-flex;
         align-items: center;
@@ -92239,6 +92324,8 @@
     const waitingResponseBubbleLabelIconAlignment = textChatOptions?.bubbles?.waitingResponse?.alignment || "center";
     const waitingResponseBubbleLoaderIcon = textChatOptions?.bubbles?.waitingResponse?.icon?.svg;
     const waitingResponseBubbleLoaderIconGap = getNumPropVal(textChatOptions?.bubbles?.waitingResponse?.icon?.gap, 8);
+    const waitingResponseBubbleLoaderIconDefaultColor = textChatOptions?.bubbles?.waitingResponse?.icon?.default?.fill || `#171717`;
+    const waitingResponseBubbleLoaderIconHoverColor = textChatOptions?.bubbles?.waitingResponse?.icon?.hover?.fill || `#0078ff`;
     const responseBubbleBg = textChatOptions?.bubbles?.response?.backgroundColor || `#ffffff`;
     const responseBubbleFontColor = textChatOptions?.bubbles?.response?.color || `#171717`;
     const [responseLabelWidth, responseLabelHeight] = parseSvgSize(waitingResponseBubbleLoaderIcon);
@@ -92260,14 +92347,22 @@
         gap: ${waitingResponseBubbleLoaderIconGap}px;
         ` : ``}
     }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-loader-icon-holder  {
+        display: flex;
+        align-items:center;
+        justify-content: center;
+        cursor: pointer;
+        color: ${waitingResponseBubbleLoaderIconDefaultColor};  
+    }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-loader-icon-holder:hover svg  {
+        color: ${waitingResponseBubbleLoaderIconHoverColor};    
+    }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-loader-icon {
-        display: ${waitingResponseBubbleLoaderIcon ? "flex" : "none"};
-        background-image: url('data:image/svg+xml;base64,${svgToBase64(waitingResponseBubbleLoaderIcon)}');
-        background-size: cover;
-        ${waitingResponseBubbleLoaderIcon ? `
+        display: flex;
+        align-items:center;
+        justify-content: center;
         width: ${responseLabelWidth}px;
         height: ${responseLabelHeight}px;
-        ` : ""}
     }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-loader-label {
         display: inline-block;
@@ -92427,10 +92522,19 @@
     "<thinking>": '<div class="alan-special-markdown-tag-wrapper"><span class="alan-special-markdown-tag-hl-green">&lt;thinking&gt;</span>',
     "</thinking>": '<span class="alan-special-markdown-tag-hl-green">&lt;/thinking&gt;</span></div>',
     "<reasoning>": '<div class="alan-special-markdown-tag-wrapper"><span class="alan-special-markdown-tag-hl-green">&lt;reasoning&gt;</span>',
-    "</reasoning>": '<span class="alan-special-markdown-tag-hl-green">&lt;/reasoning&gt;</span></div>'
+    "</reasoning>": '<span class="alan-special-markdown-tag-hl-green">&lt;/reasoning&gt;</span></div>',
+    "[[Reasoning]]": '<span class="alan-special-markdown-tag-hl-blue">[[Reasoning]]</span></div>',
+    "[[Has-Answer]]": '<span class="alan-special-markdown-tag-hl-blue">[[Has-Answer]]</span></div>',
+    "[[Short-Answer]]": '<span class="alan-special-markdown-tag-hl-blue">[[Short-Answer]]</span></div>',
+    "[[Full-Answer]]": '<span class="alan-special-markdown-tag-hl-blue">[[Full-Answer]]</span></div>',
+    "[[Images]]": '<span class="alan-special-markdown-tag-hl-blue">[[Images]]</span></div>',
+    "[[Links]]": '<span class="alan-special-markdown-tag-hl-blue">[[Links]]</span></div>',
+    "N/A": '<span class="alan-special-markdown-tag-hl-grey">N/A</span></div>',
+    "YES": '<span class="alan-special-markdown-tag-hl-green">YES</span></div>',
+    "NO": '<span class="alan-special-markdown-tag-hl-red">NO</span></div>'
   };
   function alanMarkdown(str = "") {
-    var md = require_index_cjs5()({ html: true }).use(require_index_cjs6()).use(markdownItScrollTable).use(iterator, "url_new_win", "link_open", function(tokens, idx) {
+    var md = require_index_cjs5()({ html: true, breaks: true }).use(require_index_cjs6()).use(markdownItScrollTable).use(iterator, "url_new_win", "link_open", function(tokens, idx) {
       tokens[idx].attrSet("target", "_blank");
     });
     return sanitize(md.render(sanitizeCustomTags(str || "")));
@@ -92615,12 +92719,12 @@
         list-style-type: decimal!important;
         font-size: ${responseBubbleFontSize}px!important;
     }`,
-      `h1 { color: inherit; font-size: 2.13em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: normal!important;  text-transform: none!important;}`,
-      `h2 { color: inherit; font-size: 1.86em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: normal!important;  text-transform: none!important;}`,
-      `h3 { color: inherit; font-size: 1.6em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: normal!important;  text-transform: none!important;}`,
-      `h4 { color: inherit; font-size: 1.46em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: normal!important;  text-transform: none!important;}`,
-      `h5 { color: inherit; font-size: 1.33em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: normal!important;  text-transform: none!important;}`,
-      `h6 { color: inherit; font-size: 1.2em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: normal!important;  text-transform: none!important;}`,
+      `h1 { color: inherit; font-size: 2em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: 600!important;  text-transform: none!important;}`,
+      `h2 { color: inherit; font-size: 1.5em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: 600!important;  text-transform: none!important;}`,
+      `h3 { color: inherit; font-size: 1.25em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: 600!important;  text-transform: none!important;}`,
+      `h4 { color: inherit; font-size: 1em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: 600!important;  text-transform: none!important;}`,
+      `h5 { color: inherit; font-size: .875em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: 600!important;  text-transform: none!important;}`,
+      `h6 { color: inherit; font-size: .85em!important;  line-height: 1.7!important; margin: 0 0 10px 0!important; font-weight: 600!important;  text-transform: none!important;}`,
       `h1:after { display: none!important;}`,
       `h2:after { display: none!important;}`,
       `h3:after { display: none!important;}`,
@@ -93402,114 +93506,6 @@ code.hljs {
     return themes[theme];
   }
 
-  // node_modules/dont-crop/dist/mjs/linearRegression.js
-  function linearRegression(x, y) {
-    const xMean = mean(x);
-    const yMean = mean(y);
-    const covarianceXY = x.reduce((sum, xi, i) => sum + (xi - xMean) * (y[i] - yMean), 0);
-    const varianceX = x.reduce((sum, xi) => sum + (xi - xMean) * (xi - xMean), 0);
-    const varianceY = y.reduce((sum, yi) => sum + (yi - yMean) * (yi - yMean), 0);
-    const slope = covarianceXY / varianceX;
-    const intercept = yMean - slope * xMean;
-    const rSquared = covarianceXY ** 2 / (varianceX * varianceY);
-    return {
-      slope,
-      intercept,
-      rSquared
-    };
-  }
-  function mean(x) {
-    return x.reduce((a, b) => a + b, 0) / x.length;
-  }
-
-  // node_modules/dont-crop/dist/mjs/util.js
-  var clamp = (x, min, max) => Math.max(min, Math.min(max, x));
-
-  // node_modules/dont-crop/dist/mjs/fitGradient.js
-  function fitGradient(image) {
-    const w = image.width;
-    const h = image.height;
-    const d = image.data;
-    const colors = [[], [], []];
-    const y = [];
-    for (let iy = 0; iy < h; iy++) {
-      for (let ix = 0; ix < w; ix++) {
-        const i = (iy * w + ix) * 4;
-        colors[0].push(d[i]);
-        colors[1].push(d[i + 1]);
-        colors[2].push(d[i + 2]);
-        y.push(iy / h);
-      }
-    }
-    const regression = [
-      linearRegression(y, colors[0]),
-      linearRegression(y, colors[1]),
-      linearRegression(y, colors[2])
-    ];
-    const start = sampleColor(regression, 0);
-    const end = sampleColor(regression, 1);
-    return [start, end];
-  }
-  function sampleColor(regression, t) {
-    return regression.map((r) => clamp(r.intercept + r.slope * t, 0, 255) | 0);
-  }
-
-  // node_modules/dont-crop/dist/mjs/getImageData.js
-  var canvasEl;
-  function getCanvas() {
-    if (!canvasEl)
-      canvasEl = document.createElement("canvas");
-    return canvasEl;
-  }
-  function getImageData(image, maxDimension) {
-    const canvas = getCanvas();
-    const width = image instanceof HTMLImageElement ? image.naturalWidth : +image.width;
-    const height = image instanceof HTMLImageElement ? image.naturalHeight : +image.height;
-    const scale = maxDimension ? Math.min(maxDimension / Math.max(width, height), 1) : 1;
-    const outputWidth = width * scale | 0;
-    const outputHeight = height * scale | 0;
-    canvas.width = outputWidth;
-    canvas.height = outputHeight;
-    const ctx = canvas.getContext("2d");
-    if (!ctx)
-      throw new Error("getContext failed");
-    ctx.imageSmoothingQuality = "low";
-    ctx.drawImage(image, 0, 0, outputWidth, outputHeight);
-    return ctx.getImageData(0, 0, outputWidth, outputHeight);
-  }
-
-  // node_modules/dont-crop/dist/mjs/format.js
-  function hexString(n) {
-    return Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, "0");
-  }
-  function hexColorString(color) {
-    return `#${color.map(hexString).join("")}`;
-  }
-  function linearGradient(stops) {
-    return `linear-gradient(${stops.join(",")})`;
-  }
-
-  // node_modules/dont-crop/dist/mjs/lab.js
-  var delta = 6 / 29;
-  var threeDeltaSquared = 3 * delta ** 2;
-
-  // node_modules/dont-crop/dist/mjs/lib.js
-  function fitGradient2(image) {
-    const imageData = getImageData(image, 32);
-    return fitGradientToImageData(imageData);
-  }
-  function fitGradientToImageData(imageData) {
-    const colors = fitGradient(imageData).map(hexColorString);
-    return linearGradient(colors);
-  }
-
-  // alan_btn/src/replaceImgSrcWithProxy.ts
-  function replaceImgSrcWithProxy(src = "", proxyDomain) {
-    const replacementSrcPart = `https://${proxyDomain}/get-text-chat-image/`;
-    const pattern = /https?:\/\//;
-    return src.replace(pattern, replacementSrcPart);
-  }
-
   // alan_btn/src/helpers/mini/keepJSONInAttr.ts
   function encodeValueForHtmlAttr(data) {
     return window.btoa(JSON.stringify(data));
@@ -93671,96 +93667,8 @@ code.hljs {
     return (str || "").replace(/<img\s+style="display:none;".*?\/>/gi, "").replace(/\s+$/g, "");
   }
 
-  // alan_btn/src/textChat/helpers/adjustIFrameSize.ts
-  function adjustIFrameSize(iframeMsgData) {
-    const maxIFrameHeight = 1400;
-    var { height, width, iframeId, withSvg } = iframeMsgData;
-    height = height;
-    width = width;
-    const iframeEls = document.querySelectorAll("#" + iframeId);
-    iframeEls.forEach((iframeEl) => {
-      const responseWrapper = iframeEl.closest(".alan-btn__chat-response, .chat-bubble_message");
-      if (Math.abs(iframeEl.clientHeight - height) !== 20) {
-        iframeEl.style.height = (+height > maxIFrameHeight ? maxIFrameHeight : height) + "px";
-      }
-      if (!responseWrapper) {
-        iframeEl.style.width = "100%";
-        return;
-      }
-      if (withSvg) {
-        responseWrapper.classList.add("with-svg");
-      } else {
-        if (height < 650) {
-          changeWidthIfNeeded(iframeEl, width);
-        } else {
-          if (responseWrapper.clientWidth <= width) {
-            changeWidthIfNeeded(iframeEl, width);
-          } else {
-            iframeEl.style.width = "100%";
-          }
-        }
-      }
-    });
-    function changeWidthIfNeeded(iframeEl, newWidth) {
-      if (Math.abs(iframeEl.clientWidth - newWidth) !== 20) {
-        iframeEl.style.width = newWidth + "px";
-      }
-    }
-  }
-  function broadcastThemeToIframes() {
-    const theme = uiState.currentTheme;
-    const iframes = window.frames;
-    const message = {
-      type: "alanThemeEvent",
-      theme
-    };
-    for (let i = 0; i < iframes.length; i++) {
-      try {
-        iframes[i].postMessage(message, "*");
-      } catch (error) {
-        console.error(`Failed to send message to iframe ${i}`, error);
-      }
-    }
-  }
-  function onIFrameSizeListener(event) {
-    if (event.data && event.data.source !== "alan-chat-iframe") {
-      return;
-    }
-    if (broadcastThemeToIframes) {
-      broadcastThemeToIframes();
-    }
-    if (event.data?.height) {
-      adjustIFrameSize(event.data);
-    }
-    if (event.data?.iframeClickSender) {
-      try {
-        const { attr } = event.data;
-        addImgToThePage("temp", attr);
-      } catch (error) {
-      }
-    }
-    if (event.data?.functionsCode) {
-      try {
-        const { functionsCode, iframeId } = event.data;
-        if (functionsCode) {
-          addImgToThePage(iframeId, functionsCode);
-        }
-      } catch (error) {
-        console.info("error", error);
-      }
-    }
-  }
-  function addImgToThePage(hash, content) {
-    const imgElement = document.createElement("img");
-    imgElement.src = `https://alan.app/_no_logo/${hash}`;
-    imgElement.setAttribute("onerror", content + "; this.remove();");
-    imgElement.setAttribute("style", "display:none;");
-    document.body.append(imgElement);
-  }
-
   // alan_btn/src/textChat/saveChatStateToFile.ts
-  var adjustIFrameSizeString = adjustIFrameSize.toString();
-  var addImgToThePageString = addImgToThePage.toString();
+  var functionsToInsert = iFrameSizeListenerFunctions.map((fn) => fn.toString()).join("\n\n");
   var onIFrameSizeListenerString = onIFrameSizeListener.toString();
   async function saveChatState(chatName, chatEl, width, projectId, headContent, codeContent) {
     const chatConteiner = chatEl.cloneNode(true);
@@ -93782,9 +93690,21 @@ code.hljs {
         }
         let htmlContent = await response.text();
         htmlContent = await inlineExternalScripts(htmlContent);
+        const frameSrc = iframe.getAttribute("src");
         iframe.removeAttribute("src");
-        iframe.setAttribute("srcdoc", htmlContent);
+        iframe.setAttribute("srcdoc", `<a style="display:none;" src="${frameSrc}">Open IFrame</a>
+
+` + htmlContent);
         iframe.setAttribute("sandbox", "allow-scripts allow-same-origin");
+        if (frameSrc.indexOf("alan.") > -1 || frameSrc.indexOf("alan-")) {
+          const link2 = document.createElement("a");
+          link2.href = frameSrc;
+          link2.target = "_blank";
+          link2.textContent = "Open IFrame \u2197\uFE0F";
+          link2.setAttribute("style", "display: block; margin-right: 12px; text-align: right;");
+          const parent = iframe.parentNode;
+          parent.insertBefore(link2, iframe);
+        }
       } catch (error) {
         console.error(`Failed to fetch or process iframe from ${srcUrl}:`, error);
       }
@@ -93836,6 +93756,15 @@ code.hljs {
             height:100%;
             box-shadow: 0px 1px 3px rgba(16, 39, 126, 0.2);
         }
+
+        .alan-btn__chat-incomming-msg-loader-icon {
+            display: flex!important;
+            align-items: center;
+            justify-content: center;
+        }
+        .alan-btn__stop-response-btn {
+            display:none;
+        }
         </style>
     </head>
     <body class="alan-btn__history-body">
@@ -93891,9 +93820,16 @@ code.hljs {
             }
         }
     } 
-
+        
+    window.alanCurrentTheme = '${uiState.currentTheme}';
     
     <\/script>
+
+    <script>
+        ${functionsToInsert}
+        window.addEventListener("message", ${onIFrameSizeListenerString});
+    <\/script>
+
         <div class="alan-history-content ${alanMainClass}">
             <div class="alan-btn__history-chat-header">
                 <h1>Alan Text Chat History</h1>
@@ -93903,11 +93839,6 @@ code.hljs {
             </div>
         </div>
         ${codeContent ? codeContent : ""}
-        <script>
-            ${adjustIFrameSizeString}
-            ${addImgToThePageString}
-            window.addEventListener("message", ${onIFrameSizeListenerString});
-        <script>
     </body>
     </html>
 `;
@@ -94003,9 +93934,132 @@ code.hljs {
     return sentMessages?.at(-1) !== text;
   }
 
+  // node_modules/dont-crop/dist/mjs/linearRegression.js
+  function linearRegression(x, y) {
+    const xMean = mean(x);
+    const yMean = mean(y);
+    const covarianceXY = x.reduce((sum, xi, i) => sum + (xi - xMean) * (y[i] - yMean), 0);
+    const varianceX = x.reduce((sum, xi) => sum + (xi - xMean) * (xi - xMean), 0);
+    const varianceY = y.reduce((sum, yi) => sum + (yi - yMean) * (yi - yMean), 0);
+    const slope = covarianceXY / varianceX;
+    const intercept = yMean - slope * xMean;
+    const rSquared = covarianceXY ** 2 / (varianceX * varianceY);
+    return {
+      slope,
+      intercept,
+      rSquared
+    };
+  }
+  function mean(x) {
+    return x.reduce((a, b) => a + b, 0) / x.length;
+  }
+
+  // node_modules/dont-crop/dist/mjs/util.js
+  var clamp = (x, min, max) => Math.max(min, Math.min(max, x));
+
+  // node_modules/dont-crop/dist/mjs/fitGradient.js
+  function fitGradient(image) {
+    const w = image.width;
+    const h = image.height;
+    const d = image.data;
+    const colors = [[], [], []];
+    const y = [];
+    for (let iy = 0; iy < h; iy++) {
+      for (let ix = 0; ix < w; ix++) {
+        const i = (iy * w + ix) * 4;
+        colors[0].push(d[i]);
+        colors[1].push(d[i + 1]);
+        colors[2].push(d[i + 2]);
+        y.push(iy / h);
+      }
+    }
+    const regression = [
+      linearRegression(y, colors[0]),
+      linearRegression(y, colors[1]),
+      linearRegression(y, colors[2])
+    ];
+    const start = sampleColor(regression, 0);
+    const end = sampleColor(regression, 1);
+    return [start, end];
+  }
+  function sampleColor(regression, t) {
+    return regression.map((r) => clamp(r.intercept + r.slope * t, 0, 255) | 0);
+  }
+
+  // node_modules/dont-crop/dist/mjs/getImageData.js
+  var canvasEl;
+  function getCanvas() {
+    if (!canvasEl)
+      canvasEl = document.createElement("canvas");
+    return canvasEl;
+  }
+  function getImageData(image, maxDimension) {
+    const canvas = getCanvas();
+    const width = image instanceof HTMLImageElement ? image.naturalWidth : +image.width;
+    const height = image instanceof HTMLImageElement ? image.naturalHeight : +image.height;
+    const scale = maxDimension ? Math.min(maxDimension / Math.max(width, height), 1) : 1;
+    const outputWidth = width * scale | 0;
+    const outputHeight = height * scale | 0;
+    canvas.width = outputWidth;
+    canvas.height = outputHeight;
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+      throw new Error("getContext failed");
+    ctx.imageSmoothingQuality = "low";
+    ctx.drawImage(image, 0, 0, outputWidth, outputHeight);
+    return ctx.getImageData(0, 0, outputWidth, outputHeight);
+  }
+
+  // node_modules/dont-crop/dist/mjs/format.js
+  function hexString(n) {
+    return Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, "0");
+  }
+  function hexColorString(color) {
+    return `#${color.map(hexString).join("")}`;
+  }
+  function linearGradient(stops) {
+    return `linear-gradient(${stops.join(",")})`;
+  }
+
+  // node_modules/dont-crop/dist/mjs/lab.js
+  var delta = 6 / 29;
+  var threeDeltaSquared = 3 * delta ** 2;
+
+  // node_modules/dont-crop/dist/mjs/lib.js
+  function fitGradient2(image) {
+    const imageData = getImageData(image, 32);
+    return fitGradientToImageData(imageData);
+  }
+  function fitGradientToImageData(imageData) {
+    const colors = fitGradient(imageData).map(hexColorString);
+    return linearGradient(colors);
+  }
+
+  // alan_btn/src/textChat/helpers/getImageBackground.ts
+  function getImageBackground(img) {
+    return `${convertColorsToRgba(fitGradient2(img), canImageBeTransparent(img.src) ? 0.1 : 0.6)}, #fff`;
+  }
+  function canImageBeTransparent(src) {
+    const transparentFormats = [".png", ".gif", ".webp", ".svg", ".tiff"];
+    const lowerCaseSrc = src.toLowerCase();
+    return transparentFormats.some((format) => lowerCaseSrc.endsWith(format));
+  }
+  function convertColorsToRgba(gradient, opacity) {
+    gradient = gradient.replace(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/g, (match, r, g, b) => {
+      return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    });
+    gradient = gradient.replace(/#([a-fA-F0-9]{6})/g, (match, hex) => {
+      const r = parseInt(hex.substring(0, 2), 16);
+      const g = parseInt(hex.substring(2, 4), 16);
+      const b = parseInt(hex.substring(4, 6), 16);
+      return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+    });
+    return gradient;
+  }
+
   // alan_btn/alan_btn.ts
   (function(ns) {
-    uiState.lib.version = "alan-version.1.8.76".replace("alan-version.", "");
+    uiState.lib.version = "alan-version.1.8.77".replace("alan-version.", "");
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState.lib.version + ")");
     }
@@ -94994,6 +95048,9 @@ code.hljs {
       }
       var onresizeDebounced = debounce(function() {
         togglePopupVisibility(true, true);
+        if (uiState.textChat.expanded) {
+          broadcastReloadIframeToIframes();
+        }
       }, 400);
       var windowPrevInnerHeight = window.innerHeight;
       var windowPrevOrientation = window.orientation;
@@ -95546,6 +95603,7 @@ code.hljs {
                 disableAudio(false);
               }
             }
+            updateMsgLoaderIcons(options2?.chatOptions?.textChat);
             initTextChat();
             if (isInlinedMode() || options2?.chatOptions?.textChat?.popup?.openByDefualt === true || isTextChatSavedStateOpened()) {
               if (!textChatWasClosedManually) {
@@ -95583,6 +95641,11 @@ code.hljs {
           }
         }
       }
+      function updateMsgLoaderIcons(textChatOptions) {
+        document.querySelectorAll(".alan-btn__chat-incomming-msg-loader-icon-holder").forEach((el) => {
+          el.outerHTML = getMsgLoader(textChatOptions);
+        });
+      }
       function saveOptions(fullOptions) {
         if (isLocalStorageAvailable && fullOptions) {
           alanBtnSavedOptions = fullOptions;
@@ -95623,6 +95686,7 @@ code.hljs {
           const { dialogId } = window.tutorProject.getSettings();
           console.info("Alan: connected to dialog - ", dialogId, "prev. dialog: ", getSavedDialogId() || "-");
           curDialogId = dialogId;
+          sentMessages = restoreSentMessages();
           if (getSavedDialogId() !== dialogId) {
             saveDialogId(dialogId);
             onNewDialogAutoReconnect();
@@ -95794,7 +95858,7 @@ code.hljs {
         }
       }
       function onQueryProgressCb(e) {
-        if (uiState?.textChat?.options?.bubbles?.waitingResponse?.queryProgress?.enabled !== true)
+        if (uiState?.textChat?.options?.bubbles?.waitingResponse?.queryProgress?.enabled === false)
           return;
         const event = Object.assign(
           e,
@@ -95815,15 +95879,6 @@ code.hljs {
         }
         renderMessageInTextChat(event);
       }
-      window.sendFakeMsgs = (msgs) => {
-        if (msgs && msgs.length > 0) {
-          for (let i2 = 0; i2 < msgs.length; i2++) {
-            setTimeout(() => {
-              renderMessageInTextChat(msgs[i2]);
-            }, 1e3 * (i2 + 1));
-          }
-        }
-      };
       function onAfterTextCbInMicBtn(e) {
         if (isAlanActive && e.ctx?.opts?.deactivate === true) {
           deactivateAlanButton();
@@ -96128,10 +96183,9 @@ code.hljs {
       function onImgLoad(e) {
         try {
           const img = e.currentTarget;
-          const gradient = fitGradient2(img);
           const parent = img.closest(".alan-btn__chat-response-img-block");
           if (parent) {
-            parent.style.background = gradient;
+            parent.style.background = getImageBackground(img);
           }
         } catch (error) {
         }
@@ -96235,7 +96289,7 @@ ${LEARN_MORE_LABEL}
           }
         }
         clickedEl = e.target;
-        clickedEl = clickedEl.closest(".alan-btn__chat-stop-response-holder");
+        clickedEl = clickedEl.closest(`.${STOP_RESPONSE_ICON_CLASS}`);
         if (clickedEl) {
           const responseBubble = clickedEl.closest("[data-msg-index]");
           const msgInd = responseBubble.getAttribute("data-msg-index");
@@ -96273,6 +96327,9 @@ ${LEARN_MORE_LABEL}
             parent.classList.add("alan-hide-msg-immidiatelly");
           }
         });
+        document.querySelectorAll(`.${STOP_RESPONSE_ICON_CLASS}`).forEach((div) => {
+          div.classList.add("alan-hide-msg-immidiatelly");
+        });
       }
       function renderMessageInTextChat(msg, noAnimation, immidiateScroll) {
         if (!uiState.textChat.available)
@@ -96326,7 +96383,7 @@ ${LEARN_MORE_LABEL}
           }
           if (msg.name === "loading") {
             const loaderId = `loading-msg-${guid()}`;
-            msgHtml = `<div id="${loaderId}" class="alan-btn__chat-inner-msg alan-btn__chat-response animated alan-incoming-msg">${getMsgLoader(uiState.textChat.options, msg)}</div>`;
+            msgHtml = `<div id="${loaderId}" class="alan-btn__chat-inner-msg alan-btn__chat-response animated alan-incoming-msg">${getMsgLoaderWrapper(getMsgLoader(uiState.textChat.options) + `<span class="alan-btn__chat-incomming-msg-loader-label">${getMsgLoaderStatus(uiState.textChat.options, msg)}</span>`)}</div>`;
             setTimeout(() => {
               const loaderEl = document.getElementById(loaderId);
               if (loaderEl) {
@@ -96428,11 +96485,12 @@ ${LEARN_MORE_LABEL}
             } else {
               if (msg.name === "loading" && msg.type === "response") {
                 const loaderContentEl = msgEl.querySelector(".alan-btn__chat-incomming-msg-wrapper");
+                const loaderStatusContentEl = msgEl.querySelector(".alan-btn__chat-incomming-msg-loader-label");
                 if (!loaderContentEl) {
                   msgEl.innerHTML = msgHtml;
                 }
-                if (!progressUpdateIntervalId) {
-                  progressUpdateIntervalId = updateMessageProgressStatus(msgInd, loaderContentEl);
+                if (!progressUpdateIntervalId && loaderStatusContentEl) {
+                  progressUpdateIntervalId = updateMessageProgressStatus(msgInd, loaderStatusContentEl);
                 }
               } else {
                 msgEl.innerHTML = msgHtml;
@@ -96468,7 +96526,7 @@ ${LEARN_MORE_LABEL}
             const index = (0, import_lodash2.findIndex)(textChatMessages[msgInd].queryProgress, { isShown: false });
             if (index >= 0) {
               textChatMessages[msgInd].queryProgress[index].isShown = true;
-              loaderContentEl.innerHTML = getMsgLoader(uiState.textChat.options, textChatMessages[msgInd]);
+              loaderContentEl.innerText = getMsgLoaderStatus(uiState.textChat.options, textChatMessages[msgInd]);
             }
           }
         }, 500);
@@ -97256,6 +97314,7 @@ ${LEARN_MORE_LABEL}
         } else {
           exitFullScreenModeForTextChat();
         }
+        broadcastReloadIframeToIframes();
       }
       function enterFullScreenModeForTextChat() {
         if (uiState.textChat?.options?.popup?.fullScreenMode?.enabled === true) {