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

package/dist/alan_lib.js

@@ -83965,9 +83965,43 @@
     }
   });
 
+  // alan_btn/src/state.ts
+  var uiState = {
+    lib: {
+      version: ""
+    },
+    project: {
+      id: null
+    },
+    btn: {
+      isTopAligned: false,
+      zIndex: void 0
+    },
+    textChat: {
+      available: false,
+      expanded: false,
+      inlined: false,
+      options: null,
+      loaderTimeoutMs: 3e4,
+      defaults: {
+        minChatWidth: 250,
+        appearAnimationMs: 200,
+        chatMargin: 25,
+        textareaFontSize: 15,
+        textareaLineHeight: 1.6,
+        defaultSvgIconSize: 24
+      }
+    }
+  };
+
   // alan_btn/src/textChat/helpers/getMsgLoader.ts
   function getMsgLoader() {
-    return '<div class="alan-btn__chat-incomming-msg-wrapper"> <div class="alan-btn__chat-incomming-msg msg-1">&nbsp;</div> <div class="alan-btn__chat-incomming-msg msg-2">&nbsp;</div> <div class="alan-btn__chat-incomming-msg msg-3">&nbsp;</div>  </div>';
+    const textChatOptions = uiState.textChat.options;
+    const waitingResponseBubbleLayout = textChatOptions?.bubbles?.waitingResponse?.layout || "default";
+    const waitingResponseBubbleLabel = textChatOptions?.bubbles?.waitingResponse?.label || "Generating response...";
+    const content = waitingResponseBubbleLayout === "default" ? '<div class="alan-btn__chat-incomming-msg msg-1">&nbsp;</div> <div class="alan-btn__chat-incomming-msg msg-2">&nbsp;</div> <div class="alan-btn__chat-incomming-msg msg-3">&nbsp;</div>' : `<span class="alan-btn__chat-incomming-msg-loader-icon"></span>
+       <span class="alan-btn__chat-incomming-msg-loader-label">${waitingResponseBubbleLabel}</span>`;
+    return `<div class="alan-btn__chat-incomming-msg-wrapper">${content}</div>`;
   }
 
   // alan_btn/src/textChat/helpers/buildMsgIncommingLoader.ts
@@ -83977,7 +84011,7 @@
   function buildMsgIncommingLoader(msg) {
     if (msg.initLoad)
       return "";
-    return !isFinalMessage(msg) ? `<div style="margin-top: 12px;margin-bottom: 12px;">${getMsgLoader()}</div>` : "";
+    return !isFinalMessage(msg) ? `<div style="margin-top: 12px;margin-bottom: 4px;">${getMsgLoader()}</div>` : "";
   }
 
   // alan_btn/src/textChat/helpers/getMsgReadProp.ts
@@ -84181,15 +84215,14 @@
     `
     },
     send: `
-<svg width="36" height="24" viewBox="0 0 36 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.1225 13.1096L24.6225 2.60955M14.2501 13.4376L16.8782 20.1956C17.1097 20.791 17.2255 21.0886 17.3923 21.1755C17.5369 21.2509 17.7092 21.251 17.8538 21.1758C18.0207 21.0891 18.1369 20.7916 18.3691 20.1965L24.9594 3.30875C25.1691 2.77157 25.2739 2.50298 25.2165 2.33135C25.1667 2.1823 25.0498 2.06533 24.9007 2.01554C24.7291 1.95821 24.4605 2.06302 23.9233 2.27265L7.03562 8.86299C6.44052 9.09522 6.14303 9.21133 6.05633 9.37823C5.98113 9.52292 5.98122 9.6952 6.05662 9.8398C6.14352 10.0066 6.44123 10.1223 7.03653 10.3539L13.7945 12.982C13.9153 13.029 13.9757 13.0525 14.0266 13.0888C14.0717 13.1209 14.1111 13.1604 14.1433 13.2055C14.1796 13.2563 14.2031 13.3168 14.2501 13.4376Z" stroke="#4A515D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="44" height="28" viewBox="0 0 44 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2915 17.7085L29.3026 5.69727M17.4375 18.0837L20.4438 25.8143C20.7086 26.4954 20.8411 26.8358 21.0319 26.9352C21.1973 27.0215 21.3944 27.0216 21.5598 26.9356C21.7507 26.8364 21.8836 26.4961 22.1493 25.8153L29.688 6.4971C29.9279 5.88261 30.0478 5.57536 29.9821 5.37903C29.9252 5.20853 29.7914 5.07473 29.6209 5.01777C29.4246 4.95219 29.1173 5.07209 28.5028 5.31188L9.18467 12.8507C8.50392 13.1164 8.16361 13.2492 8.06444 13.4401C7.97841 13.6056 7.97852 13.8027 8.06477 13.9681C8.16418 14.1589 8.50473 14.2913 9.18571 14.5562L16.9163 17.5625C17.0545 17.6163 17.1236 17.6432 17.1818 17.6847C17.2334 17.7214 17.2784 17.7666 17.3153 17.8182C17.3568 17.8763 17.3837 17.9455 17.4375 18.0837Z" stroke="#4A515D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
     `,
     mic: `
-   <svg width="44" height="40" viewBox="0 0 44 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29 18V20C29 23.866 25.866 27 22 27M22 27C18.134 27 15 23.866 15 20V18M22 27V30M18 30H26M22 23C20.3431 23 19 21.6569 19 20V13C19 11.3432 20.3431 10 22 10C23.6569 10 25 11.3432 25 13V20C25 21.6569 23.6569 23 22 23Z" stroke="#4A515D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+ <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"/>
 </svg>
-
     `,
     micPlayingBars: `<div class="alan-text-chat__animated-btn-bars">
     <div class="alan-text-chat__bar alan-text-chat__bar-1"></div>
@@ -84204,9 +84237,10 @@
 <path d="M15 9.4V5C15 3.34315 13.6569 2 12 2C10.8224 2 9.80325 2.67852 9.3122 3.66593M12 19V22M12 19C8.13401 19 5 15.866 5 12V10M12 19C15.866 19 19 15.866 19 12V10M8 22H16M2 2L22 22M12 15C10.3431 15 9 13.6569 9 12V9L14.1226 14.12C13.5796 14.6637 12.8291 15 12 15Z" stroke="#969EB0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
 `,
-    disconnected: `<svg class="alan-btn_disconnected-chat-icon-rotate" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 10C22 10 19.995 7.26822 18.3662 5.63824C16.7373 4.00827 14.4864 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.1031 21 19.5649 18.2543 20.6482 14.5M22 10V4M22 10H16" stroke="#969EB0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`,
+    disconnected: `<svg class="alan-btn_disconnected-chat-icon-rotate" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26 14C26 14 23.995 11.2682 22.3662 9.63824C20.7373 8.00827 18.4864 7 16 7C11.0294 7 7 11.0294 7 16C7 20.9706 11.0294 25 16 25C20.1031 25 23.5649 22.2543 24.6482 18.5M26 14V8M26 14H20" stroke="#969EB0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
     noWiFi: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.3119 10C16.6802 10.4263 17.9624 11.1191 19.08 12.05M22.5799 8.49997C19.6575 5.92394 15.8956 4.50262 11.9999 4.50262C11.3949 4.50262 10.7931 4.5369 10.1972 4.60447M8.52979 15.61C9.54499 14.8888 10.7595 14.5013 12.0048 14.5013C13.2501 14.5013 14.4646 14.8888 15.4798 15.61M12 19.5H12.01M1.19336 8.70076C2.52697 7.47869 4.06839 6.47975 5.75851 5.76306M4.73193 12.243C6.12934 11.012 7.84172 10.1302 9.73265 9.73393M15.6983 15.7751C14.6792 14.9763 13.3952 14.5 11.9999 14.5C10.5835 14.5 9.28172 14.9908 8.25537 15.8116M3 3L21 21" stroke="#969EB0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
@@ -84261,32 +84295,6 @@
     return textChatOptions?.popup?.icons?.mute?.svgOn || chatIcons.unmute;
   }
 
-  // alan_btn/src/state.ts
-  var uiState = {
-    lib: {
-      version: ""
-    },
-    project: {
-      id: null
-    },
-    btn: {
-      isTopAligned: false,
-      zIndex: void 0
-    },
-    textChat: {
-      available: false,
-      expanded: false,
-      inlined: false,
-      options: null,
-      loaderTimeoutMs: 3e4,
-      defaults: {
-        minChatWidth: 250,
-        appearAnimationMs: 200,
-        chatMargin: 25
-      }
-    }
-  };
-
   // alan_btn/src/textChat/fullscreen.ts
   function openChatInFullScreen(chatHolderDiv) {
     chatHolderDiv.classList.add("alan-btn_text-chat-full-screen");
@@ -84314,7 +84322,7 @@
       sideChatHeader.appendChild(chatCollapseSideBarBtn);
       chatCloseSideBarBtn.addEventListener("click", options.closeTextChat);
       chatCollapseSideBarBtn.addEventListener("click", options.expandCollapseChatSidePanel);
-      newChatSideBarBtn.addEventListener("click", options.onClearChatClick);
+      newChatSideBarBtn.addEventListener("click", options.clearTextChat);
     }
   }
 
@@ -84696,14 +84704,12 @@
     }
     return null;
   }
-  function fixTextChatSizeIfNeeded(width, height, doubleMargin) {
-    var defaultChatMargin = uiState.textChat.defaults.chatMargin;
-    const margin = doubleMargin ? 2 * defaultChatMargin : defaultChatMargin;
-    if (height !== null && window.innerHeight - defaultChatMargin < height) {
-      setChatHeight(window.innerHeight - margin);
+  function fixTextChatSizeIfNeeded(width, height) {
+    if (height !== null && window.innerHeight < height) {
+      setChatHeight(window.innerHeight);
     }
-    if (width !== null && window.innerWidth - defaultChatMargin < width) {
-      setChatWidth(window.innerWidth - margin);
+    if (width !== null && window.innerWidth < width) {
+      setChatWidth(window.innerWidth);
     }
   }
 
@@ -84852,14 +84858,34 @@
   function getPaddingProp(top, right, bottom, left) {
     return `${top}px ${right}px ${bottom}px ${left}px;`;
   }
-
-  // alan_btn/src/styles/chat.ts
+  function getInnerBorderRadiusProp(br) {
+    if (+br > 0) {
+      return +br - 1;
+    }
+    return 0;
+  }
   function getNumPropVal(val, defaultVal) {
     if (+val >= 0) {
       return val;
     }
     return defaultVal;
   }
+  function svgToBase64(svg) {
+    return btoa(unescape(encodeURIComponent(svg)));
+  }
+  function parseSvgSize(svgString) {
+    if (!svgString)
+      return [];
+    const parser = new DOMParser();
+    const svgDoc = parser.parseFromString(svgString, "image/svg+xml");
+    const svgElement = svgDoc.querySelector("svg");
+    const width = svgElement.getAttribute("width");
+    const height = svgElement.getAttribute("height");
+    const defaultSize = uiState.textChat.defaults.defaultSvgIconSize;
+    return [width || defaultSize, height || defaultSize];
+  }
+
+  // alan_btn/src/styles/chat.ts
   var flexMap = {
     left: "flex-start",
     right: "flex-end",
@@ -84871,11 +84897,11 @@
     const defaultMinChatHeight = 400;
     const defaultChatHeight = 700;
     const chatHeaderHeight = +textChatOptions?.header?.height || 40;
-    const chatTextareaLineHieght = 1.25;
+    const chatTextareaLineHieght = uiState.textChat.defaults.textareaLineHeight;
     const textareaHolderHeight = +textChatOptions?.footer?.height || 67;
     const chatMicBtnActiveSize = 32;
     const textChatScrollSize = 6;
-    const defaultChatTextareaFontSize = 15;
+    const defaultChatTextareaFontSize = uiState.textChat.defaults.textareaFontSize;
     const withSendBtnOutside = textChatOptions?.footer?.layout?.name === "send-btn-outside";
     const footerTopPadding = getNumPropVal(textChatOptions?.footer?.padding?.top, 2);
     const footerRightPadding = getNumPropVal(textChatOptions?.footer?.padding?.right, 18);
@@ -84901,6 +84927,7 @@
     const responseBubbleRightPadding = getNumPropVal(textChatOptions?.bubbles?.response?.padding?.right, 20);
     const responseBubbleBottomPadding = getNumPropVal(textChatOptions?.bubbles?.response?.padding?.bottom, 9);
     const responseBubbleLeftPadding = getNumPropVal(textChatOptions?.bubbles?.response?.padding?.left, 20);
+    const waitingResponseBubbleLayout = textChatOptions?.bubbles?.waitingResponse?.layout || "default";
     const responseBubbleBorderRadiusTopLeft = getNumPropVal(textChatOptions?.bubbles?.response?.borderRadius?.topLeft, defaultBubbleBorderRadius);
     const responseBubbleBorderRadiusTopRight = getNumPropVal(textChatOptions?.bubbles?.response?.borderRadius?.topRight, defaultBubbleBorderRadius);
     const responseBubbleBorderRadiusBottomRight = getNumPropVal(textChatOptions?.bubbles?.response?.borderRadius?.bottomRight, defaultBubbleBorderRadius);
@@ -84930,7 +84957,7 @@
     const headerLayoutName = textChatOptions?.header?.layout?.name || "centered-title";
     let cssChatHeight = getTextChatSizeAfterResize("height");
     let cssChatWidth = getTextChatSizeAfterResize("width");
-    fixTextChatSizeIfNeeded(cssChatWidth, cssChatHeight, true);
+    fixTextChatSizeIfNeeded(cssChatWidth, cssChatHeight);
     cssChatHeight = getTextChatSizeAfterResize("height");
     cssChatWidth = getTextChatSizeAfterResize("width");
     if (cssChatHeight) {
@@ -84952,6 +84979,7 @@
     const chatBgColor1 = textChatOptions?.popup?.backgroundColor || `#DAEBFF`;
     const chatBgColor2 = textChatOptions?.popup?.backgroundColor2 || `#ffffff`;
     const chatGradientType = textChatOptions?.popup?.gradientType || `linear`;
+    const chatCustomBg = textChatOptions?.popup?.background?.customCss;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-holder {
         position: fixed;
         height:  ${cssChatHeight};
@@ -85150,6 +85178,9 @@
     if (chatGradientType === "radial") {
       chatBackgroud = `radial-gradient(circle, ${chatBgColor2} 0%, ${chatBgColor1} 100%)`;
     }
+    if (chatGradientType === "custom" && chatCustomBg) {
+      chatBackgroud = chatCustomBg;
+    }
     keyFrames += getStyleSheetMarker() + `.alan-btn__popup-chat {
         height: 100%;
         position: relative;
@@ -85177,11 +85208,11 @@
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-textarea-holder {
         width: 100%;
-        height: ${textareaHolderHeight}px;
-        max-height: ${textareaHolderHeight}px;
         min-height: ${textareaHolderHeight}px;
-        background-color: ${textChatOptions?.footer?.backgroundColor || "transparent"};
+        background-color: ${textChatOptions?.footer?.backgroundColor || "#DAEBFF"};
         position: relative;
+        display: flex;
+        flex-shrink: 0;
         padding: ${getPaddingProp(footerTopPadding, footerRightPadding, footerBottomPadding, footerLeftPadding)};
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-textarea-holder-outer-content {
@@ -85195,20 +85226,20 @@
         width: 100%;
         height: 100%;
         position: relative;
+        display: flex;
+        align-items: center;
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-messages-empty-block {
         flex: 1 1 auto;
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-messages-wrapper {
         width: 100%;
-        height: calc(100% - ${chatHeaderHeight + textareaHolderHeight}px);
-        max-height: calc(100% - ${chatHeaderHeight + textareaHolderHeight}px);
-        min-height: calc(100% - ${chatHeaderHeight + textareaHolderHeight}px);
+        height: 100%;
         overflow-y: scroll;
         overflow-x: hidden;
         padding: ${getPaddingProp(msgsTopPadding, msgsRightPadding, msgsBottomPadding, msgsLeftPadding)};
         display: flex;
-        flex-shrink: 0;
+        flex-shrink: 1;
         flex-direction: column-reverse;
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-messages {
@@ -85242,16 +85273,24 @@
         position:relative;
     }`;
     const headerFontSize = textChatOptions?.header?.fontSize || 16;
+    const headerIconGap = getNumPropVal(textChatOptions?.header?.icon?.gap, 12);
+    const headerAlignment = textChatOptions?.header?.alignment || "center";
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-header-title {
         max-width: calc(100% - 112px);
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
-        display: inline-block;
+        display: flex;
+        align-items: ${headerAlignment};
         font-weight: 600;
         font-size: ${headerFontSize}px;
-        position: relative;
-        top: ${headerFontSize >= 20 ? "-2" : "0"}px;
+        gap: ${headerIconGap}px;
+    }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-header-title-icon {
+        display: flex;
+    }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-header-title-label {
+        display: flex;
     }`;
     const withGradientForHeader = uiState.textChat.options?.header?.withBottomGradient !== false;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-header-gradient {
@@ -85304,8 +85343,10 @@
         height: 100%;
         cursor: pointer;
         position: relative;
-        top:50%;
-        transform: translateY(-50%);
+    }`;
+    keyFrames += getStyleSheetMarker() + `.multi-line .alan-btn__chat-clear-btn {
+        align-items: flex-end;
+        padding-bottom: ${textareaBottomPadding}px;
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-clear-btn.disabled {
         pointer-events: none;
@@ -85508,7 +85549,7 @@
         min-height:15px;
         width: 100%;
         position: absolute;
-        bottom: ${textareaHolderHeight}px;
+        top: -15px;
         display: ${withGradientForFooter ? "block" : "none"};
         left:0;
     }`;
@@ -85527,8 +85568,6 @@
         font-size: ${getTextAreaFontSize(isMobile(), textChatOptions?.textarea?.fontSize || defaultChatTextareaFontSize)}px;
         line-height: ${chatTextareaLineHieght};
         text-align: left;
-        max-height: 100%;
-        height: 100%;
         padding: ${getPaddingProp(textareaTopPadding, textareaRightPadding, textareaBottomPadding, textareaLeftPadding)};
         margin: 0px!important;
         -webkit-user-select: text;
@@ -85558,8 +85597,9 @@
         border-radius: 3px;
         background: transparent;
     }`;
+    const micHolderWidth = 44;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-holder.alan-text-chat__voice-enabled .alan-btn__chat-textarea {
-        padding-left: 44px;
+        padding-left: ${micHolderWidth}px;
     }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat.alan-btn__mic-active .alan-btn__chat-textarea {
         opacity: 0.6;
@@ -85633,11 +85673,11 @@
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-send-btn {
         ${!withSendBtnOutside && `
         position: absolute;
-        top: 50%;
+        top: 0;
         right: 0px;
-        transform: translateY(-50%);    
+        width: 44px;
             `}
-        
+        height: 100%;
         transition: opacity 300ms ease-in-out;
         display: flex;
         flex-direction: row;
@@ -85651,6 +85691,10 @@
         -ms-user-select: none; /* IE/Edge */
         user-select: none;
     }`;
+    keyFrames += getStyleSheetMarker() + `.multi-line .alan-btn__chat-send-btn {
+        align-items: flex-end;
+        padding-bottom: ${textareaBottomPadding}px;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-send-btn svg path {
         stroke: ${textChatOptions?.textarea?.placeholderColor || `#747474`};
         opacity: 0.5;
@@ -85670,10 +85714,11 @@
     }
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-mic-btn {
         position: absolute;
-        left: 3px;
-        top:50%;
-        transform: translateY(-50%);
-        transform-origin: top;
+        left: 0px;
+        top:0;
+        height: 100%;
+        width: ${micHolderWidth}px;
+        transform-origin: center;
         display: flex;
         flex-direction: row;
         cursor: pointer;
@@ -85681,6 +85726,10 @@
         align-items: center;
         border-radius: 50%;
     }`;
+    keyFrames += getStyleSheetMarker() + `.multi-line .alan-btn__chat-mic-btn {
+        align-items: flex-end;
+        padding-bottom: ${textareaBottomPadding}px;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-notifications-bubble {
         position: absolute;
         right: 4px;
@@ -85847,8 +85896,13 @@
     }`;
     const responseBubbleFontSize = +(textChatOptions?.bubbles?.response?.fontSize || 15);
     const responseBubbleFontColor = textChatOptions?.bubbles?.response?.color || `#171717`;
+    const responseBubbleLabelIconGap = getNumPropVal(textChatOptions?.bubbles?.response?.label?.icon?.gap, 12);
+    const responseBubbleLabelAlignment = textChatOptions?.bubbles?.response?.label?.alignment || "center";
+    const responseLabelIcon = textChatOptions?.bubbles?.response?.label?.icon?.svg;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-response-label {
-        display: ${responseBubbleLabelEnabled ? "block" : "none"};
+        display: ${responseBubbleLabelEnabled ? "flex" : "none"};
+        align-items:${responseBubbleLabelAlignment};
+        gap: ${responseBubbleLabelIconGap}px;
         position: relative;
         color: ${responseBubbleLabelColor};
         font-size: ${responseBubbleLabelFontSize}px;
@@ -85862,6 +85916,19 @@
         -ms-user-select: text; /* IE/Edge */
         user-select: text;
     }`;
+    const [responseLabelWidth, responseLabelHeight] = parseSvgSize(responseLabelIcon);
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-response-label-icon {
+        display: ${responseLabelIcon ? "flex" : "none"};
+        background-image: url('data:image/svg+xml;base64,${svgToBase64(responseLabelIcon)}');
+        background-size: cover;
+        ${responseLabelIcon ? `
+        width: ${responseLabelWidth}px;
+        height: ${responseLabelHeight}px;
+        ` : ""}
+    }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-response-label-text {
+        display: flex;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn_text-chat-full-screen .alan-btn__chat-response-label {
         text-align: left;
         padding-left: ${avatarSize + avatarRightMargin}px;
@@ -85890,6 +85957,11 @@
         -ms-user-select: text; /* IE/Edge */
         user-select: text;
     }`;
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-response.alan-incoming-msg {
+        ${waitingResponseBubbleLayout === "loader-and-label-wo-bubble" ? `padding: ${getPaddingProp(responseBubbleTopPadding, 0, responseBubbleBottomPadding, 0)};
+            background: none;
+            border-color:transparent;` : ``}
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-buttons {
         margin-bottom: 16px;
         display:flex;
@@ -86156,31 +86228,7 @@
         padding: 0px;
         margin-bottom:0;
     }`);
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-incomming-msg-wrapper {
-        display: flex;
-        align-items: center;
-    }`;
-    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-incomming-msg {
-        border-radius: 50%;
-        background-color: ${textChatOptions?.bubbles?.response?.color || `#080808`};
-        margin: 2px;
-        height: 6px;
-        width: 6px;
-        animation: alan-dot-bounce 1.5s infinite ease;
-    }`;
-    keyFrames += getStyleSheetMarker() + `.msg-2 {
-        animation-delay: .2s;
-    }`;
-    keyFrames += getStyleSheetMarker() + `.msg-3 {
-        animation-delay: .3s;
-    }`;
-    keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-dot-bounce", `
-    0%, 100% { opacity:1;}
-      
-    60% {
-        transform: translateY(3px);
-        opacity:.0;
-    }`);
+    keyFrames += getCssForResponseLoader(getStyleSheetMarker(), uiState.textChat.options);
     keyFrames += getStyleSheetMarker() + `.alan-btn_text-chat-full-screen .alan-btn__chat-popup {
         width: 100%;
         margin-left: 51px;
@@ -86432,9 +86480,71 @@
      }`;
     return keyFrames;
   }
+  function getCssForResponseLoader(styleSheetMarker, textChatOptions) {
+    let keyFrames = "";
+    const waitingResponseBubbleLayout = textChatOptions?.bubbles?.waitingResponse?.layout || "default";
+    const waitingResponseBubbleLabelIconAlignment = textChatOptions?.bubbles?.waitingResponse?.alignment || "center";
+    const waitingResponseBubbleLoaderIcon = textChatOptions?.bubbles?.waitingResponse?.icon?.svg;
+    const waitingResponseBubbleLoaderIconGap = getNumPropVal(textChatOptions?.bubbles?.waitingResponse?.icon?.gap, 8);
+    const [responseLabelWidth, responseLabelHeight] = parseSvgSize(waitingResponseBubbleLoaderIcon);
+    keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-wrapper {
+        display: flex;
+        ${waitingResponseBubbleLayout !== "default" ? `
+        align-items: ${waitingResponseBubbleLabelIconAlignment};
+        gap: ${waitingResponseBubbleLoaderIconGap}px;
+        ` : ``}
+    }`;
+    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 ? `
+        width: ${responseLabelWidth}px;
+        height: ${responseLabelHeight}px;
+        ` : ""}
+    }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-loader-label {
+        display: inline-block;
+    }`;
+    keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg {
+        border-radius: 50%;
+        background-color: ${textChatOptions?.bubbles?.response?.color || `#080808`};
+        margin: 2px;
+        height: 6px;
+        width: 6px;
+        animation: alan-dot-bounce 1.5s infinite ease;
+    }`;
+    keyFrames += styleSheetMarker + `.msg-2 {
+        animation-delay: .2s;
+    }`;
+    keyFrames += styleSheetMarker + `.msg-3 {
+        animation-delay: .3s;
+    }`;
+    keyFrames += styleSheetMarker + generateKeyFrame("alan-dot-bounce", `
+    0%, 100% { opacity:1;}
+      
+    60% {
+        transform: translateY(3px);
+        opacity:.0;
+    }`);
+    return keyFrames;
+  }
   function getCssForTextChatLinks(styleSheetMarker, textChatOptions) {
     let result = "";
     const responseBubbleFontSize = +(textChatOptions?.bubbles?.response?.fontSize || 15);
+    const learnMoreLinkBorderColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.default?.borderColor || `#EAF2FC`;
+    const learnMoreLinkHoverBorderColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.hover?.borderColor || `#EAF2FC`;
+    const learnMoreLinkActiveBorderColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.active?.borderColor || `#EAF2FC`;
+    const learnMoreLinkBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.default?.backgroundColor || `transparent`;
+    const learnMoreLinkHoverBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.hover?.backgroundColor || `#EAF2FC`;
+    const learnMoreLinkActiveBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.active?.backgroundColor || `#EAF2FC`;
+    const learnMoreLinkNumberBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.default?.linkNumberBackgroundColor || `#EAF2FC`;
+    const learnMoreLinkNumberHoverBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.hover?.linkNumberBackgroundColor || `#EAF2FC`;
+    const learnMoreLinkNumberActiveBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.active?.linkNumberBackgroundColor || `#EAF2FC`;
+    const learnMoreTopLeftBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.topLeft, 4);
+    const learnMoreTopRightBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.topRight, 4);
+    const learnMoreBottomRightBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.bottomRight, 4);
+    const learnMoreBottomLeftBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.bottomLeft, 4);
     result += styleSheetMarker + `.alan-btn__chat-response-links-wrapper {
         display: flex;
         flex-wrap: wrap;
@@ -86445,32 +86555,46 @@
         margin-top: 10px;
     }`;
     result += styleSheetMarker + `.alan-btn__chat-response-link {
-        border: 1px solid #EAF2FC;
-        border-radius: 4px;
+        border: 1px solid ${learnMoreLinkBorderColor};
+        border-radius: ${learnMoreTopLeftBorderRadius}px ${learnMoreTopRightBorderRadius}px ${learnMoreBottomRightBorderRadius}px ${learnMoreBottomLeftBorderRadius}px;
+        background-color: ${learnMoreLinkBackgroundColor};
         margin-right: 10px;
         margin-bottom: 4px;
         display: flex;
         align-items: center;
         max-width: 100%;
-        font-size: ${responseBubbleFontSize - 2}px;
     }`;
     if (!isMobile()) {
       result += styleSheetMarker + `.alan-btn__chat-response-links-wrapper a.alan-btn__chat-response-link:hover  {
             text-decoration: none !important;
-            background-color: #EAF2FC;
+            background-color: ${learnMoreLinkHoverBackgroundColor};
+            border-color: ${learnMoreLinkHoverBorderColor};
+        }`;
+      result += styleSheetMarker + `.alan-btn__chat-response-links-wrapper a.alan-btn__chat-response-link:active  {
+            text-decoration: none !important;
+            background-color: ${learnMoreLinkActiveBackgroundColor};
+            border-color: ${learnMoreLinkActiveBorderColor};
         }`;
     }
     result += styleSheetMarker + `.alan-btn__chat-response-link-icon-wrapper {
         padding: 9px 4px;
-        background-color: #EAF2FC;
-        border-radius: 3px;
+        background-color: ${learnMoreLinkNumberBackgroundColor};
+        border-radius: ${getInnerBorderRadiusProp(learnMoreTopLeftBorderRadius)}px ${getInnerBorderRadiusProp(learnMoreTopRightBorderRadius)}px ${getInnerBorderRadiusProp(learnMoreBottomRightBorderRadius)}px ${getInnerBorderRadiusProp(learnMoreBottomLeftBorderRadius)}px;
         display: inline-block;
-        min-width: 26px;
+        min-width: 28px;
         height: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
     }`;
+    if (!isMobile()) {
+      result += styleSheetMarker + `.alan-btn__chat-response-link:hover .alan-btn__chat-response-link-icon-wrapper  {
+            background-color: ${learnMoreLinkNumberHoverBackgroundColor};
+        }`;
+      result += styleSheetMarker + `.alan-btn__chat-response-link:active .alan-btn__chat-response-link-icon-wrapper  {
+            background-color: ${learnMoreLinkNumberActiveBackgroundColor};
+        }`;
+    }
     const linkColor = uiState.textChat.options?.bubbles?.response?.links?.color?.default || `#4183c4`;
     const linkHoverColor = uiState.textChat.options?.bubbles?.response?.links?.color?.hover || `#4183c4`;
     result += styleSheetMarker + `.alan-btn__chat-response-link svg path {
@@ -86608,13 +86732,27 @@
   // alan_btn/src/styles/markdown.ts
   function generateCssForMarkdown(stylesheetMarker, classPrefix) {
     let keyFrames = "";
+    const tableBorderColor = uiState.textChat.options?.bubbles?.response?.table?.borderColor || `#b7b5b5`;
     const responseBubbleFontSize = +(uiState.textChat.options?.bubbles?.response?.fontSize || 15);
     const responseBubbleBg = uiState.textChat.options?.bubbles?.response?.backgroundColor || `#ffffff`;
     const responseBubbleFontColor = uiState.textChat.options?.bubbles?.response?.color || `#171717`;
     const responseBubbleCodeBackgroundColor = uiState.textChat.options?.bubbles?.response?.codeBackgroundColor || `#f8f8f8`;
+    const responseBubbleCodeBorderColor = uiState.textChat.options?.bubbles?.response?.codeBorderColor || `#DDD`;
     const linkColor = uiState.textChat.options?.bubbles?.response?.links?.color?.default || `#4183c4`;
     const linkHoverColor = uiState.textChat.options?.bubbles?.response?.links?.color?.hover || `#4183c4`;
-    const footerLinkBgColor = "#EAF2FC";
+    const learnMoreLinkBorderColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.default?.borderColor || `#EAF2FC`;
+    const learnMoreLinkHoverBorderColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.hover?.borderColor || `#EAF2FC`;
+    const learnMoreLinkActiveBorderColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.active?.borderColor || `#EAF2FC`;
+    const learnMoreLinkBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.default?.backgroundColor || `transparent`;
+    const learnMoreLinkHoverBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.hover?.backgroundColor || `#EAF2FC`;
+    const learnMoreLinkActiveBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.active?.backgroundColor || `#EAF2FC`;
+    const learnMoreLinkNumberBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.default?.linkNumberBackgroundColor || `#EAF2FC`;
+    const learnMoreLinkNumberHoverBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.hover?.linkNumberBackgroundColor || `#EAF2FC`;
+    const learnMoreLinkNumberActiveBackgroundColor = uiState.textChat.options?.bubbles?.response?.learnMore?.links?.active?.linkNumberBackgroundColor || `#EAF2FC`;
+    const learnMoreTopLeftBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.topLeft, 4);
+    const learnMoreTopRightBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.topRight, 4);
+    const learnMoreBottomRightBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.bottomRight, 4);
+    const learnMoreBottomLeftBorderRadius = getNumPropVal(uiState.textChat.options?.bubbles?.response?.learnMore?.links?.borderRadius?.bottomLeft, 4);
     const cssRules = [
       `a {
         color: ${linkColor}!important;
@@ -86753,7 +86891,7 @@
       `code {
         background-color: ${responseBubbleCodeBackgroundColor}!important;
         border-radius: 3px!important;
-        border: 1px solid #DDD!important;
+        border: 1px solid ${responseBubbleCodeBorderColor}!important;
         font-family: Consolas, "Liberation Mono", Courier, monospace!important;
         margin: 0 2px!important;
         padding: 0 5px!important;
@@ -86767,7 +86905,7 @@
       `pre {
         background-color: ${responseBubbleCodeBackgroundColor}!important;
         border-radius: 3px!important;
-        border: 1px solid #DDD!important;
+        border: 1px solid ${responseBubbleCodeBorderColor}!important;
         font-family: Consolas, "Liberation Mono", Courier, monospace!important;
         padding: 10px!important;
         white-space: pre-line!important;
@@ -86807,19 +86945,19 @@
     }`,
       `table > thead > tr > th {
         padding: 4px!important;
-        border-top: 1px solid #b7b5b5!important;
+        border-top: 1px solid ${tableBorderColor}!important;
     }`,
       `table > tbody > tr > th {
         padding: 4px!important;
-        border-top: 1px solid #b7b5b5!important;
+        border-top: 1px solid ${tableBorderColor}!important;
     }`,
       `table > thead > tr > td {
         padding: 4px!important;
-        border-top: 1px solid #b7b5b5!important;
+        border-top: 1px solid ${tableBorderColor}!important;
     }`,
       `table > tbody > tr > td {
         padding: 4px;
-        border-top: 1px solid #b7b5b5!important;
+        border-top: 1px solid ${tableBorderColor}!important;
     }`,
       `strong {
         font-weight: bold!important;
@@ -86828,11 +86966,18 @@
         font-style: italic!important;
     }`,
       `sup.footnote-ref{
-        background: ${footerLinkBgColor};
+        background: ${learnMoreLinkNumberBackgroundColor};
         padding: 1px;
         border-radius: 4px;
         position: relative;
         top: -5px;
+        font-size: ${responseBubbleFontSize}px!important;
+    }`,
+      `sup.footnote-ref:hover{
+        background: ${learnMoreLinkNumberHoverBackgroundColor};
+    }`,
+      `sup.footnote-ref:active{
+        background: ${learnMoreLinkNumberActiveBackgroundColor};
     }`,
       `.footnotes{
         padding-top: 10px;
@@ -86849,13 +86994,19 @@
       `.footnote-item {
         position: relative;
         display: inline-block;
-        border-radius: 4px;
+        border-radius: ${learnMoreTopLeftBorderRadius}px ${learnMoreTopRightBorderRadius}px ${learnMoreBottomRightBorderRadius}px ${learnMoreBottomLeftBorderRadius}px;
         cursor: pointer;
-        border: 1px solid ${footerLinkBgColor};
+        border: 1px solid ${learnMoreLinkBorderColor};
         margin-bottom:4px;
+        background-color: ${learnMoreLinkBackgroundColor};
     }`,
       `.footnote-item:hover {
-        background-color: ${footerLinkBgColor};
+        border: 1px solid ${learnMoreLinkHoverBorderColor};
+        background-color: ${learnMoreLinkHoverBackgroundColor};
+    }`,
+      `.footnote-item:active {
+        border: 1px solid ${learnMoreLinkActiveBorderColor};
+        background-color: ${learnMoreLinkActiveBackgroundColor};
     }`,
       `.footnote-item p {
         margin-top: 0;
@@ -86872,17 +87023,23 @@
         counter-increment: list-counter;
         content: counter(list-counter);
         padding: 4px 4px;
-        background-color: ${footerLinkBgColor};
-        border-radius: 3px;
+        background-color: ${learnMoreLinkNumberBackgroundColor};
+        border-radius: ${getInnerBorderRadiusProp(learnMoreTopLeftBorderRadius)}px ${getInnerBorderRadiusProp(learnMoreTopRightBorderRadius)}px ${getInnerBorderRadiusProp(learnMoreBottomRightBorderRadius)}px ${getInnerBorderRadiusProp(learnMoreBottomLeftBorderRadius)}px;
+        box-sizing: border-box;
         display: inline-block;
-        min-width: 18px;
+        min-width: 28px;
         text-align: center;
         color: ${linkColor}!important;
     }`,
       `.footnotes-list>.footnote-item:hover::before {
         color: ${linkHoverColor}!important;
+        background-color: ${learnMoreLinkNumberHoverBackgroundColor};
     }`,
-      `.footnotes-sep{
+      `.footnotes-list>.footnote-item:active::before {
+        color: ${linkHoverColor}!important;
+        background-color: ${learnMoreLinkNumberActiveBackgroundColor};
+    }`,
+      `.footnotes-sep {
         display: none!important;
     }`,
       `.scroll-table {
@@ -86964,7 +87121,7 @@
     keyFrames += getStyleSheetMarker() + ".alan-overlay-popup:hover .alan-overlay-popup__ok{opacity:1;transition:opacity 300ms ease-in-out;}";
     keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-gradient", "0%{backgroundPosition: 0 0;}50%{backgroundPosition: -100% 0;}100%{backgroundPosition: 0 0;}");
     keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-pulsating", "0%{transform: scale(1.11111);}50%{transform: scale(1.0);}100%{transform: scale(1.11111);}");
-    keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-text-chat-pulsating", "0%{transform: scale(1) translateY(-50%);}50%{transform: scale(0.91) translateY(-50%);}100%{transform: scale(1) translateY(-50%);}");
+    keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-text-chat-pulsating", "0%{transform: scale(1)} 50%{transform: scale(0.91);} 100%{transform: scale(1) }");
     keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-mic-pulsating", "0%{transform: scale(0.91);}50%{transform: scale(1.0);}100%{transform: scale(0.91);}");
     keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-triangle-mic-pulsating", "0%{transform: scale(0.94);}50%{transform: scale(1.0);}100%{transform: scale(0.94);}");
     keyFrames += getStyleSheetMarker() + generateKeyFrame("alan-fade-in", "0%{opacity: 0;}100%{opacity:1;}");
@@ -87123,13 +87280,13 @@
 
   // alan_btn/src/textChat/highlightJs.ts
   window.hljs = es_default;
-  var hljsWasInit = false;
-  function initHighlightJs() {
-    if (hljsWasInit)
+  var hljsTheme = false;
+  function initHighlightJs(theme) {
+    if (hljsTheme === theme)
       return;
-    hljsWasInit = true;
+    hljsTheme = theme;
     var style = document.createElement("style");
-    style.textContent = highlightJsCss();
+    style.textContent = highlightJsCss(theme);
     document.getElementsByTagName("head")[0].appendChild(style);
   }
   function highlightCode(msgsHolder) {
@@ -87144,8 +87301,8 @@
       });
     }
   }
-  function highlightJsCss() {
-    return `
+  function highlightJsCss(theme) {
+    const lightTheme = `
     pre code.hljs {
         display: block;
         overflow-x: auto;
@@ -87264,6 +87421,130 @@
         /* purposely ignored */
         
       }`;
+    const darkTheme = `
+      pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em
+}
+code.hljs {
+  padding: 3px 5px
+}
+/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/
+.hljs {
+  color: #c9d1d9;
+  background: #0d1117
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #ff7b72
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #d2a8ff
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-meta,
+.hljs-number,
+.hljs-operator,
+.hljs-variable,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #79c0ff
+}
+.hljs-regexp,
+.hljs-string,
+.hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #a5d6ff
+}
+.hljs-built_in,
+.hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #ffa657
+}
+.hljs-comment,
+.hljs-code,
+.hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #8b949e
+}
+.hljs-name,
+.hljs-quote,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #7ee787
+}
+.hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #c9d1d9
+}
+.hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #1f6feb;
+  font-weight: bold
+}
+.hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #f2cc60
+}
+.hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #c9d1d9;
+  font-style: italic
+}
+.hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #c9d1d9;
+  font-weight: bold
+}
+.hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #aff5b4;
+  background-color: #033a16
+}
+.hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #ffdcd7;
+  background-color: #67060c
+}
+.hljs-char.escape_,
+.hljs-link,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-tag {
+  /* purposely ignored */
+  
+}`;
+    const themes = {
+      light: lightTheme,
+      dark: darkTheme
+    };
+    return themes[theme];
   }
 
   // node_modules/dont-crop/dist/mjs/linearRegression.js
@@ -87400,7 +87681,7 @@
       if (button.setVisualState) {
         resultBtn += ` data-alan-button-set-visual-state="${encodeValueForHtmlAttr(button.setVisualState)}" `;
       }
-      resultBtn += ` >${button.label}</div>`;
+      resultBtn += ` >${button.html || button.label}</div>`;
       return resultBtn;
     }).join("") || ""}</div>`;
   }
@@ -87540,7 +87821,7 @@
 
   // alan_btn/alan_btn.ts
   (function(ns) {
-    uiState.lib.version = "alan-version.1.8.60".replace("alan-version.", "");
+    uiState.lib.version = "alan-version.1.8.61".replace("alan-version.", "");
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState.lib.version + ")");
     }
@@ -87655,6 +87936,19 @@
           },
           isAudioOutputEnabled: () => {
             return textToSpeachVoiceEnabled;
+          },
+          setFullScreenMode: (value) => {
+            if (value) {
+              enterFullScreenModeForTextChat();
+            } else {
+              exitFullScreenModeForTextChat();
+            }
+          },
+          close: () => {
+            closeTextChat();
+          },
+          clear: () => {
+            clearTextChat();
           }
         },
         //deprecated
@@ -88534,7 +88828,7 @@
         onresizeDebounced({});
         if (!(uiState.textChat.expanded || uiState.textChat.inlined)) {
           var chatHolderRect = chatHolderDiv.getBoundingClientRect();
-          fixTextChatSizeIfNeeded(chatHolderRect.width, chatHolderRect.height, false);
+          fixTextChatSizeIfNeeded(chatHolderRect.width, chatHolderRect.height);
         }
       };
       var initialPermissionWasAsked = false;
@@ -88656,7 +88950,7 @@
           continueWithAudio = false;
           if (textChatIsHidden) {
             sendClientEvent({ buttonClicked: true });
-            fixTextChatSizeIfNeeded(getTextChatSizeAfterResize("width"), getTextChatSizeAfterResize("height"), true);
+            fixTextChatSizeIfNeeded(getTextChatSizeAfterResize("width"), getTextChatSizeAfterResize("height"));
             showTextChat();
             setTextChatPosition(chatHolderDiv);
           }
@@ -89044,6 +89338,11 @@
           if (data && data.web && data.web.chatOptions?.textChat?.enabled === true) {
             uiState.textChat.available = true;
             voiceEnabledInTextChat = data.web.chatOptions?.textChat?.voice?.enabled;
+            const themeFromOptions = data.web.chatOptions?.textChat?.bubbles?.response?.codeTheme || "light";
+            const currentTheme = uiState.textChat.options?.bubbles?.response?.codeTheme;
+            if (currentTheme !== themeFromOptions) {
+              initHighlightJs(themeFromOptions);
+            }
             uiState.textChat.options = data.web.chatOptions?.textChat;
             if (getVoiceEnabledFlag() !== data.web.chatOptions?.textChat?.audio?.enabled) {
               if (data.web.chatOptions?.textChat?.audio?.enabled) {
@@ -89674,7 +89973,6 @@
       function buildMsgContent(msg) {
         return `${buildImagesContent(msg)}${buildMsgTextContent(msg)}${buildLinksContent(msg)}${buildCommandsBlock(msg)}${buildMsgIncommingLoader(msg)}`;
       }
-      initHighlightJs();
       initMathJax(textChatMessages.length, (i2) => getMsgElForMathJax(i2));
       document.addEventListener("click", (e) => {
         let clickedEl = e.target;
@@ -89708,9 +90006,12 @@ ${LEARN_MORE_LABEL}
       }
       function getMsgBubbleLabel(msg) {
         if (msg.type === "request" || msg.type === "response") {
+          const isResponse = msg.type === "response";
           const requestLabel = uiState?.textChat?.options?.bubbles?.request?.label?.text || "Me";
           const responseLabel = uiState?.textChat?.options?.bubbles?.response?.label?.text || "Alan";
-          const msgLabel = `<div class="alan-btn__chat-${msg.type}-label">${msg.type === "request" ? requestLabel : responseLabel}</div>`;
+          const msgLabel = `<div class="alan-btn__chat-${msg.type}-label">
+                ${isResponse ? `<span class="alan-btn__chat-${msg.type}-label-icon"></span>` : ""}
+                <span class="alan-btn__chat-${msg.type}-label-text">${isResponse ? responseLabel : requestLabel}</span></div>`;
           return msgLabel;
         }
         return "";
@@ -89908,7 +90209,7 @@ ${LEARN_MORE_LABEL}
           }
         }
       }
-      function onClearChatClick() {
+      function clearTextChat() {
         clearDialogId();
         if (window.tutorProject) {
           window.tutorProject.close();
@@ -90046,6 +90347,70 @@ ${LEARN_MORE_LABEL}
             textareaHolder.classList.remove("ready-to-send");
           }
         }
+        resizeTextArea();
+      }
+      function onChatTextAreaChange(e) {
+        resizeTextArea();
+      }
+      function getDynamicInputHeight(el, maxHeight) {
+        const style = window.getComputedStyle(el);
+        const text = el.value;
+        const id = "alanBtnHiddenTextDiv";
+        const hasHiddenDiv = document.getElementById(id);
+        const draftDiv = document.getElementById(id) || document.createElement("div");
+        if (style) {
+          draftDiv.id = id;
+          draftDiv.style.position = "absolute";
+          draftDiv.style.visibility = "hidden";
+          draftDiv.style.whiteSpace = "pre-wrap";
+          draftDiv.style.overflow = "visible";
+          draftDiv.style.wordBreak = "break-all";
+          draftDiv.style.width = style.width;
+          draftDiv.style.maxWidth = style.width;
+          draftDiv.style.fontFamily = style.fontFamily;
+          draftDiv.style.fontSize = style.fontSize;
+          draftDiv.style.lineHeight = style.lineHeight;
+          draftDiv.style.padding = style.padding;
+          draftDiv.style.border = style.border;
+          draftDiv.style.maxHeight = `${maxHeight}px`;
+        }
+        draftDiv.textContent = text + "\u200B";
+        if (!hasHiddenDiv) {
+          document.body.appendChild(draftDiv);
+        }
+        const newHeight = draftDiv.offsetHeight;
+        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();
@@ -90125,7 +90490,8 @@ ${LEARN_MORE_LABEL}
         }
         const goToPrev = keyCode === 38;
         const goToNext = keyCode === 40;
-        if (goToPrev || goToNext) {
+        const isMultiline = uiState.textChat.options?.textarea?.fieldType === "multi-line";
+        if (!isMultiline && (goToPrev || goToNext)) {
           switchMessages(keyCode);
           e.stopPropagation();
           e.preventDefault();
@@ -90200,6 +90566,16 @@ ${LEARN_MORE_LABEL}
         parentEl.children[0].classList.add("alan-btn__chat-enter-full-screen-mode");
         parentEl.children[1].classList.add("alan-btn__chat-exit-full-screen-mode");
       }
+      function createTextInputNode(fieldType) {
+        const el = document.createElement(fieldType);
+        el.id = "chatTextarea";
+        el.setAttribute("autocomplete", "off");
+        el.classList.add("alan-btn__chat-textarea");
+        el.addEventListener("keydown", onChatTextAreaKeyDown);
+        el.addEventListener("keyup", onChatTextAreaKeyUp);
+        el.addEventListener("input", onChatTextAreaChange);
+        return el;
+      }
       function initTextChat() {
         var textareaDiv = document.getElementById("textarea-holder");
         var textareaInnerDiv = document.getElementById("textarea-inner-holder");
@@ -90215,6 +90591,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");
+        const isMultiline = uiState.textChat.options?.textarea?.fieldType === "multi-line";
         if (!chatDivWrapper.classList.contains("alan-btn__chat")) {
           document.addEventListener("touchstart", keyboardScrollFixListenerForChat, { passive: false });
           if (isInlinedMode()) {
@@ -90242,7 +90619,7 @@ ${LEARN_MORE_LABEL}
           headerInnerDiv = createDiv({ id: "chat-header-inner", class: "alan-btn__chat-header-inner" });
           var headerDivGr = createDiv({ class: "alan-btn__chat-header-gradient" });
           var clearChatBtn = createDivWithSvg(chatIcons.clear, { id: "clear-chat-btn", class: "alan-btn__chat-clear-btn" });
-          clearChatBtn.addEventListener("click", onClearChatClick);
+          clearChatBtn.addEventListener("click", clearTextChat);
           headerTille = document.createElement("span");
           headerTille.id = "chat-header-title";
           headerTille.classList.add("alan-btn__chat-header-title");
@@ -90266,18 +90643,13 @@ ${LEARN_MORE_LABEL}
           headerInnerDiv.appendChild(headerTille);
           headerInnerDiv.appendChild(rightHeaderIconsHolder);
           headerDiv.appendChild(headerInnerDiv);
-          fillSideBarContent(chatSideBar, { onClearChatClick, expandCollapseChatSidePanel, closeTextChat });
+          fillSideBarContent(chatSideBar, { clearTextChat, expandCollapseChatSidePanel, closeTextChat });
           textareaInnerDiv = createDiv({ id: "textarea-inner-holder", class: "alan-btn__chat-textarea-inner-holder" });
           textareaHolderDiv = createDiv({ id: "textarea-holder-content", class: "alan-btn__chat-textarea-holder-outer-content" });
           textareaDiv = createDiv({ id: "textarea-holder", class: "alan-btn__chat-textarea-holder" });
           var textareaDivGr = document.createElement("div");
           textareaDivGr.classList.add("alan-btn__chat-textarea-holder-gradient");
-          chatTextarea = document.createElement("input");
-          chatTextarea.id = "chatTextarea";
-          chatTextarea.setAttribute("autocomplete", "off");
-          chatTextarea.classList.add("alan-btn__chat-textarea");
-          chatTextarea.addEventListener("keydown", onChatTextAreaKeyDown);
-          chatTextarea.addEventListener("keyup", onChatTextAreaKeyUp);
+          chatTextarea = createTextInputNode(isMultiline ? "textarea" : "input");
           chatSendBtn = document.createElement("div");
           chatSendBtn.id = "chat-send-btn";
           chatSendBtn.classList.add("alan-btn__chat-send-btn");
@@ -90293,10 +90665,23 @@ ${LEARN_MORE_LABEL}
           chatDiv.appendChild(headerDivGr);
           chatHolderDiv.classList.add("alan-btn__chat-holder");
         }
+        const tagName = chatTextarea?.tagName?.toLowerCase();
+        if (tagName === "input" && isMultiline) {
+          const newTextareaEl = createTextInputNode("textarea");
+          newTextareaEl.placeholder = chatTextarea.placeholder;
+          chatTextarea.parentNode.replaceChild(newTextareaEl, chatTextarea);
+        } else if (tagName === "textarea" && !isMultiline) {
+          const newTextareaEl = createTextInputNode("input");
+          newTextareaEl.placeholder = chatTextarea.placeholder;
+          chatTextarea.parentNode.replaceChild(newTextareaEl, chatTextarea);
+        }
+        setTimeout(() => {
+          resizeTextArea();
+        });
         if (headerTille) {
+          const icon = uiState.textChat.options?.header?.icon?.svg;
           const title = uiState.textChat.options?.header?.label || "Alan AI Assistant";
-          headerTille.innerText = title;
-          headerTille.setAttribute("title", title);
+          headerTille.innerHTML = `${icon ? `<span class="alan-btn__chat-header-title-icon">${icon}</span>` : ""}<span class="alan-btn__chat-header-title-label" title="${title}">${title}</span>`;
         }
         if (closeChatBtnImg) {
           closeChatBtnImg.innerHTML = getCloseChatIcon(uiState.textChat.options);
@@ -90316,6 +90701,7 @@ ${LEARN_MORE_LABEL}
             chatMicBtn.id = "chat-mic-btn";
             chatMicBtn.addEventListener("click", () => {
               chatTextarea.value = "";
+              resizeTextArea();
               textareaDiv.classList.remove("show-gradient");
               if (!isAlanActive) {
                 disableVoiceEnabledBtn();
@@ -90431,13 +90817,21 @@ ${LEARN_MORE_LABEL}
       }
       function expandCollapseTextChat() {
         if (!uiState.textChat.expanded) {
+          enterFullScreenModeForTextChat();
+        } else {
+          exitFullScreenModeForTextChat();
+        }
+      }
+      function enterFullScreenModeForTextChat() {
+        if (uiState.textChat?.options?.popup?.fullScreenMode?.enabled === true) {
           uiState.textChat.expanded = true;
           openChatInFullScreen(chatHolderDiv);
-        } else {
-          uiState.textChat.expanded = false;
-          chatHolderDiv.classList.remove("alan-btn_text-chat-full-screen");
         }
       }
+      function exitFullScreenModeForTextChat() {
+        uiState.textChat.expanded = false;
+        chatHolderDiv.classList.remove("alan-btn_text-chat-full-screen");
+      }
       function getVoiceEnabledFlagLocalStorageKey() {
         return `alan-btn-text-chat__text-to-speach-voice-enabled__for-projectId-${getProjectId()}`;
       }
@@ -90925,6 +91319,7 @@ ${LEARN_MORE_LABEL}
           btn.appendChild(chatNotificationsBubble);
         }
         rootEl.appendChild(chatHolderDiv);
+        resizeTextArea();
         btnDisabled = false;
       }
       function hideBtn() {
@@ -91214,7 +91609,10 @@ ${LEARN_MORE_LABEL}
       }
       if (!isMobile()) {
         chatHolderDiv.addEventListener("mousedown", onMouseDownForResizeTextChat);
-        chatHolderDiv.addEventListener("mousemove", onMouseHoverForResizeTextChat);
+        chatHolderDiv.addEventListener("mousemove", (e) => {
+          onMouseHoverForResizeTextChat(e);
+          resizeTextAreaDebounced();
+        });
         chatHolderDiv.addEventListener("mouseleave", onMouseHoverForResizeTextChat);
         document.addEventListener("mouseup", onMouseUpForResizeTextChat, true);
         document.addEventListener("mousemove", onMouseMoveForResizeTextChat, true);