@alan-ai/alan-sdk-web 1.8.89 → 1.8.90

package/dist/alan_lib.js

@@ -7042,8 +7042,8 @@
             this.options = options !== null && options !== void 0 ? options : defaultOpts;
             this.elementCB = elementCB !== null && elementCB !== void 0 ? elementCB : null;
           }
-          DomHandler2.prototype.onparserinit = function(parser) {
-            this.parser = parser;
+          DomHandler2.prototype.onparserinit = function(parser2) {
+            this.parser = parser2;
           };
           DomHandler2.prototype.onreset = function() {
             this.dom = [];
@@ -8731,8 +8731,8 @@
       exports.getFeed = void 0;
       var stringify_js_1 = require_stringify();
       var legacy_js_1 = require_legacy();
-      function getFeed(doc) {
-        var feedRoot = getOneElement(isValidFeed, doc);
+      function getFeed(doc2) {
+        var feedRoot = getOneElement(isValidFeed, doc2);
         return !feedRoot ? null : feedRoot.name === "feed" ? getAtomFeed(feedRoot) : getRssFeed(feedRoot);
       }
       exports.getFeed = getFeed;
@@ -10614,8 +10614,8 @@
             this.options = options !== null && options !== void 0 ? options : defaultOpts;
             this.elementCB = elementCB !== null && elementCB !== void 0 ? elementCB : null;
           }
-          DomHandler2.prototype.onparserinit = function(parser) {
-            this.parser = parser;
+          DomHandler2.prototype.onparserinit = function(parser2) {
+            this.parser = parser2;
           };
           DomHandler2.prototype.onreset = function() {
             this.dom = [];
@@ -12303,8 +12303,8 @@
       exports.getFeed = void 0;
       var stringify_js_1 = require_stringify3();
       var legacy_js_1 = require_legacy2();
-      function getFeed(doc) {
-        var feedRoot = getOneElement(isValidFeed, doc);
+      function getFeed(doc2) {
+        var feedRoot = getOneElement(isValidFeed, doc2);
         return !feedRoot ? null : feedRoot.name === "feed" ? getAtomFeed(feedRoot) : getRssFeed(feedRoot);
       }
       exports.getFeed = getFeed;
@@ -14558,20 +14558,20 @@
       exports.update = exports.getParse = void 0;
       var domutils_1 = require_lib5();
       var domhandler_1 = require_lib2();
-      function getParse(parser) {
+      function getParse(parser2) {
         return function parse(content, options, isDocument, context) {
           if (typeof Buffer !== "undefined" && Buffer.isBuffer(content)) {
             content = content.toString();
           }
           if (typeof content === "string") {
-            return parser(content, options, isDocument, context);
+            return parser2(content, options, isDocument, context);
           }
-          var doc = content;
-          if (!Array.isArray(doc) && (0, domhandler_1.isDocument)(doc)) {
-            return doc;
+          var doc2 = content;
+          if (!Array.isArray(doc2) && (0, domhandler_1.isDocument)(doc2)) {
+            return doc2;
           }
           var root = new domhandler_1.Document([]);
-          update(doc, root);
+          update(doc2, root);
           return root;
         };
       }
@@ -20110,23 +20110,23 @@
         }
         // API
         static parse(html, options) {
-          const parser = new this(options);
-          parser.tokenizer.write(html, true);
-          return parser.document;
+          const parser2 = new this(options);
+          parser2.tokenizer.write(html, true);
+          return parser2.document;
         }
         static getFragmentParser(fragmentContext, options) {
           const opts = Object.assign(Object.assign({}, defaultParserOptions), options);
           fragmentContext !== null && fragmentContext !== void 0 ? fragmentContext : fragmentContext = opts.treeAdapter.createElement(html_js_1.TAG_NAMES.TEMPLATE, html_js_1.NS.HTML, []);
           const documentMock = opts.treeAdapter.createElement("documentmock", html_js_1.NS.HTML, []);
-          const parser = new this(opts, documentMock, fragmentContext);
-          if (parser.fragmentContextID === html_js_1.TAG_ID.TEMPLATE) {
-            parser.tmplInsertionModeStack.unshift(InsertionMode.IN_TEMPLATE);
+          const parser2 = new this(opts, documentMock, fragmentContext);
+          if (parser2.fragmentContextID === html_js_1.TAG_ID.TEMPLATE) {
+            parser2.tmplInsertionModeStack.unshift(InsertionMode.IN_TEMPLATE);
           }
-          parser._initTokenizerForFragmentParsing();
-          parser._insertFakeRootElement();
-          parser._resetInsertionMode();
-          parser._findFormInFragmentContext();
-          return parser;
+          parser2._initTokenizerForFragmentParsing();
+          parser2._insertFakeRootElement();
+          parser2._resetInsertionMode();
+          parser2._findFormInFragmentContext();
+          return parser2;
         }
         getFragment() {
           const rootElement = this.treeAdapter.getFirstChild(this.document);
@@ -23161,9 +23161,9 @@
           html = fragmentContext;
           fragmentContext = null;
         }
-        const parser = index_js_1.Parser.getFragmentParser(fragmentContext, options);
-        parser.tokenizer.write(html, true);
-        return parser.getFragment();
+        const parser2 = index_js_1.Parser.getFragmentParser(fragmentContext, options);
+        parser2.tokenizer.write(html, true);
+        return parser2.getFragment();
       }
       exports.parseFragment = parseFragment;
     }
@@ -28388,23 +28388,23 @@
         }
         // API
         static parse(html, options) {
-          const parser = new this(options);
-          parser.tokenizer.write(html, true);
-          return parser.document;
+          const parser2 = new this(options);
+          parser2.tokenizer.write(html, true);
+          return parser2.document;
         }
         static getFragmentParser(fragmentContext, options) {
           const opts = Object.assign(Object.assign({}, defaultParserOptions), options);
           fragmentContext !== null && fragmentContext !== void 0 ? fragmentContext : fragmentContext = opts.treeAdapter.createElement(html_js_1.TAG_NAMES.TEMPLATE, html_js_1.NS.HTML, []);
           const documentMock = opts.treeAdapter.createElement("documentmock", html_js_1.NS.HTML, []);
-          const parser = new this(opts, documentMock, fragmentContext);
-          if (parser.fragmentContextID === html_js_1.TAG_ID.TEMPLATE) {
-            parser.tmplInsertionModeStack.unshift(InsertionMode.IN_TEMPLATE);
+          const parser2 = new this(opts, documentMock, fragmentContext);
+          if (parser2.fragmentContextID === html_js_1.TAG_ID.TEMPLATE) {
+            parser2.tmplInsertionModeStack.unshift(InsertionMode.IN_TEMPLATE);
           }
-          parser._initTokenizerForFragmentParsing();
-          parser._insertFakeRootElement();
-          parser._resetInsertionMode();
-          parser._findFormInFragmentContext();
-          return parser;
+          parser2._initTokenizerForFragmentParsing();
+          parser2._insertFakeRootElement();
+          parser2._resetInsertionMode();
+          parser2._findFormInFragmentContext();
+          return parser2;
         }
         getFragment() {
           const rootElement = this.treeAdapter.getFirstChild(this.document);
@@ -31512,9 +31512,9 @@
           html = fragmentContext;
           fragmentContext = null;
         }
-        const parser = index_js_1.Parser.getFragmentParser(fragmentContext, options);
-        parser.tokenizer.write(html, true);
-        return parser.getFragment();
+        const parser2 = index_js_1.Parser.getFragmentParser(fragmentContext, options);
+        parser2.tokenizer.write(html, true);
+        return parser2.getFragment();
       }
       exports.parseFragment = parseFragment;
     }
@@ -32047,8 +32047,8 @@
             this.options = options !== null && options !== void 0 ? options : defaultOpts;
             this.elementCB = elementCB !== null && elementCB !== void 0 ? elementCB : null;
           }
-          DomHandler2.prototype.onparserinit = function(parser) {
-            this.parser = parser;
+          DomHandler2.prototype.onparserinit = function(parser2) {
+            this.parser = parser2;
           };
           DomHandler2.prototype.onreset = function() {
             this.dom = [];
@@ -90652,7 +90652,7 @@
           mergeProgressiveMessages(messages, msgInd, msg);
         } else if (msg?.suggestions?.length > 0) {
           const lastResponseMsgInd = (0, import_lodash.findLastIndex)(messages, (m) => {
-            return msg.type === "response" && msgReqId && (m?.ctx?.reqId || m.reqId) === msgReqId;
+            return msg.type === "response" && m.type === "response" && msgReqId && (m?.ctx?.reqId || m.reqId) === msgReqId;
           });
           if (lastResponseMsgInd > -1) {
             msgInd = lastResponseMsgInd;
@@ -90925,7 +90925,7 @@
     var key;
     if (uiState.project.id) {
       key = uiState.project.id;
-      return key.substr(key.indexOf("/"));
+      return key.substr(key.indexOf("/") + 1);
     }
     return "none";
   }
@@ -90973,7 +90973,7 @@
   // alan_btn/src/textChat/helpers/adjustIFrameSize.ts
   function adjustIFrameSize(iframeMsgData) {
     const maxIFrameHeight = 6e3;
-    var { height, width, iframeId, withSvg } = iframeMsgData;
+    var { height, width, iframeId, withSvg, fullWidth } = iframeMsgData;
     if (!window.alanIframes) {
       window.alanIframes = {};
     }
@@ -91013,7 +91013,7 @@
         iframeEl.style.width = "100%";
         return;
       }
-      if (withSvg) {
+      if (withSvg || fullWidth) {
         if (!responseWrapper.classList.contains(`with-svg-for-${iframeId}`)) {
           responseWrapper.classList.add(`with-svg-for-${iframeId}`);
           responseWrapper.classList.add("with-svg");
@@ -91575,8 +91575,8 @@
   function parseSvgSize(svgString) {
     if (!svgString)
       return [];
-    const parser = new DOMParser();
-    const svgDoc = parser.parseFromString(svgString, "image/svg+xml");
+    const parser2 = new DOMParser();
+    const svgDoc = parser2.parseFromString(svgString, "image/svg+xml");
     const svgElement = svgDoc.querySelector("svg");
     const width = svgElement.getAttribute("width");
     const height = svgElement.getAttribute("height");
@@ -93631,7 +93631,7 @@
       hasFooterLinks = !!tempNode.querySelector(".footnotes");
       tempNode.remove();
     }
-    const links = msg.links?.filter((link) => isValidUrl(link?.href));
+    const links = msg.links?.filter((link) => isValidUrl2(link?.href));
     for (let i = 0; i < links?.length; i++) {
       const curLink = links[i];
       const target = getLinkTarget(curLink);
@@ -93655,7 +93655,7 @@
       return "_blank";
     }
   }
-  function isValidUrl(url) {
+  function isValidUrl2(url) {
     try {
       const parsedUrl = new URL(url);
       const hasValidProtocol = parsedUrl.protocol === "http:" || parsedUrl.protocol === "https:";
@@ -94247,7 +94247,7 @@
     window.hljs.addPlugin({
       "after:highlightElement": ({ el, text }) => {
         const wrapper = el.parentElement;
-        if (wrapper == null) {
+        if (wrapper == null || wrapper.closest(".no-copy-btn")) {
           return;
         }
         wrapper.classList.add("alan-btn__chat-response__code-wrapper");
@@ -94269,19 +94269,19 @@
   }
   var hljsTheme = false;
   function initHighlightJs(theme, customDocument) {
-    const doc = customDocument || document;
+    const doc2 = customDocument || document;
     const hljsStylesId = `alan-hljs-styles-${theme}`;
-    if (hljsTheme === theme && doc.getElementById(hljsStylesId))
+    if (hljsTheme === theme && doc2.getElementById(hljsStylesId))
       return;
     hljsTheme = theme;
-    var style = doc.createElement("style");
+    var style = doc2.createElement("style");
     style.textContent = highlightJsCss(theme);
     style.id = hljsStylesId;
-    doc.getElementsByTagName("head")[0].appendChild(style);
-    var lightHLJSOnlyStyle = doc.createElement("style");
+    doc2.getElementsByTagName("head")[0].appendChild(style);
+    var lightHLJSOnlyStyle = doc2.createElement("style");
     lightHLJSOnlyStyle.textContent = highlightJsCssForOnlyLightTheme();
     lightHLJSOnlyStyle.id = `alan-hljs-styles-light-only`;
-    doc.getElementsByTagName("head")[0].appendChild(lightHLJSOnlyStyle);
+    doc2.getElementsByTagName("head")[0].appendChild(lightHLJSOnlyStyle);
   }
   function highlightCode(msgsHolder) {
     if (window.hljs) {
@@ -94542,88 +94542,99 @@ code.hljs {
   }
   function highlightJsCssForOnlyLightTheme() {
     const lightOnlyTheme = `
-.hljs-light-override pre code.hljs {
+#overlay.hljs-light-override pre code.hljs {
   display: block;
   overflow-x: auto;
   overflow-y: hidden;
   padding: 1em;
+  background-color: #f8f8f8 !important;
 }
-.hljs-light-override code.hljs {
+#overlay.hljs-light-override code.hljs {
   padding: 3px 5px;
 }
-.hljs-light-override .hljs {
+#overlay.hljs-light-override .hljs {
     background-color: #f8f8f8 !important;
 }
-.hljs-light-override .hljs-doctag,
-.hljs-light-override .hljs-keyword,
-.hljs-light-override .hljs-meta .hljs-keyword,
-.hljs-light-override .hljs-template-tag,
-.hljs-light-override .hljs-template-variable,
-.hljs-light-override .hljs-type,
-.hljs-light-override .hljs-variable.language_ {
+#overlay.hljs-light-override pre {
+    background-color: #f8f8f8 !important; 
+    border: 1px solid #DDD !important;  
+}
+#overlay.hljs-light-override code:not(.hljs) {
+    background-color: #f8f8f8 !important;  
+    border: 1px solid #DDD !important; 
+}
+
+
+#overlay.hljs-light-override .hljs-doctag,
+#overlay.hljs-light-override .hljs-keyword,
+#overlay.hljs-light-override .hljs-meta .hljs-keyword,
+#overlay.hljs-light-override .hljs-template-tag,
+#overlay.hljs-light-override .hljs-template-variable,
+#overlay.hljs-light-override .hljs-type,
+#overlay.hljs-light-override .hljs-variable.language_ {
   color: #d73a49;
 }
-.hljs-light-override .hljs-title,
-.hljs-light-override .hljs-title.class_,
-.hljs-light-override .hljs-title.class_.inherited__,
-.hljs-light-override .hljs-title.function_ {
+#overlay.hljs-light-override .hljs-title,
+#overlay.hljs-light-override .hljs-title.class_,
+#overlay.hljs-light-override .hljs-title.class_.inherited__,
+#overlay.hljs-light-override .hljs-title.function_ {
   color: #6f42c1;
 }
-.hljs-light-override .hljs-attr,
-.hljs-light-override .hljs-attribute,
-.hljs-light-override .hljs-literal,
-.hljs-light-override .hljs-meta,
-.hljs-light-override .hljs-number,
-.hljs-light-override .hljs-operator,
-.hljs-light-override .hljs-variable,
-.hljs-light-override .hljs-selector-attr,
-.hljs-light-override .hljs-selector-class,
-.hljs-light-override .hljs-selector-id {
+#overlay.hljs-light-override .hljs-attr,
+#overlay.hljs-light-override .hljs-attribute,
+#overlay.hljs-light-override .hljs-literal,
+#overlay.hljs-light-override .hljs-meta,
+#overlay.hljs-light-override .hljs-number,
+#overlay.hljs-light-override .hljs-operator,
+#overlay.hljs-light-override .hljs-variable,
+#overlay.hljs-light-override .hljs-selector-attr,
+#overlay.hljs-light-override .hljs-selector-class,
+#overlay.hljs-light-override .hljs-selector-id {
   color: #005cc5;
 }
-.hljs-light-override .hljs-regexp,
-.hljs-light-override .hljs-string,
-.hljs-light-override .hljs-meta .hljs-string {
+#overlay.hljs-light-override .hljs-regexp,
+#overlay.hljs-light-override .hljs-string,
+#overlay.hljs-light-override .hljs-meta .hljs-string {
   color: #032f62;
 }
-.hljs-light-override .hljs-built_in,
-.hljs-light-override .hljs-symbol {
+#overlay.hljs-light-override .hljs-built_in,
+#overlay.hljs-light-override .hljs-symbol {
   color: #e36209;
 }
-.hljs-light-override .hljs-comment,
-.hljs-light-override .hljs-code,
-.hljs-light-override .hljs-formula {
+#overlay.hljs-light-override .hljs-comment,
+#overlay.hljs-light-override .hljs-code,
+#overlay.hljs-light-override .hljs-formula {
   color: #6a737d;
 }
-.hljs-light-override .hljs-name,
-.hljs-light-override .hljs-quote,
-.hljs-light-override .hljs-selector-tag,
-.hljs-light-override .hljs-selector-pseudo {
+#overlay.hljs-light-override .hljs-name,
+#overlay.hljs-light-override .hljs-quote,
+#overlay.hljs-light-override .hljs-selector-tag,
+#overlay.hljs-light-override .hljs-selector-pseudo {
   color: #22863a;
 }
-.hljs-light-override .hljs-subst {
+#overlay.hljs-light-override .hljs-subst {
   color: #24292e;
 }
-.hljs-light-override .hljs-section {
+#overlay.hljs-light-override .hljs-section {
   color: #005cc5;
   font-weight: bold;
 }
-.hljs-light-override .hljs-bullet {
+#overlay.hljs-light-override .hljs-bullet {
   color: #735c0f;
 }
-.hljs-light-override .hljs-emphasis {
+#overlay.hljs-light-override .hljs-emphasis {
   color: #24292e;
   font-style: italic;
 }
-.hljs-light-override .hljs-strong {
+#overlay.hljs-light-override .hljs-strong {
   color: #24292e;
   font-weight: bold;
 }
-.hljs-light-override .hljs-addition {
+#overlay.hljs-light-override .hljs-addition {
   color: #22863a;
   background-color: #f0fff4;
 }
-.hljs-light-override .hljs-deletion {
+#overlay.hljs-light-override .hljs-deletion {
   color: #b31d28;
   background-color: #ffeef0;
 }
@@ -94798,6 +94809,22 @@ code.hljs {
 
   // alan_btn/src/textChat/saveChatStateToFile.ts
   var LIBS_PREFIX = "https://storage.googleapis.com/alan-ai-public-resources/save-debug-chat-resources";
+  function extractFunction(code, functionName) {
+    const regex = new RegExp(`(?:async\\s+)?function\\s+${functionName}\\s*\\([^)]*\\)\\s*{(?:[^{}]*|{[^{}]*})*}`, "gs");
+    const match = code.match(regex);
+    return match ? match[0] : null;
+  }
+  function stripComments(code) {
+    return code.replace(/("(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*')|\/\/.*|\/\*[\s\S]*?\*\//g, (match, quoted) => {
+      return quoted ? quoted : "";
+    });
+  }
+  function commentInitIframeFnInSourceCode(html, initIframeFn2) {
+    const explanationComment = `// The initIframe function was commented out because resources were inlined in the iframe.
+`;
+    const commentedFn = initIframeFn2.split("\n").map((line) => "// " + line).join("\n");
+    return html.replace(initIframeFn2, explanationComment + commentedFn);
+  }
   async function saveChatState({
     chatName,
     chatEl,
@@ -94825,19 +94852,25 @@ code.hljs {
           continue;
         }
         let initHtmlContent = await response.text();
-        let htmlContent = await inlineExternalScripts(initHtmlContent);
+        let { htmlContent: htmlContent2 } = await inlineExternalScripts(initHtmlContent);
+        const initIframeFn2 = extractFunction(htmlContent2, "initIframe");
+        if (initIframeFn2) {
+          htmlContent2 = commentInitIframeFnInSourceCode(htmlContent2, initIframeFn2);
+          console.log("Replaced initIframe function with commented version as resources were successfully inlined.");
+        }
         const frameSrc = iframe.getAttribute("src");
         iframe.removeAttribute("src");
-        iframe.setAttribute("srcdoc", htmlContent);
+        iframe.setAttribute("srcdoc", htmlContent2);
         iframe.setAttribute("sandbox", "allow-scripts allow-same-origin");
         if (frameSrc.indexOf("alan.") > -1 || frameSrc.indexOf("alan-")) {
           const parent = iframe.parentNode;
           let controlsDiv = document.createElement("div");
           controlsDiv.classList.add("alan-iframe-controls");
-          let newIframe = document.createElement("iframe");
-          newIframe.srcdoc = initHtmlContent;
-          newIframe.setAttribute("style", "display: none;");
-          controlsDiv.appendChild(newIframe);
+          let hiddenIframe = document.createElement("iframe");
+          hiddenIframe.srcdoc = `<!--${initHtmlContent}-->`;
+          hiddenIframe.setAttribute("style", "display: none;");
+          hiddenIframe.setAttribute("sandbox", "");
+          controlsDiv.appendChild(hiddenIframe);
           const loadIframeLink = document.createElement("a");
           loadIframeLink.classList.add("load-iframe-source");
           loadIframeLink.textContent = "Load IFrame source \u2B07\uFE0F";
@@ -94856,11 +94889,16 @@ code.hljs {
     const functionsToInsert = iFrameSizeListenerFunctions.map((fn) => fn.toString()).join("\n\n");
     const onIFrameSizeListenerString = onIFrameSizeListener.toString();
     const copyTextToBufferString = copyTextToBuffer.toString();
-    const outputPhrases = await getOutputLogs({
-      projectId,
-      environment,
-      requestIds
-    });
+    let outputPhrases = [];
+    try {
+      outputPhrases = await getOutputLogs({
+        projectId,
+        environment,
+        requestIds
+      });
+    } catch (error) {
+      console.info("Chat will be exported without output graphs", error);
+    }
     const alanMainClass = "alan-" + projectId;
     const code = `
         <script  type="text/javascript">
@@ -94868,7 +94906,7 @@ code.hljs {
         ${functionsToInsert}
         ${copyTextToBufferString}
 
-        function copyCodeHandler(text){
+        function copyCodeHandler(text, copyButton){
             copyTextToBuffer(text);
 
                 copyButton.classList.add('alan-copy-btn-copied');
@@ -94877,35 +94915,36 @@ code.hljs {
                 }, 2000);
         }
 
+        if(window.hljs) {
+            window.hljs.addPlugin({
+                "after:highlightElement": ({ el, text }) => {
+                const wrapper = el.parentElement;
+                if (wrapper == null) {
+                    return;
+                }
 
-        window.hljs.addPlugin({
-            "after:highlightElement": ({ el, text }) => {
-            const wrapper = el.parentElement;
-            if (wrapper == null) {
-                return;
-            }
-
-            wrapper.classList.add("alan-btn__chat-response__code-wrapper");
+                wrapper.classList.add("alan-btn__chat-response__code-wrapper");
 
-            const copyButton = document.createElement("span");
-            copyButton.classList.add(
-                "alan-btn__chat-response__copy-code-btn",
-            );
+                const copyButton = document.createElement("span");
+                copyButton.classList.add(
+                    "alan-btn__chat-response__copy-code-btn",
+                );
 
-            const chatIcons = {
-                copy: '<svg  class="alan-btn__copy-icon" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 16.5L19.5 4.5L18.75 3.75H9L8.25 4.5L8.25 7.5L5.25 7.5L4.5 8.25V20.25L5.25 21H15L15.75 20.25V17.25H18.75L19.5 16.5ZM15.75 15.75L15.75 8.25L15 7.5L9.75 7.5V5.25L18 5.25V15.75H15.75ZM6 9L14.25 9L14.25 19.5L6 19.5L6 9Z" fill="#080341"/></svg>',
-                copied: '<svg class="alan-btn__copied-icon" width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg" aria-labelledby="okIconTitle" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="#000000"> <title id="okIconTitle">Copied!</title> <polyline points="4 13 9 18 20 7"/> </svg>'
-            };
+                const chatIcons = {
+                    copy: '<svg  class="alan-btn__copy-icon" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 16.5L19.5 4.5L18.75 3.75H9L8.25 4.5L8.25 7.5L5.25 7.5L4.5 8.25V20.25L5.25 21H15L15.75 20.25V17.25H18.75L19.5 16.5ZM15.75 15.75L15.75 8.25L15 7.5L9.75 7.5V5.25L18 5.25V15.75H15.75ZM6 9L14.25 9L14.25 19.5L6 19.5L6 9Z" fill="#080341"/></svg>',
+                    copied: '<svg class="alan-btn__copied-icon" width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg" aria-labelledby="okIconTitle" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" color="#000000"> <title id="okIconTitle">Copied!</title> <polyline points="4 13 9 18 20 7"/> </svg>'
+                };
 
-            copyButton.innerHTML = chatIcons.copy + chatIcons.copied;
+                copyButton.innerHTML = chatIcons.copy + chatIcons.copied;
 
-            copyButton.onclick = () => {
-                copyCodeHandler(text)
-            };
+                copyButton.onclick = () => {
+                    copyCodeHandler(text, copyButton)
+                };
 
-            wrapper.appendChild(copyButton);
-            },
-        });
+                wrapper.appendChild(copyButton);
+                },
+            });
+        }
 
         window.addEventListener("message", ${onIFrameSizeListenerString});
 
@@ -94984,6 +95023,12 @@ code.hljs {
         document.addEventListener('click', function onGraphClick(e) {
             var graphEl = e.target.closest('.chat-bubble_graph, .alan-btn__chat-graph');
             if (graphEl) {
+
+                if (!window.d3 || !window.Viz || !window.alanMarkdown || !window.svgPanZoom || !window.hljs) {
+                    alert('Some libraries required to display the graph could not be loaded. Please check your internet connection and try again.');
+                    return;
+                }
+
                 var phrase = logs.filter(l => l.requestId === graphEl.getAttribute('data-request-id'))[0];
 
                 if (phrase) {
@@ -95250,8 +95295,6 @@ code.hljs {
     <head>
         <meta charset="UTF-8">
         <title>Alan Text Chat History</title>
-        <link href="${LIBS_PREFIX}/main.css?v=1" rel="stylesheet" />
-        <link href="${LIBS_PREFIX}/highlight.light.css" rel="stylesheet" />
         <script src="${LIBS_PREFIX}/d3.v7.min.js" type="text/javascript"><\/script>
         <script src="${LIBS_PREFIX}/viz-standalone.js" type="text/javascript"><\/script>
         <script src="${LIBS_PREFIX}/svg-pan-zoom.min.js" type="text/javascript"><\/script>
@@ -95473,7 +95516,7 @@ code.hljs {
 
         if(clickedEl.classList.contains('load-iframe-source')) {
             const iframe = clickedEl.previousElementSibling;
-            const iframeHtml = iframe.getAttribute('srcdoc');
+            const iframeHtml = iframe.getAttribute('srcdoc').slice(4, -4);;
             let blob = new Blob([iframeHtml], { type: "text/html" });
 
             let now = new Date();
@@ -95646,7 +95689,76 @@ code.hljs {
         console.error(`Failed to inline script from ${src}:`, error);
       }
     }
-    return doc.documentElement.outerHTML;
+    const initIframeFn = extractFunction(htmlContent, "initIframe");
+    let allInitIframeResourcesInlined = false;
+    if (initIframeFn) {
+      let initIframeBody = stripComments(initIframeFn);
+      const resourceRegex = /await iframe\.(addScript|addStyleSheet|addFont)\(['"]([^'"]+)['"]\)/g;
+      let resourceMatch;
+      const isValidUrlFn = extractFunction(htmlContent, "isValidUrl");
+      const getResourceUrlFn = extractFunction(htmlContent, "getResourceUrl");
+      const getStudioResourceUrlFn = extractFunction(htmlContent, "getStudioResourceUrl");
+      const getProjectResourceUrlFn = extractFunction(htmlContent, "getProjectResourceUrl");
+      let getResourceUrl = null;
+      let getStudioResourceUrl = null;
+      let getProjectResourceUrl = null;
+      let isValidUrl = null;
+      try {
+        if (isValidUrlFn) {
+          eval(`isValidUrl = ${isValidUrlFn}`);
+        }
+        if (getResourceUrlFn) {
+          eval(`getResourceUrl = ${getResourceUrlFn}`);
+        }
+        if (getStudioResourceUrlFn) {
+          eval(`getStudioResourceUrl = ${getStudioResourceUrlFn}`);
+        }
+        if (getProjectResourceUrlFn) {
+          eval(`getProjectResourceUrl = ${getProjectResourceUrlFn}`);
+        }
+      } catch (error) {
+        console.error("Failed to parse resource-related functions using eval:", error);
+      }
+      let hasInternalFunctions = true;
+      if (!getResourceUrl || !getStudioResourceUrl || !getProjectResourceUrl || !isValidUrl) {
+        hasInternalFunctions = false;
+        console.error("Unable to parse resource-related functions from the iframe code. Some iframes may appear without content.");
+      }
+      allInitIframeResourcesInlined = true;
+      if (hasInternalFunctions) {
+        while ((resourceMatch = resourceRegex.exec(initIframeBody)) !== null) {
+          const [_, resourceType, rawResourceUrl] = resourceMatch;
+          try {
+            const resourceUrl = getResourceUrl(rawResourceUrl);
+            const response = await fetch(resourceUrl);
+            if (!response.ok) {
+              console.error(`Failed to fetch ${resourceType} from ${resourceUrl}: ${response.statusText}`);
+              allInitIframeResourcesInlined = false;
+              continue;
+            }
+            const resourceContent = await response.text();
+            if (resourceType === "addScript") {
+              const inlineScript = doc.createElement("script");
+              inlineScript.textContent = resourceContent;
+              doc.head.appendChild(inlineScript);
+              console.log(`Inlined script from initIframe fn: ${resourceUrl}`);
+            } else if (resourceType === "addStyleSheet") {
+              const inlineStyle = doc.createElement("style");
+              inlineStyle.textContent = resourceContent;
+              doc.head.appendChild(inlineStyle);
+              console.log(`Inlined stylesheet from initIframe fn: ${resourceUrl}`);
+            }
+          } catch (error) {
+            console.error(`Failed to inline ${resourceType} from ${rawResourceUrl}:`, error);
+            allInitIframeResourcesInlined = false;
+          }
+        }
+      }
+    }
+    return {
+      htmlContent: doc.documentElement.outerHTML,
+      allInitIframeResourcesInlined
+    };
   }
 
   // alan_btn/src/textChat/helpers/chat.ts
@@ -95823,7 +95935,7 @@ code.hljs {
 
   // alan_btn/alan_btn.ts
   (function(ns) {
-    uiState.lib.version = "alan-version.1.8.89".replace("alan-version.", "");
+    uiState.lib.version = "alan-version.1.8.90".replace("alan-version.", "");
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState.lib.version + ")");
     }
@@ -98179,13 +98291,15 @@ ${LEARN_MORE_LABEL}
           enableTextareaInTheChat();
         }
       }, false);
-      window.addEventListener("click", (e) => {
+      window.addEventListener("click", (0, import_lodash2.debounce)((e) => {
+        if (isTutorMode())
+          return;
         var clickedEl = e.target;
         processClickByButtonInChat(clickedEl, btnInstance, (text) => {
           textChatScrollPosition = null;
           _sendText(text);
         });
-      });
+      }, 300));
       function getMsgBubbleLabel(msg) {
         if (msg.type === "request" || msg.type === "response") {
           const isResponse = msg.type === "response";
@@ -98364,6 +98478,7 @@ ${LEARN_MORE_LABEL}
                 innerEl.insertAdjacentHTML("beforeend", buildLinksContent(updatedMsg));
                 innerEl.insertAdjacentHTML("beforeend", buildCommandsBlock(msg, uiState?.textChat?.options));
                 innerEl.insertAdjacentHTML("beforeend", buildMsgIncommingLoader(updatedMsg));
+                innerEl.insertAdjacentHTML("beforeend", addGraphIcon(updatedMsg));
                 const newSuggestions = msg?.suggestions;
                 if (newSuggestions?.length > 0) {
                   if (innerEl.nextElementSibling?.classList.contains("alan-btn__chat-suggestions")) {
@@ -98992,8 +99107,19 @@ ${LEARN_MORE_LABEL}
             rightHeaderIconsHolder.appendChild(saveChatStateBtnImg);
             rightHeaderIconsHolder.appendChild(expandCollapseChatBtnImg);
             saveChatStateBtnImg.addEventListener("click", async () => {
+              const projectId = getProjectId();
+              const head = document.head.cloneNode(true);
+              const styleSelectors = [
+                `style#alan-hljs-styles-light`,
+                `style#alan-hljs-styles-dark`,
+                `style#alan-hljs-styles-light-only`,
+                `style#MJX-SVG-styles`,
+                `style#alan-stylesheet-${projectId}`
+              ];
+              const styles = head.querySelectorAll(styleSelectors.join(", "));
+              const combinedStylesHTML = Array.from(styles).map((style) => style.outerHTML).join("\n");
               const customHeadContent = `
-                        ${document.head.innerHTML}
+                        ${combinedStylesHTML}
                         `;
               const initChat = document.querySelector("#chatMessagesWrapper");
               if (!initChat)
@@ -99010,7 +99136,7 @@ ${LEARN_MORE_LABEL}
                   chatName: title,
                   chatEl: initChat,
                   width: chatWidth2,
-                  projectId: getProjectId(),
+                  projectId,
                   environment: getEnvironment(),
                   requestIds: textChatMessages?.length > 0 ? textChatMessages.filter((m) => m.type === "response" /* Response */).map((m) => getMsgReqId(m)) : [],
                   headContent: customHeadContent