deep-chat-dev 9.0.80 → 9.0.82

package/dist/deepChat.js

@@ -337,7 +337,7 @@ var Pn = /*#__PURE__*/function () {
   return ze;
 }();
 Pn.TEXT_INPUT_ID = "text-input";
-var Bi = Pn;
+var Fi = 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(Bi.TEXT_INPUT_ID));
+      var t = e.querySelector("#".concat(Fi.TEXT_INPUT_ID));
       t && Yt.focusEndOfInput(t);
     }
   }]);
@@ -415,12 +415,12 @@ var I = {
     return jn;
   }();
 Dn.CODE_SNIPPET_GENERATION_JUMP = 0.5;
-var ie = Dn;
-var Bn = /*#__PURE__*/function () {
-  function Fn() {
-    _classCallCheck(this, Fn);
+var ne = Dn;
+var Fn = /*#__PURE__*/function () {
+  function Bn() {
+    _classCallCheck(this, Bn);
   }
-  _createClass(Fn, null, [{
+  _createClass(Bn, null, [{
     key: "speak",
     value: function speak(e, t) {
       if (window.SpeechSynthesisUtterance) {
@@ -441,13 +441,13 @@ var Bn = /*#__PURE__*/function () {
           n && (i.voice = n);
         }
         t(i);
-      }, Fn.LOAD_VOICES_MS);
+      }, Bn.LOAD_VOICES_MS);
     }
   }]);
-  return Fn;
+  return Bn;
 }();
-Bn.LOAD_VOICES_MS = 200;
-var Lt = Bn;
+Fn.LOAD_VOICES_MS = 200;
+var Lt = Fn;
 var Ae = /*#__PURE__*/function () {
   function Ae() {
     _classCallCheck(this, Ae);
@@ -693,7 +693,7 @@ var ge = /*#__PURE__*/function () {
         var o = i.getElementsByClassName(r);
         Array.from(o || []).forEach(function (a) {
           var l = ge.getProcessedStyles(t, a, r);
-          ne.applyStylesToElement(a, l), ge.applyEvents(a, r);
+          se.applyStylesToElement(a, l), ge.applyEvents(a, r);
         });
       });
       var n = i.getElementsByClassName(bs);
@@ -704,11 +704,11 @@ var ge = /*#__PURE__*/function () {
   }]);
   return ge;
 }();
-var ne = /*#__PURE__*/function () {
-  function ne() {
-    _classCallCheck(this, ne);
+var se = /*#__PURE__*/function () {
+  function se() {
+    _classCallCheck(this, se);
   }
-  _createClass(ne, null, [{
+  _createClass(se, null, [{
     key: "applyStylesToElement",
     value: function applyStylesToElement(e, t) {
       var i = M.processStateful(t, {}, {});
@@ -727,7 +727,7 @@ var ne = /*#__PURE__*/function () {
     value: function applyClassUtilitiesToElement(e, t) {
       var i = t.events,
         n = t.styles;
-      i && ne.applyEventsToElement(e, i), n && !ge.doesElementContainDeepChatClass(e) && ne.applyStylesToElement(e, n);
+      i && se.applyEventsToElement(e, i), n && !ge.doesElementContainDeepChatClass(e) && se.applyStylesToElement(e, n);
     }
   }, {
     key: "applyCustomClassUtilities",
@@ -735,17 +735,17 @@ var ne = /*#__PURE__*/function () {
       Object.keys(e).forEach(function (i) {
         var n = t.getElementsByClassName(i);
         Array.from(n).forEach(function (r) {
-          e[i] && ne.applyClassUtilitiesToElement(r, e[i]);
+          e[i] && se.applyClassUtilitiesToElement(r, e[i]);
         });
       });
     }
   }, {
     key: "apply",
     value: function apply(e, t) {
-      ge.applyDeepChatUtilities(e, e.htmlClassUtilities, t), ne.applyCustomClassUtilities(e.htmlClassUtilities, t);
+      ge.applyDeepChatUtilities(e, e.htmlClassUtilities, t), se.applyCustomClassUtilities(e.htmlClassUtilities, t);
     }
   }]);
-  return ne;
+  return se;
 }();
 var Je = /*#__PURE__*/function () {
   function Je() {
@@ -767,7 +767,7 @@ var Je = /*#__PURE__*/function () {
     value: function overwrite(e, t, i, n) {
       var r = e.messages,
         o = v.overwriteMessage(r, n, t, i, "html", "html-message");
-      return o && (o.bubbleElement.innerHTML = t, ne.apply(e, o.outerContainer), Ae.flagHTMLUpdateClass(o.bubbleElement)), o;
+      return o && (o.bubbleElement.innerHTML = t, se.apply(e, o.outerContainer), Ae.flagHTMLUpdateClass(o.bubbleElement)), o;
     }
   }, {
     key: "add",
@@ -779,7 +779,7 @@ var Je = /*#__PURE__*/function () {
         if (l) return l;
       }
       var o = Je.createElements(e, t, i);
-      return v.fillEmptyMessageElement(o.bubbleElement, t), ne.apply(e, o.outerContainer), Ae.flagHTMLUpdateClass(o.bubbleElement), e.applyCustomStyles(o, i, !1, (a = e.messageStyles) == null ? void 0 : a.html), Je.addElement(e, o.outerContainer), o;
+      return v.fillEmptyMessageElement(o.bubbleElement, t), se.apply(e, o.outerContainer), Ae.flagHTMLUpdateClass(o.bubbleElement), e.applyCustomStyles(o, i, !1, (a = e.messageStyles) == null ? void 0 : a.html), Je.addElement(e, o.outerContainer), o;
     }
   }]);
   return Je;
@@ -840,7 +840,7 @@ var _s = /[&<>"]/,
 function Cs(s) {
   return Ts[s];
 }
-function F(s) {
+function B(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>" + F(s[e].content) + "</code></pre>" + Le(s, e) : "<code>" + F(s[e].content) + "</code>";
+  return s[e].block ? "<pre><code>" + B(s[e].content) + "</code></pre>" + Le(s, e) : "<code>" + B(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 = F(ke(ht(d))), o = ' class="' + a + l + '"';
+    l = B(ke(ht(d))), o = ' class="' + a + l + '"';
   }
-  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);
+  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);
 };
 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="' + F(ke(s[e].title)) + '"' : "",
+  var i = s[e].title ? ' title="' + B(ke(s[e].title)) + '"' : "",
     n = t.linkTarget ? ' target="' + t.linkTarget + '"' : "";
-  return '<a href="' + F(s[e].href) + '"' + i + n + ">";
+  return '<a href="' + B(s[e].href) + '"' + i + n + ">";
 };
 f.link_close = function () {
   return "</a>";
 };
 f.image = function (s, e, t) {
-  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))) : "") + '"',
+  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))) : "") + '"',
     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>" + F(s[e].content) + "</sub>";
+  return "<sub>" + B(s[e].content) + "</sub>";
 };
 f.sup = function (s, e) {
-  return "<sup>" + F(s[e].content) + "</sup>";
+  return "<sup>" + B(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 F(s[e].content);
+  return B(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="' + F(ke(s[e].title)) + '">';
+  return '<abbr title="' + B(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 Fi() {
+function Bi() {
   this.rules = qn({}, f), this.getBreak = f.getBreak;
 }
-Fi.prototype.renderInline = function (s, e, t) {
+Bi.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;
 };
-Fi.prototype.render = function (s, e, t) {
+Bi.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,
-  Bs = {
+  Fs = {
     c: "©",
     r: "®",
     p: "§",
     tm: "™"
   };
-function Fs(s) {
+function Bs(s) {
   return s.indexOf("(") < 0 ? s : s.replace(js, function (e, t) {
-    return Bs[t.toLowerCase()];
+    return Fs[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 = 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);
+    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);
   }
 }
 var qs = /['"]/,
@@ -1432,7 +1432,7 @@ var qs = /['"]/,
 function an(s, e) {
   return e < 0 || e >= s.length ? !1 : !Us.test(s[e]);
 }
-function Be(s, e, t) {
+function Fe(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 = Be(t.content, n.index, on));
+            g && (t.content = Fe(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 = 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;
+              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;
               continue e;
             }
           }
@@ -1458,7 +1458,7 @@ function Hs(s) {
             pos: n.index,
             single: g,
             level: a
-          }) : p && g && (t.content = Be(t.content, n.index, on));
+          }) : p && g && (t.content = Fe(t.content, n.index, on));
         }
       }
     }
@@ -1661,7 +1661,7 @@ function Ys(s, e, t, i) {
     V,
     Q,
     ee = !0,
-    ue,
+    he,
     q,
     en,
     gi;
@@ -1677,7 +1677,7 @@ function Ys(s, e, t, i) {
     type: "bullet_list_open",
     lines: V = [e, 0],
     level: s.level++
-  }), n = e, C = !1, ue = s.parser.ruler.getRules("list"); n < t && (S = s.skipSpaces(u), p = s.eMarks[n], S >= p ? h = 1 : h = S - u, h > 4 && (h = 1), h < 1 && (h = 1), r = u - s.bMarks[n] + h, s.tokens.push({
+  }), n = e, C = !1, he = s.parser.ruler.getRules("list"); n < t && (S = s.skipSpaces(u), p = s.eMarks[n], S >= p ? h = 1 : h = S - u, h > 4 && (h = 1), h < 1 && (h = 1), r = u - s.bMarks[n] + h, s.tokens.push({
     type: "list_item_open",
     lines: Q = [e, 0],
     level: s.level++
@@ -1685,7 +1685,7 @@ function Ys(s, e, t, i) {
     type: "list_item_close",
     level: --s.level
   }), n = e = s.line, Q[1] = n, S = s.bMarks[e], !(n >= t || s.isEmpty(n) || s.tShift[n] < s.blkIndent));) {
-    for (gi = !1, q = 0, en = ue.length; q < en; q++) if (ue[q](s, n, t, !0)) {
+    for (gi = !1, q = 0, en = he.length; q < en; q++) if (he[q](s, n, t, !0)) {
       gi = !0;
       break;
     }
@@ -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*>/,
-  Br = /<!---->|<!--(?:-?[^>-])(?:-?[^-])*-->/,
-  Fr = /<[?].*?[?]>/,
+  Fr = /<!---->|<!--(?:-?[^>-])(?:-?[^-])*-->/,
+  Br = /<[?].*?[?]>/,
   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", Br)("processing", Fr)("declaration", zr)("cdata", qr)();
+  Ur = Zt(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/)("open_tag", Dr)("close_tag", jr)("comment", Fr)("processing", Br)("declaration", zr)("cdata", qr)();
 function Hr(s) {
   var e = s | 32;
   return e >= 97 && e <= 122;
@@ -2625,34 +2625,34 @@ var Yr = {
 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 de(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 Fi(), this.ruler = new H(), this.options = {}, this.configure(Xr[s]), this.set(e || {});
+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 || {});
 }
-de.prototype.set = function (s) {
+ue.prototype.set = function (s) {
   qn(this.options, s);
 };
-de.prototype.configure = function (s) {
+ue.prototype.configure = function (s) {
   var e = this;
   if (!s) throw new Error("Wrong `remarkable` preset, check name/content");
   s.options && e.set(s.options), s.components && Object.keys(s.components).forEach(function (t) {
     s.components[t].rules && e[t].ruler.enable(s.components[t].rules, !0);
   });
 };
-de.prototype.use = function (s, e) {
+ue.prototype.use = function (s, e) {
   return s(this, e), this;
 };
-de.prototype.parse = function (s, e) {
+ue.prototype.parse = function (s, e) {
   var t = new Yn(this, s, e);
   return this.core.process(t), t.tokens;
 };
-de.prototype.render = function (s, e) {
+ue.prototype.render = function (s, e) {
   return e = e || {}, this.renderer.render(this.parse(s, e), this.options, e);
 };
-de.prototype.parseInline = function (s, e) {
+ue.prototype.parseInline = function (s, e) {
   var t = new Yn(this, s, e);
   return t.inlineMode = !0, this.core.process(t), t.tokens;
 };
-de.prototype.renderInline = function (s, e) {
+ue.prototype.renderInline = function (s, e) {
   return e = e || {}, this.renderer.render(this.parseInline(s, e), this.options, e);
 };
 var Li = /*#__PURE__*/function () {
@@ -2663,7 +2663,7 @@ var Li = /*#__PURE__*/function () {
     key: "createNew",
     value: function createNew() {
       var e = window.hljs;
-      return e ? new de({
+      return e ? new ue({
         highlight: function highlight(t, i) {
           if (i && e.getLanguage(i)) try {
             return e.highlight(i, t).value;
@@ -2689,7 +2689,7 @@ var Li = /*#__PURE__*/function () {
         // set target to open in a new tab
         typographer: !0
         // Enable smartypants and other sweet transforms
-      }) : new de({
+      }) : new ue({
         highlight: function highlight(t) {
           return t;
         },
@@ -2700,6 +2700,71 @@ var Li = /*#__PURE__*/function () {
   }]);
   return Li;
 }();
+var $n = /*#__PURE__*/function () {
+  function Rt() {
+    _classCallCheck(this, Rt);
+  }
+  _createClass(Rt, null, [{
+    key: "addMessage",
+    value: function addMessage(e, t, i, n) {
+      var r;
+      e.elementRef.appendChild(t.outerContainer), e.applyCustomStyles(t, n, !0, (r = e.messageStyles) == null ? void 0 : r[i]), e.elementRef.scrollTop = e.elementRef.scrollHeight;
+    }
+  }, {
+    key: "wrapInLink",
+    value: function wrapInLink(e, t) {
+      var i = document.createElement("a");
+      return i.href = t, i.target = "_blank", i.appendChild(e), i;
+    }
+  }, {
+    key: "processContent",
+    value: function processContent(e, t) {
+      return !t || t.startsWith("data") ? e : Rt.wrapInLink(e, t);
+    }
+  }, {
+    key: "waitToLoadThenScroll",
+    value: function waitToLoadThenScroll(e) {
+      setTimeout(function () {
+        e.scrollTop = e.scrollHeight;
+      }, 60);
+    }
+  }, {
+    key: "scrollDownOnImageLoad",
+    value: function scrollDownOnImageLoad(e, t) {
+      if (e.startsWith("data")) Rt.waitToLoadThenScroll(t);else try {
+        fetch(e, {
+          mode: "no-cors"
+        })["catch"](function () {})["finally"](function () {
+          Rt.waitToLoadThenScroll(t);
+        });
+      } catch (_unused5) {
+        t.scrollTop = t.scrollHeight;
+      }
+    }
+    // The strategy is to emit the actual file reference in the `onNewMessage` event for the user to inspect it
+    // But it is not actually used by anything in the chat, hence it is removed when adding a message
+    // after the body has been stringified and parsed - the file reference will disappear, hence this readds it
+  }, {
+    key: "reAddFileRefToObject",
+    value: function reAddFileRefToObject(e, t) {
+      var i;
+      (i = e.files) == null || i.forEach(function (n, r) {
+        var o;
+        n.ref && (o = t.message.files) != null && o[r] && (t.message.files[r].ref = n.ref);
+      });
+    }
+    // the chat does not use the actual file
+  }, {
+    key: "removeFileRef",
+    value: function removeFileRef(e) {
+      var t = _objectSpread({}, e);
+      return delete t.ref, t;
+    }
+  }]);
+  return Rt;
+}();
+$n.DEFAULT_FILE_NAME = "file";
+var ie = $n;
 var Ui = /*#__PURE__*/function () {
   function Ui() {
     _classCallCheck(this, Ui);
@@ -2711,7 +2776,7 @@ var Ui = /*#__PURE__*/function () {
         message: t,
         isInitial: i
       }));
-      e.onNewMessage(n), e.dispatchEvent(new CustomEvent("new-message", {
+      ie.reAddFileRefToObject(t, n), e.onNewMessage(n), e.dispatchEvent(new CustomEvent("new-message", {
         detail: n
       }));
     }
@@ -2780,11 +2845,11 @@ var P = /*#__PURE__*/function () {
 }();
 var Qr = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIAoJCXZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBkPSJNMjMsMzAuMzZIOWMtMi40MDQsMC00LjM2LTEuOTU2LTQuMzYtNC4zNlYxNWMwLTIuNDA0LDEuOTU2LTQuMzYsNC4zNi00LjM2aDMuNjU5CgkJYzAuMTY3LTEuNTY2LDEuNDE1LTIuODEzLDIuOTgxLTIuOTgxVjUuMzMzYy0xLjEzMS0wLjE3NC0yLTEuMTU0LTItMi4zMzNjMC0xLjMwMSwxLjA1OS0yLjM2LDIuMzYtMi4zNgoJCWMxLjMwMiwwLDIuMzYsMS4wNTksMi4zNiwyLjM2YzAsMS4xNzktMC44NjksMi4xNTktMiwyLjMzM1Y3LjY2YzEuNTY2LDAuMTY3LDIuODE0LDEuNDE1LDIuOTgxLDIuOTgxSDIzCgkJYzIuNDA0LDAsNC4zNiwxLjk1Niw0LjM2LDQuMzZ2MTFDMjcuMzYsMjguNDA0LDI1LjQwNCwzMC4zNiwyMywzMC4zNnogTTksMTEuMzZjLTIuMDA3LDAtMy42NCwxLjYzMy0zLjY0LDMuNjR2MTEKCQljMCwyLjAwNywxLjYzMywzLjY0LDMuNjQsMy42NGgxNGMyLjAwNywwLDMuNjQtMS42MzMsMy42NC0zLjY0VjE1YzAtMi4wMDctMS42MzMtMy42NC0zLjY0LTMuNjRIOXogTTEzLjM4NCwxMC42NGg1LjIzMQoJCUMxOC40MzksOS4zNTQsMTcuMzM0LDguMzYsMTYsOC4zNkMxNC42NjcsOC4zNiwxMy41NjEsOS4zNTQsMTMuMzg0LDEwLjY0eiBNMTYsMS4zNmMtMC45MDQsMC0xLjY0LDAuNzM2LTEuNjQsMS42NAoJCVMxNS4wOTYsNC42NCwxNiw0LjY0YzAuOTA0LDAsMS42NC0wLjczNiwxLjY0LTEuNjRTMTYuOTA0LDEuMzYsMTYsMS4zNnogTTIwLDI3LjM2aC04Yy0xLjMwMSwwLTIuMzYtMS4wNTktMi4zNi0yLjM2CgkJczEuMDU5LTIuMzYsMi4zNi0yLjM2aDhjMS4zMDIsMCwyLjM2LDEuMDU5LDIuMzYsMi4zNlMyMS4zMDIsMjcuMzYsMjAsMjcuMzZ6IE0xMiwyMy4zNmMtMC45MDQsMC0xLjY0LDAuNzM1LTEuNjQsMS42NAoJCXMwLjczNiwxLjY0LDEuNjQsMS42NGg4YzAuOTA0LDAsMS42NC0wLjczNSwxLjY0LTEuNjRzLTAuNzM1LTEuNjQtMS42NC0xLjY0SDEyeiBNMzEsMjMuODZoLTJjLTAuMTk5LDAtMC4zNi0wLjE2MS0wLjM2LTAuMzZWMTUKCQljMC0wLjE5OSwwLjE2MS0wLjM2LDAuMzYtMC4zNmgyYzAuMTk5LDAsMC4zNiwwLjE2MSwwLjM2LDAuMzZ2OC41QzMxLjM2LDIzLjY5OSwzMS4xOTksMjMuODYsMzEsMjMuODZ6IE0yOS4zNiwyMy4xNGgxLjI3OXYtNy43OAoJCUgyOS4zNlYyMy4xNHogTTMsMjMuODZIMWMtMC4xOTksMC0wLjM2LTAuMTYxLTAuMzYtMC4zNlYxNWMwLTAuMTk5LDAuMTYxLTAuMzYsMC4zNi0wLjM2aDJjMC4xOTksMCwwLjM2LDAuMTYxLDAuMzYsMC4zNnY4LjUKCQlDMy4zNiwyMy42OTksMy4xOTksMjMuODYsMywyMy44NnogTTEuMzYsMjMuMTRoMS4yOHYtNy43OEgxLjM2VjIzLjE0eiBNMjAsMjAuMzZjLTEuMzAyLDAtMi4zNi0xLjA1OS0yLjM2LTIuMzYKCQlzMS4wNTktMi4zNiwyLjM2LTIuMzZzMi4zNiwxLjA1OSwyLjM2LDIuMzZDMjIuMzYsMTkuMzAyLDIxLjMwMiwyMC4zNiwyMCwyMC4zNnogTTIwLDE2LjM2Yy0wLjkwNCwwLTEuNjQsMC43MzYtMS42NCwxLjY0CgkJczAuNzM1LDEuNjQsMS42NCwxLjY0czEuNjQtMC43MzUsMS42NC0xLjY0UzIwLjkwNCwxNi4zNiwyMCwxNi4zNnogTTEyLDIwLjM2Yy0xLjMwMSwwLTIuMzYtMS4wNTktMi4zNi0yLjM2czEuMDU5LTIuMzYsMi4zNi0yLjM2CgkJczIuMzYsMS4wNTksMi4zNiwyLjM2QzE0LjM2LDE5LjMwMiwxMy4zMDEsMjAuMzYsMTIsMjAuMzZ6IE0xMiwxNi4zNmMtMC45MDQsMC0xLjY0LDAuNzM2LTEuNjQsMS42NHMwLjczNiwxLjY0LDEuNjQsMS42NAoJCXMxLjY0LTAuNzM1LDEuNjQtMS42NFMxMi45MDQsMTYuMzYsMTIsMTYuMzZ6Ii8+Cgk8cmVjdCBzdHlsZT0iZmlsbDpub25lOyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+Cjwvc3ZnPg==",
   eo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAMAAAC/MqoPAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAADNQTFRF////9vX18vLy/Pz86enp4+Li2tnZ1tbWzczM+fn57Ozs4N/f09LS0M/P5uXl7+/v3dzcwtncCAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAZNSURBVHja7d3bdtsqEABQYABZSLH9/3+ZpnUsIcF5iOM6PfElNoMHMfPQdq3GmL0GkLhEUqLaUExnOtOZznSmM53pTGc605nOdKYznelMZzrTmV4LXSqllKyJDkob26xWq8Zae/iH0QoWTm9d1xur4WuypQJtTd+5dqn0VjcxzNO5/57mEBvdLo8Oron6aseWOjYOFkVvjQs3DmgyONMuht52EfztP+4hdu0i6LCO808/M8c1lE/fuPGej41uUzgdtoO/75N+2ELJ9I3b3//hPXbiMenm3pR/Jt4USgcLBIp4Bh10gqKVhvLo0klCxeSky96nKcj3siw6pJIL4XsoiQ7apyvMY/V3HHrSRioLopvEhSpTCn2TPEuwKYMOIX0tAxRBf/Hpa+lfSqBv9gi1FPsNfTrMAiVmIE/vJhz61FGnQxRIEYE4vfNYdN8Rp6MlHaHotHTn8ejekaZPAjEmyvQWdZFTtYTpXqCGJ0zvcek9Yfoel76nS0ffv1NMp1ca+pkgyfRCGind4L7OWWc605l+cxjsyhqy9AGbPpClc1/nvl5VX0c/3Alk6RU3+Am7shNZ+h6bvidLr7jBB+zKBrL0irOOudmIUDzTmf5gIP+iEuXtRuTVaEmY/oZLfyNMrzjryPc0gerMTdpVg0tvjJUU6bLPcGOoUv46SLL6Wi8yhLf06C7TUyekI0efRaaYqdFltkeNpPumRPSMDxgBYvSM035FrKAmH72hRW99PrpvSdEHkTEGUvSsK3yKVDkuJ92RohcZaehzzirPpOg+J92Tolfc4Cumx5xVXpGiZ34+ICX6W84qv5GiR5NPbiIpOv6BCoSvSkTX+eiaGP092zINvBOj4x8mSf9FqejvNo/cvpOji19ZbmviL0GPLsYMFzgzCor0+Bv/ePDvSJKOb9dJ5UlnbnEHiHgzv6cdTpJOWuc/u3FEucLDOL75xGtBiefrcwgoC9NDSH/jkH6pAuXmBqPQ9HSUPVdZBH1GGOrMXAQdYxcKZfxAoK+KKBKFLosoEoX+u4giUehz8jlcnAuhp78I46yDYNAd+QLR6K+pr+yvxdBTHyVDubQh0UfSxaHSd0lbvNkVRE87JGOtc+PQd2QLQ6fHhJkKsSh6yg13tO08JPprsgrrXWH0dJd2vH1MLPprot4eXoujpzrdhngiD40ek2y92lggPcnWa8qN1Yz0BFuvZhRl0uOfR0v4Ewuli/Bg4Qr3lArqGdndQ3UPO1EunXYwnelMZzrTmc50pjOd6UxnOtOZznSmM53pTGf6kuj6oedFKV0s3fX6sX1S3bsi6a4PD7+/YAqYeBw6pIB/4qEgOqxdSPbGiim4NRRCbzs3Jj0L4UfXtQXQVRfn5IdA/Bw7RZzurEV6EtdsLeGXkIPuA+K1UoVeA0l62zmN/LqfSSft9KkepmoRuvi3nd5uKNFB9zbbXEANqdr941XO0NJx2v2jdJenpf+/3bvn0ts16ph+sd6hX7dPo2+2cZzE02Ia43bzDHqr+2Evnhz74ZHU30ffbKOeng1/NPV30Ns1gYQnSP2P6e65Pfxc6h02XZqXQCjhJ6kPL6bFo4NrGvAU4UII4SE2P1vQuZkuOxckVfehisF1MjUddN/MZBN+kvq5uf0O/xa66gyNS9ktMWlz44rO1Z8C19i5FPdHzPamXn+F3hryPfxMr78+4F+kq22kO6Rf6fUQt+puuustyWv4rbG3l/duztFB96GYoe1cTBdXMr+nw9qVM6ZfxOvzezff0nXi/ZOndvrR6Zvpm0c3h6nhdb+5iS7tsIim/qXZD9+97/Jf+rpZ5BET1ayv0GUzLhEuhBBjIy/RdVPgndutIRt9nt7p5cKFEEJ3Z+jQFDZL+XnMDXxHB73gxn5s9Kc3d3/pFciFkN/QTSXHJpX5l66gDrkQoP6hL3xsPw39la4qOiV8tH78XeSbue6N9mvWa6J/ybpc1CT1Wnh5Qq9meP8IOKH3ddH7E/ri1iYux/SXDrXR4UiPdck/wUpU+FtPf6/orja6O9KL3l56LOvVxe5Ib2qjN0d6Vbex4ghWlU3bPqI90If66MNng680FNpbJijH6kCvaF3uMzQ3+IrpFerV4Y9dffQdN3im10ivbuImhD3Qq5u4HdZkua8znelMZ/pS4z9CPVKkxowNxgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wMy0yN1QxNTo0NToxNSswMDowMN1xSg4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDMtMjdUMTU6NDU6MTUrMDA6MDCsLPKyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==";
-var ae = /*#__PURE__*/function () {
-  function ae() {
-    _classCallCheck(this, ae);
+var le = /*#__PURE__*/function () {
+  function le() {
+    _classCallCheck(this, le);
   }
-  _createClass(ae, null, [{
+  _createClass(le, null, [{
     key: "applyCustomStylesToElements",
     value: function applyCustomStylesToElements(e, t, i) {
       Object.assign(e.style, i.container), Object.assign(t.style, i.avatar);
@@ -2793,10 +2858,10 @@ var ae = /*#__PURE__*/function () {
     key: "applyCustomStyles",
     value: function applyCustomStyles(e, t, i, n) {
       var r, o, a, l;
-      if ((r = i["default"]) != null && r.styles && ae.applyCustomStylesToElements(e, t, i["default"].styles), n === v.USER_ROLE) (o = i.user) != null && o.styles && ae.applyCustomStylesToElements(e, t, i.user.styles);else {
-        (a = i.ai) != null && a.styles && ae.applyCustomStylesToElements(e, t, i.ai.styles);
+      if ((r = i["default"]) != null && r.styles && le.applyCustomStylesToElements(e, t, i["default"].styles), n === v.USER_ROLE) (o = i.user) != null && o.styles && le.applyCustomStylesToElements(e, t, i.user.styles);else {
+        (a = i.ai) != null && a.styles && le.applyCustomStylesToElements(e, t, i.ai.styles);
         var c = (l = i[n]) == null ? void 0 : l.styles;
-        c && ae.applyCustomStylesToElements(e, t, c);
+        c && le.applyCustomStylesToElements(e, t, c);
       }
     }
   }, {
@@ -2806,7 +2871,7 @@ var ae = /*#__PURE__*/function () {
       var i = document.createElement("img");
       e === v.USER_ROLE ? i.src = ((r = t == null ? void 0 : t.user) == null ? void 0 : r.src) || ((o = t == null ? void 0 : t["default"]) == null ? void 0 : o.src) || eo : i.src = ((a = t == null ? void 0 : t[e]) == null ? void 0 : a.src) || ((l = t == null ? void 0 : t.ai) == null ? void 0 : l.src) || ((c = t == null ? void 0 : t["default"]) == null ? void 0 : c.src) || Qr, i.classList.add("avatar");
       var n = document.createElement("div");
-      return n.classList.add("avatar-container"), n.appendChild(i), t && ae.applyCustomStyles(n, i, t, e), n;
+      return n.classList.add("avatar-container"), n.appendChild(i), t && le.applyCustomStyles(n, i, t, e), n;
     }
   }, {
     key: "getPosition",
@@ -2820,12 +2885,12 @@ var ae = /*#__PURE__*/function () {
     key: "add",
     value: function add(e, t, i) {
       var n = typeof i == "boolean" ? void 0 : i,
-        r = ae.createAvatar(t, n),
-        o = ae.getPosition(t, n);
+        r = le.createAvatar(t, n),
+        o = le.getPosition(t, n);
       r.classList.add(o === "left" ? "left-item-position" : "right-item-position"), e.insertAdjacentElement(o === "left" ? "beforebegin" : "afterend", r);
     }
   }]);
-  return ae;
+  return le;
 }();
 var He = /*#__PURE__*/function () {
   function He() {
@@ -2904,7 +2969,7 @@ var Ve = /*#__PURE__*/function () {
       var _this4 = this;
       var i = this.createNewMessageElement(e, t);
       return this.elementRef.appendChild(i.outerContainer), setTimeout(function () {
-        return ie.scrollToBottom(_this4.elementRef);
+        return ne.scrollToBottom(_this4.elementRef);
       }), i;
     }
   }, {
@@ -2929,7 +2994,7 @@ var Ve = /*#__PURE__*/function () {
     value:
     // prettier-ignore
     function addInnerContainerElements(e, t, i) {
-      return e.classList.add("message-bubble", v.getRoleClass(i), i === v.USER_ROLE ? "user-message-text" : "ai-message-text"), this.renderText(e, t), this._avatars && ae.add(e, i, this._avatars), this._names && He.add(e, i, this._names), {
+      return e.classList.add("message-bubble", v.getRoleClass(i), i === v.USER_ROLE ? "user-message-text" : "ai-message-text"), this.renderText(e, t), this._avatars && le.add(e, i, this._avatars), this._names && He.add(e, i, this._names), {
         bubbleElement: e
       };
     }
@@ -2944,7 +3009,7 @@ var Ve = /*#__PURE__*/function () {
     value: function sendClientUpdate(e) {
       var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       var i;
-      (i = this._onNewMessage) == null || i.call(this, JSON.parse(JSON.stringify(e)), t);
+      (i = this._onNewMessage) == null || i.call(this, e, t);
     }
   }, {
     key: "renderText",
@@ -3013,13 +3078,13 @@ var Hi = /*#__PURE__*/function () {
       if (this._hasStreamEnded) return;
       if ((e == null ? void 0 : e.text) === void 0 && (e == null ? void 0 : e.html) === void 0) return console.error(I.INVALID_STREAM_RESPONSE);
       var t = (e == null ? void 0 : e.text) || (e == null ? void 0 : e.html) || "",
-        i = ie.isScrollbarAtBottomOfElement(this._messages.elementRef),
+        i = ne.isScrollbarAtBottomOfElement(this._messages.elementRef),
         n = (e == null ? void 0 : e.text) !== void 0 ? "text" : "html";
       if (!this._elements && this._streamedContent === "") this.setInitialState(n, t, e == null ? void 0 : e.role);else {
         if (this._streamType !== n) return console.error(I.INVALID_STREAM_MIX_RESPONSE);
         this.updateBasedOnType(t, n, (r = this._elements) == null ? void 0 : r.bubbleElement, e == null ? void 0 : e.overwrite);
       }
-      i && ie.scrollToBottom(this._messages.elementRef);
+      i && ne.scrollToBottom(this._messages.elementRef);
     }
   }, {
     key: "setInitialState",
@@ -3053,7 +3118,7 @@ var Hi = /*#__PURE__*/function () {
       var _this$_messages = this._messages,
         e = _this$_messages.textElementsToText,
         t = _this$_messages.elementRef;
-      (i = v.getLastMessageBubbleElement(t)) != null && i.classList.contains(it.MESSAGE_CLASS) && (this._streamType === "text" ? (e[e.length - 1][1] = this._streamedContent, this._activeMessageContent && (this._activeMessageContent.text = this._streamedContent), this._messages.textToSpeech && Lt.speak(this._streamedContent, this._messages.textToSpeech)) : this._streamType === "html" && (this._streamedContent === it.HTML_CONTENT_PLACEHOLDER && (this._streamedContent = ((n = v.getLastMessageBubbleElement(this._messages.elementRef)) == null ? void 0 : n.innerHTML) || ""), this._elements && ne.apply(this._messages, this._elements.outerContainer), this._activeMessageContent && (this._activeMessageContent.html = this._streamedContent)), this._activeMessageContent && this._messages.sendClientUpdate(Ve.createMessageContent(this._activeMessageContent), !1), this._hasStreamEnded = !0);
+      (i = v.getLastMessageBubbleElement(t)) != null && i.classList.contains(it.MESSAGE_CLASS) && (this._streamType === "text" ? (e[e.length - 1][1] = this._streamedContent, this._activeMessageContent && (this._activeMessageContent.text = this._streamedContent), this._messages.textToSpeech && Lt.speak(this._streamedContent, this._messages.textToSpeech)) : this._streamType === "html" && (this._streamedContent === it.HTML_CONTENT_PLACEHOLDER && (this._streamedContent = ((n = v.getLastMessageBubbleElement(this._messages.elementRef)) == null ? void 0 : n.innerHTML) || ""), this._elements && se.apply(this._messages, this._elements.outerContainer), this._activeMessageContent && (this._activeMessageContent.html = this._streamedContent)), this._activeMessageContent && this._messages.sendClientUpdate(Ve.createMessageContent(this._activeMessageContent), !1), this._hasStreamEnded = !0);
     }
   }]);
   return it;
@@ -3061,7 +3126,7 @@ var Hi = /*#__PURE__*/function () {
 Hi.MESSAGE_CLASS = "streamed-message";
 Hi.HTML_CONTENT_PLACEHOLDER = "htmlplaceholder";
 var Ye = Hi;
-var $n = /*#__PURE__*/function () {
+var Zn = /*#__PURE__*/function () {
   function nt() {
     _classCallCheck(this, nt);
   }
@@ -3184,8 +3249,8 @@ var $n = /*#__PURE__*/function () {
   }]);
   return nt;
 }();
-$n.CONTENT_TYPE = "Content-Type";
-var _ = $n;
+Zn.CONTENT_TYPE = "Content-Type";
+var _ = Zn;
 function to(_x10, _x11) {
   return _to.apply(this, arguments);
 }
@@ -3324,7 +3389,7 @@ function ao(s, e) {
     }
     function _Q() {
       _Q = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var ee, ue, q;
+        var ee, he, q;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
@@ -3336,12 +3401,12 @@ function ao(s, e) {
                 signal: g.signal
               }));
             case 4:
-              ue = _context3.sent;
+              he = _context3.sent;
               _context3.next = 7;
-              return V(ue);
+              return V(he);
             case 7:
               _context3.next = 9;
-              return to(ue.body, io(no(function (q) {
+              return to(he.body, io(no(function (q) {
                 q ? h[fn] = q : delete h[fn];
               }, function (q) {
                 E = q;
@@ -3376,7 +3441,7 @@ function lo(s) {
   var e = s.headers.get("content-type");
   if (!(e != null && e.startsWith(Ri))) throw new Error("Expected content-type to be ".concat(Ri, ", Actual: ").concat(e));
 }
-var Zn = /*#__PURE__*/function () {
+var Xn = /*#__PURE__*/function () {
   function st() {
     _classCallCheck(this, st);
   }
@@ -3448,8 +3513,8 @@ var Zn = /*#__PURE__*/function () {
   }]);
   return st;
 }();
-Zn.URL = "deep-chat-demo";
-var be = Zn;
+Xn.URL = "deep-chat-demo";
+var be = Xn;
 var T = /*#__PURE__*/function () {
   function T() {
     _classCallCheck(this, T);
@@ -4712,7 +4777,7 @@ var U = /*#__PURE__*/function () {
   }]);
   return U;
 }();
-var Xn = /*#__PURE__*/function () {
+var Qn = /*#__PURE__*/function () {
   function Ue() {
     _classCallCheck(this, Ue);
   }
@@ -4743,8 +4808,8 @@ var Xn = /*#__PURE__*/function () {
   }]);
   return Ue;
 }();
-Xn.VISIBLE_ICON_ID = "visible-icon";
-var po = Xn;
+Qn.VISIBLE_ICON_ID = "visible-icon";
+var po = Qn;
 var N = /*#__PURE__*/function () {
   function N() {
     _classCallCheck(this, N);
@@ -4905,7 +4970,7 @@ var Pt = /*#__PURE__*/function () {
   }]);
   return Pt;
 }();
-var Qn = /*#__PURE__*/function (_z) {
+var es = /*#__PURE__*/function (_z) {
   _inherits(Oi, _z);
   var _super3 = _createSuper(Oi);
   // prettier-ignore
@@ -4956,8 +5021,8 @@ var Qn = /*#__PURE__*/function (_z) {
   }]);
   return Oi;
 }(z);
-Qn.URL_PREFIX = "https://api-inference.huggingface.co/models/";
-var Ne = Qn;
+es.URL_PREFIX = "https://api-inference.huggingface.co/models/";
+var Ne = es;
 var bt = /*#__PURE__*/function (_Ne) {
   _inherits(bt, _Ne);
   var _super4 = _createSuper(bt);
@@ -5117,11 +5182,11 @@ var mo = /*#__PURE__*/function (_bt2) {
   return mo;
 }(bt);
 var vt = "data:image/png;base64,";
-var se = /*#__PURE__*/function () {
-  function se() {
-    _classCallCheck(this, se);
+var re = /*#__PURE__*/function () {
+  function re() {
+    _classCallCheck(this, re);
   }
-  _createClass(se, null, [{
+  _createClass(re, null, [{
     key: "buildHeaders",
     value: function buildHeaders(e) {
       return {
@@ -5141,11 +5206,11 @@ var se = /*#__PURE__*/function () {
       return {
         url: "https://api.stability.ai/v1/engines/list",
         method: "GET",
-        handleVerificationResult: se.handleVerificationResult
+        handleVerificationResult: re.handleVerificationResult
       };
     }
   }]);
-  return se;
+  return re;
 }();
 var Qt = /*#__PURE__*/function (_z2) {
   _inherits(Qt, _z2);
@@ -5176,7 +5241,7 @@ var Dt = /*#__PURE__*/function (_Qt) {
           }
         }
       };
-    _this11 = _super8.call(this, e, se.buildKeyVerificationDetails(), se.buildHeaders, i, n), _this11.url = "https://api.stability.ai/v1/generation/esrgan-v1-x2plus/image-to-image/upscale", _this11.textInputPlaceholderText = "Describe image changes", _this11.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Upscale</b></div>\n    <p>Upload an image to generate a new one with higher resolution.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
+    _this11 = _super8.call(this, e, re.buildKeyVerificationDetails(), re.buildHeaders, i, n), _this11.url = "https://api.stability.ai/v1/generation/esrgan-v1-x2plus/image-to-image/upscale", _this11.textInputPlaceholderText = "Describe image changes", _this11.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Upscale</b></div>\n    <p>Upload an image to generate a new one with higher resolution.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var r = (o = t == null ? void 0 : t.stabilityAI) == null ? void 0 : o.imageToImageUpscale;
     _typeof(r) == "object" && (r.engine_id && (_this11.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/image-to-image/upscale")), Dt.cleanConfig(r), Object.assign(_this11.rawBody, r)), _this11.canSendMessage = Dt.canSendFileMessage;
     return _this11;
@@ -5285,7 +5350,7 @@ var jt = /*#__PURE__*/function (_Qt2) {
           }
         }
       };
-    _this12 = _super9.call(this, e, se.buildKeyVerificationDetails(), se.buildHeaders, i, n), _this12.url = "https://api.stability.ai/v1/generation/stable-diffusion-xl-1024-v1-0/image-to-image/masking", _this12._maskSource = "MASK_IMAGE_WHITE", _this12.textInputPlaceholderText = "Describe image changes", _this12.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Masking</b></div>\n    <p>Upload an image, its mask image to create a new one based on the changes you have described for the mask area.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
+    _this12 = _super9.call(this, e, re.buildKeyVerificationDetails(), re.buildHeaders, i, n), _this12.url = "https://api.stability.ai/v1/generation/stable-diffusion-xl-1024-v1-0/image-to-image/masking", _this12._maskSource = "MASK_IMAGE_WHITE", _this12.textInputPlaceholderText = "Describe image changes", _this12.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Masking</b></div>\n    <p>Upload an image, its mask image to create a new one based on the changes you have described for the mask area.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var r = (o = t == null ? void 0 : t.stabilityAI) == null ? void 0 : o.imageToImageMasking;
     _typeof(r) == "object" && (r.engine_id && (_this12.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/image-to-image/masking")), r.weight !== void 0 && r.weight !== null && (_this12._imageWeight = r.weight), r.mask_source !== void 0 && r.mask_source !== null && (_this12._maskSource = r.mask_source), jt.cleanConfig(r), Object.assign(_this12.rawBody, r)), _this12.canSendMessage = jt.canSendFileTextMessage;
     return _this12;
@@ -5647,12 +5712,12 @@ var xo = /*#__PURE__*/function (_Ne5) {
   }]);
   return xo;
 }(Ne);
-var Bt = /*#__PURE__*/function (_Qt3) {
-  _inherits(Bt, _Qt3);
-  var _super15 = _createSuper(Bt);
-  function Bt(e) {
+var Ft = /*#__PURE__*/function (_Qt3) {
+  _inherits(Ft, _Qt3);
+  var _super15 = _createSuper(Ft);
+  function Ft(e) {
     var _this15;
-    _classCallCheck(this, Bt);
+    _classCallCheck(this, Ft);
     var o;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.stabilityAI,
@@ -5664,12 +5729,12 @@ var Bt = /*#__PURE__*/function (_Qt3) {
           }
         }
       };
-    _this15 = _super15.call(this, e, se.buildKeyVerificationDetails(), se.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>";
+    _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), Bt.cleanConfig(r), Object.assign(_this15.rawBody, r)), _this15.canSendMessage = Bt.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), Ft.cleanConfig(r), Object.assign(_this15.rawBody, r)), _this15.canSendMessage = Ft.canSendFileTextMessage;
     return _this15;
   }
-  _createClass(Bt, [{
+  _createClass(Ft, [{
     key: "createFormDataBody",
     value: function createFormDataBody(e, t, i) {
       var n = new FormData();
@@ -5754,7 +5819,7 @@ var Bt = /*#__PURE__*/function (_Qt3) {
       return !!(t != null && t[0]) && !!(e && e.trim() !== "");
     }
   }]);
-  return Bt;
+  return Ft;
 }(Qt);
 var Eo = /*#__PURE__*/function (_Ne6) {
   _inherits(Eo, _Ne6);
@@ -5796,21 +5861,21 @@ var Eo = /*#__PURE__*/function (_Ne6) {
   }]);
   return Eo;
 }(Ne);
-var Ft = /*#__PURE__*/function (_Qt4) {
-  _inherits(Ft, _Qt4);
-  var _super17 = _createSuper(Ft);
-  function Ft(e) {
+var Bt = /*#__PURE__*/function (_Qt4) {
+  _inherits(Bt, _Qt4);
+  var _super17 = _createSuper(Bt);
+  function Bt(e) {
     var _this16;
-    _classCallCheck(this, Ft);
+    _classCallCheck(this, Bt);
     var r;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.stabilityAI;
-    _this16 = _super17.call(this, e, se.buildKeyVerificationDetails(), se.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>";
+    _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), Ft.cleanConfig(n), Object.assign(_this16.rawBody, n)), _this16.canSendMessage = Ft.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), Bt.cleanConfig(n), Object.assign(_this16.rawBody, n)), _this16.canSendMessage = Bt.canSendTextMessage;
     return _this16;
   }
-  _createClass(Ft, [{
+  _createClass(Bt, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var i = JSON.parse(JSON.stringify(e)),
@@ -5889,7 +5954,7 @@ var Ft = /*#__PURE__*/function (_Qt4) {
       return !!(e && e.trim() !== "");
     }
   }]);
-  return Ft;
+  return Bt;
 }(Qt);
 var So = /*#__PURE__*/function (_Ne7) {
   _inherits(So, _Ne7);
@@ -6940,35 +7005,35 @@ var Ki = /*#__PURE__*/function (_z7) {
   }]);
   return Ki;
 }(z);
-var es = /*#__PURE__*/function (_z8) {
-  _inherits(es, _z8);
-  var _super27 = _createSuper(es);
+var ts = /*#__PURE__*/function (_z8) {
+  _inherits(ts, _z8);
+  var _super27 = _createSuper(ts);
   // prettier-ignore
-  function es(e, t, i, n, r) {
+  function ts(e, t, i, n, r) {
     var _this24;
-    _classCallCheck(this, es);
+    _classCallCheck(this, ts);
     _this24 = _super27.call(this, e, $.buildSpeechKeyVerificationDetails(i), t, n, r), _this24.insertKeyPlaceholderText = "Azure Speech Subscription Key", _this24.getKeyLink =
     // eslint-disable-next-line max-len
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal";
     return _this24;
   }
-  return _createClass(es);
+  return _createClass(ts);
 }(z);
-var ts = /*#__PURE__*/function (_es) {
-  _inherits(is, _es);
-  var _super28 = _createSuper(is);
+var is = /*#__PURE__*/function (_ts) {
+  _inherits(ns, _ts);
+  var _super28 = _createSuper(ns);
   // prettier-ignore
-  function is(e) {
+  function ns(e) {
     var _a$lang, _l$name, _c$gender;
     var _this25;
-    _classCallCheck(this, is);
+    _classCallCheck(this, ns);
     var n, r, o, a, l, c;
     var t = (r = (n = e.directConnection) == null ? void 0 : n.azure) == null ? void 0 : r.textToSpeech,
       i = (o = e.directConnection) == null ? void 0 : o.azure;
-    _this25 = _super28.call(this, e, $.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, i), _this25.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(is.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this25.url = "", Object.assign(_this25.rawBody, t), (_a$lang = (a = _this25.rawBody).lang) !== null && _a$lang !== void 0 ? _a$lang : a.lang = "en-US", (_l$name = (l = _this25.rawBody).name) !== null && _l$name !== void 0 ? _l$name : l.name = "en-US-JennyNeural", (_c$gender = (c = _this25.rawBody).gender) !== null && _c$gender !== void 0 ? _c$gender : c.gender = "Female", _this25.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1");
+    _this25 = _super28.call(this, e, $.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, i), _this25.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(ns.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this25.url = "", Object.assign(_this25.rawBody, t), (_a$lang = (a = _this25.rawBody).lang) !== null && _a$lang !== void 0 ? _a$lang : a.lang = "en-US", (_l$name = (l = _this25.rawBody).name) !== null && _l$name !== void 0 ? _l$name : l.name = "en-US-JennyNeural", (_c$gender = (c = _this25.rawBody).gender) !== null && _c$gender !== void 0 ? _c$gender : c.gender = "Female", _this25.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1");
     return _this25;
   }
-  _createClass(is, [{
+  _createClass(ns, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var i = t[t.length - 1].text;
@@ -7031,14 +7096,14 @@ var ts = /*#__PURE__*/function (_es) {
       return extractResultData;
     }()
   }]);
-  return is;
-}(es);
-ts.HELP_LINK =
+  return ns;
+}(ts);
+is.HELP_LINK =
 // eslint-disable-next-line max-len
 "https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest";
-var ko = ts;
-var ns = /*#__PURE__*/function (_es2) {
-  _inherits(Pi, _es2);
+var ko = is;
+var ss = /*#__PURE__*/function (_ts2) {
+  _inherits(Pi, _ts2);
   var _super29 = _createSuper(Pi);
   function Pi(e) {
     var _this26;
@@ -7124,11 +7189,11 @@ var ns = /*#__PURE__*/function (_es2) {
     }
   }]);
   return Pi;
-}(es);
-ns.HELP_LINK =
+}(ts);
+ss.HELP_LINK =
 // eslint-disable-next-line max-len
 "https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest";
-var Io = ns;
+var Io = ss;
 var Lo = /*#__PURE__*/function (_z9) {
   _inherits(Lo, _z9);
   var _super30 = _createSuper(Lo);
@@ -7211,12 +7276,12 @@ var Lo = /*#__PURE__*/function (_z9) {
   return Lo;
 }(z);
 var Ji = /*#__PURE__*/function (_z10) {
-  _inherits(re, _z10);
-  var _super31 = _createSuper(re);
-  function re(e) {
+  _inherits(oe, _z10);
+  var _super31 = _createSuper(oe);
+  function oe(e) {
     var _l$headers, _c$OpenAIBeta;
     var _this28;
-    _classCallCheck(this, re);
+    _classCallCheck(this, oe);
     var r, o, a, l, c;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.openAI;
@@ -7231,7 +7296,7 @@ var Ji = /*#__PURE__*/function (_z10) {
     (_l$headers = (l = _this28.requestSettings).headers) !== null && _l$headers !== void 0 ? _l$headers : l.headers = {}, (_c$OpenAIBeta = (c = _this28.requestSettings.headers)["OpenAI-Beta"]) !== null && _c$OpenAIBeta !== void 0 ? _c$OpenAIBeta : c["OpenAI-Beta"] = "assistants=v1", _this28.maxMessages = 1;
     return _this28;
   }
-  _createClass(re, [{
+  _createClass(oe, [{
     key: "processMessages",
     value: function processMessages(e, t) {
       var i = this.totalMessagesMaxCharLength || -1;
@@ -7256,11 +7321,11 @@ var Ji = /*#__PURE__*/function (_z10) {
     key: "callService",
     value: function callService(e, t, i) {
       if (this.sessionId) {
-        this.url = "".concat(re.THREAD_PREFIX, "/").concat(this.sessionId, "/messages");
+        this.url = "".concat(oe.THREAD_PREFIX, "/").concat(this.sessionId, "/messages");
         var n = this.processMessages(t, i)[0];
         w.request(this, n, e);
       } else {
-        this.url = "".concat(re.THREAD_PREFIX, "/runs");
+        this.url = "".concat(oe.THREAD_PREFIX, "/runs");
         var _n2 = this.createNewThreadMessages(this.rawBody, t, i);
         w.request(this, _n2, e);
       }
@@ -7332,7 +7397,7 @@ var Ji = /*#__PURE__*/function (_z10) {
               _context65.next = 4;
               return this.assignThreadAndRun(e);
             case 4:
-              t = "".concat(re.THREAD_PREFIX, "/").concat(this.sessionId, "/runs/").concat(this.run_id), i = {
+              t = "".concat(oe.THREAD_PREFIX, "/").concat(this.sessionId, "/runs/").concat(this.run_id), i = {
                 method: "GET",
                 headers: (n = this.requestSettings) == null ? void 0 : n.headers
               };
@@ -7362,7 +7427,7 @@ var Ji = /*#__PURE__*/function (_z10) {
                 _context66.next = 8;
                 break;
               }
-              this.url = "".concat(re.THREAD_PREFIX, "/").concat(this.sessionId, "/runs");
+              this.url = "".concat(oe.THREAD_PREFIX, "/").concat(this.sessionId, "/runs");
               _context66.next = 4;
               return O.directFetch(this, JSON.parse(JSON.stringify(this.rawBody)), "POST");
             case 4:
@@ -7397,14 +7462,14 @@ var Ji = /*#__PURE__*/function (_z10) {
                 break;
               }
               return _context67.abrupt("return", {
-                timeoutMS: re.POLLING_TIMEOUT_MS
+                timeoutMS: oe.POLLING_TIMEOUT_MS
               });
             case 3:
               if (!(t === "completed" && this.messages)) {
                 _context67.next = 10;
                 break;
               }
-              this.url = "".concat(re.THREAD_PREFIX, "/").concat(e.thread_id, "/messages");
+              this.url = "".concat(oe.THREAD_PREFIX, "/").concat(e.thread_id, "/messages");
               _context67.next = 7;
               return O.directFetch(this, {}, "GET");
             case 7:
@@ -7475,14 +7540,14 @@ var Ji = /*#__PURE__*/function (_z10) {
                   output: r
                 };
               });
-              this.url = "".concat(re.THREAD_PREFIX, "/").concat(this.sessionId, "/runs/").concat(this.run_id, "/submit_tool_outputs");
+              this.url = "".concat(oe.THREAD_PREFIX, "/").concat(this.sessionId, "/runs/").concat(this.run_id, "/submit_tool_outputs");
               _context68.next = 12;
               return O.directFetch(this, {
                 tool_outputs: n
               }, "POST");
             case 12:
               return _context68.abrupt("return", {
-                timeoutMS: re.POLLING_TIMEOUT_MS
+                timeoutMS: oe.POLLING_TIMEOUT_MS
               });
             case 13:
             case "end":
@@ -7496,7 +7561,7 @@ var Ji = /*#__PURE__*/function (_z10) {
       return handleTools;
     }()
   }]);
-  return re;
+  return oe;
 }(z);
 Ji.THREAD_PREFIX = "https://api.openai.com/v1/threads";
 Ji.POLLING_TIMEOUT_MS = 800;
@@ -7952,13 +8017,13 @@ var No = /*#__PURE__*/function (_Vi3) {
 }(Vi);
 var mn = {
     model_list: [{
-      model_url: "http://localhost:3000/files/",
+      model_url: "https://huggingface.co/mlc-ai/mlc-chat-Llama-2-7b-chat-hf-q4f32_1/resolve/main/",
       local_id: "Llama-2-7b-chat-hf-q4f32_1"
     }, {
       model_url: "https://huggingface.co/mlc-ai/mlc-chat-Llama-2-13b-chat-hf-q4f32_1/resolve/main/",
       local_id: "Llama-2-13b-chat-hf-q4f32_1"
     }, {
-      model_url: "http://localhost:3000/files/",
+      model_url: "https://huggingface.co/mlc-ai/mlc-chat-Llama-2-7b-chat-hf-q4f16_1/resolve/main/",
       local_id: "Llama-2-7b-chat-hf-q4f16_1",
       required_features: ["shader-f16"]
     }, {
@@ -8205,32 +8270,30 @@ var mn = {
                 A.chat.setInitProgressCallback(t);
                 _context78.prev = 3;
                 _this$getConfig = this.getConfig(), n = _this$getConfig.model, r = _this$getConfig.pConfig;
-                console.log(n);
-                console.log(r);
-                _context78.next = 9;
+                _context78.next = 7;
                 return A.chat.reload(n, {
                   conv_config: {
                     system: "keep responses to one sentence"
                   }
                 }, r);
-              case 9:
-                _context78.next = 14;
+              case 7:
+                _context78.next = 12;
                 break;
-              case 11:
-                _context78.prev = 11;
+              case 9:
+                _context78.prev = 9;
                 _context78.t0 = _context78["catch"](3);
                 return _context78.abrupt("return", this.unloadChat(_context78.t0));
-              case 14:
+              case 12:
                 (i = this.addMessage) == null || i.call(this, {
                   html: "<div>Model loaded</div>",
                   overwrite: !0,
                   sendUpdate: !1
                 }), this._isModelLoaded = !0, this._isModelLoading = !1;
-              case 15:
+              case 13:
               case "end":
                 return _context78.stop();
             }
-          }, _callee78, this, [[3, 11]]);
+          }, _callee78, this, [[3, 9]]);
         }));
         function loadModel(_x138) {
           return _loadModel.apply(this, arguments);
@@ -8369,7 +8432,6 @@ var mn = {
           return _regeneratorRuntime().wrap(function _callee83$(_context83) {
             while (1) switch (_context83.prev = _context83.next) {
               case 0:
-                console.trace();
                 (t = this.addMessage) == null || t.call(this, {
                   error: A.GENERIC_ERROR,
                   sendUpdate: !1
@@ -8379,14 +8441,14 @@ var mn = {
                 this._isModelLoading = !1;
                 _context83.t0 = A.chat;
                 if (!_context83.t0) {
-                  _context83.next = 10;
+                  _context83.next = 9;
                   break;
                 }
-                _context83.next = 9;
+                _context83.next = 8;
                 return A.chat.unload();
-              case 9:
+              case 8:
                 A.chat = void 0;
-              case 10:
+              case 9:
               case "end":
                 return _context83.stop();
             }
@@ -8434,14 +8496,14 @@ 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 Bt(e) : t.stabilityAI.imageToImageUpscale ? new Dt(e) : t.stabilityAI.imageToImageMasking ? new jt(e) : new Ft(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);
       }
       return i ? new Ie(e) : new Ie(e, void 0, n || !0);
     }
   }]);
   return Do;
 }();
-var ss = /*#__PURE__*/function () {
+var rs = /*#__PURE__*/function () {
   function Di() {
     _classCallCheck(this, Di);
   }
@@ -8459,12 +8521,12 @@ var ss = /*#__PURE__*/function () {
   }]);
   return Di;
 }();
-ss.FONT_URL = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";
-var jo = ss;
-var rs = /*#__PURE__*/_createClass(function rs() {
-  _classCallCheck(this, rs);
+rs.FONT_URL = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";
+var jo = rs;
+var os = /*#__PURE__*/_createClass(function os() {
+  _classCallCheck(this, os);
 });
-rs.attibutes = {
+os.attibutes = {
   string: function string(s) {
     return s;
   },
@@ -8489,7 +8551,7 @@ function y(s) {
     Object.defineProperty(e, t, {});
     var i = e.constructor,
       n = t.toLocaleLowerCase();
-    i._attributes_[n] = rs.attibutes[s], i._attributeToProperty_[n] = t;
+    i._attributes_[n] = os.attibutes[s], i._attributeToProperty_[n] = t;
   };
 }
 var Yi = /*#__PURE__*/function () {
@@ -8552,57 +8614,11 @@ var qt = /*#__PURE__*/function () {
   }]);
   return qt;
 }();
-var os = /*#__PURE__*/function () {
-  function Rt() {
-    _classCallCheck(this, Rt);
+var Fo = /*#__PURE__*/function () {
+  function Fo() {
+    _classCallCheck(this, Fo);
   }
-  _createClass(Rt, null, [{
-    key: "addMessage",
-    value: function addMessage(e, t, i, n) {
-      var r;
-      e.elementRef.appendChild(t.outerContainer), e.applyCustomStyles(t, n, !0, (r = e.messageStyles) == null ? void 0 : r[i]), e.elementRef.scrollTop = e.elementRef.scrollHeight;
-    }
-  }, {
-    key: "wrapInLink",
-    value: function wrapInLink(e, t) {
-      var i = document.createElement("a");
-      return i.href = t, i.target = "_blank", i.appendChild(e), i;
-    }
-  }, {
-    key: "processContent",
-    value: function processContent(e, t) {
-      return !t || t.startsWith("data") ? e : Rt.wrapInLink(e, t);
-    }
-  }, {
-    key: "waitToLoadThenScroll",
-    value: function waitToLoadThenScroll(e) {
-      setTimeout(function () {
-        e.scrollTop = e.scrollHeight;
-      }, 60);
-    }
-  }, {
-    key: "scrollDownOnImageLoad",
-    value: function scrollDownOnImageLoad(e, t) {
-      if (e.startsWith("data")) Rt.waitToLoadThenScroll(t);else try {
-        fetch(e, {
-          mode: "no-cors"
-        })["catch"](function () {})["finally"](function () {
-          Rt.waitToLoadThenScroll(t);
-        });
-      } catch (_unused5) {
-        t.scrollTop = t.scrollHeight;
-      }
-    }
-  }]);
-  return Rt;
-}();
-os.DEFAULT_FILE_NAME = "file";
-var he = os;
-var Bo = /*#__PURE__*/function () {
-  function Bo() {
-    _classCallCheck(this, Bo);
-  }
-  _createClass(Bo, null, [{
+  _createClass(Fo, null, [{
     key: "getText",
     value: function getText(e, t) {
       var i, n;
@@ -8617,9 +8633,9 @@ var Bo = /*#__PURE__*/function () {
       return null;
     }
   }]);
-  return Bo;
+  return Fo;
 }();
-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 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 pe = /*#__PURE__*/function () {
   function pe() {
     _classCallCheck(this, pe);
@@ -8628,7 +8644,7 @@ var pe = /*#__PURE__*/function () {
     key: "createImage",
     value: function createImage(e, t) {
       var i = new Image();
-      return i.src = e.src, he.scrollDownOnImageLoad(i.src, t), he.processContent(i, i.src);
+      return i.src = e.src, ie.scrollDownOnImageLoad(i.src, t), ie.processContent(i, i.src);
     }
     // WORK - should base64 images be clickable?
     // WORK - image still does not scroll down when loaded
@@ -8641,7 +8657,7 @@ var pe = /*#__PURE__*/function () {
           while (1) switch (_context84.prev = _context84.next) {
             case 0:
               n = pe.createImage(t, e.elementRef), r = e.createNewMessageElement("", i);
-              r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("image-message"), he.addMessage(e, r, "image", i);
+              r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("image-message"), ie.addMessage(e, r, "image", i);
             case 2:
             case "end":
               return _context84.stop();
@@ -8664,7 +8680,7 @@ var pe = /*#__PURE__*/function () {
     value: function addNewAudioMessage(e, t, i) {
       var n = pe.createAudioElement(t, i),
         r = e.createNewMessageElement("", i);
-      r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("audio-message"), he.addMessage(e, r, "audio", i);
+      r.bubbleElement.appendChild(n), r.bubbleElement.classList.add("audio-message"), ie.addMessage(e, r, "audio", i);
     }
   }, {
     key: "createAnyFile",
@@ -8673,17 +8689,17 @@ 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(Fo);
+      var n = U.createSVGElement(Bo);
       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 || he.DEFAULT_FILE_NAME, t.appendChild(i), t.appendChild(r), he.processContent(t, e.src);
+      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);
     }
   }, {
     key: "addNewAnyFileMessage",
     value: function addNewAnyFileMessage(e, t, i) {
       var n = e.createNewMessageElement("", i),
         r = pe.createAnyFile(t);
-      n.bubbleElement.classList.add("any-file-message-bubble"), n.bubbleElement.appendChild(r), he.addMessage(e, n, "file", i);
+      n.bubbleElement.classList.add("any-file-message-bubble"), n.bubbleElement.appendChild(r), ie.addMessage(e, n, "file", i);
     }
     // no overwrite previous message logic as it is complex to track which files are to be overwritten
   }, {
@@ -8691,7 +8707,7 @@ var pe = /*#__PURE__*/function () {
     value: function addMessages(e, t, i) {
       t.forEach(function (n) {
         var r, o;
-        n.type === "audio" || (r = n.src) != null && r.startsWith("data:audio") ? pe.addNewAudioMessage(e, n, i) : n.type === "image" || (o = n.src) != null && o.startsWith("data:image") ? pe.addNewImageMessage(e, n, i) : pe.addNewAnyFileMessage(e, n, i);
+        n.ref && (n = ie.removeFileRef(n)), n.type === "audio" || (r = n.src) != null && r.startsWith("data:audio") ? pe.addNewAudioMessage(e, n, i) : n.type === "image" || (o = n.src) != null && o.startsWith("data:image") ? pe.addNewImageMessage(e, n, i) : pe.addNewAnyFileMessage(e, n, i);
       });
     }
   }]);
@@ -8710,7 +8726,7 @@ var fe = /*#__PURE__*/function (_Ve) {
       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 = ie.scrollToBottom.bind(_assertThisInitialized(_this35), _this35.elementRef), e.addMessage = function (c, d) {
+    }, 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) {
       _this35.addNewMessage(_objectSpread(_objectSpread({}, c), {}, {
         sendUpdate: !!d
       }), !d);
@@ -8727,7 +8743,7 @@ var fe = /*#__PURE__*/function (_Ve) {
   }, {
     key: "addSetupMessageIfNeeded",
     value: function addSetupMessageIfNeeded(e, t) {
-      var i = Bo.getText(e, t);
+      var i = Fo.getText(e, t);
       if (i) {
         var n = this.createAndAppendNewMessageElement(i, v.AI_ROLE);
         this.applyCustomStyles(n, v.AI_ROLE, !1);
@@ -8752,7 +8768,7 @@ var fe = /*#__PURE__*/function (_Ve) {
       e.forEach(function (t) {
         Ae.processInitialMessageFile(t), _this36.addNewMessage(t, !0);
       }), setTimeout(function () {
-        return ie.scrollToBottom(_this36.elementRef);
+        return ne.scrollToBottom(_this36.elementRef);
       });
     }
     // this should not be activated by streamed messages
@@ -8795,7 +8811,7 @@ var fe = /*#__PURE__*/function (_Ve) {
       var o = this.getPermittedMessage(t) || ((l = this._errorMessageOverrides) == null ? void 0 : l[e]) || ((c = this._errorMessageOverrides) == null ? void 0 : c["default"]) || "Error, please try again.";
       this.renderText(r, o);
       var a = P.extractParticularSharedStyles(["fontSize", "fontFamily"], (d = this.messageStyles) == null ? void 0 : d["default"]);
-      P.applyCustomStylesToElements(i, !1, a), P.applyCustomStylesToElements(i, !1, (u = this.messageStyles) == null ? void 0 : u.error), this.elementRef.appendChild(n), ie.scrollToBottom(this.elementRef), this.textToSpeech && Lt.speak(o, this.textToSpeech);
+      P.applyCustomStylesToElements(i, !1, a), P.applyCustomStylesToElements(i, !1, (u = this.messageStyles) == null ? void 0 : u.error), this.elementRef.appendChild(n), ne.scrollToBottom(this.elementRef), this.textToSpeech && Lt.speak(o, this.textToSpeech);
     }
   }, {
     key: "getPermittedMessage",
@@ -8832,12 +8848,12 @@ var fe = /*#__PURE__*/function (_Ve) {
         i = e.bubbleElement;
       i.classList.add("loading-message-text");
       var n = document.createElement("div");
-      n.classList.add("dots-flashing"), i.appendChild(n), this.applyCustomStyles(e, v.AI_ROLE, !1, (r = this.messageStyles) == null ? void 0 : r.loading), Yi.set(i, this.messageStyles), this.elementRef.appendChild(t), ie.scrollToBottom(this.elementRef);
+      n.classList.add("dots-flashing"), i.appendChild(n), this.applyCustomStyles(e, v.AI_ROLE, !1, (r = this.messageStyles) == null ? void 0 : r.loading), Yi.set(i, this.messageStyles), this.elementRef.appendChild(t), ne.scrollToBottom(this.elementRef);
     }
   }, {
     key: "populateIntroPanel",
     value: function populateIntroPanel(e, t, i) {
-      (e || t) && (this._introPanel = new qt(e, t, i), this._introPanel._elementRef && (ne.apply(this, this._introPanel._elementRef), this.elementRef.appendChild(this._introPanel._elementRef)));
+      (e || t) && (this._introPanel = new qt(e, t, i), this._introPanel._elementRef && (se.apply(this, this._introPanel._elementRef), this.elementRef.appendChild(this._introPanel._elementRef)));
     }
   }, {
     key: "addMultipleFiles",
@@ -8849,17 +8865,19 @@ var fe = /*#__PURE__*/function (_Ve) {
               return _context85.abrupt("return", Promise.all((e || []).map(function (t) {
                 return new Promise(function (i) {
                   if (!t.type || t.type === "any") {
-                    var n = t.file.name || he.DEFAULT_FILE_NAME;
+                    var n = t.file.name || ie.DEFAULT_FILE_NAME;
                     i({
                       name: n,
-                      type: "any"
+                      type: "any",
+                      ref: t.file
                     });
                   } else {
                     var _n3 = new FileReader();
                     _n3.readAsDataURL(t.file), _n3.onload = function () {
                       i({
                         src: _n3.result,
-                        type: t.type
+                        type: t.type,
+                        ref: t.file
                       });
                     };
                   }
@@ -9422,32 +9440,32 @@ var Uo = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 24 24\"
       dropupText: "File"
     }
   };
-var ce = /*#__PURE__*/function () {
+var de = /*#__PURE__*/function () {
   // prettier-ignore
-  function ce(e, t, i, n) {
+  function de(e, t, i, n) {
     var _this41 = this;
-    _classCallCheck(this, ce);
+    _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;
     });
   }
-  _createClass(ce, [{
+  _createClass(de, [{
     key: "attemptAddFile",
     value: function attemptAddFile(e, t) {
-      return ce.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), !0) : !1;
+      return de.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), !0) : !1;
     }
   }, {
     key: "addAttachmentBasedOnType",
     value: function addAttachmentBasedOnType(e, t, i) {
-      var n = ce.getTypeFromBlob(e);
+      var n = de.getTypeFromBlob(e);
       if (n === "image") {
-        var r = ce.createImageAttachment(t);
+        var r = de.createImageAttachment(t);
         this.addFileAttachment(e, "image", r, i);
       } else if (n === "audio") {
         var _r2 = ji.createAudioAttachment(t);
         this.addFileAttachment(e, "audio", _r2, i);
       } else {
-        var _r3 = ce.createAnyFileAttachment(e.name);
+        var _r3 = de.createAnyFileAttachment(e.name);
         this.addFileAttachment(e, "any", _r3, i);
       }
     }
@@ -9455,7 +9473,7 @@ var ce = /*#__PURE__*/function () {
     key: "addFileAttachment",
     value: function addFileAttachment(e, t, i, n) {
       var a;
-      var r = ce.createContainer(i);
+      var r = de.createContainer(i);
       if (this._attachments.length >= this._fileCountLimit) {
         var l = this._attachments[this._attachments.length - 1].removeButton;
         l == null || l.click();
@@ -9554,12 +9572,12 @@ var ce = /*#__PURE__*/function () {
       return t.classList.add("file-attachment"), t.appendChild(e), t;
     }
   }]);
-  return ce;
+  return de;
 }();
 var Ko = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  <title>play</title>\n  <path d=\"M5.92 24.096q0 1.088 0.928 1.728 0.512 0.288 1.088 0.288 0.448 0 0.896-0.224l16.16-8.064q0.48-0.256 0.8-0.736t0.288-1.088-0.288-1.056-0.8-0.736l-16.16-8.064q-0.448-0.224-0.896-0.224-0.544 0-1.088 0.288-0.928 0.608-0.928 1.728v16.16z\"></path>\n</svg>",
   bn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>stop</title>\n<path d=\"M5.92 24.096q0 0.832 0.576 1.408t1.44 0.608h16.128q0.832 0 1.44-0.608t0.576-1.408v-16.16q0-0.832-0.576-1.44t-1.44-0.576h-16.128q-0.832 0-1.44 0.576t-0.576 1.44v16.16z\"></path>\n</svg>",
-  as = /*#__PURE__*/function (_ce) {
-    _inherits(Se, _ce);
+  as = /*#__PURE__*/function (_de) {
+    _inherits(Se, _de);
     var _super38 = _createSuper(Se);
     // prettier-ignore
     function Se(e, t, i, n) {
@@ -9641,7 +9659,7 @@ var Ko = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     }, {
       key: "addAudioElements",
       value: function addAudioElements(e, t) {
-        var i = e.parentElement ? ie.cloneElement(e) : e,
+        var i = e.parentElement ? ne.cloneElement(e) : e,
           n = document.createElement("audio");
         n.src = t;
         var r = U.createSVGElement(Ko);
@@ -9671,7 +9689,7 @@ var Ko = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
       }
     }]);
     return Se;
-  }(ce);
+  }(de);
 as.TIMER_LIMIT_S = 5999;
 var ji = as;
 var Jo = /*#__PURE__*/function () {
@@ -9683,7 +9701,7 @@ var Jo = /*#__PURE__*/function () {
     value:
     // prettier-ignore
     function create(e, t, i, n, r) {
-      return r === "audio" ? new ji(e, t, i, n) : new ce(e, t, i, n);
+      return r === "audio" ? new ji(e, t, i, n) : new de(e, t, i, n);
     }
   }]);
   return Jo;
@@ -9788,11 +9806,11 @@ var Et = /*#__PURE__*/function () {
   return Et;
 }();
 var ls = /*#__PURE__*/function () {
-  function oe(e, t, i) {
-    _classCallCheck(this, oe);
-    this._isOpen = !1, this._contentRef = oe.createModalContent(t, i == null ? void 0 : i.backgroundColor), this._buttonPanel = oe.createButtonPanel(i == null ? void 0 : i.backgroundColor), this._elementRef = oe.createContainer(this._contentRef, i), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = oe.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents();
+  function ae(e, t, i) {
+    _classCallCheck(this, ae);
+    this._isOpen = !1, this._contentRef = ae.createModalContent(t, i == null ? void 0 : i.backgroundColor), this._buttonPanel = ae.createButtonPanel(i == null ? void 0 : i.backgroundColor), this._elementRef = ae.createContainer(this._contentRef, i), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = ae.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents();
   }
-  _createClass(oe, [{
+  _createClass(ae, [{
     key: "isOpen",
     value: function isOpen() {
       return this._isOpen;
@@ -9814,7 +9832,7 @@ var ls = /*#__PURE__*/function () {
       var _this45 = 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";
-      }, oe.MODAL_CLOSE_TIMEOUT_MS);
+      }, ae.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "displayModalElements",
@@ -9830,7 +9848,7 @@ var ls = /*#__PURE__*/function () {
     key: "addCloseButton",
     value: function addCloseButton(e, t, i) {
       var _this46 = this;
-      var n = t ? oe.createSVGButton(e) : oe.createTextButton(e);
+      var n = t ? ae.createSVGButton(e) : ae.createTextButton(e);
       return this.addButtons(n), n.onclick = function () {
         _this46.close(), setTimeout(function () {
           i == null || i();
@@ -9890,12 +9908,12 @@ var ls = /*#__PURE__*/function () {
     value: function createTextModalFunc(e, t, i) {
       var n;
       if (_typeof(t) == "object" && (n = t.files) != null && n.infoModal) {
-        var r = new oe(e, ["modal-content"], t.files.infoModal.containerStyle);
+        var r = new ae(e, ["modal-content"], t.files.infoModal.containerStyle);
         return r.addCloseButton("OK", !1, i), r.openTextModal.bind(r, t.infoModalTextMarkUp || "");
       }
     }
   }]);
-  return oe;
+  return ae;
 }();
 ls.MODAL_CLOSE_TIMEOUT_MS = 190;
 var rt = ls;
@@ -9968,15 +9986,15 @@ var ct = /*#__PURE__*/function (_xt2) {
   }]);
   return ct;
 }(xt);
-var le = /*#__PURE__*/function () {
-  function le() {
-    _classCallCheck(this, le);
+var ce = /*#__PURE__*/function () {
+  function ce() {
+    _classCallCheck(this, ce);
   }
-  _createClass(le, null, [{
+  _createClass(ce, null, [{
     key: "create",
     value: function create(e, t, i) {
-      var n = le.createElement(i);
-      le.addEvents(n, e, t), e.appendChild(n);
+      var n = ce.createElement(i);
+      ce.addEvents(n, e, t), e.appendChild(n);
     }
   }, {
     key: "createElement",
@@ -9988,13 +10006,13 @@ var le = /*#__PURE__*/function () {
     key: "addEvents",
     value: function addEvents(e, t, i) {
       t.ondragenter = function (n) {
-        n.preventDefault(), le.display(e);
+        n.preventDefault(), ce.display(e);
       }, e.ondragleave = function (n) {
-        n.preventDefault(), le.hide(e);
+        n.preventDefault(), ce.hide(e);
       }, e.ondragover = function (n) {
         n.preventDefault();
       }, e.ondrop = function (n) {
-        n.preventDefault(), le.uploadFile(i, n), le.hide(e);
+        n.preventDefault(), ce.uploadFile(i, n), ce.hide(e);
       };
     }
   }, {
@@ -10020,7 +10038,7 @@ var le = /*#__PURE__*/function () {
       return t !== void 0 && t === !1 ? !1 : !!t || e.getNumberOfTypes() > 0;
     }
   }]);
-  return le;
+  return ce;
 }();
 var _e = /*#__PURE__*/function () {
   function _e() {
@@ -10742,7 +10760,7 @@ Object.defineProperty(ai, "__esModule", {
 ai.Padding = void 0;
 var sa = De,
   Sn = je,
-  Fe = Pe;
+  Be = Pe;
 var Ht = /*#__PURE__*/function () {
   function Ht() {
     _classCallCheck(this, Ht);
@@ -10755,11 +10773,11 @@ var Ht = /*#__PURE__*/function () {
           r = t.value[n - 1],
           o = t.selectionEnd === null ? n : t.selectionEnd,
           a = t.value[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;
+        Be.Text.isCharDefined(r) && (e.startPadding = " ", e.numberOfSpacesBeforeNewText = 1), Be.Text.isCharDefined(a) && (e.endPadding = " ", e.numberOfSpacesAfterNewText = 1), e.isCursorAtEnd = t.value.length === o;
         return;
       }
       var i = t.value[t.value.length - 1];
-      Fe.Text.isCharDefined(i) && (e.startPadding = " ", e.numberOfSpacesBeforeNewText = 1), e.isCursorAtEnd = !0;
+      Be.Text.isCharDefined(i) && (e.startPadding = " ", e.numberOfSpacesBeforeNewText = 1), e.isCursorAtEnd = !0;
     }
   }, {
     key: "setStateForGenericElement",
@@ -10772,12 +10790,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];
-          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;
+          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;
           return;
         }
       }
       var o = t.innerText.charAt(t.innerText.length - 1);
-      Fe.Text.isCharDefined(o) && (e.startPadding = " "), e.isCursorAtEnd = !0;
+      Be.Text.isCharDefined(o) && (e.startPadding = " "), e.isCursorAtEnd = !0;
     }
   }, {
     key: "setState",
@@ -11566,42 +11584,42 @@ var fa = /*#__PURE__*/function (_mt2) {
   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 B = /*#__PURE__*/function () {
-  function B() {
-    _classCallCheck(this, B);
+var F = /*#__PURE__*/function () {
+  function F() {
+    _classCallCheck(this, F);
   }
-  _createClass(B, null, [{
+  _createClass(F, 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(), B.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(), F.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(), B.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(), F.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 : B.getObjectValue(n, t.slice(1));
+      return n === void 0 || t.length === 1 ? n : F.getObjectValue(n, t.slice(1));
     }
   }, {
     key: "overwritePropertyObjectFromAnother",
     value: function overwritePropertyObjectFromAnother(e, t, i) {
-      var n = B.getObjectValue(t, i);
+      var n = F.getObjectValue(t, i);
       if (n) {
-        var r = _objectSpread(_objectSpread({}, n), B.getObjectValue(e, i) || {});
-        B.setPropertyValue(e, i, r);
+        var r = _objectSpread(_objectSpread({}, n), F.getObjectValue(e, i) || {});
+        F.setPropertyValue(e, i, r);
       }
     }
   }]);
-  return B;
+  return F;
 }();
 var Te = /*#__PURE__*/function () {
   function Te() {
@@ -11617,13 +11635,13 @@ var Te = /*#__PURE__*/function () {
     value: function overwriteDefaultStyleWithSubmit(e, t) {
       if (!e.submit) return;
       var i = JSON.parse(JSON.stringify(e[t] || {}));
-      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;
+      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;
     }
     // prettier-ignore
   }, {
     key: "setUpDisabledButton",
     value: function setUpDisabledButton(e) {
-      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");
+      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");
     }
   }, {
     key: "process",
@@ -11752,7 +11770,7 @@ var mi = /*#__PURE__*/function (_xt4) {
               e.files && (t.files = Array.from(e.files).map(function (i) {
                 return {
                   file: i,
-                  type: ce.getTypeFromBlob(i)
+                  type: de.getTypeFromBlob(i)
                 };
               })), setTimeout(function () {
                 return _this60.attemptSubmit(t, !0);
@@ -11799,7 +11817,7 @@ var mi = /*#__PURE__*/function (_xt4) {
               return this.addNewMessage(e);
             case 10:
               this._serviceIO.isWebModel() || this._messages.addLoadingMessage();
-              Bi.clear(this._inputElementRef);
+              Fi.clear(this._inputElementRef);
               i = (o = e.files) == null ? void 0 : o.map(function (l) {
                 return l.file;
               }), n = {
@@ -12096,7 +12114,7 @@ var ut = /*#__PURE__*/function () {
   function ut(e, t, i, n) {
     _classCallCheck(this, ut);
     this.elementRef = ut.createPanelElement(e.inputAreaStyle);
-    var r = new Bi(e, i),
+    var r = new Fi(e, i),
       o = {},
       a = this.createFileUploadComponents(e, i, n, o);
     e.speechToText && !o.microphone && (o.microphone = {
@@ -12126,7 +12144,7 @@ var ut = /*#__PURE__*/function () {
           button: new fa(_d, t.recordAudio)
         };
       }
-      return le.isEnabled(r, e.dragAndDrop) && le.create(i, r, e.dragAndDrop), r;
+      return ce.isEnabled(r, e.dragAndDrop) && ce.create(i, r, e.dragAndDrop), r;
     }
     // prettier-ignore
   }], [{
@@ -12159,7 +12177,7 @@ var ut = /*#__PURE__*/function () {
   }, {
     key: "addElements",
     value: function addElements(e, t, i, n, r, o) {
-      ie.addElements(e, t.elementRef);
+      ne.addElements(e, t.elementRef);
       var a = Ze.create(),
         l = j.addButtons(a, i, n, o);
       zo.set(t.inputElementRef, a, r.elementRef, l), Ze.add(e, a);
@@ -12179,7 +12197,7 @@ var Qi = /*#__PURE__*/function () {
       var r = new fe(e, t, i);
       t.websocket && Y.createConnection(t, r);
       var o = new ut(e, r, t, n);
-      return ie.addElements(n, r.elementRef, o.elementRef), n;
+      return ne.addElements(n, r.elementRef, o.elementRef), n;
     }
   }, {
     key: "render",
@@ -12228,13 +12246,14 @@ var b = /*#__PURE__*/function (_co) {
     key: "onRender",
     value: function onRender() {
       var _this$_activeService, _this$_childElement;
-      (_this$_activeService = this._activeService) !== null && _this$_activeService !== void 0 ? _this$_activeService : this._activeService = Do.create(this), this._activeService && (this.auxiliaryStyle && !this._auxiliaryStyleApplied && (bi.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), bi.applyDefaultStyleToComponent(this.style, this.chatStyle), Ae.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateConfigKey ? Ot.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof z) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Qi.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof z && N.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, Ui.onRender(this));
+      console.log("render"), (_this$_activeService = this._activeService) !== null && _this$_activeService !== void 0 ? _this$_activeService : this._activeService = Do.create(this), this._activeService && (this.auxiliaryStyle && !this._auxiliaryStyleApplied && (bi.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), bi.applyDefaultStyleToComponent(this.style, this.chatStyle), Ae.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateConfigKey ? Ot.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof z) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Qi.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof z && N.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, Ui.onRender(this));
     }
   }]);
   return b;
 }(co);
 x([y("object")], b.prototype, "directConnection", 2);
 x([y("object")], b.prototype, "request", 2);
+x([y("object")], b.prototype, "webModel", 2);
 x([y("object")], b.prototype, "stream", 2);
 x([y("object")], b.prototype, "requestBodyLimits", 2);
 x([y("function")], b.prototype, "requestInterceptor", 2);
@@ -12269,7 +12288,6 @@ x([y("function")], b.prototype, "onNewMessage", 2);
 x([y("function")], b.prototype, "onClearMessages", 2);
 x([y("function")], b.prototype, "onComponentRender", 2);
 x([y("object")], b.prototype, "demo", 2);
-x([y("object")], b.prototype, "webModel", 2);
 x([y("object")], b.prototype, "_insertKeyViewStyles", 2);
 customElements.define("deep-chat", b);
 export { b as DeepChat };