deep-chat-dev 9.0.87 → 9.0.89

package/dist/deepChat.js

@@ -337,7 +337,7 @@ var Pn = /*#__PURE__*/function () {
   return ze;
 }();
 Pn.TEXT_INPUT_ID = "text-input";
-var Fi = Pn;
+var Bi = Pn;
 var Yt = /*#__PURE__*/function () {
   function Yt() {
     _classCallCheck(this, Yt);
@@ -353,7 +353,7 @@ var Yt = /*#__PURE__*/function () {
   }, {
     key: "focusFromParentElement",
     value: function focusFromParentElement(e) {
-      var t = e.querySelector("#".concat(Fi.TEXT_INPUT_ID));
+      var t = e.querySelector("#".concat(Bi.TEXT_INPUT_ID));
       t && Yt.focusEndOfInput(t);
     }
   }]);
@@ -416,11 +416,11 @@ var I = {
   }();
 Dn.CODE_SNIPPET_GENERATION_JUMP = 0.5;
 var ne = Dn;
-var Fn = /*#__PURE__*/function () {
-  function Bn() {
-    _classCallCheck(this, Bn);
+var Bn = /*#__PURE__*/function () {
+  function Fn() {
+    _classCallCheck(this, Fn);
   }
-  _createClass(Bn, null, [{
+  _createClass(Fn, null, [{
     key: "speak",
     value: function speak(e, t) {
       if (window.SpeechSynthesisUtterance) {
@@ -441,13 +441,13 @@ var Fn = /*#__PURE__*/function () {
           n && (i.voice = n);
         }
         t(i);
-      }, Bn.LOAD_VOICES_MS);
+      }, Fn.LOAD_VOICES_MS);
     }
   }]);
-  return Bn;
+  return Fn;
 }();
-Fn.LOAD_VOICES_MS = 200;
-var Lt = Fn;
+Bn.LOAD_VOICES_MS = 200;
+var Lt = Bn;
 var Ae = /*#__PURE__*/function () {
   function Ae() {
     _classCallCheck(this, Ae);
@@ -840,7 +840,7 @@ var _s = /[&<>"]/,
 function Cs(s) {
   return Ts[s];
 }
-function B(s) {
+function F(s) {
   return _s.test(s) ? s.replace(Ms, Cs) : s;
 }
 var f = {};
@@ -851,7 +851,7 @@ f.blockquote_close = function (s, e) {
   return "</blockquote>" + Le(s, e);
 };
 f.code = function (s, e) {
-  return s[e].block ? "<pre><code>" + B(s[e].content) + "</code></pre>" + Le(s, e) : "<code>" + B(s[e].content) + "</code>";
+  return s[e].block ? "<pre><code>" + F(s[e].content) + "</code></pre>" + Le(s, e) : "<code>" + F(s[e].content) + "</code>";
 };
 f.fence = function (s, e, t, i, n) {
   var r = s[e],
@@ -863,9 +863,9 @@ f.fence = function (s, e, t, i, n) {
     u;
   if (r.params) {
     if (c = r.params.split(/\s+/g), d = c.join(" "), ys(n.rules.fence_custom, c[0])) return n.rules.fence_custom[c[0]](s, e, t, i, n);
-    l = B(ke(ht(d))), o = ' class="' + a + l + '"';
+    l = F(ke(ht(d))), o = ' class="' + a + l + '"';
   }
-  return t.highlight ? u = t.highlight.apply(t.highlight, [r.content].concat(c)) || B(r.content) : u = B(r.content), "<pre><code" + o + ">" + u + "</code></pre>" + Le(s, e);
+  return t.highlight ? u = t.highlight.apply(t.highlight, [r.content].concat(c)) || F(r.content) : u = F(r.content), "<pre><code" + o + ">" + u + "</code></pre>" + Le(s, e);
 };
 f.fence_custom = {};
 f.heading_open = function (s, e) {
@@ -905,17 +905,17 @@ f.paragraph_close = function (s, e) {
   return (s[e].tight ? "" : "</p>") + (t ? Le(s, e) : "");
 };
 f.link_open = function (s, e, t) {
-  var i = s[e].title ? ' title="' + B(ke(s[e].title)) + '"' : "",
+  var i = s[e].title ? ' title="' + F(ke(s[e].title)) + '"' : "",
     n = t.linkTarget ? ' target="' + t.linkTarget + '"' : "";
-  return '<a href="' + B(s[e].href) + '"' + i + n + ">";
+  return '<a href="' + F(s[e].href) + '"' + i + n + ">";
 };
 f.link_close = function () {
   return "</a>";
 };
 f.image = function (s, e, t) {
-  var i = ' src="' + B(s[e].src) + '"',
-    n = s[e].title ? ' title="' + B(ke(s[e].title)) + '"' : "",
-    r = ' alt="' + (s[e].alt ? B(ke(ht(s[e].alt))) : "") + '"',
+  var i = ' src="' + F(s[e].src) + '"',
+    n = s[e].title ? ' title="' + F(ke(s[e].title)) + '"' : "",
+    r = ' alt="' + (s[e].alt ? F(ke(ht(s[e].alt))) : "") + '"',
     o = t.xhtmlOut ? " /" : "";
   return "<img" + i + r + n + o + ">";
 };
@@ -988,10 +988,10 @@ f.mark_close = function () {
   return "</mark>";
 };
 f.sub = function (s, e) {
-  return "<sub>" + B(s[e].content) + "</sub>";
+  return "<sub>" + F(s[e].content) + "</sub>";
 };
 f.sup = function (s, e) {
-  return "<sup>" + B(s[e].content) + "</sup>";
+  return "<sup>" + F(s[e].content) + "</sup>";
 };
 f.hardbreak = function (s, e, t) {
   return t.xhtmlOut ? "<br />\n" : "<br>\n";
@@ -1000,7 +1000,7 @@ f.softbreak = function (s, e, t) {
   return t.breaks ? t.xhtmlOut ? "<br />\n" : "<br>\n" : "\n";
 };
 f.text = function (s, e) {
-  return B(s[e].content);
+  return F(s[e].content);
 };
 f.htmlblock = function (s, e) {
   return s[e].content;
@@ -1009,7 +1009,7 @@ f.htmltag = function (s, e) {
   return s[e].content;
 };
 f.abbr_open = function (s, e) {
-  return '<abbr title="' + B(ke(s[e].title)) + '">';
+  return '<abbr title="' + F(ke(s[e].title)) + '">';
 };
 f.abbr_close = function () {
   return "</abbr>";
@@ -1062,14 +1062,14 @@ function Hn(s, e) {
 var Le = f.getBreak = function (e, t) {
   return t = Hn(e, t), t < e.length && e[t].type === "list_item_close" ? "" : "\n";
 };
-function Bi() {
+function Fi() {
   this.rules = qn({}, f), this.getBreak = f.getBreak;
 }
-Bi.prototype.renderInline = function (s, e, t) {
+Fi.prototype.renderInline = function (s, e, t) {
   for (var i = this.rules, n = s.length, r = 0, o = ""; n--;) o += i[s[r].type](s, r++, e, t, this);
   return o;
 };
-Bi.prototype.render = function (s, e, t) {
+Fi.prototype.render = function (s, e, t) {
   for (var i = this.rules, n = s.length, r = -1, o = ""; ++r < n;) s[r].type === "inline" ? o += this.renderInline(s[r].children, e, t) : o += i[s[r].type](s, r, e, t, this);
   return o;
 };
@@ -1408,21 +1408,21 @@ function Ps(s) {
 }
 var Ds = /\+-|\.\.|\?\?\?\?|!!!!|,,|--/,
   js = /\((c|tm|r|p)\)/ig,
-  Fs = {
+  Bs = {
     c: "©",
     r: "®",
     p: "§",
     tm: "™"
   };
-function Bs(s) {
+function Fs(s) {
   return s.indexOf("(") < 0 ? s : s.replace(js, function (e, t) {
-    return Fs[t.toLowerCase()];
+    return Bs[t.toLowerCase()];
   });
 }
 function zs(s) {
   var e, t, i, n, r;
   if (s.options.typographer) {
-    for (r = s.tokens.length - 1; r >= 0; r--) if (s.tokens[r].type === "inline") for (n = s.tokens[r].children, e = n.length - 1; e >= 0; e--) t = n[e], t.type === "text" && (i = t.content, i = Bs(i), Ds.test(i) && (i = i.replace(/\+-/g, "±").replace(/\.{2,}/g, "…").replace(/([?!])…/g, "$1..").replace(/([?!]){4,}/g, "$1$1$1").replace(/,{2,}/g, ",").replace(/(^|[^-])---([^-]|$)/mg, "$1—$2").replace(/(^|\s)--(\s|$)/mg, "$1–$2").replace(/(^|[^-\s])--([^-\s]|$)/mg, "$1–$2")), t.content = i);
+    for (r = s.tokens.length - 1; r >= 0; r--) if (s.tokens[r].type === "inline") for (n = s.tokens[r].children, e = n.length - 1; e >= 0; e--) t = n[e], t.type === "text" && (i = t.content, i = Fs(i), Ds.test(i) && (i = i.replace(/\+-/g, "±").replace(/\.{2,}/g, "…").replace(/([?!])…/g, "$1..").replace(/([?!]){4,}/g, "$1$1$1").replace(/,{2,}/g, ",").replace(/(^|[^-])---([^-]|$)/mg, "$1—$2").replace(/(^|\s)--(\s|$)/mg, "$1–$2").replace(/(^|[^-\s])--([^-\s]|$)/mg, "$1–$2")), t.content = i);
   }
 }
 var qs = /['"]/,
@@ -1432,7 +1432,7 @@ var qs = /['"]/,
 function an(s, e) {
   return e < 0 || e >= s.length ? !1 : !Us.test(s[e]);
 }
-function Fe(s, e, t) {
+function Be(s, e, t) {
   return s.substr(0, e) + t + s.substr(e + 1);
 }
 function Hs(s) {
@@ -1444,12 +1444,12 @@ function Hs(s) {
         S.length = h + 1, i = t.content, r = 0, o = i.length;
         e: for (; r < o && (rn.lastIndex = r, n = rn.exec(i), !!n);) {
           if (l = !an(i, n.index - 1), r = n.index + 1, g = n[0] === "'", c = !an(i, r), !c && !l) {
-            g && (t.content = Fe(t.content, n.index, on));
+            g && (t.content = Be(t.content, n.index, on));
             continue;
           }
           if (u = !c, p = !l, p) {
             for (h = S.length - 1; h >= 0 && (d = S[h], !(S[h].level < a)); h--) if (d.single === g && S[h].level === a) {
-              d = S[h], g ? (E[d.token].content = Fe(E[d.token].content, d.pos, s.options.quotes[2]), t.content = Fe(t.content, n.index, s.options.quotes[3])) : (E[d.token].content = Fe(E[d.token].content, d.pos, s.options.quotes[0]), t.content = Fe(t.content, n.index, s.options.quotes[1])), S.length = h;
+              d = S[h], g ? (E[d.token].content = Be(E[d.token].content, d.pos, s.options.quotes[2]), t.content = Be(t.content, n.index, s.options.quotes[3])) : (E[d.token].content = Be(E[d.token].content, d.pos, s.options.quotes[0]), t.content = Be(t.content, n.index, s.options.quotes[1])), S.length = h;
               continue e;
             }
           }
@@ -1458,7 +1458,7 @@ function Hs(s) {
             pos: n.index,
             single: g,
             level: a
-          }) : p && g && (t.content = Fe(t.content, n.index, on));
+          }) : p && g && (t.content = Be(t.content, n.index, on));
         }
       }
     }
@@ -2424,11 +2424,11 @@ var Ir = /[a-zA-Z_:][a-zA-Z0-9:._-]*/,
   Pr = Zt(/(?:\s+attr_name(?:\s*=\s*attr_value)?)/)("attr_name", Ir)("attr_value", Nr)(),
   Dr = Zt(/<[A-Za-z][A-Za-z0-9]*attribute*\s*\/?>/)("attribute", Pr)(),
   jr = /<\/[A-Za-z][A-Za-z0-9]*\s*>/,
-  Fr = /<!---->|<!--(?:-?[^>-])(?:-?[^-])*-->/,
-  Br = /<[?].*?[?]>/,
+  Br = /<!---->|<!--(?:-?[^>-])(?:-?[^-])*-->/,
+  Fr = /<[?].*?[?]>/,
   zr = /<![A-Z]+\s+[^>]*>/,
   qr = /<!\[CDATA\[[\s\S]*?\]\]>/,
-  Ur = Zt(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/)("open_tag", Dr)("close_tag", jr)("comment", Fr)("processing", Br)("declaration", zr)("cdata", qr)();
+  Ur = Zt(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/)("open_tag", Dr)("close_tag", jr)("comment", Br)("processing", Fr)("declaration", zr)("cdata", qr)();
 function Hr(s) {
   var e = s | 32;
   return e >= 97 && e <= 122;
@@ -2626,7 +2626,7 @@ function Yn(s, e, t) {
   this.src = e, this.env = t, this.options = s.options, this.tokens = [], this.inlineMode = !1, this.inline = s.inline, this.block = s.block, this.renderer = s.renderer, this.typographer = s.typographer;
 }
 function ue(s, e) {
-  typeof s != "string" && (e = s, s = "default"), e && e.linkify != null && console.warn("linkify option is removed. Use linkify plugin instead:\n\nimport Remarkable from 'remarkable';\nimport linkify from 'remarkable/linkify';\nnew Remarkable().use(linkify)\n"), this.inline = new Xt(), this.block = new zi(), this.core = new Kn(), this.renderer = new Bi(), this.ruler = new H(), this.options = {}, this.configure(Xr[s]), this.set(e || {});
+  typeof s != "string" && (e = s, s = "default"), e && e.linkify != null && console.warn("linkify option is removed. Use linkify plugin instead:\n\nimport Remarkable from 'remarkable';\nimport linkify from 'remarkable/linkify';\nnew Remarkable().use(linkify)\n"), this.inline = new Xt(), this.block = new zi(), this.core = new Kn(), this.renderer = new Fi(), this.ruler = new H(), this.options = {}, this.configure(Xr[s]), this.set(e || {});
 }
 ue.prototype.set = function (s) {
   qn(this.options, s);
@@ -2978,7 +2978,7 @@ var Ve = /*#__PURE__*/function () {
       var n;
       (n = this._introPanel) == null || n.hide();
       var i = this.messageElementRefs[this.messageElementRefs.length - 1];
-      return Ve.isTemporaryElement(i) && (console.log("removing temporary"), i.outerContainer.remove(), this.messageElementRefs.pop()), this.createMessageElements(e, t);
+      return Ve.isTemporaryElement(i) && (i.outerContainer.remove(), this.messageElementRefs.pop()), this.createMessageElements(e, t);
     }
   }, {
     key: "createMessageElements",
@@ -5712,12 +5712,12 @@ var xo = /*#__PURE__*/function (_Ne5) {
   }]);
   return xo;
 }(Ne);
-var Ft = /*#__PURE__*/function (_Qt3) {
-  _inherits(Ft, _Qt3);
-  var _super15 = _createSuper(Ft);
-  function Ft(e) {
+var Bt = /*#__PURE__*/function (_Qt3) {
+  _inherits(Bt, _Qt3);
+  var _super15 = _createSuper(Bt);
+  function Bt(e) {
     var _this15;
-    _classCallCheck(this, Ft);
+    _classCallCheck(this, Bt);
     var o;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.stabilityAI,
@@ -5731,10 +5731,10 @@ var Ft = /*#__PURE__*/function (_Qt3) {
       };
     _this15 = _super15.call(this, e, re.buildKeyVerificationDetails(), re.buildHeaders, i, n), _this15.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/image-to-image", _this15.textInputPlaceholderText = "Describe image changes", _this15.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI: Image to Image</b></div>\n    <p>Upload an image to create a new one with the changes you have described.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var r = (o = t.stabilityAI) == null ? void 0 : o.imageToImage;
-    _typeof(r) == "object" && (r.engine_id && (_this15.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/text-to-image")), r.weight !== void 0 && r.weight !== null && (_this15._imageWeight = r.weight), Ft.cleanConfig(r), Object.assign(_this15.rawBody, r)), _this15.canSendMessage = Ft.canSendFileTextMessage;
+    _typeof(r) == "object" && (r.engine_id && (_this15.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/text-to-image")), r.weight !== void 0 && r.weight !== null && (_this15._imageWeight = r.weight), Bt.cleanConfig(r), Object.assign(_this15.rawBody, r)), _this15.canSendMessage = Bt.canSendFileTextMessage;
     return _this15;
   }
-  _createClass(Ft, [{
+  _createClass(Bt, [{
     key: "createFormDataBody",
     value: function createFormDataBody(e, t, i) {
       var n = new FormData();
@@ -5819,7 +5819,7 @@ var Ft = /*#__PURE__*/function (_Qt3) {
       return !!(t != null && t[0]) && !!(e && e.trim() !== "");
     }
   }]);
-  return Ft;
+  return Bt;
 }(Qt);
 var Eo = /*#__PURE__*/function (_Ne6) {
   _inherits(Eo, _Ne6);
@@ -5861,21 +5861,21 @@ var Eo = /*#__PURE__*/function (_Ne6) {
   }]);
   return Eo;
 }(Ne);
-var Bt = /*#__PURE__*/function (_Qt4) {
-  _inherits(Bt, _Qt4);
-  var _super17 = _createSuper(Bt);
-  function Bt(e) {
+var Ft = /*#__PURE__*/function (_Qt4) {
+  _inherits(Ft, _Qt4);
+  var _super17 = _createSuper(Ft);
+  function Ft(e) {
     var _this16;
-    _classCallCheck(this, Bt);
+    _classCallCheck(this, Ft);
     var r;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.stabilityAI;
     _this16 = _super17.call(this, e, re.buildKeyVerificationDetails(), re.buildHeaders, i), _this16.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/text-to-image", _this16.textInputPlaceholderText = "Describe an image", _this16.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI: Text to Image</b></div>\n    <p>Insert text to generate an image.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var n = (r = t.stabilityAI) == null ? void 0 : r.textToImage;
-    _typeof(n) == "object" && (n.engine_id && (_this16.url = "https://api.stability.ai/v1/generation/".concat(n.engine_id, "/text-to-image")), n.weight !== void 0 && n.weight !== null && (_this16._imageWeight = n.weight), Bt.cleanConfig(n), Object.assign(_this16.rawBody, n)), _this16.canSendMessage = Bt.canSendTextMessage;
+    _typeof(n) == "object" && (n.engine_id && (_this16.url = "https://api.stability.ai/v1/generation/".concat(n.engine_id, "/text-to-image")), n.weight !== void 0 && n.weight !== null && (_this16._imageWeight = n.weight), Ft.cleanConfig(n), Object.assign(_this16.rawBody, n)), _this16.canSendMessage = Ft.canSendTextMessage;
     return _this16;
   }
-  _createClass(Bt, [{
+  _createClass(Ft, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var i = JSON.parse(JSON.stringify(e)),
@@ -5954,7 +5954,7 @@ var Bt = /*#__PURE__*/function (_Qt4) {
       return !!(e && e.trim() !== "");
     }
   }]);
-  return Bt;
+  return Ft;
 }(Qt);
 var So = /*#__PURE__*/function (_Ne7) {
   _inherits(So, _Ne7);
@@ -8117,7 +8117,7 @@ var mn = {
     function A(e) {
       var _this32;
       _classCallCheck(this, A);
-      _this32 = _super35.call(this, e), _this32._isModelLoaded = !1, _this32._isModelLoading = !1, _this32._loadOnFirstMessage = !1, _this32.permittedErrorPrefixes = [A.MULTIPLE_MODELS_ERROR, A.WEB_LLM_NOT_FOUND_ERROR, A.GENERIC_ERROR], _this32.webModel = {}, _typeof(e.webModel) == "object" && (_this32.webModel = e.webModel), e.shadowRoot && _this32.findModelInWindow(e.shadowRoot), _this32.canSendMessage = _this32.canSubmit.bind(_assertThisInitialized(_this32));
+      _this32 = _super35.call(this, e), _this32._isModelLoaded = !1, _this32._isModelLoading = !1, _this32._loadOnFirstMessage = !1, _this32.permittedErrorPrefixes = [A.MULTIPLE_MODELS_ERROR, A.WEB_LLM_NOT_FOUND_ERROR, A.GENERIC_ERROR], _this32.webModel = {}, _typeof(e.webModel) == "object" && (_this32.webModel = e.webModel), _this32.findModelInWindow(e), _this32.canSendMessage = _this32.canSubmit.bind(_assertThisInitialized(_this32));
       return _this32;
     }
     _createClass(A, [{
@@ -8126,10 +8126,12 @@ var mn = {
         var _this33 = this;
         var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
         var i;
-        window.webLLM ? setTimeout(function () {
-          var n = _this33.addInitialMessage(e);
-          _this33.configureInit(n);
-        }) : t > 5 ? ((i = this.addMessage) == null || i.call(this, {
+        if (window.webLLM && !e.introMessage) {
+          var n = this.shouldAddInitialMessage(e.introMessage);
+          this.configureInit(n), setTimeout(function () {
+            console.log("call"), console.log(_this33._downloadButton), console.log(n), _this33._downloadButton && n && (_this33._downloadButton.disabled = !1);
+          }, 10);
+        } else t > 5 ? ((i = this.addMessage) == null || i.call(this, {
           error: A.WEB_LLM_NOT_FOUND_ERROR,
           sendUpdate: !1
         }), console.error("The WebLLM module is either not in the project or not been attached to the window object. Please see the following guide:"), console.error("Hello World")) : setTimeout(function () {
@@ -8137,21 +8139,30 @@ var mn = {
         }, 1e3);
       }
     }, {
-      key: "addInitialMessage",
-      value: function addInitialMessage(e) {
-        var a, l;
-        var t = this.webModel.initialMessage;
-        if (!this.webModel || (t == null ? void 0 : t.displayed) === !1) return !1;
-        var i = (t == null ? void 0 : t.downloadClass) || A.DOWNLOAD_BUTTON_CLASS,
-          n = "\n      Download a web model that will run entirely on your browser.\n      <br/> <button style=\"margin-top: 10px; margin-bottom: 5px; margin-left: 1px\"\n        class=\"".concat(i, " deep-chat-button\">Download</button>"),
-          r = (t == null ? void 0 : t.html) || "<div>".concat(n, "</div>");
-        (a = this.addMessage) == null || a.call(this, {
+      key: "shouldAddInitialMessage",
+      value: function shouldAddInitialMessage(e) {
+        var t;
+        return !e && this.webModel && ((t = this.webModel.introMessage) == null ? void 0 : t.displayed) !== !1;
+      }
+    }, {
+      key: "getIntroMessage",
+      value: function getIntroMessage(_ref10) {
+        var _this34 = this;
+        var e = _ref10.shadowRoot,
+          t = _ref10.introMessage;
+        if (!this.shouldAddInitialMessage(t) || !e) return;
+        var i = this.webModel.introMessage,
+          n = (i == null ? void 0 : i.downloadClass) || A.DOWNLOAD_BUTTON_CLASS,
+          r = "\n      Download a web model that will run entirely on your browser.\n      <br/> <button disabled style=\"margin-top: 10px; margin-bottom: 5px; margin-left: 1px\"\n        class=\"".concat(n, " deep-chat-button\">Download</button>"),
+          o = (i == null ? void 0 : i.html) || "<div>".concat(r, "</div>");
+        return setTimeout(function () {
+          var a;
+          _this34._downloadButton = (a = e.children[0]) == null ? void 0 : a.getElementsByClassName(n)[0], _this34._downloadButton && (_this34._downloadButton.onclick = _this34.init.bind(_this34));
+        }), {
           role: v.AI_ROLE,
-          html: r,
+          html: o,
           sendUpdate: !1
-        });
-        var o = (l = e.children[0]) == null ? void 0 : l.getElementsByClassName(i)[0];
-        return o && (o.onclick = this.init.bind(this)), console.log("adding"), !0;
+        };
       }
     }, {
       key: "configureInit",
@@ -8253,7 +8264,7 @@ var mn = {
       key: "loadModel",
       value: function () {
         var _loadModel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee78(e) {
-          var _this34 = this;
+          var _this35 = this;
           var i, t, _this$getConfig, n, r;
           return _regeneratorRuntime().wrap(function _callee78$(_context78) {
             while (1) switch (_context78.prev = _context78.next) {
@@ -8261,7 +8272,7 @@ var mn = {
                 A.chat = e, this._isModelLoading = !0;
                 t = function t(n) {
                   var r;
-                  (r = _this34.addMessage) == null || r.call(_this34, {
+                  (r = _this35.addMessage) == null || r.call(_this35, {
                     html: "<div>".concat(n.text, "</div>"),
                     overwrite: !0,
                     sendUpdate: !1
@@ -8480,7 +8491,6 @@ var Do = /*#__PURE__*/function () {
   _createClass(Do, null, [{
     key: "create",
     value: function create(e) {
-      console.log("creating a new service");
       var t = e.directConnection,
         i = e.request,
         n = e.demo,
@@ -8497,7 +8507,7 @@ var Do = /*#__PURE__*/function () {
           if (t.azure.summarization) return new Ao(e);
           if (t.azure.translation) return new Lo(e);
         }
-        if (t.stabilityAI) return t.stabilityAI.imageToImage ? new Ft(e) : t.stabilityAI.imageToImageUpscale ? new Dt(e) : t.stabilityAI.imageToImageMasking ? new jt(e) : new Bt(e);
+        if (t.stabilityAI) return t.stabilityAI.imageToImage ? new Bt(e) : t.stabilityAI.imageToImageUpscale ? new Dt(e) : t.stabilityAI.imageToImageMasking ? new jt(e) : new Ft(e);
       }
       return i ? new Ie(e) : new Ie(e, void 0, n || !0);
     }
@@ -8615,11 +8625,11 @@ var qt = /*#__PURE__*/function () {
   }]);
   return qt;
 }();
-var Fo = /*#__PURE__*/function () {
-  function Fo() {
-    _classCallCheck(this, Fo);
+var Bo = /*#__PURE__*/function () {
+  function Bo() {
+    _classCallCheck(this, Bo);
   }
-  _createClass(Fo, null, [{
+  _createClass(Bo, null, [{
     key: "getText",
     value: function getText(e, t) {
       var i, n;
@@ -8634,9 +8644,9 @@ var Fo = /*#__PURE__*/function () {
       return null;
     }
   }]);
-  return Fo;
+  return Bo;
 }();
-var Bo = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \n\t viewBox=\"50 30 420 450\" xml:space=\"preserve\">\n<g filter=\"brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(1942%) hue-rotate(215deg) brightness(99%) contrast(93%)\">\n\t<g>\n\t\t<path d=\"M447.933,103.629c-0.034-3.076-1.224-6.09-3.485-8.352L352.683,3.511c-0.004-0.004-0.007-0.005-0.011-0.008\n\t\t\tC350.505,1.338,347.511,0,344.206,0H89.278C75.361,0,64.04,11.32,64.04,25.237v461.525c0,13.916,11.32,25.237,25.237,25.237\n\t\t\th333.444c13.916,0,25.237-11.32,25.237-25.237V103.753C447.96,103.709,447.937,103.672,447.933,103.629z M356.194,40.931\n\t\t\tl50.834,50.834h-49.572c-0.695,0-1.262-0.567-1.262-1.262V40.931z M423.983,486.763c0,0.695-0.566,1.261-1.261,1.261H89.278\n\t\t\tc-0.695,0-1.261-0.566-1.261-1.261V25.237c0-0.695,0.566-1.261,1.261-1.261h242.94v66.527c0,13.916,11.322,25.239,25.239,25.239\n\t\t\th66.527V486.763z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,164.014H149.912c-6.62,0-11.988,5.367-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,169.381,368.707,164.014,362.088,164.014z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,236.353H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,241.721,368.707,236.353,362.088,236.353z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,308.691H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C374.076,314.06,368.707,308.691,362.088,308.691z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M256,381.031H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988H256\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C267.988,386.398,262.62,381.031,256,381.031z\"/>\n\t</g>\n</g>\n</svg>";
+var Fo = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \n\t viewBox=\"50 30 420 450\" xml:space=\"preserve\">\n<g filter=\"brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(1942%) hue-rotate(215deg) brightness(99%) contrast(93%)\">\n\t<g>\n\t\t<path d=\"M447.933,103.629c-0.034-3.076-1.224-6.09-3.485-8.352L352.683,3.511c-0.004-0.004-0.007-0.005-0.011-0.008\n\t\t\tC350.505,1.338,347.511,0,344.206,0H89.278C75.361,0,64.04,11.32,64.04,25.237v461.525c0,13.916,11.32,25.237,25.237,25.237\n\t\t\th333.444c13.916,0,25.237-11.32,25.237-25.237V103.753C447.96,103.709,447.937,103.672,447.933,103.629z M356.194,40.931\n\t\t\tl50.834,50.834h-49.572c-0.695,0-1.262-0.567-1.262-1.262V40.931z M423.983,486.763c0,0.695-0.566,1.261-1.261,1.261H89.278\n\t\t\tc-0.695,0-1.261-0.566-1.261-1.261V25.237c0-0.695,0.566-1.261,1.261-1.261h242.94v66.527c0,13.916,11.322,25.239,25.239,25.239\n\t\t\th66.527V486.763z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,164.014H149.912c-6.62,0-11.988,5.367-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,169.381,368.707,164.014,362.088,164.014z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,236.353H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,241.721,368.707,236.353,362.088,236.353z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,308.691H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C374.076,314.06,368.707,308.691,362.088,308.691z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M256,381.031H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988H256\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C267.988,386.398,262.62,381.031,256,381.031z\"/>\n\t</g>\n</g>\n</svg>";
 var pe = /*#__PURE__*/function () {
   function pe() {
     _classCallCheck(this, pe);
@@ -8690,7 +8700,7 @@ var pe = /*#__PURE__*/function () {
       t.classList.add("any-file-message-contents");
       var i = document.createElement("div");
       i.classList.add("any-file-message-icon-container");
-      var n = U.createSVGElement(Bo);
+      var n = U.createSVGElement(Fo);
       n.classList.add("any-file-message-icon"), i.appendChild(n);
       var r = document.createElement("div");
       return r.classList.add("any-file-message-text"), r.textContent = e.name || ie.DEFAULT_FILE_NAME, t.appendChild(i), t.appendChild(r), ie.processContent(t, e.src);
@@ -8718,23 +8728,23 @@ var fe = /*#__PURE__*/function (_Ve) {
   _inherits(fe, _Ve);
   var _super36 = _createSuper(fe);
   function fe(e, t, i) {
-    var _this35;
+    var _this36;
     _classCallCheck(this, fe);
     var a, l;
-    _this35 = _super36.call(this, e);
+    _this36 = _super36.call(this, e);
     var n = t.permittedErrorPrefixes,
       r = t.introPanelMarkUp,
       o = t.demo;
-    _this35._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this35._onClearMessages = Ui.onClearMessages.bind(_assertThisInitialized(_this35), e), _this35._displayLoadingMessage = fe.getDisplayLoadingMessage(e, t), _this35._permittedErrorPrefixes = n, _this35.addSetupMessageIfNeeded(e, t), _this35.populateIntroPanel(i, r, e.introPanelStyle), e.introMessage && _this35.addIntroductoryMessage(e.introMessage), e.initialMessages && _this35.populateInitialMessages(e.initialMessages), _this35._displayServiceErrorMessages = (l = e.errorMessages) == null ? void 0 : l.displayServiceErrorMessages, e.getMessages = function () {
-      return JSON.parse(JSON.stringify(_this35.messages));
-    }, e.clearMessages = _this35.clearMessages.bind(_assertThisInitialized(_this35), t), e.refreshMessages = _this35.refreshTextMessages.bind(_assertThisInitialized(_this35)), e.scrollToBottom = ne.scrollToBottom.bind(_assertThisInitialized(_this35), _this35.elementRef), e.addMessage = function (c, d) {
-      console.log("adding"), _this35.addNewMessage(_objectSpread(_objectSpread({}, c), {}, {
+    _this36._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this36._onClearMessages = Ui.onClearMessages.bind(_assertThisInitialized(_this36), e), _this36._displayLoadingMessage = fe.getDisplayLoadingMessage(e, t), _this36._permittedErrorPrefixes = n, _this36.addSetupMessageIfNeeded(e, t), _this36.populateIntroPanel(i, r, e.introPanelStyle), _this36.addIntroductoryMessage(e, t), e.initialMessages && _this36.populateInitialMessages(e.initialMessages), _this36._displayServiceErrorMessages = (l = e.errorMessages) == null ? void 0 : l.displayServiceErrorMessages, e.getMessages = function () {
+      return JSON.parse(JSON.stringify(_this36.messages));
+    }, e.clearMessages = _this36.clearMessages.bind(_assertThisInitialized(_this36), t), e.refreshMessages = _this36.refreshTextMessages.bind(_assertThisInitialized(_this36)), e.scrollToBottom = ne.scrollToBottom.bind(_assertThisInitialized(_this36), _this36.elementRef), e.addMessage = function (c, d) {
+      _this36.addNewMessage(_objectSpread(_objectSpread({}, c), {}, {
         sendUpdate: !!d
       }), !d);
-    }, t.addMessage = _this35.addIOMessage.bind(_assertThisInitialized(_this35)), o && _this35.prepareDemo(o), e.textToSpeech && Lt.processConfig(e.textToSpeech, function (c) {
-      _this35.textToSpeech = c;
+    }, t.addMessage = _this36.addIOMessage.bind(_assertThisInitialized(_this36)), o && _this36.prepareDemo(o), e.textToSpeech && Lt.processConfig(e.textToSpeech, function (c) {
+      _this36.textToSpeech = c;
     });
-    return _this35;
+    return _this36;
   }
   _createClass(fe, [{
     key: "prepareDemo",
@@ -8744,7 +8754,7 @@ var fe = /*#__PURE__*/function (_Ve) {
   }, {
     key: "addSetupMessageIfNeeded",
     value: function addSetupMessageIfNeeded(e, t) {
-      var i = Fo.getText(e, t);
+      var i = Bo.getText(e, t);
       if (i) {
         var n = this.createAndAppendNewMessageElement(i, v.AI_ROLE);
         this.applyCustomStyles(n, v.AI_ROLE, !1);
@@ -8752,24 +8762,27 @@ var fe = /*#__PURE__*/function (_Ve) {
     }
   }, {
     key: "addIntroductoryMessage",
-    value: function addIntroductoryMessage(e) {
-      var t, i, n, r;
-      if (e && (this._introMessage = e), (t = this._introMessage) != null && t.text) {
-        var o = this.createAndAppendNewMessageElement(this._introMessage.text, v.AI_ROLE);
-        this.applyCustomStyles(o, v.AI_ROLE, !1, (i = this.messageStyles) == null ? void 0 : i.intro);
-      } else if ((n = this._introMessage) != null && n.html) {
-        var _o3 = Je.add(this, this._introMessage.html, v.AI_ROLE, this.messageElementRefs);
-        this.applyCustomStyles(_o3, v.AI_ROLE, !1, (r = this.messageStyles) == null ? void 0 : r.intro);
+    value: function addIntroductoryMessage(e, t) {
+      var _this$_introMessage;
+      var i, n, r, o;
+      if (e != null && e.shadowRoot && t && (this._introMessage = e.introMessage, t.isWebModel() && ((_this$_introMessage = this._introMessage) !== null && _this$_introMessage !== void 0 ? _this$_introMessage : this._introMessage = t.getIntroMessage(e))), this._introMessage) {
+        if ((i = this._introMessage) != null && i.text) {
+          var a = this.createAndAppendNewMessageElement(this._introMessage.text, v.AI_ROLE);
+          this.applyCustomStyles(a, v.AI_ROLE, !1, (n = this.messageStyles) == null ? void 0 : n.intro);
+        } else if ((r = this._introMessage) != null && r.html) {
+          var _a2 = Je.add(this, this._introMessage.html, v.AI_ROLE, this.messageElementRefs);
+          this.applyCustomStyles(_a2, v.AI_ROLE, !1, (o = this.messageStyles) == null ? void 0 : o.intro);
+        }
       }
     }
   }, {
     key: "populateInitialMessages",
     value: function populateInitialMessages(e) {
-      var _this36 = this;
+      var _this37 = this;
       e.forEach(function (t) {
-        Ae.processInitialMessageFile(t), _this36.addNewMessage(t, !0);
+        Ae.processInitialMessageFile(t), _this37.addNewMessage(t, !0);
       }), setTimeout(function () {
-        return ne.scrollToBottom(_this36.elementRef);
+        return ne.scrollToBottom(_this37.elementRef);
       });
     }
     // this should not be activated by streamed messages
@@ -9219,11 +9232,11 @@ var we = /*#__PURE__*/function () {
 }();
 var $i = /*#__PURE__*/function () {
   function $i(e, t) {
-    var _this37 = this;
+    var _this38 = this;
     _classCallCheck(this, $i);
     var i;
     this._isOpen = !0, this._styles = t, this.elementRef = $i.createElement((i = this._styles) == null ? void 0 : i.container), this.close(), setTimeout(function () {
-      return _this37.addWindowEvents(e);
+      return _this38.addWindowEvents(e);
     });
   }
   _createClass($i, [{
@@ -9251,13 +9264,13 @@ var $i = /*#__PURE__*/function () {
   }, {
     key: "addWindowEvents",
     value: function addWindowEvents(e) {
-      var _this38 = this;
+      var _this39 = this;
       window.addEventListener("click", function (t) {
         var i;
-        e.parentElement !== ((i = t.target.shadowRoot) == null ? void 0 : i.children[0]) && _this38.close();
+        e.parentElement !== ((i = t.target.shadowRoot) == null ? void 0 : i.children[0]) && _this39.close();
       }), window.addEventListener("keydown", function (t) {
         var i, n, r;
-        _this38._isOpen && (t.key === R.ESCAPE ? (_this38.close(), (i = _this38.highlightedItem) == null || i.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === R.ENTER ? ((n = _this38.highlightedItem) == null || n.click(), (r = _this38.highlightedItem) == null || r.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === R.ARROW_DOWN ? ft.focusSiblingItem(_this38.highlightedItem || _this38.elementRef.children[_this38.elementRef.children.length - 1], _this38.elementRef, !0) : t.key === R.ARROW_UP && ft.focusSiblingItem(_this38.highlightedItem || _this38.elementRef.children[0], _this38.elementRef, !1));
+        _this39._isOpen && (t.key === R.ESCAPE ? (_this39.close(), (i = _this39.highlightedItem) == null || i.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === R.ENTER ? ((n = _this39.highlightedItem) == null || n.click(), (r = _this39.highlightedItem) == null || r.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === R.ARROW_DOWN ? ft.focusSiblingItem(_this39.highlightedItem || _this39.elementRef.children[_this39.elementRef.children.length - 1], _this39.elementRef, !0) : t.key === R.ARROW_UP && ft.focusSiblingItem(_this39.highlightedItem || _this39.elementRef.children[0], _this39.elementRef, !1));
       });
     }
   }], [{
@@ -9273,15 +9286,15 @@ var We = /*#__PURE__*/function (_xt) {
   _inherits(We, _xt);
   var _super37 = _createSuper(We);
   function We(e, t) {
-    var _this39;
+    var _this40;
     _classCallCheck(this, We);
     var n;
-    _this39 = _super37.call(this, We.createButtonElement(), void 0, {
+    _this40 = _super37.call(this, We.createButtonElement(), void 0, {
       styles: (n = t == null ? void 0 : t.button) == null ? void 0 : n.styles
     });
-    var i = _this39.createInnerElements(_this39._customStyles);
-    _this39._menu = new $i(e, t == null ? void 0 : t.menu), _this39.addClickEvent(), _this39.buttonContainer = We.createButtonContainer(), _this39.elementRef.appendChild(i.styles), _this39.buttonContainer.appendChild(_this39.elementRef), _this39.elementRef.classList.add("dropup-icon", "upload-file-button"), _this39.buttonContainer.appendChild(_this39._menu.elementRef), _this39.reapplyStateStyle("styles"), _this39.addContainerEvents(e);
-    return _this39;
+    var i = _this40.createInnerElements(_this40._customStyles);
+    _this40._menu = new $i(e, t == null ? void 0 : t.menu), _this40.addClickEvent(), _this40.buttonContainer = We.createButtonContainer(), _this40.elementRef.appendChild(i.styles), _this40.buttonContainer.appendChild(_this40.elementRef), _this40.elementRef.classList.add("dropup-icon", "upload-file-button"), _this40.buttonContainer.appendChild(_this40._menu.elementRef), _this40.reapplyStateStyle("styles"), _this40.addContainerEvents(e);
+    return _this40;
   }
   _createClass(We, [{
     key: "createInnerElements",
@@ -9308,9 +9321,9 @@ var We = /*#__PURE__*/function (_xt) {
   }, {
     key: "addContainerEvents",
     value: function addContainerEvents(e) {
-      var _this40 = this;
+      var _this41 = this;
       e.addEventListener("click", function (t) {
-        t.target.classList.contains("dropup-icon") || _this40._menu.close();
+        t.target.classList.contains("dropup-icon") || _this41._menu.close();
       });
     }
   }], [{
@@ -9445,10 +9458,10 @@ var Uo = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 24 24\"
 var de = /*#__PURE__*/function () {
   // prettier-ignore
   function de(e, t, i, n) {
-    var _this41 = this;
+    var _this42 = this;
     _classCallCheck(this, de);
     this._attachments = [], this._fileCountLimit = 99, this._acceptedFormat = "", t.maxNumberOfFiles && (this._fileCountLimit = t.maxNumberOfFiles), this._toggleContainerDisplay = i, this._fileAttachmentsContainerRef = n, t.acceptedFormats && (this._acceptedFormat = t.acceptedFormats), setTimeout(function () {
-      _this41._validationHandler = e._validationHandler;
+      _this42._validationHandler = e._validationHandler;
     });
   }
   _createClass(de, [{
@@ -9589,12 +9602,12 @@ var Ko = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     _createClass(Se, [{
       key: "createTimer",
       value: function createTimer(e, t) {
-        var _this42 = this;
+        var _this43 = this;
         var i = 0;
         var n = t !== void 0 && t < Se.TIMER_LIMIT_S ? t : Se.TIMER_LIMIT_S;
         return setInterval(function () {
           var a;
-          i += 1, i === n && ((a = _this42.stopPlaceholderCallback) == null || a.call(_this42), _this42.clearTimer()), i === 600 && e.classList.add("audio-placeholder-text-4-digits");
+          i += 1, i === n && ((a = _this43.stopPlaceholderCallback) == null || a.call(_this43), _this43.clearTimer()), i === 600 && e.classList.add("audio-placeholder-text-4-digits");
           var r = Math.floor(i / 60),
             o = (i % 60).toString().padStart(2, "0");
           e.textContent = "".concat(r, ":").concat(o);
@@ -9614,7 +9627,7 @@ var Ko = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     }, {
       key: "addPlaceholderAudioAttachmentEvents",
       value: function addPlaceholderAudioAttachmentEvents(e, t, i) {
-        var _this43 = this;
+        var _this44 = this;
         var n = function n() {
           return e.replaceChildren(t);
         };
@@ -9625,7 +9638,7 @@ var Ko = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
         e.addEventListener("mouseleave", r);
         var o = function o() {
           var a;
-          return (a = _this43.stopPlaceholderCallback) == null ? void 0 : a.call(_this43);
+          return (a = _this44.stopPlaceholderCallback) == null ? void 0 : a.call(_this44);
         };
         e.addEventListener("click", o);
       }
@@ -9750,7 +9763,7 @@ var Et = /*#__PURE__*/function () {
             case 0:
               _context87.next = 2;
               return Promise.all(this._fileAttachmentsTypes.map( /*#__PURE__*/function () {
-                var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee86(e) {
+                var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee86(e) {
                   var t;
                   return _regeneratorRuntime().wrap(function _callee86$(_context86) {
                     while (1) switch (_context86.prev = _context86.next) {
@@ -9763,7 +9776,7 @@ var Et = /*#__PURE__*/function () {
                   }, _callee86);
                 }));
                 return function (_x155) {
-                  return _ref10.apply(this, arguments);
+                  return _ref11.apply(this, arguments);
                 };
               }()));
             case 2:
@@ -9820,20 +9833,20 @@ var ls = /*#__PURE__*/function () {
   }, {
     key: "addButtons",
     value: function addButtons() {
-      var _this44 = this;
+      var _this45 = this;
       for (var _len2 = arguments.length, e = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         e[_key2] = arguments[_key2];
       }
       e.forEach(function (t) {
-        return _this44._buttonPanel.appendChild(t);
+        return _this45._buttonPanel.appendChild(t);
       });
     }
   }, {
     key: "close",
     value: function close() {
-      var _this45 = this;
+      var _this46 = this;
       this._elementRef.classList.remove("show-modal"), this._elementRef.classList.add("hide-modal"), this._backgroundPanelRef.classList.remove("show-modal-background"), this._backgroundPanelRef.classList.add("hide-modal-background"), this._isOpen = !1, setTimeout(function () {
-        _this45._elementRef.style.display = "none", _this45._backgroundPanelRef.style.display = "none";
+        _this46._elementRef.style.display = "none", _this46._backgroundPanelRef.style.display = "none";
       }, ae.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
@@ -9849,10 +9862,10 @@ var ls = /*#__PURE__*/function () {
   }, {
     key: "addCloseButton",
     value: function addCloseButton(e, t, i) {
-      var _this46 = this;
+      var _this47 = this;
       var n = t ? ae.createSVGButton(e) : ae.createTextButton(e);
       return this.addButtons(n), n.onclick = function () {
-        _this46.close(), setTimeout(function () {
+        _this47.close(), setTimeout(function () {
           i == null || i();
         }, 140);
       }, n;
@@ -9860,10 +9873,10 @@ var ls = /*#__PURE__*/function () {
   }, {
     key: "addWindowEvents",
     value: function addWindowEvents() {
-      var _this47 = this;
+      var _this48 = this;
       window.addEventListener("keydown", function (e) {
         var t, i;
-        _this47._isOpen && (e.key === R.ESCAPE ? (_this47.close(), (t = _this47.extensionCloseCallback) == null || t.call(_this47)) : e.key === R.ENTER && (_this47.close(), (i = _this47.extensionCloseCallback) == null || i.call(_this47)));
+        _this48._isOpen && (e.key === R.ESCAPE ? (_this48.close(), (t = _this48.extensionCloseCallback) == null || t.call(_this48)) : e.key === R.ENTER && (_this48.close(), (i = _this48.extensionCloseCallback) == null || i.call(_this48)));
       });
     }
   }], [{
@@ -9924,13 +9937,13 @@ var ct = /*#__PURE__*/function (_xt2) {
   var _super39 = _createSuper(ct);
   // prettier-ignore
   function ct(e, t, i, n, r, o) {
-    var _this48;
+    var _this49;
     _classCallCheck(this, ct);
     var l, c, d, u, p, h;
-    _this48 = _super39.call(this, ct.createButtonElement(), (l = i.button) == null ? void 0 : l.position, i.button, o);
-    var a = _this48.createInnerElements(n, r, _this48._customStyles);
-    _this48._inputElement = ct.createInputElement((c = i == null ? void 0 : i.files) == null ? void 0 : c.acceptedFormats), _this48.addClickEvent(e, i), _this48.elementRef.replaceChildren(a.styles), _this48.reapplyStateStyle("styles"), _this48._fileAttachmentsType = t, _this48._openModalOnce = ((u = (d = i.files) == null ? void 0 : d.infoModal) == null ? void 0 : u.openModalOnce) === !1 || (h = (p = i.files) == null ? void 0 : p.infoModal) == null ? void 0 : h.openModalOnce;
-    return _this48;
+    _this49 = _super39.call(this, ct.createButtonElement(), (l = i.button) == null ? void 0 : l.position, i.button, o);
+    var a = _this49.createInnerElements(n, r, _this49._customStyles);
+    _this49._inputElement = ct.createInputElement((c = i == null ? void 0 : i.files) == null ? void 0 : c.acceptedFormats), _this49.addClickEvent(e, i), _this49.elementRef.replaceChildren(a.styles), _this49.reapplyStateStyle("styles"), _this49._fileAttachmentsType = t, _this49._openModalOnce = ((u = (d = i.files) == null ? void 0 : d.infoModal) == null ? void 0 : u.openModalOnce) === !1 || (h = (p = i.files) == null ? void 0 : p.infoModal) == null ? void 0 : h.openModalOnce;
+    return _this49;
   }
   _createClass(ct, [{
     key: "createInnerElements",
@@ -10116,7 +10129,7 @@ var _e = /*#__PURE__*/function () {
     value: function attach(e, t, i, n, r) {
       var o = e.validateInput || Ae.processValidateInput(e);
       e._validationHandler = /*#__PURE__*/function () {
-        var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee90(a) {
+        var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee90(a) {
           var l;
           return _regeneratorRuntime().wrap(function _callee90$(_context90) {
             while (1) switch (_context90.prev = _context90.next) {
@@ -10136,7 +10149,7 @@ var _e = /*#__PURE__*/function () {
           }, _callee90);
         }));
         return function (_x163) {
-          return _ref11.apply(this, arguments);
+          return _ref12.apply(this, arguments);
         };
       }();
     }
@@ -10148,10 +10161,10 @@ var mt = /*#__PURE__*/function (_xt3) {
   _inherits(mt, _xt3);
   var _super40 = _createSuper(mt);
   function mt(e) {
-    var _this49;
+    var _this50;
     _classCallCheck(this, mt);
-    (e == null ? void 0 : e.position) === "dropup-menu" && (e.position = "outside-right"), _this49 = _super40.call(this, mt.createMicrophoneElement(), e == null ? void 0 : e.position, e), _this49.isActive = !1, _this49._innerElements = _this49.createInnerElements(_this49._customStyles), _this49.changeToDefault();
-    return _this49;
+    (e == null ? void 0 : e.position) === "dropup-menu" && (e.position = "outside-right"), _this50 = _super40.call(this, mt.createMicrophoneElement(), e == null ? void 0 : e.position, e), _this50.isActive = !1, _this50._innerElements = _this50.createInnerElements(_this50._customStyles), _this50.changeToDefault();
+    return _this50;
   }
   _createClass(mt, [{
     key: "createInnerElements",
@@ -10358,9 +10371,9 @@ var J = /*#__PURE__*/function () {
   }, {
     key: "keyDownWindow",
     value: function keyDownWindow(e) {
-      var _this50 = this;
+      var _this51 = this;
       e.element && J.getElementIfFocusedOnAvailable(e.element, document.activeElement) && (J.KEY_DOWN_TIMEOUT !== null && clearTimeout(J.KEY_DOWN_TIMEOUT), J.KEY_DOWN_TIMEOUT = setTimeout(function () {
-        J.KEY_DOWN_TIMEOUT = null, _this50.resetRecording(e);
+        J.KEY_DOWN_TIMEOUT = null, _this51.resetRecording(e);
       }, 500));
     }
   }, {
@@ -10528,10 +10541,10 @@ var dt = /*#__PURE__*/function () {
           i += a;
         } else if (o.textContent !== null) {
           if (i + o.textContent.length > t) {
-            var _a2 = document.createRange();
-            _a2.setStart(o, t - i), _a2.collapse(!0);
+            var _a3 = document.createRange();
+            _a3.setStart(o, t - i), _a3.collapse(!0);
             var l = window.getSelection();
-            return l == null || l.removeAllRanges(), l == null || l.addRange(_a2), e.focus(), -1;
+            return l == null || l.removeAllRanges(), l == null || l.addRange(_a3), e.focus(), -1;
           }
           i += o.textContent.length, n += o.textContent.length;
         }
@@ -10762,7 +10775,7 @@ Object.defineProperty(ai, "__esModule", {
 ai.Padding = void 0;
 var sa = De,
   Sn = je,
-  Be = Pe;
+  Fe = Pe;
 var Ht = /*#__PURE__*/function () {
   function Ht() {
     _classCallCheck(this, Ht);
@@ -10775,11 +10788,11 @@ var Ht = /*#__PURE__*/function () {
           r = t.value[n - 1],
           o = t.selectionEnd === null ? n : t.selectionEnd,
           a = t.value[o];
-        Be.Text.isCharDefined(r) && (e.startPadding = " ", e.numberOfSpacesBeforeNewText = 1), Be.Text.isCharDefined(a) && (e.endPadding = " ", e.numberOfSpacesAfterNewText = 1), e.isCursorAtEnd = t.value.length === o;
+        Fe.Text.isCharDefined(r) && (e.startPadding = " ", e.numberOfSpacesBeforeNewText = 1), Fe.Text.isCharDefined(a) && (e.endPadding = " ", e.numberOfSpacesAfterNewText = 1), e.isCursorAtEnd = t.value.length === o;
         return;
       }
       var i = t.value[t.value.length - 1];
-      Be.Text.isCharDefined(i) && (e.startPadding = " ", e.numberOfSpacesBeforeNewText = 1), e.isCursorAtEnd = !0;
+      Fe.Text.isCharDefined(i) && (e.startPadding = " ", e.numberOfSpacesBeforeNewText = 1), e.isCursorAtEnd = !0;
     }
   }, {
     key: "setStateForGenericElement",
@@ -10792,12 +10805,12 @@ var Ht = /*#__PURE__*/function () {
             c = (i = t.textContent) === null || i === void 0 ? void 0 : i[l - 1],
             d = Sn.Cursor.getGenericElementCursorOffset(t, a, !1),
             u = (n = t.textContent) === null || n === void 0 ? void 0 : n[d];
-          Be.Text.isCharDefined(c) && (e.startPadding = " "), Be.Text.isCharDefined(u) && (e.endPadding = " "), e.isCursorAtEnd = ((r = t.textContent) === null || r === void 0 ? void 0 : r.length) === d;
+          Fe.Text.isCharDefined(c) && (e.startPadding = " "), Fe.Text.isCharDefined(u) && (e.endPadding = " "), e.isCursorAtEnd = ((r = t.textContent) === null || r === void 0 ? void 0 : r.length) === d;
           return;
         }
       }
       var o = t.innerText.charAt(t.innerText.length - 1);
-      Be.Text.isCharDefined(o) && (e.startPadding = " "), e.isCursorAtEnd = !0;
+      Fe.Text.isCharDefined(o) && (e.startPadding = " "), e.isCursorAtEnd = !0;
     }
   }, {
     key: "setState",
@@ -10981,22 +10994,22 @@ var Gt = /*#__PURE__*/function (_aa$Speech) {
   }, {
     key: "setEvents",
     value: function setEvents() {
-      var _this51 = this;
+      var _this52 = this;
       this._service && (this._service.onstart = function () {
-        _this51.setStateOnStart();
+        _this52.setStateOnStart();
       }, this._service.onerror = function (e) {
-        An.Browser.IS_SAFARI() && e.message === "Another request is started" || e.error === "aborted" && _this51.isRestarting || e.error !== "no-speech" && _this51.error(e.message || e.error);
+        An.Browser.IS_SAFARI() && e.message === "Another request is started" || e.error === "aborted" && _this52.isRestarting || e.error !== "no-speech" && _this52.error(e.message || e.error);
       }, this._service.onaudioend = function () {
-        _this51.setStateOnStop();
+        _this52.setStateOnStop();
       }, this._service.onend = function () {
-        _this51._stopping = !1;
+        _this52._stopping = !1;
       }, this._service.onresult = function (e) {
-        if (_typeof(e.results) > "u" && _this51._service) _this51._service.onend = null, _this51._service.stop();else if (_this51._extractText && !_this51._stopping) {
-          var _this51$_extractText = _this51._extractText(e, _this51.finalTranscript, _this51._translations),
-            t = _this51$_extractText.interimTranscript,
-            i = _this51$_extractText.finalTranscript,
-            n = _this51$_extractText.newText;
-          _this51.updateElements(t, i, n);
+        if (_typeof(e.results) > "u" && _this52._service) _this52._service.onend = null, _this52._service.stop();else if (_this52._extractText && !_this52._stopping) {
+          var _this52$_extractText = _this52._extractText(e, _this52.finalTranscript, _this52._translations),
+            t = _this52$_extractText.interimTranscript,
+            i = _this52$_extractText.finalTranscript,
+            n = _this52$_extractText.newText;
+          _this52.updateElements(t, i, n);
         }
       });
     }
@@ -11216,10 +11229,10 @@ var Wt = /*#__PURE__*/function (_ua$Speech) {
   _inherits(Wt, _ua$Speech);
   var _super42 = _createSuper(Wt);
   function Wt() {
-    var _this52;
+    var _this53;
     _classCallCheck(this, Wt);
-    _this52 = _super42.apply(this, arguments), _this52._newTextPadding = "";
-    return _this52;
+    _this53 = _super42.apply(this, arguments), _this53._newTextPadding = "";
+    return _this53;
   }
   _createClass(Wt, [{
     key: "start",
@@ -11347,12 +11360,12 @@ var Wt = /*#__PURE__*/function (_ua$Speech) {
   }, {
     key: "retrieveTokenInterval",
     value: function retrieveTokenInterval(e) {
-      var _this53 = this;
+      var _this54 = this;
       this._retrieveTokenInterval = setInterval(function () {
         e == null || e().then(function (t) {
-          _this53._service && (_this53._service.authorizationToken = (t == null ? void 0 : t.trim()) || "");
+          _this54._service && (_this54._service.authorizationToken = (t == null ? void 0 : t.trim()) || "");
         })["catch"](function (t) {
-          _this53.error(t);
+          _this54.error(t);
         });
       }, 1e4);
     }
@@ -11434,18 +11447,18 @@ var Kt = /*#__PURE__*/function (_mt) {
   _inherits(Kt, _mt);
   var _super43 = _createSuper(Kt);
   function Kt(e, t, i) {
-    var _this54;
+    var _this55;
     _classCallCheck(this, Kt);
     var o;
-    _this54 = _super43.call(this, _typeof(e.speechToText) == "object" ? (o = e.speechToText) == null ? void 0 : o.button : {});
+    _this55 = _super43.call(this, _typeof(e.speechToText) == "object" ? (o = e.speechToText) == null ? void 0 : o.button : {});
     var _Kt$processConfigurat = Kt.processConfiguration(t, e.speechToText),
       n = _Kt$processConfigurat.serviceName,
       r = _Kt$processConfigurat.processedConfig;
-    if (_this54._addErrorMessage = i, n === "webspeech" && !Ci.isWebSpeechSupported()) _this54.changeToUnsupported();else {
+    if (_this55._addErrorMessage = i, n === "webspeech" && !Ci.isWebSpeechSupported()) _this55.changeToUnsupported();else {
       var a = !e.textInput || !e.textInput.disabled;
-      _this54.elementRef.onclick = _this54.buttonClick.bind(_assertThisInitialized(_this54), t, a, n, r);
+      _this55.elementRef.onclick = _this55.buttonClick.bind(_assertThisInitialized(_this55), t, a, n, r);
     }
-    return _this54;
+    return _this55;
   }
   // prettier-ignore
   _createClass(Kt, [{
@@ -11526,11 +11539,11 @@ var fa = /*#__PURE__*/function (_mt2) {
   _inherits(fa, _mt2);
   var _super44 = _createSuper(fa);
   function fa(e, t) {
-    var _this55;
+    var _this56;
     _classCallCheck(this, fa);
     var i, n;
-    _this55 = _super44.call(this, t.button), _this55._waitingForBrowserApproval = !1, _this55._audioType = e, _this55._extension = ((i = t.files) == null ? void 0 : i.format) || "mp3", _this55._maxDurationSeconds = (n = t.files) == null ? void 0 : n.maxDurationSeconds, _this55.elementRef.onclick = _this55.buttonClick.bind(_assertThisInitialized(_this55));
-    return _this55;
+    _this56 = _super44.call(this, t.button), _this56._waitingForBrowserApproval = !1, _this56._audioType = e, _this56._extension = ((i = t.files) == null ? void 0 : i.format) || "mp3", _this56._maxDurationSeconds = (n = t.files) == null ? void 0 : n.maxDurationSeconds, _this56.elementRef.onclick = _this56.buttonClick.bind(_assertThisInitialized(_this56));
+    return _this56;
   }
   _createClass(fa, [{
     key: "buttonClick",
@@ -11540,10 +11553,10 @@ var fa = /*#__PURE__*/function (_mt2) {
   }, {
     key: "stop",
     value: function stop() {
-      var _this56 = this;
+      var _this57 = this;
       return new Promise(function (e) {
         var t, i;
-        _this56.changeToDefault(), (t = _this56._mediaRecorder) == null || t.stop(), (i = _this56._mediaStream) == null || i.getTracks().forEach(function (n) {
+        _this57.changeToDefault(), (t = _this57._mediaRecorder) == null || t.stop(), (i = _this57._mediaStream) == null || i.getTracks().forEach(function (n) {
           return n.stop();
         }), setTimeout(function () {
           e();
@@ -11553,23 +11566,23 @@ var fa = /*#__PURE__*/function (_mt2) {
   }, {
     key: "record",
     value: function record() {
-      var _this57 = this;
+      var _this58 = this;
       navigator.mediaDevices.getUserMedia({
         audio: !0
       }).then(function (e) {
-        _this57.changeToActive(), _this57._mediaRecorder = new MediaRecorder(e), _this57._audioType.addPlaceholderAttachment(_this57.stop.bind(_this57), _this57._maxDurationSeconds), _this57._mediaStream = e, _this57._mediaRecorder.addEventListener("dataavailable", function (t) {
-          _this57.createFile(t);
-        }), _this57._mediaRecorder.start();
+        _this58.changeToActive(), _this58._mediaRecorder = new MediaRecorder(e), _this58._audioType.addPlaceholderAttachment(_this58.stop.bind(_this58), _this58._maxDurationSeconds), _this58._mediaStream = e, _this58._mediaRecorder.addEventListener("dataavailable", function (t) {
+          _this58.createFile(t);
+        }), _this58._mediaRecorder.start();
       })["catch"](function (e) {
-        console.error(e), _this57.stop();
+        console.error(e), _this58.stop();
       })["finally"](function () {
-        _this57._waitingForBrowserApproval = !1;
+        _this58._waitingForBrowserApproval = !1;
       });
     }
   }, {
     key: "createFile",
     value: function createFile(e) {
-      var _this58 = this;
+      var _this59 = this;
       var t = new Blob([e.data], {
           type: "audio/".concat(this._extension)
         }),
@@ -11579,49 +11592,49 @@ var fa = /*#__PURE__*/function (_mt2) {
         }),
         r = new FileReader();
       r.readAsDataURL(n), r.onload = function (o) {
-        _this58._audioType.completePlaceholderAttachment(n, o.target.result);
+        _this59._audioType.completePlaceholderAttachment(n, o.target.result);
       };
     }
   }]);
   return fa;
 }(mt);
 var ma = "<?xml version=\"1.0\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.0//EN\" \"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"1\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"14\"></line>\n  <polygon points=\"22 2 15 22 11 14 2 10 22 2\"></polygon>\n</svg>\n";
-var F = /*#__PURE__*/function () {
-  function F() {
-    _classCallCheck(this, F);
+var B = /*#__PURE__*/function () {
+  function B() {
+    _classCallCheck(this, B);
   }
-  _createClass(F, null, [{
+  _createClass(B, null, [{
     key: "setPropertyValueIfDoesNotExist",
     value: function setPropertyValueIfDoesNotExist(e, t, i) {
       var _e$n, _e$n2;
       var n = t[0];
-      t.length === 1 ? (_e$n = e[n]) !== null && _e$n !== void 0 ? _e$n : e[n] = i : ((_e$n2 = e[n]) !== null && _e$n2 !== void 0 ? _e$n2 : e[n] = {}, t.shift(), F.setPropertyValueIfDoesNotExist(e[n], t, i));
+      t.length === 1 ? (_e$n = e[n]) !== null && _e$n !== void 0 ? _e$n : e[n] = i : ((_e$n2 = e[n]) !== null && _e$n2 !== void 0 ? _e$n2 : e[n] = {}, t.shift(), B.setPropertyValueIfDoesNotExist(e[n], t, i));
     }
   }, {
     key: "setPropertyValue",
     value: function setPropertyValue(e, t, i) {
       var _e$n3;
       var n = t[0];
-      t.length === 1 ? e[n] = i : ((_e$n3 = e[n]) !== null && _e$n3 !== void 0 ? _e$n3 : e[n] = {}, t.shift(), F.setPropertyValue(e[n], t, i));
+      t.length === 1 ? e[n] = i : ((_e$n3 = e[n]) !== null && _e$n3 !== void 0 ? _e$n3 : e[n] = {}, t.shift(), B.setPropertyValue(e[n], t, i));
     }
   }, {
     key: "getObjectValue",
     value: function getObjectValue(e, t) {
       var i = t[0],
         n = e[i];
-      return n === void 0 || t.length === 1 ? n : F.getObjectValue(n, t.slice(1));
+      return n === void 0 || t.length === 1 ? n : B.getObjectValue(n, t.slice(1));
     }
   }, {
     key: "overwritePropertyObjectFromAnother",
     value: function overwritePropertyObjectFromAnother(e, t, i) {
-      var n = F.getObjectValue(t, i);
+      var n = B.getObjectValue(t, i);
       if (n) {
-        var r = _objectSpread(_objectSpread({}, n), F.getObjectValue(e, i) || {});
-        F.setPropertyValue(e, i, r);
+        var r = _objectSpread(_objectSpread({}, n), B.getObjectValue(e, i) || {});
+        B.setPropertyValue(e, i, r);
       }
     }
   }]);
-  return F;
+  return B;
 }();
 var Te = /*#__PURE__*/function () {
   function Te() {
@@ -11637,13 +11650,13 @@ var Te = /*#__PURE__*/function () {
     value: function overwriteDefaultStyleWithSubmit(e, t) {
       if (!e.submit) return;
       var i = JSON.parse(JSON.stringify(e[t] || {}));
-      F.overwritePropertyObjectFromAnother(i, e.submit, ["container", "default"]), F.overwritePropertyObjectFromAnother(i, e.submit, ["text", "styles", "default"]), F.overwritePropertyObjectFromAnother(i, e.submit, ["svg", "styles", "default"]), e[t] = i;
+      B.overwritePropertyObjectFromAnother(i, e.submit, ["container", "default"]), B.overwritePropertyObjectFromAnother(i, e.submit, ["text", "styles", "default"]), B.overwritePropertyObjectFromAnother(i, e.submit, ["svg", "styles", "default"]), e[t] = i;
     }
     // prettier-ignore
   }, {
     key: "setUpDisabledButton",
     value: function setUpDisabledButton(e) {
-      F.setPropertyValueIfDoesNotExist(e, ["submit", "container", "default", "backgroundColor"], ""), F.setPropertyValueIfDoesNotExist(e, ["disabled", "container", "default", "backgroundColor"], "unset"), F.setPropertyValueIfDoesNotExist(e.submit, ["svg", "styles", "default", "filter"], ""), F.setPropertyValueIfDoesNotExist(e.disabled, ["svg", "styles", "default", "filter"], "brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(5564%) hue-rotate(207deg) brightness(100%) contrast(97%)"), Te.overwriteDefaultStyleWithSubmit(e, "disabled");
+      B.setPropertyValueIfDoesNotExist(e, ["submit", "container", "default", "backgroundColor"], ""), B.setPropertyValueIfDoesNotExist(e, ["disabled", "container", "default", "backgroundColor"], "unset"), B.setPropertyValueIfDoesNotExist(e.submit, ["svg", "styles", "default", "filter"], ""), B.setPropertyValueIfDoesNotExist(e.disabled, ["svg", "styles", "default", "filter"], "brightness(0) saturate(100%) invert(70%) sepia(0%) saturate(5564%) hue-rotate(207deg) brightness(100%) contrast(97%)"), Te.overwriteDefaultStyleWithSubmit(e, "disabled");
     }
   }, {
     key: "process",
@@ -11659,19 +11672,19 @@ var mi = /*#__PURE__*/function (_xt4) {
   var _super45 = _createSuper(k);
   // prettier-ignore
   function k(e, t, i, n, r) {
-    var _this59;
+    var _this60;
     _classCallCheck(this, k);
     var o = Te.process(e.submitButtonStyles);
-    _this59 = _super45.call(this, k.createButtonContainerElement(), o == null ? void 0 : o.position, o), _this59._isSVGLoadingIconOverriden = !1, _this59.status = {
+    _this60 = _super45.call(this, k.createButtonContainerElement(), o == null ? void 0 : o.position, o), _this60._isSVGLoadingIconOverriden = !1, _this60.status = {
       requestInProgress: !1,
       loadingActive: !1
-    }, _this59._messages = i, _this59._inputElementRef = t, _this59._fileAttachments = r, _this59._innerElements = _this59.createInnerElements(), _this59._abortStream = new AbortController(), _this59._stopClicked = {
+    }, _this60._messages = i, _this60._inputElementRef = t, _this60._fileAttachments = r, _this60._innerElements = _this60.createInnerElements(), _this60._abortStream = new AbortController(), _this60._stopClicked = {
       listener: function listener() {}
-    }, _this59._serviceIO = n, _this59._alwaysEnabled = !!(o != null && o.alwaysEnabled), e.disableSubmitButton = _this59.disableSubmitButton.bind(_assertThisInitialized(_this59), n), _this59.attemptOverwriteLoadingStyle(e), setTimeout(function () {
+    }, _this60._serviceIO = n, _this60._alwaysEnabled = !!(o != null && o.alwaysEnabled), e.disableSubmitButton = _this60.disableSubmitButton.bind(_assertThisInitialized(_this60), n), _this60.attemptOverwriteLoadingStyle(e), setTimeout(function () {
       var a;
-      _this59._validationHandler = e._validationHandler, _this59.assignHandlers(_this59._validationHandler), (a = _this59._validationHandler) == null || a.call(_assertThisInitialized(_this59));
+      _this60._validationHandler = e._validationHandler, _this60.assignHandlers(_this60._validationHandler), (a = _this60._validationHandler) == null || a.call(_assertThisInitialized(_this60));
     });
-    return _this59;
+    return _this60;
   }
   // prettier-ignore
   _createClass(k, [{
@@ -11760,7 +11773,7 @@ var mi = /*#__PURE__*/function (_xt4) {
     key: "programmaticSubmit",
     value: function () {
       var _programmaticSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee96(e) {
-        var _this60 = this;
+        var _this61 = this;
         var t;
         return _regeneratorRuntime().wrap(function _callee96$(_context96) {
           while (1) switch (_context96.prev = _context96.next) {
@@ -11775,7 +11788,7 @@ var mi = /*#__PURE__*/function (_xt4) {
                   type: de.getTypeFromBlob(i)
                 };
               })), setTimeout(function () {
-                return _this60.attemptSubmit(t, !0);
+                return _this61.attemptSubmit(t, !0);
               });
             case 3:
             case "end":
@@ -11819,7 +11832,7 @@ var mi = /*#__PURE__*/function (_xt4) {
               return this.addNewMessage(e);
             case 10:
               this._serviceIO.isWebModel() || this._messages.addLoadingMessage();
-              Fi.clear(this._inputElementRef);
+              Bi.clear(this._inputElementRef);
               i = (o = e.files) == null ? void 0 : o.map(function (l) {
                 return l.file;
               }), n = {
@@ -11844,12 +11857,12 @@ var mi = /*#__PURE__*/function (_xt4) {
   }, {
     key: "addNewMessage",
     value: function () {
-      var _addNewMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee98(_ref12) {
+      var _addNewMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee98(_ref13) {
         var e, t, i;
         return _regeneratorRuntime().wrap(function _callee98$(_context98) {
           while (1) switch (_context98.prev = _context98.next) {
             case 0:
-              e = _ref12.text, t = _ref12.files;
+              e = _ref13.text, t = _ref13.files;
               i = {
                 role: v.USER_ROLE
               };
@@ -11953,14 +11966,14 @@ var Xi = /*#__PURE__*/function (_rt) {
   var _super46 = _createSuper(Xi);
   // prettier-ignore
   function Xi(e, t, i, n) {
-    var _this61;
+    var _this62;
     _classCallCheck(this, Xi);
-    _this61 = _super46.call(this, e, ["modal-content", "modal-camera-content"], i), _this61._stopped = !1, _this61._format = "image/png", _this61._canvas = document.createElement("canvas"), _this61._canvas.classList.add("camera-modal-canvas");
-    var _this61$addButtonsAnd = _this61.addButtonsAndTheirEvents(t),
-      r = _this61$addButtonsAnd.captureButton,
-      o = _this61$addButtonsAnd.submitButton;
-    _this61._captureButton = r, _this61._submitButton = o, _this61._captureIcon = _this61._captureButton.children[0], _this61._refreshIcon = U.createSVGElement(ba), _this61._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (n == null ? void 0 : n.format) === "jpeg" && (_this61._format = "image/jpeg"), n != null && n.dimensions && (_this61._dimensions = n.dimensions), _this61._contentRef.appendChild(_this61._canvas), _this61.extensionCloseCallback = _this61.stop;
-    return _this61;
+    _this62 = _super46.call(this, e, ["modal-content", "modal-camera-content"], i), _this62._stopped = !1, _this62._format = "image/png", _this62._canvas = document.createElement("canvas"), _this62._canvas.classList.add("camera-modal-canvas");
+    var _this62$addButtonsAnd = _this62.addButtonsAndTheirEvents(t),
+      r = _this62$addButtonsAnd.captureButton,
+      o = _this62$addButtonsAnd.submitButton;
+    _this62._captureButton = r, _this62._submitButton = o, _this62._captureIcon = _this62._captureButton.children[0], _this62._refreshIcon = U.createSVGElement(ba), _this62._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (n == null ? void 0 : n.format) === "jpeg" && (_this62._format = "image/jpeg"), n != null && n.dimensions && (_this62._dimensions = n.dimensions), _this62._contentRef.appendChild(_this62._canvas), _this62.extensionCloseCallback = _this62.stop;
+    return _this62;
   }
   _createClass(Xi, [{
     key: "addButtonsAndTheirEvents",
@@ -11979,38 +11992,38 @@ var Xi = /*#__PURE__*/function (_rt) {
   }, {
     key: "addButtonEvents",
     value: function addButtonEvents(e, t, i, n) {
-      var _this62 = this;
+      var _this63 = this;
       e.onclick = function () {
-        _this62.capture();
+        _this63.capture();
       }, t.addEventListener("click", this.stop.bind(this)), i.onclick = function () {
-        var r = _this62.getFile();
-        r && Et.addFilesToType([r], [n]), _this62.stop(), _this62.close();
+        var r = _this63.getFile();
+        r && Et.addFilesToType([r], [n]), _this63.stop(), _this63.close();
       };
     }
   }, {
     key: "stop",
     value: function stop() {
-      var _this63 = this;
+      var _this64 = this;
       this._mediaStream && this._mediaStream.getTracks().forEach(function (e) {
         return e.stop();
       }), this._stopped = !0, setTimeout(function () {
-        _this63._captureButton.replaceChildren(_this63._captureIcon), _this63._captureButton.classList.replace("modal-svg-refresh-button", "modal-svg-camera-button");
-        var e = _this63._canvas.getContext("2d");
-        e == null || e.clearRect(0, 0, _this63._canvas.width, _this63._canvas.height);
+        _this64._captureButton.replaceChildren(_this64._captureIcon), _this64._captureButton.classList.replace("modal-svg-refresh-button", "modal-svg-camera-button");
+        var e = _this64._canvas.getContext("2d");
+        e == null || e.clearRect(0, 0, _this64._canvas.width, _this64._canvas.height);
       }, rt.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "start",
     value: function start() {
-      var _this64 = this;
+      var _this65 = this;
       this._dataURL = void 0, this._submitButton.classList.add("modal-svg-submit-disabled"), this._stopped = !1, navigator.mediaDevices.getUserMedia({
         video: this._dimensions || !0
       }).then(function (e) {
-        if (_this64._mediaStream = e, !_this64.isOpen()) return _this64.stop();
+        if (_this65._mediaStream = e, !_this65.isOpen()) return _this65.stop();
         var t = document.createElement("video");
-        t.srcObject = e, t.play(), requestAnimationFrame(_this64.updateCanvas.bind(_this64, t, _this64._canvas));
+        t.srcObject = e, t.play(), requestAnimationFrame(_this65.updateCanvas.bind(_this65, t, _this65._canvas));
       })["catch"](function (e) {
-        console.error(e), _this64.stop(), _this64.close();
+        console.error(e), _this65.stop(), _this65.close();
       });
     }
   }, {
@@ -12068,13 +12081,13 @@ var Jt = /*#__PURE__*/function (_xt5) {
   _inherits(Jt, _xt5);
   var _super47 = _createSuper(Jt);
   function Jt(e, t, i) {
-    var _this65;
+    var _this66;
     _classCallCheck(this, Jt);
     var r;
-    _this65 = _super47.call(this, Jt.createButtonElement(), (r = i == null ? void 0 : i.button) == null ? void 0 : r.position, (i == null ? void 0 : i.button) || {}, "Photo");
-    var n = _this65.createInnerElements(_this65._customStyles);
-    i && _this65.addClickEvent(e, t, i.modalContainerStyle, i.files), _this65.elementRef.classList.add("upload-file-button"), _this65.elementRef.appendChild(n.styles), _this65.reapplyStateStyle("styles");
-    return _this65;
+    _this66 = _super47.call(this, Jt.createButtonElement(), (r = i == null ? void 0 : i.button) == null ? void 0 : r.position, (i == null ? void 0 : i.button) || {}, "Photo");
+    var n = _this66.createInnerElements(_this66._customStyles);
+    i && _this66.addClickEvent(e, t, i.modalContainerStyle, i.files), _this66.elementRef.classList.add("upload-file-button"), _this66.elementRef.appendChild(n.styles), _this66.reapplyStateStyle("styles");
+    return _this66;
   }
   _createClass(Jt, [{
     key: "createInnerElements",
@@ -12116,7 +12129,7 @@ var ut = /*#__PURE__*/function () {
   function ut(e, t, i, n) {
     _classCallCheck(this, ut);
     this.elementRef = ut.createPanelElement(e.inputAreaStyle);
-    var r = new Fi(e, i),
+    var r = new Bi(e, i),
       o = {},
       a = this.createFileUploadComponents(e, i, n, o);
     e.speechToText && !o.microphone && (o.microphone = {
@@ -12195,7 +12208,7 @@ var Qi = /*#__PURE__*/function () {
     key: "createElements",
     value: function createElements(e, t, i) {
       var n = document.createElement("div");
-      n.id = "chat-view", console.log("creatimg");
+      n.id = "chat-view";
       var r = new fe(e, t, i);
       t.websocket && Y.createConnection(t, r);
       var o = new ut(e, r, t, n);
@@ -12221,22 +12234,22 @@ var b = /*#__PURE__*/function (_co) {
   _inherits(b, _co);
   var _super48 = _createSuper(b);
   function b() {
-    var _this66;
+    var _this67;
     _classCallCheck(this, b);
-    _this66 = _super48.call(this), _this66.getMessages = function () {
+    _this67 = _super48.call(this), _this67.getMessages = function () {
       return [];
-    }, _this66.submitUserMessage = function () {
+    }, _this67.submitUserMessage = function () {
       return console.warn("submitUserMessage failed - please wait for chat view to render before calling this property.");
-    }, _this66.addMessage = function () {
+    }, _this67.addMessage = function () {
       return console.warn("addMessage failed - please wait for chat view to render before calling this property.");
-    }, _this66.focusInput = function () {
-      return Yt.focusFromParentElement(_this66._elementRef);
-    }, _this66.refreshMessages = function () {}, _this66.clearMessages = function () {}, _this66.scrollToBottom = function () {}, _this66.disableSubmitButton = function () {}, _this66.onNewMessage = function () {}, _this66.onClearMessages = function () {}, _this66.onComponentRender = function () {}, _this66._hasBeenRendered = !1, _this66._auxiliaryStyleApplied = !1, jo.appendStyleSheetToHead(), _this66._elementRef = document.createElement("div"), _this66._elementRef.id = "container", _this66.attachShadow({
+    }, _this67.focusInput = function () {
+      return Yt.focusFromParentElement(_this67._elementRef);
+    }, _this67.refreshMessages = function () {}, _this67.clearMessages = function () {}, _this67.scrollToBottom = function () {}, _this67.disableSubmitButton = function () {}, _this67.onNewMessage = function () {}, _this67.onClearMessages = function () {}, _this67.onComponentRender = function () {}, _this67._hasBeenRendered = !1, _this67._auxiliaryStyleApplied = !1, jo.appendStyleSheetToHead(), _this67._elementRef = document.createElement("div"), _this67._elementRef.id = "container", _this67.attachShadow({
       mode: "open"
-    }).appendChild(_this66._elementRef), bi.apply(Sa, _this66.shadowRoot), setTimeout(function () {
-      _this66._hasBeenRendered || _this66.onRender();
+    }).appendChild(_this67._elementRef), bi.apply(Sa, _this67.shadowRoot), setTimeout(function () {
+      _this67._hasBeenRendered || _this67.onRender();
     }, 20);
-    return _this66;
+    return _this67;
   }
   _createClass(b, [{
     key: "changeToChatView",