deep-chat-dev 9.0.268 → 9.0.270

package/dist/deepChat.js

@@ -31,11 +31,11 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var qn = /*#__PURE__*/function () {
-  function qn() {
-    _classCallCheck(this, qn);
+var Hn = /*#__PURE__*/function () {
+  function Hn() {
+    _classCallCheck(this, Hn);
   }
-  return _createClass(qn, null, [{
+  return _createClass(Hn, null, [{
     key: "render",
     value: function render(e, t) {
       var i = document.createElement("div");
@@ -43,11 +43,11 @@ var qn = /*#__PURE__*/function () {
     }
   }]);
 }();
-var gi = /*#__PURE__*/function () {
-  function gi() {
-    _classCallCheck(this, gi);
+var bi = /*#__PURE__*/function () {
+  function bi() {
+    _classCallCheck(this, bi);
   }
-  return _createClass(gi, null, [{
+  return _createClass(bi, null, [{
     key: "onLoad",
     value: function onLoad(e) {
       e.innerHTML = '<div id="loading-validate-key-property"></div>';
@@ -61,11 +61,11 @@ var gi = /*#__PURE__*/function () {
   }, {
     key: "render",
     value: function render(e, t, i) {
-      var s = gi.createElements(),
+      var s = bi.createElements(),
         r = {
           onSuccess: t,
-          onFail: qn.render.bind(this, e, "Your 'key' has failed authentication"),
-          onLoad: gi.onLoad.bind(this, s)
+          onFail: Hn.render.bind(this, e, "Your 'key' has failed authentication"),
+          onLoad: bi.onLoad.bind(this, s)
         };
       i.key && i.verifyKey(i.key, r), e.replaceChildren(s);
     }
@@ -156,18 +156,18 @@ var Je = /*#__PURE__*/function () {
   }]);
 }();
 Je.FONT_URL = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap", Je.DEFAULT_FONT_FAMILY = "'Inter', sans-serif, Avenir, Helvetica, Arial";
-var bi = Je;
-var ht = /*#__PURE__*/function () {
-  function ht() {
-    _classCallCheck(this, ht);
+var vi = Je;
+var ut = /*#__PURE__*/function () {
+  function ut() {
+    _classCallCheck(this, ut);
   }
-  return _createClass(ht, null, [{
+  return _createClass(ut, null, [{
     key: "apply",
     value: function apply(e, t) {
       if (t) try {
-        ht.applyStyleSheet(e, t);
+        ut.applyStyleSheet(e, t);
       } catch (_unused) {
-        ht.addStyleElement(e, t);
+        ut.addStyleElement(e, t);
       }
     }
   }, {
@@ -185,18 +185,18 @@ var ht = /*#__PURE__*/function () {
   }, {
     key: "applyDefaultStyleToComponent",
     value: function applyDefaultStyleToComponent(e, t) {
-      t && I.applyToStyleIfNotDefined(e, t), I.applyToStyleIfNotDefined(e, ht.DEFAULT_COMPONENT_STYLE);
+      t && I.applyToStyleIfNotDefined(e, t), I.applyToStyleIfNotDefined(e, ut.DEFAULT_COMPONENT_STYLE);
     }
   }]);
 }();
-ht.DEFAULT_COMPONENT_STYLE = {
+ut.DEFAULT_COMPONENT_STYLE = {
   height: "350px",
   width: "320px",
   borderTop: "1px solid #cacaca",
   borderRight: "1px solid #cacaca",
   borderLeft: "1px solid #cacaca",
   borderBottom: "1px solid #cacaca",
-  fontFamily: bi.DEFAULT_FONT_FAMILY,
+  fontFamily: vi.DEFAULT_FONT_FAMILY,
   fontSize: "0.9rem",
   backgroundColor: "white",
   position: "relative",
@@ -206,12 +206,12 @@ ht.DEFAULT_COMPONENT_STYLE = {
   // this is also causing the chat to squeeze when there is no space
   overflow: "hidden"
 };
-var Ht = ht;
-var $t = /*#__PURE__*/_createClass(function $t() {
-  _classCallCheck(this, $t);
+var zt = ut;
+var Wt = /*#__PURE__*/_createClass(function Wt() {
+  _classCallCheck(this, Wt);
 });
-$t.IS_SAFARI = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), $t.IS_CHROMIUM = window.chrome, $t.IS_MOBILE = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
-var Be = $t;
+Wt.IS_SAFARI = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), Wt.IS_CHROMIUM = window.chrome, Wt.IS_MOBILE = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+var Be = Wt;
 var U = /* @__PURE__ */function (n) {
   return n.ESCAPE = "Escape", n.ENTER = "Enter", n.TAB = "Tab", n.ARROW_UP = "ArrowUp", n.ARROW_DOWN = "ArrowDown", n.ARROW_RIGHT = "ArrowRight", n.ARROW_LEFT = "ArrowLeft", n.BACKSPACE = "Backspace", n.DELETE = "Delete", n.META = "Meta", n.CONTROL = "Control", n;
 }(U || {});
@@ -247,17 +247,17 @@ var Xe = /*#__PURE__*/function () {
     value: function onInput(e, t, i) {
       var s = i.target,
         r = s.textContent || "";
-      e !== void 0 && r.length > e && (s.textContent = r.substring(0, e), ai.focusEndOfInput(s)), t == null || t();
+      e !== void 0 && r.length > e && (s.textContent = r.substring(0, e), li.focusEndOfInput(s)), t == null || t();
     }
   }]);
 }();
 Xe.PERMITTED_KEYS = /* @__PURE__ */new Set([U.BACKSPACE, U.DELETE, U.ARROW_RIGHT, U.ARROW_LEFT, U.ARROW_DOWN, U.ARROW_UP, U.META, U.CONTROL, U.ENTER]);
 var Qi = Xe;
-var Hn = /*#__PURE__*/function () {
-  function Hn() {
-    _classCallCheck(this, Hn);
+var qn = /*#__PURE__*/function () {
+  function qn() {
+    _classCallCheck(this, qn);
   }
-  return _createClass(Hn, null, [{
+  return _createClass(qn, null, [{
     key: "sanitizePastedTextContent",
     value: function sanitizePastedTextContent(e) {
       var i, s;
@@ -275,7 +275,7 @@ var Ye = /*#__PURE__*/function () {
     this._isComposing = !1;
     var s = Ye.processConfig(t, e.textInput);
     this.elementRef = Ye.createContainerElement((r = s == null ? void 0 : s.styles) == null ? void 0 : r.container), this._config = s, this.inputElementRef = this.createInputElement(), this.elementRef.appendChild(this.inputElementRef), e.setPlaceholderText = this.setPlaceholderText.bind(this), e.setPlaceholderText(((o = this._config.placeholder) == null ? void 0 : o.text) || "Ask me anything!"), setTimeout(function () {
-      Qi.add(_this.inputElementRef, i, _this._config.characterLimit, e._validationHandler);
+      Qi.add(_this.inputElementRef, i, _this._config.characterLimit, e._validationHandler), _this._onInput = t.onInput;
     });
   }
   return _createClass(Ye, [{
@@ -283,9 +283,9 @@ var Ye = /*#__PURE__*/function () {
     value:
     // this also similarly prevents scroll up
     function clear() {
-      var t;
+      var t, i;
       var e = window.scrollY;
-      this.inputElementRef.classList.contains("text-input-disabled") || (Object.assign(this.inputElementRef.style, (t = this._config.placeholder) == null ? void 0 : t.style), this.inputElementRef.textContent = "", ai.focusEndOfInput(this.inputElementRef)), Be.IS_CHROMIUM && window.scrollTo({
+      this.inputElementRef.classList.contains("text-input-disabled") || (Object.assign(this.inputElementRef.style, (t = this._config.placeholder) == null ? void 0 : t.style), this.inputElementRef.textContent = "", li.focusEndOfInput(this.inputElementRef), (i = this._onInput) == null || i.call(this, !1)), Be.IS_CHROMIUM && window.scrollTo({
         top: e
       });
     }
@@ -310,7 +310,7 @@ var Ye = /*#__PURE__*/function () {
       (t = this._config.styles) != null && t.focus && (e.onfocus = function () {
         var s;
         return Object.assign(_this2.elementRef.style, (s = _this2._config.styles) == null ? void 0 : s.focus);
-      }, e.onblur = this.onBlur.bind(this, this._config.styles.focus, (i = this._config.styles) == null ? void 0 : i.container)), e.addEventListener("keydown", this.onKeydown.bind(this)), e.addEventListener("input", this.onInput.bind(this)), e.addEventListener("paste", Hn.sanitizePastedTextContent), e.addEventListener("compositionstart", function () {
+      }, e.onblur = this.onBlur.bind(this, this._config.styles.focus, (i = this._config.styles) == null ? void 0 : i.container)), e.addEventListener("keydown", this.onKeydown.bind(this)), e.addEventListener("input", this.onInput.bind(this)), e.addEventListener("paste", qn.sanitizePastedTextContent), e.addEventListener("compositionstart", function () {
         return _this2._isComposing = !0;
       }), e.addEventListener("compositionend", function () {
         return _this2._isComposing = !1;
@@ -330,8 +330,8 @@ var Ye = /*#__PURE__*/function () {
   }, {
     key: "onInput",
     value: function onInput() {
-      var e;
-      this.isTextInputEmpty() ? Object.assign(this.inputElementRef.style, (e = this._config.placeholder) == null ? void 0 : e.style) : this.removePlaceholderStyle();
+      var e, t;
+      this.isTextInputEmpty() ? Object.assign(this.inputElementRef.style, (e = this._config.placeholder) == null ? void 0 : e.style) : this.removePlaceholderStyle(), (t = this._onInput) == null || t.call(this, !0);
     }
   }, {
     key: "setPlaceholderText",
@@ -376,12 +376,12 @@ var Ye = /*#__PURE__*/function () {
   }]);
 }();
 Ye.TEXT_INPUT_ID = "text-input";
-var vi = Ye;
-var ai = /*#__PURE__*/function () {
-  function ai() {
-    _classCallCheck(this, ai);
+var yi = Ye;
+var li = /*#__PURE__*/function () {
+  function li() {
+    _classCallCheck(this, li);
   }
-  return _createClass(ai, null, [{
+  return _createClass(li, null, [{
     key: "focusEndOfInput",
     value: function focusEndOfInput(e) {
       var t = document.createRange();
@@ -392,8 +392,8 @@ var ai = /*#__PURE__*/function () {
   }, {
     key: "focusFromParentElement",
     value: function focusFromParentElement(e) {
-      var t = e.querySelector("#".concat(vi.TEXT_INPUT_ID));
-      t && (Be.IS_SAFARI && t.focus(), ai.focusEndOfInput(t));
+      var t = e.querySelector("#".concat(yi.TEXT_INPUT_ID));
+      t && (Be.IS_SAFARI && t.focus(), li.focusEndOfInput(t));
     }
   }]);
 }();
@@ -479,7 +479,7 @@ var Ds = "Make sure the events are using {text: string} or {html: string} format
     }]);
   }();
 Bi.CODE_SNIPPET_GENERATION_JUMP = 0.5;
-var G = Bi;
+var V = Bi;
 var Fi = /*#__PURE__*/function () {
   function Fi() {
     _classCallCheck(this, Fi);
@@ -510,12 +510,12 @@ var Fi = /*#__PURE__*/function () {
   }]);
 }();
 Fi.LOAD_VOICES_MS = 200;
-var gt = Fi;
-var ut = /*#__PURE__*/function () {
-  function ut() {
-    _classCallCheck(this, ut);
+var bt = Fi;
+var ft = /*#__PURE__*/function () {
+  function ft() {
+    _classCallCheck(this, ft);
   }
-  return _createClass(ut, null, [{
+  return _createClass(ft, null, [{
     key: "colorToHex",
     value: function colorToHex(e) {
       var t = document.createElement("div");
@@ -528,7 +528,7 @@ var ut = /*#__PURE__*/function () {
     value: function setDots(e, t) {
       var i, s, r, o;
       if ((o = (r = (s = (i = t == null ? void 0 : t.loading) == null ? void 0 : i.message) == null ? void 0 : s.styles) == null ? void 0 : r.bubble) != null && o.color) {
-        var a = ut.colorToHex(t.loading.message.styles.bubble.color);
+        var a = ft.colorToHex(t.loading.message.styles.bubble.color);
         e.style.setProperty("--loading-message-color", a), e.style.setProperty("--loading-message-color-fade", "".concat(a, "33"));
       } else e.style.setProperty("--loading-message-color", "#848484"), e.style.setProperty("--loading-message-color-fade", "#55555533");
     }
@@ -542,15 +542,15 @@ var ut = /*#__PURE__*/function () {
         o = _ref.margin,
         a = _ref.border;
       if (i) {
-        var l = ut.colorToHex(i);
+        var l = ft.colorToHex(i);
         e.style.setProperty("--loading-history-color", l);
       } else e.style.setProperty("--loading-history-color", "#dbdbdb");
       e.style.setProperty("--loading-history-height", r || "57px"), e.style.setProperty("--loading-history-width", s || "57px"), e.style.setProperty("--loading-history-margin", o || "7px"), e.style.setProperty("--loading-history-border", a || "6px solid");
     }
   }]);
 }();
-ut.BUBBLE_CLASS = "deep-chat-loading-message-bubble", ut.DOTS_CONTAINER_CLASS = "deep-chat-loading-message-dots-container";
-var De = ut;
+ft.BUBBLE_CLASS = "deep-chat-loading-message-bubble", ft.DOTS_CONTAINER_CLASS = "deep-chat-loading-message-dots-container";
+var De = ft;
 var ce = /*#__PURE__*/function () {
   function ce() {
     _classCallCheck(this, ce);
@@ -647,7 +647,7 @@ var ce = /*#__PURE__*/function () {
   }]);
 }();
 ce.DEFAULT_FILE_NAME = "file", ce.FILE_BUBBLE_CLASS = "file-message";
-var H = ce;
+var q = ce;
 var te = /*#__PURE__*/function () {
   function te() {
     _classCallCheck(this, te);
@@ -743,11 +743,11 @@ var te = /*#__PURE__*/function () {
     }
   }]);
 }();
-var $e = /*#__PURE__*/function () {
-  function $e() {
-    _classCallCheck(this, $e);
+var We = /*#__PURE__*/function () {
+  function We() {
+    _classCallCheck(this, We);
   }
-  return _createClass($e, null, [{
+  return _createClass(We, null, [{
     key: "mouseUp",
     value: function mouseUp(e, t) {
       I.unsetAllCSSMouseStates(e, t), Object.assign(e.style, t["default"]), Object.assign(e.style, t.hover);
@@ -770,12 +770,12 @@ var $e = /*#__PURE__*/function () {
   }, {
     key: "add",
     value: function add(e, t) {
-      e.addEventListener("mouseenter", $e.mouseEnter.bind(this, e, t)), e.addEventListener("mouseleave", $e.mouseLeave.bind(this, e, t)), e.addEventListener("mousedown", $e.mouseDown.bind(this, e, t)), e.addEventListener("mouseup", $e.mouseUp.bind(this, e, t));
+      e.addEventListener("mouseenter", We.mouseEnter.bind(this, e, t)), e.addEventListener("mouseleave", We.mouseLeave.bind(this, e, t)), e.addEventListener("mousedown", We.mouseDown.bind(this, e, t)), e.addEventListener("mouseup", We.mouseUp.bind(this, e, t));
     }
   }]);
 }();
-var $n = "deep-chat-temporary-message",
-  Wn = "deep-chat-suggestion-button",
+var Wn = "deep-chat-temporary-message",
+  $n = "deep-chat-suggestion-button",
   es = {
     "deep-chat-button": {
       styles: {
@@ -798,11 +798,11 @@ var $n = "deep-chat-temporary-message",
     }
   },
   Bs = Object.keys(es);
-var Se = /*#__PURE__*/function () {
-  function Se() {
-    _classCallCheck(this, Se);
+var _e = /*#__PURE__*/function () {
+  function _e() {
+    _classCallCheck(this, _e);
   }
-  return _createClass(Se, null, [{
+  return _createClass(_e, null, [{
     key: "applySuggestionEvent",
     value: function applySuggestionEvent(e, t) {
       setTimeout(function () {
@@ -818,7 +818,7 @@ var Se = /*#__PURE__*/function () {
     key: "isElementTemporary",
     value: function isElementTemporary(e) {
       var t;
-      return e ? (t = e.bubbleElement.children[0]) == null ? void 0 : t.classList.contains($n) : !1;
+      return e ? (t = e.bubbleElement.children[0]) == null ? void 0 : t.classList.contains(Wn) : !1;
     }
   }, {
     key: "doesElementContainDeepChatClass",
@@ -857,26 +857,26 @@ var Se = /*#__PURE__*/function () {
       Bs.forEach(function (r) {
         var o = i.getElementsByClassName(r);
         Array.from(o || []).forEach(function (a) {
-          var l = Se.getProcessedStyles(t, a, r);
-          X.applyStylesToElement(a, l), Se.applyEvents(a, r);
+          var l = _e.getProcessedStyles(t, a, r);
+          G.applyStylesToElement(a, l), _e.applyEvents(a, r);
         });
       });
-      var s = i.getElementsByClassName(Wn);
+      var s = i.getElementsByClassName($n);
       Array.from(s).forEach(function (r) {
-        return Se.applySuggestionEvent(e, r);
+        return _e.applySuggestionEvent(e, r);
       });
     }
   }]);
 }();
-var X = /*#__PURE__*/function () {
-  function X() {
-    _classCallCheck(this, X);
+var G = /*#__PURE__*/function () {
+  function G() {
+    _classCallCheck(this, G);
   }
-  return _createClass(X, null, [{
+  return _createClass(G, null, [{
     key: "applyStylesToElement",
     value: function applyStylesToElement(e, t) {
       var i = I.processStateful(t);
-      $e.add(e, i), Object.assign(e.style, i["default"]);
+      We.add(e, i), Object.assign(e.style, i["default"]);
     }
   }, {
     key: "applyEventsToElement",
@@ -891,7 +891,7 @@ var X = /*#__PURE__*/function () {
     value: function applyClassUtilitiesToElement(e, t) {
       var i = t.events,
         s = t.styles;
-      i && X.applyEventsToElement(e, i), s && !Se.doesElementContainDeepChatClass(e) && X.applyStylesToElement(e, s);
+      i && G.applyEventsToElement(e, i), s && !_e.doesElementContainDeepChatClass(e) && G.applyStylesToElement(e, s);
     }
   }, {
     key: "applyCustomClassUtilities",
@@ -899,20 +899,20 @@ var X = /*#__PURE__*/function () {
       Object.keys(e).forEach(function (i) {
         var s = t.getElementsByClassName(i);
         Array.from(s).forEach(function (r) {
-          e[i] && X.applyClassUtilitiesToElement(r, e[i]);
+          e[i] && G.applyClassUtilitiesToElement(r, e[i]);
         });
       });
     }
   }, {
     key: "apply",
     value: function apply(e, t) {
-      Se.applyDeepChatUtilities(e, e.htmlClassUtilities, t), X.applyCustomClassUtilities(e.htmlClassUtilities, t);
+      _e.applyDeepChatUtilities(e, e.htmlClassUtilities, t), G.applyCustomClassUtilities(e.htmlClassUtilities, t);
     }
   }, {
     key: "traverseNodes",
     value: function traverseNodes(e, t) {
       e.nodeType === Node.ELEMENT_NODE && t.push(e.outerHTML), e.childNodes.forEach(function (i) {
-        X.traverseNodes(i, t);
+        G.traverseNodes(i, t);
       });
     }
   }, {
@@ -921,14 +921,14 @@ var X = /*#__PURE__*/function () {
       var i = new DOMParser().parseFromString(e, "text/html"),
         s = [];
       return i.body.childNodes.forEach(function (r) {
-        X.traverseNodes(r, s);
+        G.traverseNodes(r, s);
       }), s;
     }
   }, {
     key: "isTemporaryBasedOnHTML",
     value: function isTemporaryBasedOnHTML(e) {
       var t = document.createElement("div");
-      return t.innerHTML = e, Se.isElementTemporary({
+      return t.innerHTML = e, _e.isElementTemporary({
         outerContainer: t,
         bubbleElement: t,
         innerContainer: t
@@ -944,11 +944,11 @@ var X = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ke = /*#__PURE__*/function () {
-  function ke() {
-    _classCallCheck(this, ke);
+var Le = /*#__PURE__*/function () {
+  function Le() {
+    _classCallCheck(this, Le);
   }
-  return _createClass(ke, null, [{
+  return _createClass(Le, null, [{
     key: "addElement",
     value: function addElement(e, t) {
       e.appendOuterContainerElemet(t), e.focusMode || (e.elementRef.scrollTop = e.elementRef.scrollHeight);
@@ -958,28 +958,28 @@ var ke = /*#__PURE__*/function () {
     value: function createElements(e, t, i, s) {
       var r = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
       var o = e.createMessageElementsOnOrientation("", i, s, r);
-      return o.bubbleElement.classList.add(ke.HTML_BUBBLE_CLASS), o.bubbleElement.innerHTML = t, o;
+      return o.bubbleElement.classList.add(Le.HTML_BUBBLE_CLASS), o.bubbleElement.innerHTML = t, o;
     }
   }, {
     key: "overwriteElements",
     value: function overwriteElements(e, t, i) {
-      i.bubbleElement.innerHTML = t, X.apply(e, i.outerContainer), te.flagHTMLUpdateClass(i.bubbleElement);
+      i.bubbleElement.innerHTML = t, G.apply(e, i.outerContainer), te.flagHTMLUpdateClass(i.bubbleElement);
     }
     // prettier-ignore
   }, {
     key: "overwrite",
     value: function overwrite(e, t, i, s) {
       var r = e.messageToElements,
-        o = y.overwriteMessage(r, s, t, i, "html", ke.HTML_BUBBLE_CLASS);
-      return o && ke.overwriteElements(e, t, o), o;
+        o = y.overwriteMessage(r, s, t, i, "html", Le.HTML_BUBBLE_CLASS);
+      return o && Le.overwriteElements(e, t, o), o;
     }
   }, {
     key: "create",
     value: function create(e, t, i) {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
       var o;
-      var r = ke.createElements(e, t, i, s);
-      return y.fillEmptyMessageElement(r.bubbleElement, t), X.apply(e, r.outerContainer), te.flagHTMLUpdateClass(r.bubbleElement), e.applyCustomStyles(r, i, !1, (o = e.messageStyles) == null ? void 0 : o.html), r;
+      var r = Le.createElements(e, t, i, s);
+      return y.fillEmptyMessageElement(r.bubbleElement, t), G.apply(e, r.outerContainer), te.flagHTMLUpdateClass(r.bubbleElement), e.applyCustomStyles(r, i, !1, (o = e.messageStyles) == null ? void 0 : o.html), r;
     }
   }, {
     key: "add",
@@ -990,17 +990,17 @@ var ke = /*#__PURE__*/function () {
         if (a) return a;
         s.status = !1;
       }
-      if (r && e.messageElementRefs.length > 0 && X.isTemporaryBasedOnHTML(t)) return;
-      var o = ke.create(e, t, i, r);
-      return r || ke.addElement(e, o.outerContainer), o;
+      if (r && e.messageElementRefs.length > 0 && G.isTemporaryBasedOnHTML(t)) return;
+      var o = Le.create(e, t, i, r);
+      return r || Le.addElement(e, o.outerContainer), o;
     }
   }]);
 }();
-ke.HTML_BUBBLE_CLASS = "html-message";
-var _e = ke;
-var hi;
+Le.HTML_BUBBLE_CLASS = "html-message";
+var xe = Le;
+var ui;
 function _n(n) {
-  return hi = hi || document.createElement("textarea"), hi.innerHTML = "&" + n + ";", hi.value;
+  return ui = ui || document.createElement("textarea"), ui.innerHTML = "&" + n + ";", ui.value;
 }
 var Jn = Object.prototype.hasOwnProperty;
 function Xn(n, e) {
@@ -1643,7 +1643,7 @@ var vr = /['"]/,
   Us = /['"]/g,
   yr = /[-\s()\[\]]/,
   js = "’";
-function qs(n, e) {
+function Hs(n, e) {
   return e < 0 || e >= n.length ? !1 : !yr.test(n[e]);
 }
 function dt(n, e, t) {
@@ -1657,7 +1657,7 @@ function Er(n) {
         for (a = g[e].level, f = b.length - 1; f >= 0 && !(b[f].level <= a); f--);
         b.length = f + 1, i = t.content, r = 0, o = i.length;
         e: for (; r < o && (Us.lastIndex = r, s = Us.exec(i), !!s);) {
-          if (l = !qs(i, s.index - 1), r = s.index + 1, m = s[0] === "'", c = !qs(i, r), !c && !l) {
+          if (l = !Hs(i, s.index - 1), r = s.index + 1, m = s[0] === "'", c = !Hs(i, r), !c && !l) {
             m && (t.content = dt(t.content, s.index, js));
             continue;
           }
@@ -1831,7 +1831,7 @@ function wr(n, e, t, i) {
     level: n.level
   })), !0);
 }
-function Hs(n, e) {
+function qs(n, e) {
   var t, i, s;
   return i = n.bMarks[e] + n.tShift[e], s = n.eMarks[e], i >= s || (t = n.src.charCodeAt(i++), t !== 42 && t !== 45 && t !== 43) || i < s && n.src.charCodeAt(i) !== 32 ? -1 : i;
 }
@@ -1872,47 +1872,47 @@ function Tr(n, e, t, i) {
     b,
     M,
     Y,
-    qe,
+    He,
     ae,
-    Ce = !0,
-    ye,
+    Re = !0,
+    Ee,
     ie,
     Ps,
-    Wi;
-  if ((u = zs(n, e)) >= 0) g = !0;else if ((u = Hs(n, e)) >= 0) g = !1;else return !1;
+    $i;
+  if ((u = zs(n, e)) >= 0) g = !0;else if ((u = qs(n, e)) >= 0) g = !1;else return !1;
   if (n.level >= n.options.maxNesting) return !1;
   if (p = n.src.charCodeAt(u - 1), i) return !0;
   for (M = n.tokens.length, g ? (d = n.bMarks[e] + n.tShift[e], m = Number(n.src.substr(d, u - d - 1)), n.tokens.push({
     type: "ordered_list_open",
     order: m,
-    lines: qe = [e, 0],
+    lines: He = [e, 0],
     level: n.level++
   })) : n.tokens.push({
     type: "bullet_list_open",
-    lines: qe = [e, 0],
+    lines: He = [e, 0],
     level: n.level++
-  }), s = e, Y = !1, ye = n.parser.ruler.getRules("list"); s < t && (b = n.skipSpaces(u), h = n.eMarks[s], b >= h ? f = 1 : f = b - u, f > 4 && (f = 1), f < 1 && (f = 1), r = u - n.bMarks[s] + f, n.tokens.push({
+  }), s = e, Y = !1, Ee = n.parser.ruler.getRules("list"); s < t && (b = n.skipSpaces(u), h = n.eMarks[s], b >= h ? f = 1 : f = b - u, f > 4 && (f = 1), f < 1 && (f = 1), r = u - n.bMarks[s] + f, n.tokens.push({
     type: "list_item_open",
     lines: ae = [e, 0],
     level: n.level++
-  }), a = n.blkIndent, l = n.tight, o = n.tShift[e], c = n.parentType, n.tShift[e] = b - n.bMarks[e], n.blkIndent = r, n.tight = !0, n.parentType = "list", n.parser.tokenize(n, e, t, !0), (!n.tight || Y) && (Ce = !1), Y = n.line - e > 1 && n.isEmpty(n.line - 1), n.blkIndent = a, n.tShift[e] = o, n.tight = l, n.parentType = c, n.tokens.push({
+  }), a = n.blkIndent, l = n.tight, o = n.tShift[e], c = n.parentType, n.tShift[e] = b - n.bMarks[e], n.blkIndent = r, n.tight = !0, n.parentType = "list", n.parser.tokenize(n, e, t, !0), (!n.tight || Y) && (Re = !1), Y = n.line - e > 1 && n.isEmpty(n.line - 1), n.blkIndent = a, n.tShift[e] = o, n.tight = l, n.parentType = c, n.tokens.push({
     type: "list_item_close",
     level: --n.level
   }), s = e = n.line, ae[1] = s, b = n.bMarks[e], !(s >= t || n.isEmpty(s) || n.tShift[s] < n.blkIndent));) {
-    for (Wi = !1, ie = 0, Ps = ye.length; ie < Ps; ie++) if (ye[ie](n, s, t, !0)) {
-      Wi = !0;
+    for ($i = !1, ie = 0, Ps = Ee.length; ie < Ps; ie++) if (Ee[ie](n, s, t, !0)) {
+      $i = !0;
       break;
     }
-    if (Wi) break;
+    if ($i) break;
     if (g) {
       if (u = zs(n, s), u < 0) break;
-    } else if (u = Hs(n, s), u < 0) break;
+    } else if (u = qs(n, s), u < 0) break;
     if (p !== n.src.charCodeAt(u - 1)) break;
   }
   return n.tokens.push({
     type: g ? "ordered_list_close" : "bullet_list_close",
     level: --n.level
-  }), qe[1] = s, n.line = s, Ce && Ar(n, M), !0;
+  }), He[1] = s, n.line = s, Re && Ar(n, M), !0;
 }
 function Cr(n, e, t, i) {
   var s,
@@ -2103,7 +2103,7 @@ function Pr(n, e, t, i) {
     level: --n.level
   }), f[1] = m[1] = l, n.line = l, !0;
 }
-function ui(n, e) {
+function fi(n, e) {
   var t,
     i,
     s = n.bMarks[e] + n.tShift[e],
@@ -2118,8 +2118,8 @@ function Nr(n, e) {
 }
 function Dr(n, e, t, i) {
   var s, r, o, a, l, c, d, u, h, f, m, p, g, b;
-  if (i) return n.ddIndent < 0 ? !1 : ui(n, e) >= 0;
-  if (d = e + 1, n.isEmpty(d) && ++d > t || n.tShift[d] < n.blkIndent || (s = ui(n, d), s < 0) || n.level >= n.options.maxNesting) return !1;
+  if (i) return n.ddIndent < 0 ? !1 : fi(n, e) >= 0;
+  if (d = e + 1, n.isEmpty(d) && ++d > t || n.tShift[d] < n.blkIndent || (s = fi(n, d), s < 0) || n.level >= n.options.maxNesting) return !1;
   c = n.tokens.length, n.tokens.push({
     type: "dl_open",
     lines: l = [e, 0],
@@ -2148,10 +2148,10 @@ function Dr(n, e, t, i) {
         type: "dd_close",
         level: --n.level
       }), a[1] = d = n.line, d >= t || n.tShift[d] < n.blkIndent) break e;
-      if (s = ui(n, d), s < 0) break;
+      if (s = fi(n, d), s < 0) break;
       r = d;
     }
-    if (d >= t || (o = d, n.isEmpty(o)) || n.tShift[o] < n.blkIndent || (r = o + 1, r >= t) || (n.isEmpty(r) && r++, r >= t) || n.tShift[r] < n.blkIndent || (s = ui(n, r), s < 0)) break;
+    if (d >= t || (o = d, n.isEmpty(o)) || n.tShift[o] < n.blkIndent || (r = o + 1, r >= t) || (n.isEmpty(r) && r++, r >= t) || n.tShift[r] < n.blkIndent || (s = fi(n, r), s < 0)) break;
   }
   return n.tokens.push({
     type: "dl_close",
@@ -2192,11 +2192,11 @@ function Br(n, e) {
     level: n.level
   })), !0;
 }
-var fi = [["code", Sr], ["fences", _r, ["paragraph", "blockquote", "list"]], ["blockquote", xr, ["paragraph", "blockquote", "list"]], ["hr", wr, ["paragraph", "blockquote", "list"]], ["list", Tr, ["paragraph", "blockquote"]], ["footnote", Cr, ["paragraph"]], ["heading", Rr, ["paragraph", "blockquote"]], ["lheading", Mr], ["htmlblock", Or, ["paragraph", "blockquote"]], ["table", Pr, ["paragraph"]], ["deflist", Dr, ["paragraph"]], ["paragraph", Br]];
+var pi = [["code", Sr], ["fences", _r, ["paragraph", "blockquote", "list"]], ["blockquote", xr, ["paragraph", "blockquote", "list"]], ["hr", wr, ["paragraph", "blockquote", "list"]], ["list", Tr, ["paragraph", "blockquote"]], ["footnote", Cr, ["paragraph"]], ["heading", Rr, ["paragraph", "blockquote"]], ["lheading", Mr], ["htmlblock", Or, ["paragraph", "blockquote"]], ["table", Pr, ["paragraph"]], ["deflist", Dr, ["paragraph"]], ["paragraph", Br]];
 function Ss() {
   this.ruler = new oe();
-  for (var n = 0; n < fi.length; n++) this.ruler.push(fi[n][0], fi[n][1], {
-    alt: (fi[n][2] || []).slice()
+  for (var n = 0; n < pi.length; n++) this.ruler.push(pi[n][0], pi[n][1], {
+    alt: (pi[n][2] || []).slice()
   });
 }
 Ss.prototype.tokenize = function (n, e, t) {
@@ -2221,7 +2221,7 @@ Ss.prototype.parse = function (n, e, t, i) {
     return n.charCodeAt(l) === 10 ? (r = l + 1, o = 0, a) : (c = "    ".slice((l - r - o) % 4), o = l - r + 1, c);
   })), s = new lt(n, this, e, t, i), this.tokenize(s, s.line, s.lineMax);
 };
-function qr(n) {
+function Hr(n) {
   switch (n) {
     case 10:
     case 92:
@@ -2249,8 +2249,8 @@ function qr(n) {
       return !1;
   }
 }
-function Hr(n, e) {
-  for (var t = n.pos; t < n.posMax && !qr(n.src.charCodeAt(t));) t++;
+function qr(n, e) {
+  for (var t = n.pos; t < n.posMax && !Hr(n.src.charCodeAt(t));) t++;
   return t === n.pos ? !1 : (e || (n.pending += n.src.slice(n.pos, t)), n.pos = t, !0);
 }
 function zr(n, e) {
@@ -2348,7 +2348,7 @@ function Kr(n, e) {
     level: --n.level
   })), n.pos = n.posMax + 2, n.posMax = r, !0) : (n.pos = o, !1);
 }
-function $r(n, e) {
+function Wr(n, e) {
   var t,
     i,
     s,
@@ -2374,7 +2374,7 @@ function $r(n, e) {
     level: --n.level
   })), n.pos = n.posMax + 2, n.posMax = r, !0) : (n.pos = o, !1);
 }
-function Wr(n, e) {
+function $r(n, e) {
   var t,
     i,
     s,
@@ -2625,7 +2625,7 @@ function oo(n, e) {
     level: n.level
   })), n.pos += s[0].length, !0) : !1) : !1));
 }
-function qi(n, e) {
+function Hi(n, e) {
   return n = n.source, e = e || "", function t(i, s) {
     return i ? (s = s.source || s, n = n.replace(i, s), t) : new RegExp(n, e);
   };
@@ -2634,15 +2634,15 @@ var ao = /[a-zA-Z_:][a-zA-Z0-9:._-]*/,
   lo = /[^"'=<>`\x00-\x20]+/,
   co = /'[^']*'/,
   ho = /"[^"]*"/,
-  uo = qi(/(?:unquoted|single_quoted|double_quoted)/)("unquoted", lo)("single_quoted", co)("double_quoted", ho)(),
-  fo = qi(/(?:\s+attr_name(?:\s*=\s*attr_value)?)/)("attr_name", ao)("attr_value", uo)(),
-  po = qi(/<[A-Za-z][A-Za-z0-9]*attribute*\s*\/?>/)("attribute", fo)(),
+  uo = Hi(/(?:unquoted|single_quoted|double_quoted)/)("unquoted", lo)("single_quoted", co)("double_quoted", ho)(),
+  fo = Hi(/(?:\s+attr_name(?:\s*=\s*attr_value)?)/)("attr_name", ao)("attr_value", uo)(),
+  po = Hi(/<[A-Za-z][A-Za-z0-9]*attribute*\s*\/?>/)("attribute", fo)(),
   mo = /<\/[A-Za-z][A-Za-z0-9]*\s*>/,
   go = /<!---->|<!--(?:-?[^>-])(?:-?[^-])*-->/,
   bo = /<[?].*?[?]>/,
   vo = /<![A-Z]+\s+[^>]*>/,
   yo = /<!\[CDATA\[[\s\S]*?\]\]>/,
-  Eo = qi(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/)("open_tag", po)("close_tag", mo)("comment", go)("processing", bo)("declaration", vo)("cdata", yo)();
+  Eo = Hi(/^(?:open_tag|close_tag|comment|processing|declaration|cdata)/)("open_tag", po)("close_tag", mo)("comment", go)("processing", bo)("declaration", vo)("cdata", yo)();
 function So(n) {
   var e = n | 32;
   return e >= 97 && e <= 122;
@@ -2677,13 +2677,13 @@ function Ao(n, e) {
   }
   return e || (n.pending += "&"), n.pos++, !0;
 }
-var Zi = [["text", Hr], ["newline", zr], ["escape", Gr], ["backticks", Vr], ["del", Kr], ["ins", $r], ["mark", Wr], ["emphasis", Jr], ["sub", Yr], ["sup", Qr], ["links", eo], ["footnote_inline", to], ["footnote_ref", io], ["autolink", oo], ["htmltag", _o], ["entity", Ao]];
-function Hi() {
+var Zi = [["text", qr], ["newline", zr], ["escape", Gr], ["backticks", Vr], ["del", Kr], ["ins", Wr], ["mark", $r], ["emphasis", Jr], ["sub", Yr], ["sup", Qr], ["links", eo], ["footnote_inline", to], ["footnote_ref", io], ["autolink", oo], ["htmltag", _o], ["entity", Ao]];
+function qi() {
   this.ruler = new oe();
   for (var n = 0; n < Zi.length; n++) this.ruler.push(Zi[n][0], Zi[n][1]);
   this.validateLink = To;
 }
-Hi.prototype.skipToken = function (n) {
+qi.prototype.skipToken = function (n) {
   var e = this.ruler.getRules(""),
     t = e.length,
     i = n.pos,
@@ -2699,7 +2699,7 @@ Hi.prototype.skipToken = function (n) {
   }
   n.pos++, n.cacheSet(i, n.pos);
 };
-Hi.prototype.tokenize = function (n) {
+qi.prototype.tokenize = function (n) {
   for (var e = this.ruler.getRules(""), t = e.length, i = n.posMax, s, r; n.pos < i;) {
     for (r = 0; r < t && (s = e[r](n, !1), !s); r++);
     if (s) {
@@ -2710,7 +2710,7 @@ Hi.prototype.tokenize = function (n) {
   }
   n.pending && n.pushPending();
 };
-Hi.prototype.parse = function (n, e, t, i) {
+qi.prototype.parse = function (n, e, t, i) {
   var s = new at(n, this, e, t, i);
   this.tokenize(s);
 };
@@ -2836,47 +2836,47 @@ var Co = {
 function Ln(n, e, t) {
   this.src = e, this.env = t, this.options = n.options, this.tokens = [], this.inlineMode = !1, this.inline = n.inline, this.block = n.block, this.renderer = n.renderer, this.typographer = n.typographer;
 }
-function xe(n, e) {
-  typeof n != "string" && (e = n, n = "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 Hi(), this.block = new Ss(), this.core = new Mn(), this.renderer = new Es(), this.ruler = new oe(), this.options = {}, this.configure(ko[n]), this.set(e || {});
+function we(n, e) {
+  typeof n != "string" && (e = n, n = "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 qi(), this.block = new Ss(), this.core = new Mn(), this.renderer = new Es(), this.ruler = new oe(), this.options = {}, this.configure(ko[n]), this.set(e || {});
 }
-xe.prototype.set = function (n) {
+we.prototype.set = function (n) {
   xn(this.options, n);
 };
-xe.prototype.configure = function (n) {
+we.prototype.configure = function (n) {
   var e = this;
   if (!n) throw new Error("Wrong `remarkable` preset, check name/content");
   n.options && e.set(n.options), n.components && Object.keys(n.components).forEach(function (t) {
     n.components[t].rules && e[t].ruler.enable(n.components[t].rules, !0);
   });
 };
-xe.prototype.use = function (n, e) {
+we.prototype.use = function (n, e) {
   return n(this, e), this;
 };
-xe.prototype.parse = function (n, e) {
+we.prototype.parse = function (n, e) {
   var t = new Ln(this, n, e);
   return this.core.process(t), t.tokens;
 };
-xe.prototype.render = function (n, e) {
+we.prototype.render = function (n, e) {
   return e = e || {}, this.renderer.render(this.parse(n, e), this.options, e);
 };
-xe.prototype.parseInline = function (n, e) {
+we.prototype.parseInline = function (n, e) {
   var t = new Ln(this, n, e);
   return t.inlineMode = !0, this.core.process(t), t.tokens;
 };
-xe.prototype.renderInline = function (n, e) {
+we.prototype.renderInline = function (n, e) {
   return e = e || {}, this.renderer.render(this.parseInline(n, e), this.options, e);
 };
-var ft = /*#__PURE__*/function () {
-  function ft() {
-    _classCallCheck(this, ft);
+var pt = /*#__PURE__*/function () {
+  function pt() {
+    _classCallCheck(this, pt);
   }
-  return _createClass(ft, null, [{
+  return _createClass(pt, null, [{
     key: "instantiate",
     value: function instantiate(e) {
-      if (e) return new xe(_objectSpread(_objectSpread({}, ft.DEFAULT_PROPERTIES), e));
+      if (e) return new we(_objectSpread(_objectSpread({}, pt.DEFAULT_PROPERTIES), e));
       if (window.hljs) {
         var t = window.hljs;
-        return new xe({
+        return new we({
           highlight: function highlight(i, s) {
             if (s && t.getLanguage(s)) try {
               return t.highlight(i, {
@@ -2905,29 +2905,29 @@ var ft = /*#__PURE__*/function () {
           typographer: !0
           // Enable smartypants and other sweet transforms
         });
-      } else return new xe(ft.DEFAULT_PROPERTIES);
+      } else return new we(pt.DEFAULT_PROPERTIES);
     }
   }, {
     key: "createNew",
     value: function createNew(e) {
-      var t = ft.instantiate(e);
+      var t = pt.instantiate(e);
       return t.inline.validateLink = function () {
         return !0;
       }, t;
     }
   }]);
 }();
-ft.DEFAULT_PROPERTIES = {
+pt.DEFAULT_PROPERTIES = {
   breaks: !0,
   linkTarget: "_blank"
   // set target to open in a new tab
 };
-var ti = ft;
-var J = /*#__PURE__*/function () {
-  function J() {
-    _classCallCheck(this, J);
+var ti = pt;
+var X = /*#__PURE__*/function () {
+  function X() {
+    _classCallCheck(this, X);
   }
-  return _createClass(J, null, [{
+  return _createClass(X, null, [{
     key: "applyCustomStylesToElements",
     value: function applyCustomStylesToElements(e, t, i) {
       if (i && (Object.assign(e.outerContainer.style, i.outerContainer), Object.assign(e.innerContainer.style, i.innerContainer), Object.assign(e.bubbleElement.style, i.bubble), t)) {
@@ -2939,7 +2939,7 @@ var J = /*#__PURE__*/function () {
   }, {
     key: "applySideStyles",
     value: function applySideStyles(e, t, i, s) {
-      s && (J.applyCustomStylesToElements(e, i, s.shared), t === y.USER_ROLE ? J.applyCustomStylesToElements(e, i, s.user) : (J.applyCustomStylesToElements(e, i, s.ai), J.applyCustomStylesToElements(e, i, s[t])));
+      s && (X.applyCustomStylesToElements(e, i, s.shared), t === y.USER_ROLE ? X.applyCustomStylesToElements(e, i, s.user) : (X.applyCustomStylesToElements(e, i, s.ai), X.applyCustomStylesToElements(e, i, s[t])));
     }
   }, {
     key: "isElementsStyles",
@@ -2951,7 +2951,7 @@ var J = /*#__PURE__*/function () {
     key: "applyCustomStyles",
     value: function applyCustomStyles(e, t, i, s, r) {
       var o;
-      r && e["default"] !== r ? J.isElementsStyles(r) ? (J.applyCustomStylesToElements(t, s, (o = e["default"]) == null ? void 0 : o.shared), J.applyCustomStylesToElements(t, s, r)) : (J.applySideStyles(t, i, s, e["default"]), J.applySideStyles(t, i, s, r)) : J.applySideStyles(t, i, s, e["default"]);
+      r && e["default"] !== r ? X.isElementsStyles(r) ? (X.applyCustomStylesToElements(t, s, (o = e["default"]) == null ? void 0 : o.shared), X.applyCustomStylesToElements(t, s, r)) : (X.applySideStyles(t, i, s, e["default"]), X.applySideStyles(t, i, s, r)) : X.applySideStyles(t, i, s, e["default"]);
     }
     // prettier-ignore
   }, {
@@ -2972,11 +2972,11 @@ var J = /*#__PURE__*/function () {
     }
   }]);
 }();
-var yi = /*#__PURE__*/function () {
-  function yi() {
-    _classCallCheck(this, yi);
+var ii = /*#__PURE__*/function () {
+  function ii() {
+    _classCallCheck(this, ii);
   }
-  return _createClass(yi, null, [{
+  return _createClass(ii, null, [{
     key: "onMessage",
     value: function onMessage(e, t, i) {
       var r;
@@ -2985,7 +2985,7 @@ var yi = /*#__PURE__*/function () {
         isHistory: i,
         isInitial: i
       }));
-      H.reAddFileRefToObject(t, s), (r = e.onMessage) == null || r.call(e, s), e.dispatchEvent(new CustomEvent("message", {
+      q.reAddFileRefToObject(t, s), (r = e.onMessage) == null || r.call(e, s), e.dispatchEvent(new CustomEvent("message", {
         detail: s
       })), te.fireOnNewMessage(e, s);
     }
@@ -3003,6 +3003,17 @@ var yi = /*#__PURE__*/function () {
         detail: e
       }));
     }
+  }, {
+    key: "onInput",
+    value: function onInput(e, t, i) {
+      var s;
+      (s = e.onInput) == null || s.call(e, t, i), e.dispatchEvent(new CustomEvent("input", {
+        detail: {
+          content: t,
+          isUser: i
+        }
+      }));
+    }
   }, {
     key: "onError",
     value: function onError(e, t) {
@@ -3053,7 +3064,7 @@ var F = /*#__PURE__*/function () {
       var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
       var r, o, a, l;
       var i = (l = (a = (o = (r = e.messageStyles) == null ? void 0 : r.loading) == null ? void 0 : o.history) == null ? void 0 : a.full) == null ? void 0 : l.html,
-        s = i ? _e.createElements(e, i, y.AI_ROLE, !0, !0) : F.createDefaultElements(e);
+        s = i ? xe.createElements(e, i, y.AI_ROLE, !0, !0) : F.createDefaultElements(e);
       return F.addLoadHistoryMessage(s, e, t), y.softRemRoleElements(s.innerContainer, e.avatar, e.name), s;
     }
   }, {
@@ -3079,14 +3090,14 @@ var F = /*#__PURE__*/function () {
 }();
 F.CLASS = "loading-history-message", F.FULL_VIEW_CLASS = "loading-history-message-full-view", F.SMALL_CLASS = "loading-history-message-small";
 var Fe = F;
-var Wt = /*#__PURE__*/function () {
-  function Wt() {
-    _classCallCheck(this, Wt);
+var $t = /*#__PURE__*/function () {
+  function $t() {
+    _classCallCheck(this, $t);
   }
-  return _createClass(Wt, null, [{
+  return _createClass($t, null, [{
     key: "setFade",
     value: function setFade(e, t) {
-      e.style.transitionDuration = typeof t == "number" ? "".concat(t, "ms") : "".concat(Wt.DEFAULT_FADE_MS, "ms");
+      e.style.transitionDuration = typeof t == "number" ? "".concat(t, "ms") : "".concat($t.DEFAULT_FADE_MS, "ms");
     }
   }, {
     key: "fadeAnimation",
@@ -3097,7 +3108,7 @@ var Wt = /*#__PURE__*/function () {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               e.style.opacity = "0";
-              i = typeof t == "number" ? t : Wt.DEFAULT_FADE_MS;
+              i = typeof t == "number" ? t : $t.DEFAULT_FADE_MS;
               _context.next = 4;
               return new Promise(function (s) {
                 setTimeout(function () {
@@ -3119,9 +3130,9 @@ var Wt = /*#__PURE__*/function () {
     }()
   }]);
 }();
-Wt.DEFAULT_FADE_MS = 500;
-var Ei = Wt;
-var $s = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3csvg%20fill='%23000000'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2032%2032'%20xml:space='preserve'%3e%3cpath%20d='M23,30.36H9c-2.404,0-4.36-1.956-4.36-4.36V15c0-2.404,1.956-4.36,4.36-4.36h3.659%20c0.167-1.566,1.415-2.813,2.981-2.981V5.333c-1.131-0.174-2-1.154-2-2.333c0-1.301,1.059-2.36,2.36-2.36%20c1.302,0,2.36,1.059,2.36,2.36c0,1.179-0.869,2.159-2,2.333V7.66c1.566,0.167,2.814,1.415,2.981,2.981H23%20c2.404,0,4.36,1.956,4.36,4.36v11C27.36,28.404,25.404,30.36,23,30.36z%20M9,11.36c-2.007,0-3.64,1.633-3.64,3.64v11%20c0,2.007,1.633,3.64,3.64,3.64h14c2.007,0,3.64-1.633,3.64-3.64V15c0-2.007-1.633-3.64-3.64-3.64H9z%20M13.384,10.64h5.231%20C18.439,9.354,17.334,8.36,16,8.36C14.667,8.36,13.561,9.354,13.384,10.64z%20M16,1.36c-0.904,0-1.64,0.736-1.64,1.64%20S15.096,4.64,16,4.64c0.904,0,1.64-0.736,1.64-1.64S16.904,1.36,16,1.36z%20M20,27.36h-8c-1.301,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36h8c1.302,0,2.36,1.059,2.36,2.36S21.302,27.36,20,27.36z%20M12,23.36c-0.904,0-1.64,0.735-1.64,1.64%20s0.736,1.64,1.64,1.64h8c0.904,0,1.64-0.735,1.64-1.64s-0.735-1.64-1.64-1.64H12z%20M31,23.86h-2c-0.199,0-0.36-0.161-0.36-0.36V15%20c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5C31.36,23.699,31.199,23.86,31,23.86z%20M29.36,23.14h1.279v-7.78%20H29.36V23.14z%20M3,23.86H1c-0.199,0-0.36-0.161-0.36-0.36V15c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5%20C3.36,23.699,3.199,23.86,3,23.86z%20M1.36,23.14h1.28v-7.78H1.36V23.14z%20M20,20.36c-1.302,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36s2.36,1.059,2.36,2.36C22.36,19.302,21.302,20.36,20,20.36z%20M20,16.36c-0.904,0-1.64,0.736-1.64,1.64%20s0.735,1.64,1.64,1.64s1.64-0.735,1.64-1.64S20.904,16.36,20,16.36z%20M12,20.36c-1.301,0-2.36-1.059-2.36-2.36s1.059-2.36,2.36-2.36%20s2.36,1.059,2.36,2.36C14.36,19.302,13.301,20.36,12,20.36z%20M12,16.36c-0.904,0-1.64,0.736-1.64,1.64s0.736,1.64,1.64,1.64%20s1.64-0.735,1.64-1.64S12.904,16.36,12,16.36z'/%3e%3crect%20style='fill:none;'%20width='32'%20height='32'/%3e%3c/svg%3e",
+$t.DEFAULT_FADE_MS = 500;
+var Ei = $t;
+var Ws = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3csvg%20fill='%23000000'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2032%2032'%20xml:space='preserve'%3e%3cpath%20d='M23,30.36H9c-2.404,0-4.36-1.956-4.36-4.36V15c0-2.404,1.956-4.36,4.36-4.36h3.659%20c0.167-1.566,1.415-2.813,2.981-2.981V5.333c-1.131-0.174-2-1.154-2-2.333c0-1.301,1.059-2.36,2.36-2.36%20c1.302,0,2.36,1.059,2.36,2.36c0,1.179-0.869,2.159-2,2.333V7.66c1.566,0.167,2.814,1.415,2.981,2.981H23%20c2.404,0,4.36,1.956,4.36,4.36v11C27.36,28.404,25.404,30.36,23,30.36z%20M9,11.36c-2.007,0-3.64,1.633-3.64,3.64v11%20c0,2.007,1.633,3.64,3.64,3.64h14c2.007,0,3.64-1.633,3.64-3.64V15c0-2.007-1.633-3.64-3.64-3.64H9z%20M13.384,10.64h5.231%20C18.439,9.354,17.334,8.36,16,8.36C14.667,8.36,13.561,9.354,13.384,10.64z%20M16,1.36c-0.904,0-1.64,0.736-1.64,1.64%20S15.096,4.64,16,4.64c0.904,0,1.64-0.736,1.64-1.64S16.904,1.36,16,1.36z%20M20,27.36h-8c-1.301,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36h8c1.302,0,2.36,1.059,2.36,2.36S21.302,27.36,20,27.36z%20M12,23.36c-0.904,0-1.64,0.735-1.64,1.64%20s0.736,1.64,1.64,1.64h8c0.904,0,1.64-0.735,1.64-1.64s-0.735-1.64-1.64-1.64H12z%20M31,23.86h-2c-0.199,0-0.36-0.161-0.36-0.36V15%20c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5C31.36,23.699,31.199,23.86,31,23.86z%20M29.36,23.14h1.279v-7.78%20H29.36V23.14z%20M3,23.86H1c-0.199,0-0.36-0.161-0.36-0.36V15c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5%20C3.36,23.699,3.199,23.86,3,23.86z%20M1.36,23.14h1.28v-7.78H1.36V23.14z%20M20,20.36c-1.302,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36s2.36,1.059,2.36,2.36C22.36,19.302,21.302,20.36,20,20.36z%20M20,16.36c-0.904,0-1.64,0.736-1.64,1.64%20s0.735,1.64,1.64,1.64s1.64-0.735,1.64-1.64S20.904,16.36,20,16.36z%20M12,20.36c-1.301,0-2.36-1.059-2.36-2.36s1.059-2.36,2.36-2.36%20s2.36,1.059,2.36,2.36C14.36,19.302,13.301,20.36,12,20.36z%20M12,16.36c-0.904,0-1.64,0.736-1.64,1.64s0.736,1.64,1.64,1.64%20s1.64-0.735,1.64-1.64S12.904,16.36,12,16.36z'/%3e%3crect%20style='fill:none;'%20width='32'%20height='32'/%3e%3c/svg%3e",
   ss = "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 In = /*#__PURE__*/function () {
   function In(e) {
@@ -3146,15 +3157,15 @@ var In = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Re = /*#__PURE__*/function (_In) {
-  function Re(e) {
+var Me = /*#__PURE__*/function (_In) {
+  function Me(e) {
     var _this3;
-    _classCallCheck(this, Re);
-    _this3 = _callSuper(this, Re, ["avatar-container"]), _this3._avatars = e;
+    _classCallCheck(this, Me);
+    _this3 = _callSuper(this, Me, ["avatar-container"]), _this3._avatars = e;
     return _this3;
   }
-  _inherits(Re, _In);
-  return _createClass(Re, [{
+  _inherits(Me, _In);
+  return _createClass(Me, [{
     key: "addBesideMsg",
     value: function addBesideMsg(e, t) {
       var i = typeof this._avatars == "boolean" ? void 0 : this._avatars,
@@ -3167,9 +3178,9 @@ var Re = /*#__PURE__*/function (_In) {
     value: function createAvatar(e, t) {
       var r, o, a, l, c;
       var i = document.createElement("img");
-      e === y.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) || ss, i.onerror = Re.errorFallback.bind(this, ss)) : (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) || $s, i.onerror = Re.errorFallback.bind(this, $s)), i.classList.add("avatar"), i.alt = "".concat(e, " avatar");
+      e === y.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) || ss, i.onerror = Me.errorFallback.bind(this, ss)) : (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) || Ws, i.onerror = Me.errorFallback.bind(this, Ws)), i.classList.add("avatar"), i.alt = "".concat(e, " avatar");
       var s = document.createElement("div");
-      return s.classList.add(this.className), s.appendChild(i), t && Re.applyCustomStyles(s, i, t, e), s;
+      return s.classList.add(this.className), s.appendChild(i), t && Me.applyCustomStyles(s, i, t, e), s;
     }
   }, {
     key: "getPosition",
@@ -3193,35 +3204,35 @@ var Re = /*#__PURE__*/function (_In) {
     key: "applyCustomStyles",
     value: function applyCustomStyles(e, t, i, s) {
       var r, o, a, l;
-      if ((r = i["default"]) != null && r.styles && Re.applyCustomStylesToElements(e, t, i["default"].styles), s === y.USER_ROLE) (o = i.user) != null && o.styles && Re.applyCustomStylesToElements(e, t, i.user.styles);else {
-        (a = i.ai) != null && a.styles && Re.applyCustomStylesToElements(e, t, i.ai.styles);
+      if ((r = i["default"]) != null && r.styles && Me.applyCustomStylesToElements(e, t, i["default"].styles), s === y.USER_ROLE) (o = i.user) != null && o.styles && Me.applyCustomStylesToElements(e, t, i.user.styles);else {
+        (a = i.ai) != null && a.styles && Me.applyCustomStylesToElements(e, t, i.ai.styles);
         var c = (l = i[s]) == null ? void 0 : l.styles;
-        c && Re.applyCustomStylesToElements(e, t, c);
+        c && Me.applyCustomStylesToElements(e, t, c);
       }
     }
   }]);
 }(In);
-var zt = /*#__PURE__*/function (_In2) {
-  function zt(e) {
+var Gt = /*#__PURE__*/function (_In2) {
+  function Gt(e) {
     var _this4;
-    _classCallCheck(this, zt);
-    _this4 = _callSuper(this, zt, ["name"]), _this4._names = e;
+    _classCallCheck(this, Gt);
+    _this4 = _callSuper(this, Gt, ["name"]), _this4._names = e;
     return _this4;
   }
-  _inherits(zt, _In2);
-  return _createClass(zt, [{
+  _inherits(Gt, _In2);
+  return _createClass(Gt, [{
     key: "addBesideMsg",
     value: function addBesideMsg(e, t) {
       var i = typeof this._names == "boolean" ? {} : this._names,
         s = this.createName(t, i),
-        r = zt.getPosition(t, i);
+        r = Gt.getPosition(t, i);
       s.classList.add(r === "left" ? "left-item-position" : "right-item-position"), e.insertAdjacentElement(r === "left" ? "beforebegin" : "afterend", s);
     }
   }, {
     key: "createName",
     value: function createName(e, t) {
       var i = document.createElement("div");
-      return i.classList.add(this.className), i.textContent = zt.getNameText(e, t), zt.applyStyle(i, e, t), i;
+      return i.classList.add(this.className), i.textContent = Gt.getNameText(e, t), Gt.applyStyle(i, e, t), i;
     }
   }], [{
     key: "getPosition",
@@ -3249,7 +3260,7 @@ var Z = /*#__PURE__*/function () {
     var _this5 = this;
     _classCallCheck(this, Z);
     var t;
-    this.messageElementRefs = [], this.htmlClassUtilities = {}, this.messageToElements = [], this.elementRef = Z.createContainerElement(), this.messageStyles = te.processMessageStyles(e.messageStyles), this._remarkable = ti.createNew(e.remarkable), e.avatars && (this.avatar = new Re(e.avatars)), e.names && (this.name = new zt(e.names)), this._onMessage = yi.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), this.focusMode = e.focusMode, this.focusMode || (this._lastGroupMessagesElement = document.createElement("div")), typeof this.focusMode != "boolean" && (t = this.focusMode) != null && t.fade && Ei.setFade(this.elementRef, this.focusMode.fade), setTimeout(function () {
+    this.messageElementRefs = [], this.htmlClassUtilities = {}, this.messageToElements = [], this.elementRef = Z.createContainerElement(), this.messageStyles = te.processMessageStyles(e.messageStyles), this._remarkable = ti.createNew(e.remarkable), e.avatars && (this.avatar = new Me(e.avatars)), e.names && (this.name = new Gt(e.names)), this._onMessage = ii.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), this.focusMode = e.focusMode, this.focusMode || (this._lastGroupMessagesElement = document.createElement("div")), typeof this.focusMode != "boolean" && (t = this.focusMode) != null && t.fade && Ei.setFade(this.elementRef, this.focusMode.fade), setTimeout(function () {
       _this5.submitUserMessage = e.submitUserMessage;
     });
   }
@@ -3284,7 +3295,7 @@ var Z = /*#__PURE__*/function () {
       var i = this.createNewMessageElement(e, t);
       if (this.appendOuterContainerElemet(i.outerContainer, t), t === "user") {
         var r = typeof this.focusMode != "boolean" && ((s = this.focusMode) == null ? void 0 : s.scroll);
-        G.scrollToBottom(this.elementRef, r);
+        V.scrollToBottom(this.elementRef, r);
       }
       return i;
     }
@@ -3302,7 +3313,7 @@ var Z = /*#__PURE__*/function () {
       var _this6 = this;
       var i = this.createNewMessageElement(e, t);
       return this.appendOuterContainerElemet(i.outerContainer), setTimeout(function () {
-        return G.scrollToBottom(_this6.elementRef);
+        return V.scrollToBottom(_this6.elementRef);
       }), i;
     }
   }, {
@@ -3346,7 +3357,7 @@ var Z = /*#__PURE__*/function () {
   }, {
     key: "revealRoleElementsIfTempRemoved",
     value: function revealRoleElementsIfTempRemoved(e, t) {
-      if ((this.avatar || this.name) && Se.isElementTemporary(e)) {
+      if ((this.avatar || this.name) && _e.isElementTemporary(e)) {
         var i = this.messageElementRefs[this.messageElementRefs.length - 2];
         i && this.messageToElements.length > 0 && !e.bubbleElement.classList.contains(y.getRoleClass(t)) && y.revealRoleElements(i.innerContainer, this.avatar, this.name);
       }
@@ -3381,7 +3392,7 @@ var Z = /*#__PURE__*/function () {
   }, {
     key: "applyCustomStyles",
     value: function applyCustomStyles(e, t, i, s) {
-      e && this.messageStyles && J.applyCustomStyles(this.messageStyles, e, t, i, s);
+      e && this.messageStyles && X.applyCustomStyles(this.messageStyles, e, t, i, s);
     }
   }, {
     key: "removeMessage",
@@ -3433,7 +3444,7 @@ var Z = /*#__PURE__*/function () {
   }, {
     key: "isTemporaryElement",
     value: function isTemporaryElement(e) {
-      return Z.isLoadingMessage(e) || Se.isElementTemporary(e);
+      return Z.isLoadingMessage(e) || _e.isElementTemporary(e);
     }
   }, {
     key: "createBaseElements",
@@ -3611,7 +3622,7 @@ var S = /*#__PURE__*/function () {
     key: "generateMessageBodyElements",
     value: function generateMessageBodyElements(e, t) {
       var i = {};
-      return e.text && (i.text = S.findMessageElements(t, he.TEXT_BUBBLE_CLASS)), e.html && (i.html = S.findMessageElements(t, _e.HTML_BUBBLE_CLASS)), e.files && (i.files = S.filterdMessageElements(t, H.FILE_BUBBLE_CLASS)), i;
+      return e.text && (i.text = S.findMessageElements(t, he.TEXT_BUBBLE_CLASS)), e.html && (i.html = S.findMessageElements(t, xe.HTML_BUBBLE_CLASS)), e.files && (i.files = S.filterdMessageElements(t, q.FILE_BUBBLE_CLASS)), i;
     }
   }, {
     key: "generateMessageBody",
@@ -3688,39 +3699,49 @@ var S = /*#__PURE__*/function () {
 }();
 S.AI_ROLE = "ai", S.USER_ROLE = "user", S.ERROR_MESSAGE_TEXT_CLASS = "error-message-text", S.OUTER_CONTAINER_CLASS_ROLE_PREFIX = "deep-chat-outer-container-role-", S.EMPTY_MESSAGE_CLASS = "empty-message", S.POSITION_TOP_MESSAGE_CLASS = "deep-chat-top-message", S.POSITION_MIDDLE_MESSAGE_CLASS = "deep-chat-middle-message", S.POSITION_BOTTOM_MESSAGE_CLASS = "deep-chat-bottom-message";
 var y = S;
-var Le = /*#__PURE__*/function () {
-  function Le(e, t) {
-    _classCallCheck(this, Le);
-    this._fileAdded = !1, this._streamType = "", this._hasStreamEnded = !1, this._partialText = "", this._messages = e, this._partialRender = _typeof(t) == "object" ? t.partialRender : !1;
+var pe = /*#__PURE__*/function () {
+  function pe(e, t) {
+    _classCallCheck(this, pe);
+    this._fileAdded = !1, this._streamType = "", this._hasStreamEnded = !1, this._partialText = "", this._messages = e, _typeof(t) == "object" && (this._partialRender = t.partialRender, this._customWrappers = t.htmlWrappers);
   }
-  return _createClass(Le, [{
+  return _createClass(pe, [{
     key: "upsertStreamedMessage",
     value: function upsertStreamedMessage(e) {
-      var r;
       if (this._hasStreamEnded) return;
       if ((e == null ? void 0 : e.text) === void 0 && (e == null ? void 0 : e.html) === void 0) return console.error(k.INVALID_STREAM_EVENT);
       e != null && e.custom && this._message && (this._message.custom = e.custom);
       var t = (e == null ? void 0 : e.text) || (e == null ? void 0 : e.html) || "",
-        i = G.isScrollbarAtBottomOfElement(this._messages.elementRef),
+        i = V.isScrollbarAtBottomOfElement(this._messages.elementRef),
         s = (e == null ? void 0 : e.text) !== void 0 ? "text" : "html";
       if (!this._elements && !this._message) this.setInitialState(s, t, e == null ? void 0 : e.role);else {
         if (this._streamType !== s) return console.error(k.INVALID_STREAM_EVENT_MIX);
-        this.updateBasedOnType(t, s, (r = this._elements) == null ? void 0 : r.bubbleElement, e == null ? void 0 : e.overwrite);
+        this.updateBasedOnType(t, s, e == null ? void 0 : e.overwrite);
       }
-      i && G.scrollToBottom(this._messages.elementRef);
+      i && V.scrollToBottom(this._messages.elementRef);
     }
   }, {
     key: "setInitialState",
     value: function setInitialState(e, t, i) {
-      this._streamType = e, i !== null && i !== void 0 ? i : i = y.AI_ROLE, this._elements = e === "text" ? this._messages.addNewTextMessage(t, i) : _e.add(this._messages, t, i), this._elements && (this._elements.bubbleElement.classList.add(Le.MESSAGE_CLASS), this._activeMessageRole = i, this._message = _defineProperty({
+      var o, a;
+      this._streamType = e, i !== null && i !== void 0 ? i : i = y.AI_ROLE;
+      var s = ((o = this._customWrappers) == null ? void 0 : o[i]) || ((a = this._customWrappers) == null ? void 0 : a["default"]),
+        r = s ? "" : t;
+      this._elements = e === "text" ? this._messages.addNewTextMessage(r, i) : xe.add(this._messages, r, i), this._elements && (this._elements.bubbleElement.classList.add(pe.MESSAGE_CLASS), this._activeMessageRole = i, this._message = _defineProperty({
         role: this._activeMessageRole
-      }, e, t), this._messages.messageToElements.push([this._message, _defineProperty({}, e, this._elements)]));
+      }, e, r), this._messages.messageToElements.push([this._message, _defineProperty({}, e, this._elements)]), s && this.setTargetWrapperIfNeeded(this._elements, t, this._streamType, s));
+    }
+  }, {
+    key: "setTargetWrapperIfNeeded",
+    value: function setTargetWrapperIfNeeded(e, t, i, s) {
+      e.bubbleElement.innerHTML = s, this._targetWrapper = e.bubbleElement.getElementsByClassName(pe.TARGET_WRAPPER_CLASS)[0], this._elements && G.apply(this._messages, this._elements.bubbleElement), this.updateBasedOnType(t, i);
     }
   }, {
     key: "updateBasedOnType",
-    value: function updateBasedOnType(e, t, i) {
-      var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      this._partialRender || y.unfillEmptyMessageElement(i, e), (t === "text" ? this.updateText : this.updateHTML).bind(this)(e, i, s);
+    value: function updateBasedOnType(e, t) {
+      var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+      var o;
+      var s = this._targetWrapper || ((o = this._elements) == null ? void 0 : o.bubbleElement);
+      this._partialRender || y.unfillEmptyMessageElement(s, e), (t === "text" ? this.updateText : this.updateHTML).bind(this)(e, s, i);
     }
   }, {
     key: "updateText",
@@ -3731,7 +3752,7 @@ var Le = /*#__PURE__*/function () {
     key: "isNewPartialRenderParagraph",
     value: function isNewPartialRenderParagraph() {
       var e, t;
-      return this._partialBubble ? this._partialText && ((t = this._partialText) == null ? void 0 : t.indexOf(Le.PARTIAL_RENDER_TEXT_MARK)) > -1 : ((e = this._message) == null ? void 0 : e.text) && this._message.text.indexOf(Le.PARTIAL_RENDER_TEXT_MARK) > -1;
+      return this._partialBubble ? this._partialText && ((t = this._partialText) == null ? void 0 : t.indexOf(pe.PARTIAL_RENDER_TEXT_MARK)) > -1 : ((e = this._message) == null ? void 0 : e.text) && this._message.text.indexOf(pe.PARTIAL_RENDER_TEXT_MARK) > -1;
     }
   }, {
     key: "partialRenderNewParagraph",
@@ -3757,7 +3778,7 @@ var Le = /*#__PURE__*/function () {
       var e;
       if (!(this._endStreamAfterOperation || !this._message) && !(this._fileAdded && !this._elements)) {
         if (!this._elements) throw Error(k.NO_VALID_STREAM_EVENTS_SENT);
-        (e = this._elements.bubbleElement) != null && e.classList.contains(Le.MESSAGE_CLASS) && (this._streamType === "text" ? this._messages.textToSpeech && gt.speak(this._message.text || "", this._messages.textToSpeech) : this._streamType === "html" && this._elements && X.apply(this._messages, this._elements.outerContainer), this._elements.bubbleElement.classList.remove(Le.MESSAGE_CLASS), this._message && this._messages.sendClientUpdate(he.createMessageContent(this._message), !1), this._hasStreamEnded = !0);
+        (e = this._elements.bubbleElement) != null && e.classList.contains(pe.MESSAGE_CLASS) && (this._streamType === "text" ? this._messages.textToSpeech && bt.speak(this._message.text || "", this._messages.textToSpeech) : this._streamType === "html" && this._elements && G.apply(this._messages, this._elements.outerContainer), this._elements.bubbleElement.classList.remove(pe.MESSAGE_CLASS), this._message && (this._targetWrapper && (this._message.html = this._elements.bubbleElement.children[0].outerHTML, this._streamType === "text" && delete this._message.text), this._messages.sendClientUpdate(he.createMessageContent(this._message), !1)), this._hasStreamEnded = !0);
       }
     }
   }, {
@@ -3775,7 +3796,7 @@ var Le = /*#__PURE__*/function () {
     key: "endStreamAfterFileDownloaded",
     value: function () {
       var _endStreamAfterFileDownloaded = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, t) {
-        var r, _yield$t, i, s;
+        var _yield$t, i, s;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -3786,7 +3807,7 @@ var Le = /*#__PURE__*/function () {
               _yield$t = _context2.sent;
               i = _yield$t.text;
               s = _yield$t.files;
-              i && this.updateBasedOnType(i, "text", (r = this._elements) == null ? void 0 : r.bubbleElement, !0), this._endStreamAfterOperation = !1, this.finaliseStreamedMessage(), s && e.addNewMessage({
+              i && this.updateBasedOnType(i, "text", !0), this._endStreamAfterOperation = !1, this.finaliseStreamedMessage(), s && e.addNewMessage({
                 files: s
               });
             case 7:
@@ -3802,13 +3823,13 @@ var Le = /*#__PURE__*/function () {
     }()
   }]);
 }();
-Le.MESSAGE_CLASS = "streamed-message", Le.PARTIAL_RENDER_TEXT_MARK = "\n\n";
-var we = Le;
-var He = /*#__PURE__*/function () {
-  function He() {
-    _classCallCheck(this, He);
+pe.MESSAGE_CLASS = "streamed-message", pe.PARTIAL_RENDER_TEXT_MARK = "\n\n", pe.TARGET_WRAPPER_CLASS = "stream-wrapper";
+var Ae = pe;
+var qe = /*#__PURE__*/function () {
+  function qe() {
+    _classCallCheck(this, qe);
   }
-  return _createClass(He, null, [{
+  return _createClass(qe, null, [{
     key: "tempRemoveContentHeader",
     value: // need to pass stringifyBody boolean separately as binding is throwing an error for some reason
     // prettier-ignore
@@ -3824,8 +3845,8 @@ var He = /*#__PURE__*/function () {
               }
               throw new Error("Request settings have not been set up");
             case 2:
-              s = e.headers[He.CONTENT_TYPE];
-              delete e.headers[He.CONTENT_TYPE];
+              s = e.headers[qe.CONTENT_TYPE];
+              delete e.headers[qe.CONTENT_TYPE];
               _context3.prev = 4;
               _context3.next = 7;
               return t(i);
@@ -3836,9 +3857,9 @@ var He = /*#__PURE__*/function () {
             case 10:
               _context3.prev = 10;
               _context3.t0 = _context3["catch"](4);
-              throw e.headers[He.CONTENT_TYPE] = s, _context3.t0;
+              throw e.headers[qe.CONTENT_TYPE] = s, _context3.t0;
             case 13:
-              return _context3.abrupt("return", (e.headers[He.CONTENT_TYPE] = s, r));
+              return _context3.abrupt("return", (e.headers[qe.CONTENT_TYPE] = s, r));
             case 14:
             case "end":
               return _context3.stop();
@@ -3982,7 +4003,7 @@ var He = /*#__PURE__*/function () {
               }
               if (r) {
                 d = k.INVALID_RESPONSE(t, "response", !!a, l);
-                He.displayError(e, d);
+                qe.displayError(e, d);
               }
               return _context5.abrupt("return");
             case 17:
@@ -4000,8 +4021,8 @@ var He = /*#__PURE__*/function () {
     }()
   }]);
 }();
-He.CONTENT_TYPE = "Content-Type";
-var E = He;
+qe.CONTENT_TYPE = "Content-Type";
+var E = qe;
 function Lo(_x14, _x15) {
   return _Lo.apply(this, arguments);
 }
@@ -4061,10 +4082,10 @@ function Io(n) {
   };
 }
 function Oo(n, e, t) {
-  var i = Ws();
+  var i = $s();
   var s = new TextDecoder();
   return function (o, a) {
-    if (o.length === 0) t == null || t(i), i = Ws();else if (a > 0) {
+    if (o.length === 0) t == null || t(i), i = $s();else if (a > 0) {
       var l = s.decode(o.subarray(0, a)),
         c = a + (o[a + 1] === 32 ? 2 : 1),
         d = s.decode(o.subarray(c));
@@ -4090,7 +4111,7 @@ function Po(n, e) {
   var t = new Uint8Array(n.length + e.length);
   return t.set(n), t.set(e, n.length), t;
 }
-function Ws() {
+function $s() {
   return {
     data: "",
     event: "",
@@ -4134,13 +4155,13 @@ function Bo(n, e) {
       M(), u();
     });
     var Y = c !== null && c !== void 0 ? c : window.fetch,
-      qe = s !== null && s !== void 0 ? s : Fo;
+      He = s !== null && s !== void 0 ? s : Fo;
     function ae() {
       return _ae.apply(this, arguments);
     }
     function _ae() {
       _ae = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-        var Ce, ye, ie;
+        var Re, Ee, ie;
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -4152,12 +4173,12 @@ function Bo(n, e) {
                 signal: m.signal
               }));
             case 4:
-              ye = _context6.sent;
+              Ee = _context6.sent;
               _context6.next = 7;
-              return qe(ye);
+              return He(Ee);
             case 7:
               _context6.next = 9;
-              return Lo(ye.body, Io(Oo(function (ie) {
+              return Lo(Ee.body, Io(Oo(function (ie) {
                 ie ? f[Js] = ie : delete f[Js];
               }, function (ie) {
                 g = ie;
@@ -4172,7 +4193,7 @@ function Bo(n, e) {
               _context6.prev = 14;
               _context6.t0 = _context6["catch"](1);
               if (!m.signal.aborted) try {
-                ie = (Ce = a == null ? void 0 : a(_context6.t0)) !== null && Ce !== void 0 ? Ce : g;
+                ie = (Re = a == null ? void 0 : a(_context6.t0)) !== null && Re !== void 0 ? Re : g;
                 window.clearTimeout(b), b = window.setTimeout(ae, ie);
               } catch (ie) {
                 M(), h(ie);
@@ -4243,15 +4264,15 @@ var A = /*#__PURE__*/function () {
                 _context7.next = 13;
                 break;
               }
-              return _context7.abrupt("return", be.stream(e, a, i));
+              return _context7.abrupt("return", ve.stream(e, a, i));
             case 13:
-              if (!(((p = e.connectSettings) == null ? void 0 : p.url) === ve.URL)) {
+              if (!(((p = e.connectSettings) == null ? void 0 : p.url) === ye.URL)) {
                 _context7.next = 15;
                 break;
               }
-              return _context7.abrupt("return", ve.requestStream(i, e));
+              return _context7.abrupt("return", ye.requestStream(i, e));
             case 15:
-              d = new we(i, e.stream), u = E.fetch.bind(this, e, l, s), h = {
+              d = new Ae(i, e.stream), u = E.fetch.bind(this, e, l, s), h = {
                 method: ((g = e.connectSettings) == null ? void 0 : g.method) || "POST",
                 headers: l,
                 credentials: (b = e.connectSettings) == null ? void 0 : b.credentials,
@@ -4280,7 +4301,7 @@ var A = /*#__PURE__*/function () {
       var u = !1;
       fetch(((h = e.connectSettings) == null ? void 0 : h.url) || e.url || "", s).then(/*#__PURE__*/function () {
         var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(f) {
-          var b, M, m, p, g, _yield$m$read, Y, qe, ae, Ce, ye;
+          var b, M, m, p, g, _yield$m$read, Y, He, ae, Re, Ee;
           return _regeneratorRuntime().wrap(function _callee8$(_context8) {
             while (1) switch (_context8.prev = _context8.next) {
               case 0:
@@ -4303,8 +4324,8 @@ var A = /*#__PURE__*/function () {
               case 8:
                 _yield$m$read = _context8.sent;
                 Y = _yield$m$read.value;
-                qe = _yield$m$read.done;
-                if (!(g = qe, g)) {
+                He = _yield$m$read.done;
+                if (!(g = He, g)) {
                   _context8.next = 15;
                   break;
                 }
@@ -4325,11 +4346,11 @@ var A = /*#__PURE__*/function () {
                 }
                 _context8.t0 = ae;
               case 21:
-                Ce = _context8.t0;
-                ye = _typeof(Ce) == "object" ? Ce : {
+                Re = _context8.t0;
+                Ee = _typeof(Re) == "object" ? Re : {
                   text: ae
                 };
-                A.handleMessage(e, t, i, c, ye, o, a);
+                A.handleMessage(e, t, i, c, Ee, o, a);
               case 24:
                 _context8.next = 5;
                 break;
@@ -4463,7 +4484,7 @@ var A = /*#__PURE__*/function () {
     key: "simulate",
     value: function () {
       var _simulate = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee1(e, t, i, s) {
-        var r, o, _o2, a, _o3;
+        var r, o, _o2, a, _o3, _a2;
         return _regeneratorRuntime().wrap(function _callee1$(_context1) {
           while (1) switch (_context1.prev = _context1.next) {
             case 0:
@@ -4499,13 +4520,15 @@ var A = /*#__PURE__*/function () {
             case 10:
               if (i.text) {
                 t.onOpen();
-                _o2 = i.text.split(""), a = new we(e, s == null ? void 0 : s.stream);
+                _o2 = i.text.split(""), a = new Ae(e, s == null ? void 0 : s.stream);
                 A.populateMessages(e, _o2, a, r, "text", 0, s);
               }
               if (i.html) {
                 t.onOpen();
-                _o3 = X.splitHTML(i.html);
-                _o3.length === 0 && (_o3 = i.html.split("")), A.populateMessages(e, _o3, new we(e), r, "html", 0, s);
+                _o3 = G.splitHTML(i.html);
+                _o3.length === 0 && (_o3 = i.html.split(""));
+                _a2 = new Ae(e, s == null ? void 0 : s.stream);
+                A.populateMessages(e, _o3, _a2, r, "html", 0, s);
               }
               i.error && (E.displayError(e, i.error), t.onClose());
             case 13:
@@ -4669,12 +4692,12 @@ var Ze = /*#__PURE__*/function () {
   }]);
 }();
 Ze.URL = "deep-chat-demo";
-var ve = Ze;
-var q = /*#__PURE__*/function () {
-  function q() {
-    _classCallCheck(this, q);
+var ye = Ze;
+var H = /*#__PURE__*/function () {
+  function H() {
+    _classCallCheck(this, H);
   }
-  return _createClass(q, null, [{
+  return _createClass(H, null, [{
     key: "setup",
     value: function setup(e) {
       e.permittedErrorPrefixes = ["Connection error", "Error in server message"], e.websocket = "pending";
@@ -4689,21 +4712,21 @@ var q = /*#__PURE__*/function () {
   }, {
     key: "createConnection",
     value: function createConnection(e, t) {
-      if (!q.isElementPresentInDOM(e.deepChat)) return;
+      if (!H.isElementPresentInDOM(e.deepChat)) return;
       var i = e.connectSettings.websocket;
       if (i) {
-        if (e.connectSettings.handler) return be.websocket(e, t);
+        if (e.connectSettings.handler) return ve.websocket(e, t);
         try {
           var s = typeof i != "boolean" ? i : void 0,
             r = new WebSocket(e.connectSettings.url || "", s);
           e.websocket = r, e.websocket.onopen = function () {
             var o, a;
-            t.removeError(), e.websocket && _typeof(e.websocket) == "object" && q.assignListeners(e, r, t), (a = (o = e.deepChat)._validationHandler) == null || a.call(o);
+            t.removeError(), e.websocket && _typeof(e.websocket) == "object" && H.assignListeners(e, r, t), (a = (o = e.deepChat)._validationHandler) == null || a.call(o);
           }, e.websocket.onerror = function (o) {
-            console.error(o), q.retryConnection(e, t);
+            console.error(o), H.retryConnection(e, t);
           };
         } catch (s) {
-          console.error(s), q.retryConnection(e, t);
+          console.error(s), H.retryConnection(e, t);
         }
       }
     }
@@ -4711,8 +4734,8 @@ var q = /*#__PURE__*/function () {
     key: "retryConnection",
     value: function retryConnection(e, t) {
       var i, s;
-      (s = (i = e.deepChat)._validationHandler) == null || s.call(i), q.isElementPresentInDOM(e.deepChat) && (e.websocket = "pending", t.isLastMessageError() || t.addNewErrorMessage("service", "Connection error"), setTimeout(function () {
-        q.createConnection(e, t);
+      (s = (i = e.deepChat)._validationHandler) == null || s.call(i), H.isElementPresentInDOM(e.deepChat) && (e.websocket = "pending", t.isLastMessageError() || t.addNewErrorMessage("service", "Connection error"), setTimeout(function () {
+        H.createConnection(e, t);
       }, 5e3));
     }
   }, {
@@ -4749,7 +4772,7 @@ var q = /*#__PURE__*/function () {
                   _context12.next = 13;
                   break;
                 }
-                l = q.stream.bind(_this8, e, i, s), c = s[o.role || y.AI_ROLE];
+                l = H.stream.bind(_this8, e, i, s), c = s[o.role || y.AI_ROLE];
                 A.upsertWFiles(i, l, c, a);
                 _context12.next = 17;
                 break;
@@ -4783,7 +4806,7 @@ var q = /*#__PURE__*/function () {
           return _ref8.apply(this, arguments);
         };
       }(), t.onclose = function () {
-        console.error("Connection closed"), i.isLastMessageError() || i.addNewErrorMessage("service", "Connection error"), e.stream && e.streamHandlers.abortStream.abort(), q.createConnection(e, i);
+        console.error("Connection closed"), i.isLastMessageError() || i.addNewErrorMessage("service", "Connection error"), e.stream && e.streamHandlers.abortStream.abort(), H.createConnection(e, i);
       };
     }
   }, {
@@ -4804,11 +4827,11 @@ var q = /*#__PURE__*/function () {
           while (1) switch (_context13.prev = _context13.next) {
             case 0:
               s = _args13.length > 3 && _args13[3] !== undefined ? _args13[3] : !0;
-              if (!(((d = e.connectSettings) == null ? void 0 : d.url) === ve.URL)) {
+              if (!(((d = e.connectSettings) == null ? void 0 : d.url) === ye.URL)) {
                 _context13.next = 3;
                 break;
               }
-              return _context13.abrupt("return", ve.request(e, i));
+              return _context13.abrupt("return", ye.request(e, i));
             case 3:
               r = e.websocket;
               if (!(!r || r === "pending")) {
@@ -4833,7 +4856,7 @@ var q = /*#__PURE__*/function () {
               }
               return _context13.abrupt("return", i.addNewErrorMessage("service", l));
             case 14:
-              if (q.isWebSocket(r)) {
+              if (H.isWebSocket(r)) {
                 _context13.next = 16;
                 break;
               }
@@ -4855,7 +4878,7 @@ var q = /*#__PURE__*/function () {
   }, {
     key: "canSendMessage",
     value: function canSendMessage(e) {
-      return e ? e === "pending" ? !1 : q.isWebSocket(e) ? e.readyState !== void 0 && e.readyState === e.OPEN : e.isOpen : !0;
+      return e ? e === "pending" ? !1 : H.isWebSocket(e) ? e.readyState !== void 0 && e.readyState === e.OPEN : e.isOpen : !0;
     }
     // if false then it is the internal websocket handler
   }, {
@@ -4872,16 +4895,16 @@ var q = /*#__PURE__*/function () {
         var _i$o;
         var o = s.role || y.AI_ROLE,
           a = i[o];
-        s.text === r || s.html === r ? (a == null || a.finaliseStreamedMessage(), delete i[o]) : ((_i$o = i[o]) !== null && _i$o !== void 0 ? _i$o : i[o] = new we(t, e.stream), i[o].upsertStreamedMessage(s));
+        s.text === r || s.html === r ? (a == null || a.finaliseStreamedMessage(), delete i[o]) : ((_i$o = i[o]) !== null && _i$o !== void 0 ? _i$o : i[o] = new Ae(t, e.stream), i[o].upsertStreamedMessage(s));
       } else A.simulate(t, e.streamHandlers, s);
     }
   }]);
 }();
-var be = /*#__PURE__*/function () {
-  function be() {
-    _classCallCheck(this, be);
+var ve = /*#__PURE__*/function () {
+  function ve() {
+    _classCallCheck(this, ve);
   }
-  return _createClass(be, null, [{
+  return _createClass(ve, null, [{
     key: "request",
     value: function () {
       var _request2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(e, t, i) {
@@ -4927,7 +4950,7 @@ var be = /*#__PURE__*/function () {
                 return function r(_x38) {
                   return _ref9.apply(this, arguments);
                 };
-              }(), o = be.generateOptionalSignals();
+              }(), o = ve.generateOptionalSignals();
               (l = (a = e.connectSettings).handler) == null || l.call(a, t, _objectSpread(_objectSpread({}, o), {}, {
                 onResponse: r
               }));
@@ -4959,12 +4982,12 @@ var be = /*#__PURE__*/function () {
       var u, h;
       var s = !0,
         r = !1;
-      var o = new we(i, e.stream),
+      var o = new Ae(i, e.stream),
         a = function a() {
           r || !s || (e.streamHandlers.onOpen(), r = !0);
         },
         l = function l() {
-          s && (be.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1);
+          s && (ve.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1);
         },
         c = /*#__PURE__*/function () {
           var _ref0 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee16(f) {
@@ -4985,9 +5008,9 @@ var be = /*#__PURE__*/function () {
                   });
                 case 4:
                   m = _context16.sent;
-                  if (m) m.error ? (be.streamError(m.error, o, e, i), s = !1) : A.upsertWFiles(i, o.upsertStreamedMessage.bind(o), o, m);else {
+                  if (m) m.error ? (ve.streamError(m.error, o, e, i), s = !1) : A.upsertWFiles(i, o.upsertStreamedMessage.bind(o), o, m);else {
                     p = k.INVALID_RESPONSE(f, "server", !!e.deepChat.responseInterceptor, m);
-                    be.streamError(p, o, e, i), s = !1;
+                    ve.streamError(p, o, e, i), s = !1;
                   }
                 case 6:
                 case "end":
@@ -5000,9 +5023,9 @@ var be = /*#__PURE__*/function () {
           };
         }();
       e.streamHandlers.abortStream.abort = function () {
-        be.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1;
+        ve.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1;
       };
-      var d = be.generateOptionalSignals();
+      var d = ve.generateOptionalSignals();
       (h = (u = e.connectSettings).handler) == null || h.call(u, t, _objectSpread(_objectSpread({}, d), {}, {
         onOpen: a,
         onResponse: c,
@@ -5059,7 +5082,7 @@ var be = /*#__PURE__*/function () {
                       return typeof m.error == "string";
                     });
                     if (f) console.error(f.error), t.isLastMessageError() || t.addNewErrorMessage("service", f.error);else if (A.isSimulation(e.stream)) {
-                      m = u, p = q.stream.bind(_this9, e, t, i.roleToStream), g = i.roleToStream[m.role || y.AI_ROLE];
+                      m = u, p = H.stream.bind(_this9, e, t, i.roleToStream), g = i.roleToStream[m.role || y.AI_ROLE];
                       A.upsertWFiles(t, p, g, m);
                     } else h.forEach(function (m) {
                       return t.addNewMessage(m);
@@ -5075,7 +5098,7 @@ var be = /*#__PURE__*/function () {
             return _ref1.apply(this, arguments);
           };
         }(),
-        a = be.generateOptionalSignals();
+        a = ve.generateOptionalSignals();
       (c = (l = e.connectSettings).handler) == null || c.call(l, void 0, _objectSpread(_objectSpread({}, a), {}, {
         onOpen: s,
         onResponse: o,
@@ -5147,13 +5170,13 @@ var R = /*#__PURE__*/function () {
                 _context19.next = 13;
                 break;
               }
-              return _context19.abrupt("return", be.request(e, o, i));
+              return _context19.abrupt("return", ve.request(e, o, i));
             case 13:
-              if (!(((m = e.connectSettings) == null ? void 0 : m.url) === ve.URL)) {
+              if (!(((m = e.connectSettings) == null ? void 0 : m.url) === ye.URL)) {
                 _context19.next = 15;
                 break;
               }
-              return _context19.abrupt("return", ve.request(e, i));
+              return _context19.abrupt("return", ye.request(e, i));
             case 15:
               d = !0;
               u = E.fetch.bind(this, e, a, s);
@@ -5373,7 +5396,7 @@ var ze = /*#__PURE__*/function () {
               this._messages.removeMessage(t), ze.displayIntroMessages(this._messages.messageElementRefs), i.forEach(function (s) {
                 return _this0._messages.addAnyMessage(s, !0);
               }), setTimeout(function () {
-                return G.scrollToBottom(_this0._messages.elementRef);
+                return V.scrollToBottom(_this0._messages.elementRef);
               }, 0);
             case 5:
             case "end":
@@ -5504,7 +5527,7 @@ var ze = /*#__PURE__*/function () {
               i = _context25.sent;
               s = this._messages.elementRef.scrollTop;
               this.populateMessages(t, i), s === 0 && setTimeout(function () {
-                return G.scrollToBottom(_this12._messages.elementRef);
+                return V.scrollToBottom(_this12._messages.elementRef);
               }, 0);
               _context25.next = 13;
               break;
@@ -5564,12 +5587,12 @@ var ze = /*#__PURE__*/function () {
   }]);
 }();
 ze.FAILED_ERROR_MESSAGE = "Failed to load history";
-var ii = ze;
-var vt = /*#__PURE__*/function () {
-  function vt() {
-    _classCallCheck(this, vt);
+var si = ze;
+var yt = /*#__PURE__*/function () {
+  function yt() {
+    _classCallCheck(this, yt);
   }
-  return _createClass(vt, null, [{
+  return _createClass(yt, null, [{
     key: "getCharacterLimitMessages",
     value: function getCharacterLimitMessages(e, t) {
       var r;
@@ -5596,7 +5619,7 @@ var vt = /*#__PURE__*/function () {
   }, {
     key: "processMessages",
     value: function processMessages(e, t, i) {
-      return t !== void 0 ? t > 0 && (e = vt.getMaxMessages(e, t)) : e = [e[e.length - 1]], e = JSON.parse(JSON.stringify(e)), i === void 0 ? e : vt.getCharacterLimitMessages(e, i);
+      return t !== void 0 ? t > 0 && (e = yt.getMaxMessages(e, t)) : e = [e[e.length - 1]], e = JSON.parse(JSON.stringify(e)), i === void 0 ? e : yt.getCharacterLimitMessages(e, i);
     }
   }]);
 }();
@@ -5713,7 +5736,7 @@ var rt = /*#__PURE__*/function () {
     var _a$url;
     _classCallCheck(this, rt);
     var s, r, o, a, l;
-    this.rawBody = {}, this.validateKeyProperty = !1, this.canSendMessage = rt.canSendMessage, this.connectSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = i, Object.assign(this.rawBody, (s = e.connect) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (r = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : r.totalMessagesMaxCharLength, this.maxMessages = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.maxMessages, B.set(e, this, t), e.connect && (this.connectSettings = e.connect), this.demo && ((_a$url = (a = this.connectSettings).url) !== null && _a$url !== void 0 ? _a$url : a.url = ve.URL), this.connectSettings.websocket && q.setup(this), this.stream = ((l = this.deepChat.connect) == null ? void 0 : l.stream) || te.checkForStream(this.deepChat), e.loadHistory && ii.addErrorPrefix(this);
+    this.rawBody = {}, this.validateKeyProperty = !1, this.canSendMessage = rt.canSendMessage, this.connectSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = i, Object.assign(this.rawBody, (s = e.connect) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (r = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : r.totalMessagesMaxCharLength, this.maxMessages = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.maxMessages, B.set(e, this, t), e.connect && (this.connectSettings = e.connect), this.demo && ((_a$url = (a = this.connectSettings).url) !== null && _a$url !== void 0 ? _a$url : a.url = ye.URL), this.connectSettings.websocket && H.setup(this), this.stream = ((l = this.deepChat.connect) == null ? void 0 : l.stream) || te.checkForStream(this.deepChat), e.loadHistory && si.addErrorPrefix(this);
   }
   return _createClass(rt, [{
     key: "verifyKey",
@@ -5838,16 +5861,16 @@ var rt = /*#__PURE__*/function () {
               }
               throw new Error("Request settings have not been set up");
             case 2:
-              i = vt.processMessages(t.messageToElements.map(function (_ref13) {
+              i = yt.processMessages(t.messageToElements.map(function (_ref13) {
                 var _ref14 = _slicedToArray(_ref13, 1),
                   s = _ref14[0];
                 return s;
               }), this.maxMessages, this.totalMessagesMaxCharLength);
-              if (this.connectSettings.websocket && (!this.connectSettings.handler || this.connectSettings.url !== ve.URL)) {
+              if (this.connectSettings.websocket && (!this.connectSettings.handler || this.connectSettings.url !== ye.URL)) {
                 s = _objectSpread({
                   messages: i
                 }, this.rawBody);
-                q.sendWebsocket(this, s, t, !1);
+                H.sendWebsocket(this, s, t, !1);
               } else this.callServiceAPI(t, i, e.files);
             case 4:
             case "end":
@@ -5927,17 +5950,17 @@ var rt = /*#__PURE__*/function () {
     }
   }]);
 }();
-var V = /*#__PURE__*/function (_rt) {
+var K = /*#__PURE__*/function (_rt) {
   // prettier-ignore
-  function V(e, t, i, s, r) {
+  function K(e, t, i, s, r) {
     var _this13;
-    _classCallCheck(this, V);
+    _classCallCheck(this, K);
     var o;
-    _this13 = _callSuper(this, V, [e, r]), _this13.insertKeyPlaceholderText = "API Key", _this13.keyHelpUrl = "", Object.assign(_this13.rawBody, (o = e.connect) == null ? void 0 : o.additionalBodyProps), _this13._keyVerificationDetails = t, _this13._buildHeadersFunc = i, s && _this13.setApiKeyProperties(s), _this13.connectSettings = _this13.buildConnectSettings(_this13.key || "", e.connect);
+    _this13 = _callSuper(this, K, [e, r]), _this13.insertKeyPlaceholderText = "API Key", _this13.keyHelpUrl = "", Object.assign(_this13.rawBody, (o = e.connect) == null ? void 0 : o.additionalBodyProps), _this13._keyVerificationDetails = t, _this13._buildHeadersFunc = i, s && _this13.setApiKeyProperties(s), _this13.connectSettings = _this13.buildConnectSettings(_this13.key || "", e.connect);
     return _this13;
   }
-  _inherits(V, _rt);
-  return _createClass(V, [{
+  _inherits(K, _rt);
+  return _createClass(K, [{
     key: "setApiKeyProperties",
     value: function setApiKeyProperties(e) {
       this.key = e.key, e.validateKeyProperty && (this.validateKeyProperty = e.validateKeyProperty);
@@ -6084,11 +6107,11 @@ var Ge = /*#__PURE__*/function () {
 }();
 Ge.VISIBLE_ICON_ID = "visible-icon";
 var os = Ge;
-var K = /*#__PURE__*/function () {
-  function K() {
-    _classCallCheck(this, K);
+var W = /*#__PURE__*/function () {
+  function W() {
+    _classCallCheck(this, W);
   }
-  return _createClass(K, null, [{
+  return _createClass(W, null, [{
     key: "createCautionText",
     value: function createCautionText() {
       var e = document.createElement("a");
@@ -6114,13 +6137,13 @@ var K = /*#__PURE__*/function () {
       i.id = "insert-key-help-text-container";
       var s = document.createElement("div");
       s.id = "insert-key-help-text-contents";
-      var r = K.createFailText();
+      var r = W.createFailText();
       if (s.appendChild(r), e) {
-        var o = K.createHelpLink(e);
+        var o = W.createHelpLink(e);
         s.appendChild(o);
       }
       if (t === !0) {
-        var _o4 = K.createCautionText();
+        var _o4 = W.createCautionText();
         s.appendChild(_o4);
       }
       return i.appendChild(s), {
@@ -6151,10 +6174,10 @@ var K = /*#__PURE__*/function () {
     value: function addVerificationEvents(e, t, i, s, r) {
       var o = {
           onSuccess: s,
-          onFail: K.onFail.bind(this, e, t, i),
-          onLoad: K.onLoad.bind(this, e, t)
+          onFail: W.onFail.bind(this, e, t, i),
+          onLoad: W.onLoad.bind(this, e, t)
         },
-        a = K.verifyKey.bind(this, e, o, r);
+        a = W.verifyKey.bind(this, e, o, r);
       t.onclick = a, e.onkeydown = function (l) {
         !e.classList.contains("loading") && l.key === U.ENTER && a();
       };
@@ -6176,7 +6199,7 @@ var K = /*#__PURE__*/function () {
       var t = document.createElement("div");
       t.id = "insert-key-input-container";
       var i = document.createElement("input");
-      return i.id = "insert-key-input", i.placeholder = e || "API Key", i.type = "password", i.classList.add("insert-key-input-valid"), i.onfocus = K.onInputFocus, t.appendChild(i), t;
+      return i.id = "insert-key-input", i.placeholder = e || "API Key", i.type = "password", i.classList.add("insert-key-input-valid"), i.onfocus = W.onInputFocus, t.appendChild(i), t;
     }
     // prettier-ignore
   }, {
@@ -6185,28 +6208,28 @@ var K = /*#__PURE__*/function () {
       var d;
       var i = document.createElement("div");
       i.id = "insert-key-contents";
-      var s = K.createInput(t.insertKeyPlaceholderText),
+      var s = W.createInput(t.insertKeyPlaceholderText),
         r = s.children[0],
         o = os.create(r);
       s.appendChild(o), i.appendChild(s);
-      var a = K.createStartButton(),
-        _K$createHelpTextCont = K.createHelpTextContainer(t.keyHelpUrl, (d = t.deepChat._insertKeyViewStyles) == null ? void 0 : d.displayCautionText),
-        l = _K$createHelpTextCont.helpTextContainerElement,
-        c = _K$createHelpTextCont.failTextElement;
-      return i.appendChild(a), i.appendChild(l), K.addVerificationEvents(r, a, c, e, t), i;
+      var a = W.createStartButton(),
+        _W$createHelpTextCont = W.createHelpTextContainer(t.keyHelpUrl, (d = t.deepChat._insertKeyViewStyles) == null ? void 0 : d.displayCautionText),
+        l = _W$createHelpTextCont.helpTextContainerElement,
+        c = _W$createHelpTextCont.failTextElement;
+      return i.appendChild(a), i.appendChild(l), W.addVerificationEvents(r, a, c, e, t), i;
     }
   }, {
     key: "createElements",
     value: function createElements(e, t) {
       var i = document.createElement("div");
       i.id = "insert-key-view";
-      var s = K.createContents(e, t);
+      var s = W.createContents(e, t);
       return i.appendChild(s), i;
     }
   }, {
     key: "render",
     value: function render(e, t, i) {
-      var s = K.createElements(t, i);
+      var s = W.createElements(t, i);
       e.replaceChildren(s);
     }
   }]);
@@ -6219,7 +6242,7 @@ var se = /*#__PURE__*/function () {
     key: "enableButtons",
     value: function enableButtons(e, t) {
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-      window.webLLM ? (e && (e.disabled = !1), t && (t.disabled = !1)) : i < si.MODULE_SEARCH_LIMIT_S * 4 && setTimeout(function () {
+      window.webLLM ? (e && (e.disabled = !1), t && (t.disabled = !1)) : i < ni.MODULE_SEARCH_LIMIT_S * 4 && setTimeout(function () {
         return se.enableButtons(e, t, i + 1);
       }, 250);
     }
@@ -6444,7 +6467,7 @@ var Xs = {
         var t;
         ((t = this._webModel.introMessage) == null ? void 0 : t.autoScroll) !== !1 && setTimeout(function () {
           var i, s;
-          (i = _this18._messages) != null && i.elementRef && G.scrollToTop((s = _this18._messages) == null ? void 0 : s.elementRef);
+          (i = _this18._messages) != null && i.elementRef && V.scrollToTop((s = _this18._messages) == null ? void 0 : s.elementRef);
         }, e);
       }
       // prettier-ignore
@@ -6576,7 +6599,7 @@ var Xs = {
                     sendUpdate: !1
                   }), i && (setTimeout(function () {
                     var p;
-                    return G.scrollToBottom((p = _this19._messages) == null ? void 0 : p.elementRef);
+                    return V.scrollToBottom((p = _this19._messages) == null ? void 0 : p.elementRef);
                   }), i = !1);
                 };
                 T.chat.setInitProgressCallback(s);
@@ -6694,7 +6717,7 @@ var Xs = {
                 this.streamHandlers.abortStream.abort = function () {
                   i.interruptGenerate();
                 }, this.streamHandlers.onOpen();
-                s = new we(e);
+                s = new Ae(e);
                 _context39.next = 4;
                 return i.generate(t, /*#__PURE__*/function () {
                   var _ref15 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee38(r, o) {
@@ -6951,7 +6974,7 @@ var Xs = {
     }]);
   }(rt);
 T.GENERIC_ERROR = "Error, please check the [troubleshooting](https://deepchat.dev/docs/webModel#troubleshooting) section of documentation for help.", T.MULTIPLE_MODELS_ERROR = "Cannot run multiple web models", T.WEB_LLM_NOT_FOUND_ERROR = "WebLLM module not found", T.DEFAULT_MODEL = "Llama-2-7b-chat-hf-q4f32_1", T.MODULE_SEARCH_LIMIT_S = 5;
-var si = T;
+var ni = T;
 var xi = /*#__PURE__*/function () {
   function xi() {
     _classCallCheck(this, xi);
@@ -6983,7 +7006,7 @@ var xi = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Jt = /*#__PURE__*/function (_V) {
+var Jt = /*#__PURE__*/function (_K) {
   // prettier-ignore
   function Jt(e, t, i, s, r, o) {
     var _this21;
@@ -6992,7 +7015,7 @@ var Jt = /*#__PURE__*/function (_V) {
     return _this21;
   }
   // prettier-ignore
-  _inherits(Jt, _V);
+  _inherits(Jt, _K);
   return _createClass(Jt, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, i) {
@@ -7031,19 +7054,19 @@ var Jt = /*#__PURE__*/function (_V) {
       return callServiceAPI;
     }()
   }]);
-}(V);
+}(K);
 Jt.URL_PREFIX = "https://api-inference.huggingface.co/models/";
 var je = Jt;
-var li = /*#__PURE__*/function (_je) {
+var ci = /*#__PURE__*/function (_je) {
   // prettier-ignore
-  function li(e, t, i, s, r, o) {
+  function ci(e, t, i, s, r, o) {
     var _this22;
-    _classCallCheck(this, li);
-    _this22 = _callSuper(this, li, [e, t, i, s, r, o]), _this22.isTextInputDisabled = !0, _this22.canSendMessage = li.canSendFile;
+    _classCallCheck(this, ci);
+    _this22 = _callSuper(this, ci, [e, t, i, s, r, o]), _this22.isTextInputDisabled = !0, _this22.canSendMessage = ci.canSendFile;
     return _this22;
   }
-  _inherits(li, _je);
-  return _createClass(li, [{
+  _inherits(ci, _je);
+  return _createClass(ci, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, i) {
       return i[0];
@@ -7087,19 +7110,19 @@ var li = /*#__PURE__*/function (_je) {
     }
   }]);
 }(je);
-var qo = /*#__PURE__*/function (_li) {
+var Ho = /*#__PURE__*/function (_ci) {
   // prettier-ignore
-  function qo(e) {
-    _classCallCheck(this, qo);
+  function Ho(e) {
+    _classCallCheck(this, Ho);
     var s, r, o;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.huggingFace) == null ? void 0 : r.audioClassification,
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
-    return _callSuper(this, qo, [e, "Attach an audio file", "ehcalabres/wav2vec2-lg-xlsr-en-speech-emotion-recognition", t, i, {
+    return _callSuper(this, Ho, [e, "Attach an audio file", "ehcalabres/wav2vec2-lg-xlsr-en-speech-emotion-recognition", t, i, {
       audio: {}
     }]);
   }
-  _inherits(qo, _li);
-  return _createClass(qo, [{
+  _inherits(Ho, _ci);
+  return _createClass(Ho, [{
     key: "extractPollResultData",
     value: function () {
       var _extractPollResultData = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee46(e) {
@@ -7136,19 +7159,19 @@ var qo = /*#__PURE__*/function (_li) {
       return extractPollResultData;
     }()
   }]);
-}(li);
-var Ho = /*#__PURE__*/function (_li2) {
-  function Ho(e) {
-    _classCallCheck(this, Ho);
+}(ci);
+var qo = /*#__PURE__*/function (_ci2) {
+  function qo(e) {
+    _classCallCheck(this, qo);
     var s, r, o;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.huggingFace) == null ? void 0 : r.imageClassification,
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
-    return _callSuper(this, Ho, [e, "Attach an image file", "google/vit-base-patch16-224", t, i, {
+    return _callSuper(this, qo, [e, "Attach an image file", "google/vit-base-patch16-224", t, i, {
       images: {}
     }]);
   }
-  _inherits(Ho, _li2);
-  return _createClass(Ho, [{
+  _inherits(qo, _ci2);
+  return _createClass(qo, [{
     key: "extractPollResultData",
     value: function () {
       var _extractPollResultData2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee47(e) {
@@ -7185,13 +7208,13 @@ var Ho = /*#__PURE__*/function (_li2) {
       return extractPollResultData;
     }()
   }]);
-}(li);
-var ci = "data:image/png;base64,";
-var Te = /*#__PURE__*/function () {
-  function Te() {
-    _classCallCheck(this, Te);
+}(ci);
+var di = "data:image/png;base64,";
+var Ce = /*#__PURE__*/function () {
+  function Ce() {
+    _classCallCheck(this, Ce);
   }
-  return _createClass(Te, null, [{
+  return _createClass(Ce, null, [{
     key: "buildHeaders",
     value: function buildHeaders(e) {
       return {
@@ -7211,12 +7234,12 @@ var Te = /*#__PURE__*/function () {
       return {
         url: "https://api.stability.ai/v1/engines/list",
         method: "GET",
-        handleVerificationResult: Te.handleVerificationResult
+        handleVerificationResult: Ce.handleVerificationResult
       };
     }
   }]);
 }();
-var zi = /*#__PURE__*/function (_V2) {
+var zi = /*#__PURE__*/function (_K2) {
   // prettier-ignore
   function zi(e, t, i, s, r) {
     var _this23;
@@ -7224,9 +7247,9 @@ var zi = /*#__PURE__*/function (_V2) {
     _this23 = _callSuper(this, zi, [e, t, i, s, r]), _this23.insertKeyPlaceholderText = "Stability AI API Key", _this23.keyHelpUrl = "https://platform.stability.ai/docs/getting-started/authentication", _this23.permittedErrorPrefixes = ["Incorrect", "invalid_"];
     return _this23;
   }
-  _inherits(zi, _V2);
+  _inherits(zi, _K2);
   return _createClass(zi);
-}(V);
+}(K);
 var wi = /*#__PURE__*/function (_zi) {
   function wi(e) {
     var _this24;
@@ -7242,7 +7265,7 @@ var wi = /*#__PURE__*/function (_zi) {
           }
         }
       };
-    _this24 = _callSuper(this, wi, [e, Te.buildKeyVerificationDetails(), Te.buildHeaders, i, s]), _this24.url = "https://api.stability.ai/v1/generation/esrgan-v1-x2plus/image-to-image/upscale", _this24.textInputPlaceholderText = "Describe image changes", _this24.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>";
+    _this24 = _callSuper(this, wi, [e, Ce.buildKeyVerificationDetails(), Ce.buildHeaders, i, s]), _this24.url = "https://api.stability.ai/v1/generation/esrgan-v1-x2plus/image-to-image/upscale", _this24.textInputPlaceholderText = "Describe image changes", _this24.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 && (_this24.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/image-to-image/upscale")), wi.cleanConfig(r), Object.assign(_this24.rawBody, r)), _this24.canSendMessage = wi.canSendFileMessage;
     return _this24;
@@ -7306,7 +7329,7 @@ var wi = /*#__PURE__*/function (_zi) {
               return _context49.abrupt("return", {
                 files: e.artifacts.map(function (i) {
                   return {
-                    src: "".concat(ci).concat(i.base64),
+                    src: "".concat(di).concat(i.base64),
                     type: "image"
                   };
                 })
@@ -7349,7 +7372,7 @@ var Ai = /*#__PURE__*/function (_zi2) {
           }
         }
       };
-    _this25 = _callSuper(this, Ai, [e, Te.buildKeyVerificationDetails(), Te.buildHeaders, i, s]), _this25.url = "https://api.stability.ai/v1/generation/stable-diffusion-xl-1024-v1-0/image-to-image/masking", _this25._maskSource = "MASK_IMAGE_WHITE", _this25.textInputPlaceholderText = "Describe image changes", _this25.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>";
+    _this25 = _callSuper(this, Ai, [e, Ce.buildKeyVerificationDetails(), Ce.buildHeaders, i, s]), _this25.url = "https://api.stability.ai/v1/generation/stable-diffusion-xl-1024-v1-0/image-to-image/masking", _this25._maskSource = "MASK_IMAGE_WHITE", _this25.textInputPlaceholderText = "Describe image changes", _this25.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 && (_this25.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/image-to-image/masking")), r.weight !== void 0 && r.weight !== null && (_this25._imageWeight = r.weight), r.mask_source !== void 0 && r.mask_source !== null && (_this25._maskSource = r.mask_source), Ai.cleanConfig(r), Object.assign(_this25.rawBody, r)), _this25.canSendMessage = Ai.canSendFileTextMessage;
     return _this25;
@@ -7413,7 +7436,7 @@ var Ai = /*#__PURE__*/function (_zi2) {
               return _context51.abrupt("return", {
                 files: e.artifacts.map(function (i) {
                   return {
-                    src: "".concat(ci).concat(i.base64),
+                    src: "".concat(di).concat(i.base64),
                     type: "image"
                   };
                 })
@@ -7441,7 +7464,7 @@ var Ai = /*#__PURE__*/function (_zi2) {
     }
   }]);
 }(zi);
-var zo = /*#__PURE__*/function (_li3) {
+var zo = /*#__PURE__*/function (_ci3) {
   function zo(e) {
     _classCallCheck(this, zo);
     var s, r, o;
@@ -7451,7 +7474,7 @@ var zo = /*#__PURE__*/function (_li3) {
       audio: {}
     }]);
   }
-  _inherits(zo, _li3);
+  _inherits(zo, _ci3);
   return _createClass(zo, [{
     key: "extractPollResultData",
     value: function () {
@@ -7488,7 +7511,7 @@ var zo = /*#__PURE__*/function (_li3) {
       return extractPollResultData;
     }()
   }]);
-}(li);
+}(ci);
 var Go = /*#__PURE__*/function (_je2) {
   function Go(e) {
     _classCallCheck(this, Go);
@@ -7621,20 +7644,20 @@ var Ko = /*#__PURE__*/function (_je4) {
     }()
   }]);
 }(je);
-var $o = /*#__PURE__*/function (_je5) {
-  function $o(e) {
+var Wo = /*#__PURE__*/function (_je5) {
+  function Wo(e) {
     var _this27$maxMessages;
     var _this27;
-    _classCallCheck(this, $o);
+    _classCallCheck(this, Wo);
     var s, r, o;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.huggingFace) == null ? void 0 : r.conversation,
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
-    _this27 = _callSuper(this, $o, [e, "Ask me anything!", "facebook/blenderbot-400M-distill", t, i]), (_this27$maxMessages = _this27.maxMessages) !== null && _this27$maxMessages !== void 0 ? _this27$maxMessages : _this27.maxMessages = -1;
+    _this27 = _callSuper(this, Wo, [e, "Ask me anything!", "facebook/blenderbot-400M-distill", t, i]), (_this27$maxMessages = _this27.maxMessages) !== null && _this27$maxMessages !== void 0 ? _this27$maxMessages : _this27.maxMessages = -1;
     return _this27;
   }
   // prettier-ignore
-  _inherits($o, _je5);
-  return _createClass($o, [{
+  _inherits(Wo, _je5);
+  return _createClass(Wo, [{
     key: "processMessages",
     value: function processMessages(e) {
       var t = e.filter(function (a) {
@@ -7718,7 +7741,7 @@ var Ti = /*#__PURE__*/function (_zi3) {
           }
         }
       };
-    _this28 = _callSuper(this, Ti, [e, Te.buildKeyVerificationDetails(), Te.buildHeaders, i, s]), _this28.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/image-to-image", _this28.textInputPlaceholderText = "Describe image changes", _this28.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>";
+    _this28 = _callSuper(this, Ti, [e, Ce.buildKeyVerificationDetails(), Ce.buildHeaders, i, s]), _this28.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/image-to-image", _this28.textInputPlaceholderText = "Describe image changes", _this28.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 && (_this28.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/text-to-image")), r.weight !== void 0 && r.weight !== null && (_this28._imageWeight = r.weight), Ti.cleanConfig(r), Object.assign(_this28.rawBody, r)), _this28.canSendMessage = Ti.canSendFileTextMessage;
     return _this28;
@@ -7782,7 +7805,7 @@ var Ti = /*#__PURE__*/function (_zi3) {
               return _context58.abrupt("return", {
                 files: e.artifacts.map(function (i) {
                   return {
-                    src: "".concat(ci).concat(i.base64),
+                    src: "".concat(di).concat(i.base64),
                     type: "image"
                   };
                 })
@@ -7810,16 +7833,16 @@ var Ti = /*#__PURE__*/function (_zi3) {
     }
   }]);
 }(zi);
-var Wo = /*#__PURE__*/function (_je6) {
-  function Wo(e) {
-    _classCallCheck(this, Wo);
+var $o = /*#__PURE__*/function (_je6) {
+  function $o(e) {
+    _classCallCheck(this, $o);
     var s, r, o;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.huggingFace) == null ? void 0 : r.translation,
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
-    return _callSuper(this, Wo, [e, "Insert text to translate", "Helsinki-NLP/opus-tatoeba-en-ja", t, i]);
+    return _callSuper(this, $o, [e, "Insert text to translate", "Helsinki-NLP/opus-tatoeba-en-ja", t, i]);
   }
-  _inherits(Wo, _je6);
-  return _createClass(Wo, [{
+  _inherits($o, _je6);
+  return _createClass($o, [{
     key: "extractResultData",
     value: function () {
       var _extractResultData9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee59(e) {
@@ -7856,7 +7879,7 @@ var Ci = /*#__PURE__*/function (_zi4) {
     var r;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.stabilityAI;
-    _this29 = _callSuper(this, Ci, [e, Te.buildKeyVerificationDetails(), Te.buildHeaders, i]), _this29.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/text-to-image", _this29.textInputPlaceholderText = "Describe an image", _this29.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>";
+    _this29 = _callSuper(this, Ci, [e, Ce.buildKeyVerificationDetails(), Ce.buildHeaders, i]), _this29.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/text-to-image", _this29.textInputPlaceholderText = "Describe an image", _this29.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 s = (r = t.stabilityAI) == null ? void 0 : r.textToImage;
     _typeof(s) == "object" && (s.engine_id && (_this29.url = "https://api.stability.ai/v1/generation/".concat(s.engine_id, "/text-to-image")), s.weight !== void 0 && s.weight !== null && (_this29._imageWeight = s.weight), Ci.cleanConfig(s), Object.assign(_this29.rawBody, s)), _this29.canSendMessage = Ci.canSendTextMessage;
     return _this29;
@@ -7914,7 +7937,7 @@ var Ci = /*#__PURE__*/function (_zi4) {
               return _context61.abrupt("return", {
                 files: e.artifacts.map(function (i) {
                   return {
-                    src: "".concat(ci).concat(i.base64),
+                    src: "".concat(di).concat(i.base64),
                     type: "image"
                   };
                 })
@@ -8366,13 +8389,13 @@ var ne = /*#__PURE__*/function () {
   }]);
 }();
 ne.FILES_WITH_TEXT_ERROR = "content with type `text` must have `text` values", ne.FUNCTION_TOOL_RESP_ERROR = "Response must contain an array of strings for each individual function/tool_call, see https://deepchat.dev/docs/directConnection/OpenAI/#assistant-functions.";
-var Me = ne;
-var Ve = /*#__PURE__*/function (_V3) {
+var ke = ne;
+var Ve = /*#__PURE__*/function (_K3) {
   // prettier-ignore
   function Ve(e, t, i, s, r, o) {
     var _this31;
     _classCallCheck(this, Ve);
-    if (_this31 = _callSuper(this, Ve, [e, s, r, o]), _this31.insertKeyPlaceholderText = "OpenAI API Key", _this31.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this31.url = "", _this31.permittedErrorPrefixes = ["Incorrect", "Please send text", ii.FAILED_ERROR_MESSAGE], _this31.shouldFetchHistory = !1, _this31._searchedForThreadId = !1, _this31._config = {}, _this31._newAssistantDetails = {
+    if (_this31 = _callSuper(this, Ve, [e, s, r, o]), _this31.insertKeyPlaceholderText = "OpenAI API Key", _this31.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this31.url = "", _this31.permittedErrorPrefixes = ["Incorrect", "Please send text", si.FAILED_ERROR_MESSAGE], _this31.shouldFetchHistory = !1, _this31._searchedForThreadId = !1, _this31._config = {}, _this31._newAssistantDetails = {
       model: "gpt-4"
     }, _this31._waitingForStreamResponse = !1, _this31._isSSEStream = !1, _this31.urlSegments = i, _typeof(t) == "object") {
       _this31._config = t;
@@ -8385,7 +8408,7 @@ var Ve = /*#__PURE__*/function (_V3) {
     _this31.maxMessages = 1, _this31._isSSEStream = !!(_this31.stream && (_typeof(_this31.stream) != "object" || !_this31.stream.simulation));
     return _this31;
   }
-  _inherits(Ve, _V3);
+  _inherits(Ve, _K3);
   return _createClass(Ve, [{
     key: "fetchHistoryFunc",
     value: function () {
@@ -8425,7 +8448,7 @@ var Ve = /*#__PURE__*/function (_V3) {
     key: "processMessage",
     value: function processMessage(e, t) {
       var i = this.totalMessagesMaxCharLength || -1,
-        s = vt.getCharacterLimitMessages(e, i)[0];
+        s = yt.getCharacterLimitMessages(e, i)[0];
       if (t && t.length > 0) {
         var r = this.filesToolType;
         if (typeof this.filesToolType == "function") {
@@ -8439,10 +8462,10 @@ var Ve = /*#__PURE__*/function (_V3) {
         if (r === "code_interpreter") return Ve.processAttachmentsMessage(s, t, "code_interpreter");
         if (t.find(function (_ref21) {
           var a = _ref21.name;
-          return !H.isImageFileExtension(a);
+          return !q.isImageFileExtension(a);
         })) console.error("The uploaded files contained a non-image file"), console.error('Make sure only images can be uploaded or define a "code_interpreter" or "file_search" value in the "files_tool_type" property'), console.warn('Make sure your existing assistant supports these "tools" or specify them in the "new_assistant" property');else {
-          var _a2 = Ve.processImageMessage(s, t);
-          if (_a2) return _a2;
+          var _a3 = Ve.processImageMessage(s, t);
+          if (_a3) return _a3;
         }
       }
       return {
@@ -8513,7 +8536,7 @@ var Ve = /*#__PURE__*/function (_V3) {
                 break;
               }
               _context74.next = 16;
-              return Me.storeFiles(this, e, i, this.urlSegments.storeFiles);
+              return ke.storeFiles(this, e, i, this.urlSegments.storeFiles);
             case 16:
               _context74.t1 = _context74.sent;
               _context74.next = 20;
@@ -8596,7 +8619,7 @@ var Ve = /*#__PURE__*/function (_V3) {
                 _context76.next = 6;
                 break;
               }
-              throw e.error.message.startsWith(Me.FILES_WITH_TEXT_ERROR) ? Error("Please send text with your file(s)") : e.error.message;
+              throw e.error.message.startsWith(ke.FILES_WITH_TEXT_ERROR) ? Error("Please send text with your file(s)") : e.error.message;
             case 6:
               _context76.next = 8;
               return this.assignThreadAndRun(e);
@@ -8680,7 +8703,7 @@ var Ve = /*#__PURE__*/function (_V3) {
             case 9:
               i = _context78.sent;
             case 10:
-              return _context78.abrupt("return", Me.processAPIMessages(this, i, t, this.urlSegments));
+              return _context78.abrupt("return", ke.processAPIMessages(this, i, t, this.urlSegments));
             case 11:
             case "end":
               return _context78.stop();
@@ -8781,7 +8804,7 @@ var Ve = /*#__PURE__*/function (_V3) {
                 _context80.next = 8;
                 break;
               }
-              throw Error(Me.FUNCTION_TOOL_RESP_ERROR);
+              throw Error(ke.FUNCTION_TOOL_RESP_ERROR);
             case 8:
               _context80.next = 10;
               return Promise.all(i);
@@ -8793,7 +8816,7 @@ var Ve = /*#__PURE__*/function (_V3) {
                 _context80.next = 13;
                 break;
               }
-              throw Error(Me.FUNCTION_TOOL_RESP_ERROR);
+              throw Error(ke.FUNCTION_TOOL_RESP_ERROR);
             case 13:
               r = s.map(function (l, c) {
                 return {
@@ -8881,7 +8904,7 @@ var Ve = /*#__PURE__*/function (_V3) {
     key: "parseStreamResult",
     value: function () {
       var _parseStreamResult = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee82(e) {
-        var t, i, s, r, o, a, l, c, _a3, _l2;
+        var t, i, s, r, o, a, l, c, _a4, _l2;
         return _regeneratorRuntime().wrap(function _callee82$(_context82) {
           while (1) switch (_context82.prev = _context82.next) {
             case 0:
@@ -8898,7 +8921,7 @@ var Ve = /*#__PURE__*/function (_V3) {
               }
               l = e.content.find(function (d) {
                 return !!d.text;
-              }) || e.content[0], c = Me.getFilesAndText.bind(this, this, {
+              }) || e.content[0], c = ke.getFilesAndText.bind(this, this, {
                 role: "assistant",
                 content: e.content
               }, this.urlSegments, l);
@@ -8914,15 +8937,15 @@ var Ve = /*#__PURE__*/function (_V3) {
                 _context82.next = 13;
                 break;
               }
-              _a3 = e.delta.content.find(function (l) {
+              _a4 = e.delta.content.find(function (l) {
                 return l.text;
               });
-              if (!((r = _a3 == null ? void 0 : _a3.text) != null && r.annotations && _a3.text.annotations.length === 0)) {
+              if (!((r = _a4 == null ? void 0 : _a4.text) != null && r.annotations && _a4.text.annotations.length === 0)) {
                 _context82.next = 13;
                 break;
               }
               _context82.next = 11;
-              return Me.processStreamMessages(this, e.delta.content, this.urlSegments);
+              return ke.processStreamMessages(this, e.delta.content, this.urlSegments);
             case 11:
               _l2 = _context82.sent;
               return _context82.abrupt("return", {
@@ -8977,7 +9000,7 @@ var Ve = /*#__PURE__*/function (_V3) {
     key: "processImageMessage",
     value: function processImageMessage(e, t) {
       var i = t == null ? void 0 : t.filter(function (s) {
-        return H.isImageFileExtension(s.name);
+        return q.isImageFileExtension(s.name);
       }).map(function (s) {
         return {
           type: "image_file",
@@ -9014,7 +9037,7 @@ var Ve = /*#__PURE__*/function (_V3) {
       };
     }
   }]);
-}(V);
+}(K);
 Ve.POLLING_TIMEOUT_MS = 500;
 var Ri = Ve;
 var xs = /*#__PURE__*/function (_Ri) {
@@ -9087,16 +9110,16 @@ var Mi = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ws = /*#__PURE__*/function (_V4) {
+var ws = /*#__PURE__*/function (_K4) {
   function ws(e, t, i, s, r) {
     var _this35;
     _classCallCheck(this, ws);
     _this35 = _callSuper(this, ws, [e, Mi.buildKeyVerificationDetails(), Mi.buildHeaders, r]), _this35.insertKeyPlaceholderText = "Cohere API Key", _this35.keyHelpUrl = "https://dashboard.cohere.ai/api-keys", _this35.permittedErrorPrefixes = ["invalid"], _this35.url = t, _this35.textInputPlaceholderText = i, s && _typeof(s) == "object" && Object.assign(_this35.rawBody, s);
     return _this35;
   }
-  _inherits(ws, _V4);
+  _inherits(ws, _K4);
   return _createClass(ws);
-}(V);
+}(K);
 var Xo = /*#__PURE__*/function (_ws) {
   function Xo(e) {
     _classCallCheck(this, Xo);
@@ -9205,11 +9228,11 @@ var Is = /*#__PURE__*/function () {
 }();
 Is.URL_DETAILS_ERROR_MESSAGE = "Please define the Azure URL Details. [More Information](https://deepchat.dev/docs/directConnection/Azure)";
 var ue = Is;
-var pt = /*#__PURE__*/function (_Ri2) {
-  function pt(e) {
+var mt = /*#__PURE__*/function (_Ri2) {
+  function mt(e) {
     var _g$headers;
     var _this36;
-    _classCallCheck(this, pt);
+    _classCallCheck(this, mt);
     var c, d, u, h, f, m, p, g;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.azure,
@@ -9218,16 +9241,16 @@ var pt = /*#__PURE__*/function (_Ri2) {
       o = "".concat((d = s == null ? void 0 : s.urlDetails) == null ? void 0 : d.endpoint, "/openai/"),
       a = "?api-version=".concat((u = s == null ? void 0 : s.urlDetails) == null ? void 0 : u.version),
       l = {
-        threadsPrefix: "".concat(o).concat(pt.THREAD_RESOURCE),
+        threadsPrefix: "".concat(o).concat(mt.THREAD_RESOURCE),
         threadsPosfix: a,
-        newAssistantUrl: "".concat(o).concat(pt.NEW_ASSISTANT_RESOURCE).concat(a),
+        newAssistantUrl: "".concat(o).concat(mt.NEW_ASSISTANT_RESOURCE).concat(a),
         createMessagePostfix: a,
         listMessagesPostfix: "order=desc&api-version=".concat((h = s == null ? void 0 : s.urlDetails) == null ? void 0 : h.version),
         storeFiles: "".concat(o, "files").concat(a),
         getFilesPrefix: "".concat(o, "files/"),
         getFilesPostfix: "/content".concat(a)
       };
-    if (_this36 = _callSuper(this, pt, [e, s == null ? void 0 : s.assistant, l, ue.buildKeyVerificationDetails(r), ue.buildHeaders, i]), _this36.permittedErrorPrefixes = [ue.URL_DETAILS_ERROR_MESSAGE], _this36.insertKeyPlaceholderText = "Azure OpenAI API Key", _this36.keyHelpUrl = "https://learn.microsoft.com/en-us/answers/questions/1193991/how-to-get-the-value-of-openai-api-key", _this36.isTextInputDisabled = !1, _typeof(s == null ? void 0 : s.assistant) == "object") {
+    if (_this36 = _callSuper(this, mt, [e, s == null ? void 0 : s.assistant, l, ue.buildKeyVerificationDetails(r), ue.buildHeaders, i]), _this36.permittedErrorPrefixes = [ue.URL_DETAILS_ERROR_MESSAGE], _this36.insertKeyPlaceholderText = "Azure OpenAI API Key", _this36.keyHelpUrl = "https://learn.microsoft.com/en-us/answers/questions/1193991/how-to-get-the-value-of-openai-api-key", _this36.isTextInputDisabled = !1, _typeof(s == null ? void 0 : s.assistant) == "object") {
       var _ref25 = (p = (m = (f = e.directConnection) == null ? void 0 : f.azure) == null ? void 0 : m.openAI) == null ? void 0 : p.assistant,
         b = _ref25.function_handler,
         M = _ref25.files_tool_type;
@@ -9242,11 +9265,11 @@ var pt = /*#__PURE__*/function (_Ri2) {
     }));
     return _this36;
   }
-  _inherits(pt, _Ri2);
-  return _createClass(pt);
+  _inherits(mt, _Ri2);
+  return _createClass(mt);
 }(Ri);
-pt.THREAD_RESOURCE = "threads", pt.NEW_ASSISTANT_RESOURCE = "assistants";
-var as = pt;
+mt.THREAD_RESOURCE = "threads", mt.NEW_ASSISTANT_RESOURCE = "assistants";
+var as = mt;
 var Yo = /*#__PURE__*/function (_ws2) {
   function Yo(e) {
     _classCallCheck(this, Yo);
@@ -9393,12 +9416,12 @@ var On = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg height=\"1.4em\"
     }]);
   }();
 re.INPUT_BUTTON_SVG_TEXT_CLASS = "input-button-svg-text", re.INPUT_BUTTON_INNER_TEXT_CLASS = "text-button", re.INPUT_BUTTON_SVG_CLASS = "input-button-svg";
-var Ae = re;
-var Gt = /*#__PURE__*/function () {
-  function Gt() {
-    _classCallCheck(this, Gt);
+var Te = re;
+var Vt = /*#__PURE__*/function () {
+  function Vt() {
+    _classCallCheck(this, Vt);
   }
-  return _createClass(Gt, null, [{
+  return _createClass(Vt, null, [{
     key: "parseSVGTextElements",
     value: function parseSVGTextElements(e) {
       return {
@@ -9421,9 +9444,9 @@ var D = /*#__PURE__*/function () {
     value: function unsetAllCSS(e, t) {
       var r, o;
       t.container && I.unsetAllCSSMouseStates(e, t.container);
-      var _Gt$parseSVGTextEleme = Gt.parseSVGTextElements(Array.from(e.children)),
-        i = _Gt$parseSVGTextEleme.svg,
-        s = _Gt$parseSVGTextEleme.text;
+      var _Vt$parseSVGTextEleme = Vt.parseSVGTextElements(Array.from(e.children)),
+        i = _Vt$parseSVGTextEleme.svg,
+        s = _Vt$parseSVGTextEleme.text;
       (r = t.svg) != null && r.styles && i && I.unsetAllCSSMouseStates(i, t.svg.styles), (o = t.text) != null && o.styles && s && I.unsetAllCSSMouseStates(s, t.text.styles);
     }
   }, {
@@ -9431,9 +9454,9 @@ var D = /*#__PURE__*/function () {
     value: function unsetActionCSS(e, t) {
       var r, o;
       t.container && I.unsetActivityCSSMouseStates(e, t.container);
-      var _Gt$parseSVGTextEleme2 = Gt.parseSVGTextElements(Array.from(e.children)),
-        i = _Gt$parseSVGTextEleme2.svg,
-        s = _Gt$parseSVGTextEleme2.text;
+      var _Vt$parseSVGTextEleme2 = Vt.parseSVGTextElements(Array.from(e.children)),
+        i = _Vt$parseSVGTextEleme2.svg,
+        s = _Vt$parseSVGTextEleme2.text;
       (r = t.svg) != null && r.styles && i && I.unsetActivityCSSMouseStates(i, t.svg.styles), (o = t.text) != null && o.styles && s && I.unsetActivityCSSMouseStates(s, t.text.styles);
     }
   }, {
@@ -9441,9 +9464,9 @@ var D = /*#__PURE__*/function () {
     value: function setElementsCSS(e, t, i) {
       var o, a, l, c, d;
       Object.assign(e.style, (o = t.container) == null ? void 0 : o[i]);
-      var _Gt$parseSVGTextEleme3 = Gt.parseSVGTextElements(Array.from(e.children)),
-        s = _Gt$parseSVGTextEleme3.svg,
-        r = _Gt$parseSVGTextEleme3.text;
+      var _Vt$parseSVGTextEleme3 = Vt.parseSVGTextElements(Array.from(e.children)),
+        s = _Vt$parseSVGTextEleme3.svg,
+        r = _Vt$parseSVGTextEleme3.text;
       s && Object.assign(s.style, (l = (a = t.svg) == null ? void 0 : a.styles) == null ? void 0 : l[i]), r && Object.assign(r.style, (d = (c = t.text) == null ? void 0 : c.styles) == null ? void 0 : d[i]);
     }
   }, {
@@ -9507,7 +9530,7 @@ var ct = /*#__PURE__*/function () {
     key: "changeElementsByState",
     value: function changeElementsByState(e) {
       var _this$elementRef;
-      (_this$elementRef = this.elementRef).replaceChildren.apply(_this$elementRef, _toConsumableArray(e)), Ae.reassignClassBasedOnChildren(this.elementRef, e);
+      (_this$elementRef = this.elementRef).replaceChildren.apply(_this$elementRef, _toConsumableArray(e)), Te.reassignClassBasedOnChildren(this.elementRef, e);
     }
   }, {
     key: "buildDefaultIconElement",
@@ -9518,7 +9541,7 @@ var ct = /*#__PURE__*/function () {
   }, {
     key: "createInnerElements",
     value: function createInnerElements(e, t, i) {
-      var s = Ae.createCustomElements(t, this.svg, i);
+      var s = Te.createCustomElements(t, this.svg, i);
       if (s && s.length > 0) {
         if (this.position === "dropup-menu") {
           var r = this.svg.cloneNode(!0);
@@ -9552,12 +9575,12 @@ var Ui = /*#__PURE__*/function (_ct) {
   }, {
     key: "createInnerButtonElements",
     value: function createInnerButtonElements(e, t) {
-      return Ae.createCustomElements(e, this.svg, t) || [this.svg];
+      return Te.createCustomElements(e, this.svg, t) || [this.svg];
     }
   }, {
     key: "changeState",
     value: function changeState(e) {
-      this.changeElementsByState(e), this.elementRef.classList.replace(Ae.INPUT_BUTTON_SVG_CLASS, "deep-chat-openai-realtime-button");
+      this.changeElementsByState(e), this.elementRef.classList.replace(Te.INPUT_BUTTON_SVG_CLASS, "deep-chat-openai-realtime-button");
     }
   }, {
     key: "changeToActive",
@@ -9639,7 +9662,7 @@ ji.SESSION_STARTED = "sts-session-started", ji.SESSION_STOPPED = "sts-session-st
 var Li = ji;
 var Pn = "<?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  <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>",
   ls = "<?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<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>",
-  C = /*#__PURE__*/function (_V5) {
+  C = /*#__PURE__*/function (_K5) {
     function C(e) {
       var _l$model;
       var _this38;
@@ -9661,7 +9684,7 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
       (_l$model = (l = _this38.rawBody).model) !== null && _l$model !== void 0 ? _l$model : l.model = "gpt-4o-realtime-preview-2024-12-17", _this38._avatarConfig = C.buildAvatarConfig(s), _this38._buttonsConfig = C.buildButtonsConfig(s), _this38._avatarEl = C.createAvatar(_this38._avatarConfig), _this38._containerEl = _this38.createContainer(), _this38._deepChat = e;
       return _this38;
     }
-    _inherits(C, _V5);
+    _inherits(C, _K5);
     return _createClass(C, [{
       key: "setUpView",
       value:
@@ -10351,24 +10374,24 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
         N.removeAriaDisabled(e.elementRef), e.elementRef.classList.remove(C.UNAVAILABLE);
       }
     }]);
-  }(V);
+  }(K);
 C.BUTTON_DEFAULT = "deep-chat-openai-realtime-button-default", C.BUTTON_LOADING = "deep-chat-openai-realtime-button-loading", C.MICROPHONE_ACTIVE = "deep-chat-openai-realtime-microphone-active", C.UNAVAILABLE = "deep-chat-openai-realtime-button-unavailable";
 var cs = C;
-var mt = /*#__PURE__*/function (_V6) {
-  function mt(e) {
+var gt = /*#__PURE__*/function (_K6) {
+  function gt(e) {
     var _o$model, _a$voice;
     var _this44;
-    _classCallCheck(this, mt);
+    _classCallCheck(this, gt);
     var r, o, a;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t == null ? void 0 : t.openAI;
-    _this44 = _callSuper(this, mt, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i]), _this44.insertKeyPlaceholderText = "OpenAI API Key", _this44.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this44.url = "https://api.openai.com/v1/audio/speech", _this44.permittedErrorPrefixes = ["Invalid"], _this44.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI : Text To Speech</b></div>\n    <p>Generate an audio file based on your text input.</p>\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/text-to-speech\">here</a> for more information.</p>";
+    _this44 = _callSuper(this, gt, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i]), _this44.insertKeyPlaceholderText = "OpenAI API Key", _this44.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this44.url = "https://api.openai.com/v1/audio/speech", _this44.permittedErrorPrefixes = ["Invalid"], _this44.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI : Text To Speech</b></div>\n    <p>Generate an audio file based on your text input.</p>\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/text-to-speech\">here</a> for more information.</p>";
     var s = (r = t == null ? void 0 : t.openAI) == null ? void 0 : r.textToSpeech;
-    _typeof(s) == "object" && Object.assign(_this44.rawBody, s), (_o$model = (o = _this44.rawBody).model) !== null && _o$model !== void 0 ? _o$model : o.model = mt.DEFAULT_MODEL, (_a$voice = (a = _this44.rawBody).voice) !== null && _a$voice !== void 0 ? _a$voice : a.voice = mt.DEFAULT_VOIDE, _this44.textInputPlaceholderText = "Insert text to generate audio", _this44.rawBody.response_format = "mp3";
+    _typeof(s) == "object" && Object.assign(_this44.rawBody, s), (_o$model = (o = _this44.rawBody).model) !== null && _o$model !== void 0 ? _o$model : o.model = gt.DEFAULT_MODEL, (_a$voice = (a = _this44.rawBody).voice) !== null && _a$voice !== void 0 ? _a$voice : a.voice = gt.DEFAULT_VOIDE, _this44.textInputPlaceholderText = "Insert text to generate audio", _this44.rawBody.response_format = "mp3";
     return _this44;
   }
-  _inherits(mt, _V6);
-  return _createClass(mt, [{
+  _inherits(gt, _K6);
+  return _createClass(gt, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var r, o;
@@ -10448,29 +10471,29 @@ var mt = /*#__PURE__*/function (_V6) {
       return extractResultData;
     }()
   }]);
-}(V);
-mt.DEFAULT_MODEL = "tts-1", mt.DEFAULT_VOIDE = "alloy";
-var ds = mt;
-var pe = /*#__PURE__*/function (_V7) {
-  function pe(e) {
+}(K);
+gt.DEFAULT_MODEL = "tts-1", gt.DEFAULT_VOIDE = "alloy";
+var ds = gt;
+var me = /*#__PURE__*/function (_K7) {
+  function me(e) {
     var _o$model2;
     var _this45;
-    _classCallCheck(this, pe);
+    _classCallCheck(this, me);
     var r, o;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t == null ? void 0 : t.openAI;
-    _this45 = _callSuper(this, pe, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, {
+    _this45 = _callSuper(this, me, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, {
       audio: {}
-    }]), _this45.insertKeyPlaceholderText = "OpenAI API Key", _this45.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this45.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI : Speech To Text</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text. You can optionally provide text to guide the audio\n      processing.\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/speech-to-text\">here</a> for more info.</p>", _this45.url = "", _this45.permittedErrorPrefixes = ["Invalid"], _this45.textInputPlaceholderText = "Upload an audio file", _this45._service_url = pe.AUDIO_TRANSCRIPTIONS_URL;
+    }]), _this45.insertKeyPlaceholderText = "OpenAI API Key", _this45.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this45.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI : Speech To Text</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text. You can optionally provide text to guide the audio\n      processing.\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/speech-to-text\">here</a> for more info.</p>", _this45.url = "", _this45.permittedErrorPrefixes = ["Invalid"], _this45.textInputPlaceholderText = "Upload an audio file", _this45._service_url = me.AUDIO_TRANSCRIPTIONS_URL;
     var s = (r = t == null ? void 0 : t.openAI) == null ? void 0 : r.audio;
-    _typeof(s) == "object" && (_this45.processConfig(s), pe.cleanConfig(s), Object.assign(_this45.rawBody, s)), (_o$model2 = (o = _this45.rawBody).model) !== null && _o$model2 !== void 0 ? _o$model2 : o.model = pe.DEFAULT_MODEL, _this45.rawBody.response_format = "json", _this45.canSendMessage = pe.canSendFileMessage;
+    _typeof(s) == "object" && (_this45.processConfig(s), me.cleanConfig(s), Object.assign(_this45.rawBody, s)), (_o$model2 = (o = _this45.rawBody).model) !== null && _o$model2 !== void 0 ? _o$model2 : o.model = me.DEFAULT_MODEL, _this45.rawBody.response_format = "json", _this45.canSendMessage = me.canSendFileMessage;
     return _this45;
   }
-  _inherits(pe, _V7);
-  return _createClass(pe, [{
+  _inherits(me, _K7);
+  return _createClass(me, [{
     key: "processConfig",
     value: function processConfig(e) {
-      e != null && e.type && e.type === "translation" && (this._service_url = pe.AUDIO_TRANSLATIONS_URL, delete e.language);
+      e != null && e.type && e.type === "translation" && (this._service_url = me.AUDIO_TRANSLATIONS_URL, delete e.language);
     }
   }, {
     key: "preprocessBody",
@@ -10502,7 +10525,7 @@ var pe = /*#__PURE__*/function (_V7) {
               throw new Error("No file was added");
             case 4:
               this.url = this.connectSettings.url || this._service_url;
-              s = this.preprocessBody(this.rawBody, t), r = pe.createFormDataBody(s, i[0]);
+              s = this.preprocessBody(this.rawBody, t), r = me.createFormDataBody(s, i[0]);
               E.tempRemoveContentHeader(this.connectSettings, R.request.bind(this, this, r, e), !1);
             case 7:
             case "end":
@@ -10561,9 +10584,9 @@ var pe = /*#__PURE__*/function (_V7) {
       }), i;
     }
   }]);
-}(V);
-pe.AUDIO_TRANSCRIPTIONS_URL = "https://api.openai.com/v1/audio/transcriptions", pe.AUDIO_TRANSLATIONS_URL = "https://api.openai.com/v1/audio/translations", pe.DEFAULT_MODEL = "whisper-1";
-var hs = pe;
+}(K);
+me.AUDIO_TRANSCRIPTIONS_URL = "https://api.openai.com/v1/audio/transcriptions", me.AUDIO_TRANSLATIONS_URL = "https://api.openai.com/v1/audio/translations", me.DEFAULT_MODEL = "whisper-1";
+var hs = me;
 var fe = /*#__PURE__*/function () {
   function fe() {
     _classCallCheck(this, fe);
@@ -10665,7 +10688,7 @@ var fe = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Zo = /*#__PURE__*/function (_V8) {
+var Zo = /*#__PURE__*/function (_K8) {
   // prettier-ignore
   function Zo(e, t, i, s, r) {
     var _this46;
@@ -10675,9 +10698,9 @@ var Zo = /*#__PURE__*/function (_V8) {
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal", _this46.permittedErrorPrefixes = ["Access"];
     return _this46;
   }
-  _inherits(Zo, _V8);
+  _inherits(Zo, _K8);
   return _createClass(Zo);
-}(V);
+}(K);
 var Yt = /*#__PURE__*/function (_Zo) {
   function Yt(e) {
     var _a$language;
@@ -10841,11 +10864,11 @@ Yt.ENDPOINT_ERROR_MESSAGE =
 // eslint-disable-next-line max-len
 "Please define the azure endpoint. [More Information](https://deepchat.dev/docs/directConnection/Azure#Summarization)";
 var us = Yt;
-var Vt = /*#__PURE__*/function () {
-  function Vt() {
-    _classCallCheck(this, Vt);
+var Kt = /*#__PURE__*/function () {
+  function Kt() {
+    _classCallCheck(this, Kt);
   }
-  return _createClass(Vt, null, [{
+  return _createClass(Kt, null, [{
     key: "poll",
     value: function () {
       var _poll2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee103(e, t) {
@@ -10941,23 +10964,23 @@ var Vt = /*#__PURE__*/function () {
       return {
         url: "https://api.assemblyai.com/v2/upload",
         method: "POST",
-        handleVerificationResult: Vt.handleVerificationResult
+        handleVerificationResult: Kt.handleVerificationResult
       };
     }
   }]);
 }();
-var As = /*#__PURE__*/function (_V9) {
+var As = /*#__PURE__*/function (_K9) {
   function As(e) {
     var _this48;
     _classCallCheck(this, As);
     var i;
     var t = (i = e.directConnection) == null ? void 0 : i.assemblyAI;
-    _this48 = _callSuper(this, As, [e, Vt.buildKeyVerificationDetails(), Vt.buildHeaders, t, {
+    _this48 = _callSuper(this, As, [e, Kt.buildKeyVerificationDetails(), Kt.buildHeaders, t, {
       audio: {}
     }]), _this48.insertKeyPlaceholderText = "AssemblyAI API Key", _this48.keyHelpUrl = "https://www.assemblyai.com/app/account", _this48.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>AssemblyAI Audio</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"https://www.assemblyai.com/docs/Guides/transcribing_an_audio_file#get-started\">here</a> for more info.\n    </p>", _this48.url = "https://api.assemblyai.com/v2/upload", _this48.isTextInputDisabled = !0, _this48.textInputPlaceholderText = "Upload an audio file", _this48.permittedErrorPrefixes = ["Authentication", "Invalid"], _this48.canSendMessage = As.canFileSendMessage;
     return _this48;
   }
-  _inherits(As, _V9);
+  _inherits(As, _K9);
   return _createClass(As, [{
     key: "callServiceAPI",
     value: function () {
@@ -11006,7 +11029,7 @@ var As = /*#__PURE__*/function (_V9) {
             case 2:
               t = (r = (s = this.connectSettings) == null ? void 0 : s.headers) == null ? void 0 : r.Authorization;
               _context105.next = 5;
-              return Vt.poll(t, e.upload_url);
+              return Kt.poll(t, e.upload_url);
             case 5:
               _context105.t0 = _context105.sent.text;
               return _context105.abrupt("return", {
@@ -11029,8 +11052,8 @@ var As = /*#__PURE__*/function (_V9) {
       return !!(t != null && t[0]);
     }
   }]);
-}(V);
-var Nn = /*#__PURE__*/function (_V0) {
+}(K);
+var Nn = /*#__PURE__*/function (_K0) {
   // prettier-ignore
   function Nn(e, t, i, s, r) {
     var _this49;
@@ -11040,9 +11063,9 @@ var Nn = /*#__PURE__*/function (_V0) {
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal";
     return _this49;
   }
-  _inherits(Nn, _V0);
+  _inherits(Nn, _K0);
   return _createClass(Nn);
-}(V);
+}(K);
 var Qe = /*#__PURE__*/function (_Nn) {
   // prettier-ignore
   function Qe(e) {
@@ -11232,7 +11255,7 @@ Ke.HELP_LINK =
 // eslint-disable-next-line max-len
 "Please define a region config property. [More Information](https://deepchat.dev/docs/directConnection/Azure#SpeechToText)";
 var ps = Ke;
-var Qo = /*#__PURE__*/function (_V1) {
+var Qo = /*#__PURE__*/function (_K1) {
   // prettier-ignore
   function Qo(e) {
     var _this52;
@@ -11245,7 +11268,7 @@ var Qo = /*#__PURE__*/function (_V1) {
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal", _this52.url = "", _this52.url = "https://api.cognitive.microsofttranslator.com/translate?api-version=3.0&to=".concat(t.language || "es");
     return _this52;
   }
-  _inherits(Qo, _V1);
+  _inherits(Qo, _K1);
   return _createClass(Qo, [{
     key: "preprocessBody",
     value: function preprocessBody(e) {
@@ -11310,30 +11333,30 @@ var Qo = /*#__PURE__*/function (_V1) {
       return extractResultData;
     }()
   }]);
-}(V);
-var bt = /*#__PURE__*/function (_V10) {
+}(K);
+var vt = /*#__PURE__*/function (_K10) {
   // prettier-ignore
-  function bt(e, t, i, s, r) {
+  function vt(e, t, i, s, r) {
     var _this53$maxMessages, _p$model;
     var _this53;
-    _classCallCheck(this, bt);
+    _classCallCheck(this, vt);
     var u, h, f, m, p;
     var o = JSON.parse(JSON.stringify(e.directConnection)),
       a = t || L.buildKeyVerificationDetails(),
       l = i || L.buildHeaders,
       c = s || o.openAI;
-    _this53 = _callSuper(this, bt, [e, a, l, c]), _this53.insertKeyPlaceholderText = "OpenAI API Key", _this53.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this53.url = "https://api.openai.com/v1/chat/completions", _this53.permittedErrorPrefixes = ["Incorrect"], _this53.asyncCallInProgress = !1, _this53._systemMessage = bt.generateSystemMessage("You are a helpful assistant.");
+    _this53 = _callSuper(this, vt, [e, a, l, c]), _this53.insertKeyPlaceholderText = "OpenAI API Key", _this53.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this53.url = "https://api.openai.com/v1/chat/completions", _this53.permittedErrorPrefixes = ["Incorrect"], _this53.asyncCallInProgress = !1, _this53._systemMessage = vt.generateSystemMessage("You are a helpful assistant.");
     var d = r || ((u = o.openAI) == null ? void 0 : u.chat);
     if (_typeof(d) == "object") {
-      d.system_prompt && (_this53._systemMessage = bt.generateSystemMessage(d.system_prompt));
+      d.system_prompt && (_this53._systemMessage = vt.generateSystemMessage(d.system_prompt));
       var g = (m = (f = (h = e.directConnection) == null ? void 0 : h.openAI) == null ? void 0 : f.chat) == null ? void 0 : m.function_handler;
       g && (_this53._functionHandler = g), _this53.cleanConfig(d), Object.assign(_this53.rawBody, d);
     }
     (_this53$maxMessages = _this53.maxMessages) !== null && _this53$maxMessages !== void 0 ? _this53$maxMessages : _this53.maxMessages = -1, (_p$model = (p = _this53.rawBody).model) !== null && _p$model !== void 0 ? _p$model : p.model = "gpt-4o";
     return _this53;
   }
-  _inherits(bt, _V10);
-  return _createClass(bt, [{
+  _inherits(vt, _K10);
+  return _createClass(vt, [{
     key: "cleanConfig",
     value: function cleanConfig(e) {
       delete e.system_prompt, delete e.function_handler;
@@ -11345,9 +11368,9 @@ var bt = /*#__PURE__*/function (_V10) {
     function preprocessBody(e, t) {
       var _i$max_tokens;
       var i = JSON.parse(JSON.stringify(e)),
-        s = vt.getCharacterLimitMessages(t, this.totalMessagesMaxCharLength ? this.totalMessagesMaxCharLength - this._systemMessage.content.length : -1).map(function (r) {
+        s = yt.getCharacterLimitMessages(t, this.totalMessagesMaxCharLength ? this.totalMessagesMaxCharLength - this._systemMessage.content.length : -1).map(function (r) {
           return {
-            content: bt.getContent(r),
+            content: vt.getContent(r),
             role: r.role === y.USER_ROLE ? "user" : "assistant"
           };
         });
@@ -11604,8 +11627,8 @@ var bt = /*#__PURE__*/function (_V10) {
       return e.text;
     }
   }]);
-}(V);
-var Ts = /*#__PURE__*/function (_bt) {
+}(K);
+var Ts = /*#__PURE__*/function (_vt) {
   function Ts(e) {
     var _this55;
     _classCallCheck(this, Ts);
@@ -11628,7 +11651,7 @@ var Ts = /*#__PURE__*/function (_bt) {
     }));
     return _this55;
   }
-  _inherits(Ts, _bt);
+  _inherits(Ts, _vt);
   return _createClass(Ts, null, [{
     key: "buildURL",
     value: function buildURL(e) {
@@ -11638,11 +11661,11 @@ var Ts = /*#__PURE__*/function (_bt) {
       return "".concat(t, "/openai/deployments/").concat(i, "/completions?api-version=").concat(s);
     }
   }]);
-}(bt);
-var me = /*#__PURE__*/function (_V11) {
-  function me(e) {
+}(vt);
+var ge = /*#__PURE__*/function (_K11) {
+  function ge(e) {
     var _this56;
-    _classCallCheck(this, me);
+    _classCallCheck(this, ge);
     var o;
     var t = e.directConnection,
       i = t == null ? void 0 : t.openAI,
@@ -11654,7 +11677,7 @@ var me = /*#__PURE__*/function (_V11) {
           }
         }
       };
-    _this56 = _callSuper(this, me, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, s]), _this56.insertKeyPlaceholderText = "OpenAI API Key", _this56.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this56.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI DALL\xB7E</b></div>\n    <p><b>Insert text</b> to generate an image.</p>\n    <p><b>Upload 1</b> PNG image to generate its variation and optionally insert text to specify the change.</p>\n    <p><b>Upload 2</b> PNG images where the second is a copy of the first with a transparent area where the edit should\n      take place and text to specify the edit.</p>\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/images/introduction\">here</a> for more info.</p>", _this56.url = "", _this56.permittedErrorPrefixes = ["Incorrect", "Invalid input image"];
+    _this56 = _callSuper(this, ge, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, s]), _this56.insertKeyPlaceholderText = "OpenAI API Key", _this56.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this56.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI DALL\xB7E</b></div>\n    <p><b>Insert text</b> to generate an image.</p>\n    <p><b>Upload 1</b> PNG image to generate its variation and optionally insert text to specify the change.</p>\n    <p><b>Upload 2</b> PNG images where the second is a copy of the first with a transparent area where the edit should\n      take place and text to specify the edit.</p>\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/images/introduction\">here</a> for more info.</p>", _this56.url = "", _this56.permittedErrorPrefixes = ["Incorrect", "Invalid input image"];
     var r = (o = t == null ? void 0 : t.openAI) == null ? void 0 : o.images;
     if (_this56.camera) {
       var a = _typeof(r) == "object" && r.size ? Number.parseInt(r.size) : 1024;
@@ -11665,11 +11688,11 @@ var me = /*#__PURE__*/function (_V11) {
         }
       };
     }
-    _typeof(r) == "object" && Object.assign(_this56.rawBody, r), _this56.canSendMessage = me.canFileSendMessage;
+    _typeof(r) == "object" && Object.assign(_this56.rawBody, r), _this56.canSendMessage = ge.canFileSendMessage;
     return _this56;
   }
-  _inherits(me, _V11);
-  return _createClass(me, [{
+  _inherits(ge, _K11);
+  return _createClass(ge, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var i = JSON.parse(JSON.stringify(e));
@@ -11683,10 +11706,10 @@ var me = /*#__PURE__*/function (_V11) {
       var s;
       var r = (a = (o = t[t.length - 1]) == null ? void 0 : o.text) == null ? void 0 : a.trim();
       if (i[1] || r && r !== "") {
-        this.url = me.IMAGE_EDIT_URL;
+        this.url = ge.IMAGE_EDIT_URL;
         var l = this.preprocessBody(this.rawBody, r);
-        s = me.createFormDataBody(l, i[0], i[1]);
-      } else this.url = me.IMAGE_VARIATIONS_URL, s = me.createFormDataBody(this.rawBody, i[0]);
+        s = ge.createFormDataBody(l, i[0], i[1]);
+      } else this.url = ge.IMAGE_VARIATIONS_URL, s = ge.createFormDataBody(this.rawBody, i[0]);
       E.tempRemoveContentHeader(this.connectSettings, R.request.bind(this, this, s, e), !1);
     }
   }, {
@@ -11717,7 +11740,7 @@ var me = /*#__PURE__*/function (_V11) {
               }
               throw new Error("Request settings have not been set up");
             case 8:
-              this.url = me.IMAGE_GENERATION_URL;
+              this.url = ge.IMAGE_GENERATION_URL;
               r = this.preprocessBody(this.rawBody, t[t.length - 1].text);
               R.request(this, r, e);
             case 11:
@@ -11750,7 +11773,7 @@ var me = /*#__PURE__*/function (_V11) {
                     src: i.url,
                     type: "image"
                   } : {
-                    src: "".concat(ci).concat(i.b64_json),
+                    src: "".concat(di).concat(i.b64_json),
                     type: "image"
                   };
                 })
@@ -11788,9 +11811,9 @@ var me = /*#__PURE__*/function (_V11) {
       }), s;
     }
   }]);
-}(V);
-me.IMAGE_GENERATION_URL = "https://api.openai.com/v1/images/generations", me.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variations", me.IMAGE_EDIT_URL = "https://api.openai.com/v1/images/edits";
-var ms = me;
+}(K);
+ge.IMAGE_GENERATION_URL = "https://api.openai.com/v1/images/generations", ge.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variations", ge.IMAGE_EDIT_URL = "https://api.openai.com/v1/images/edits";
+var ms = ge;
 var ea = /*#__PURE__*/function (_ws3) {
   function ea(e) {
     var _this57$maxMessages;
@@ -11905,7 +11928,7 @@ var Ii = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ta = /*#__PURE__*/function (_V12) {
+var ta = /*#__PURE__*/function (_K12) {
   function ta(e) {
     var _this58$maxMessages, _s$model;
     var _this58;
@@ -11915,7 +11938,7 @@ var ta = /*#__PURE__*/function (_V12) {
     _this58 = _callSuper(this, ta, [e, Ii.buildKeyVerificationDetails(), Ii.buildHeaders, i]), _this58.insertKeyPlaceholderText = "Mistral API Key", _this58.keyHelpUrl = "https://console.mistral.ai/api-keys/", _this58.url = "https://api.mistral.ai/v1/chat/completions", _this58.permittedErrorPrefixes = ["invalid"], i && (_this58.cleanConfig(i), Object.assign(_this58.rawBody, i)), (_this58$maxMessages = _this58.maxMessages) !== null && _this58$maxMessages !== void 0 ? _this58$maxMessages : _this58.maxMessages = -1, (_s$model = (s = _this58.rawBody).model) !== null && _s$model !== void 0 ? _s$model : s.model = "open-mistral-7b";
     return _this58;
   }
-  _inherits(ta, _V12);
+  _inherits(ta, _K12);
   return _createClass(ta, [{
     key: "cleanConfig",
     value: function cleanConfig(e) {
@@ -11991,7 +12014,7 @@ var ta = /*#__PURE__*/function (_V12) {
       return extractResultData;
     }()
   }]);
-}(V);
+}(K);
 var ia = /*#__PURE__*/function () {
   function ia() {
     _classCallCheck(this, ia);
@@ -12005,12 +12028,12 @@ var ia = /*#__PURE__*/function () {
         i = e.connect,
         s = e.demo,
         r = e.webModel;
-      if (r) return new si(e);
+      if (r) return new ni(e);
       if (t) {
-        if (t.openAI) return t.openAI.images ? new ms(e) : t.openAI.speechToText ? new hs(e) : t.openAI.textToSpeech ? new ds(e) : t.openAI.assistant ? new xs(e) : t.openAI.realtime ? new cs(e) : new bt(e);
+        if (t.openAI) return t.openAI.images ? new ms(e) : t.openAI.speechToText ? new hs(e) : t.openAI.textToSpeech ? new ds(e) : t.openAI.assistant ? new xs(e) : t.openAI.realtime ? new cs(e) : new vt(e);
         if (t.assemblyAI) return new As(e);
         if (t.cohere) return t.cohere.textGeneration ? new Xo(e) : t.cohere.summarization ? new Yo(e) : new ea(e);
-        if (t.huggingFace) return t.huggingFace.textGeneration ? new Go(e) : t.huggingFace.summarization ? new Ko(e) : t.huggingFace.translation ? new Wo(e) : t.huggingFace.fillMask ? new Jo(e) : t.huggingFace.questionAnswer ? new Vo(e) : t.huggingFace.audioSpeechRecognition ? new zo(e) : t.huggingFace.audioClassification ? new qo(e) : t.huggingFace.imageClassification ? new Ho(e) : new $o(e);
+        if (t.huggingFace) return t.huggingFace.textGeneration ? new Go(e) : t.huggingFace.summarization ? new Ko(e) : t.huggingFace.translation ? new $o(e) : t.huggingFace.fillMask ? new Jo(e) : t.huggingFace.questionAnswer ? new Vo(e) : t.huggingFace.audioSpeechRecognition ? new zo(e) : t.huggingFace.audioClassification ? new Ho(e) : t.huggingFace.imageClassification ? new qo(e) : new Wo(e);
         if (t.azure) {
           if (t.azure.openAI) {
             if (t.azure.openAI.chat) return new Ts(e);
@@ -12096,23 +12119,23 @@ var Oi = /*#__PURE__*/function () {
   }]);
 }();
 var sa = "<?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>",
-  W = /*#__PURE__*/function () {
-    function W() {
-      _classCallCheck(this, W);
+  J = /*#__PURE__*/function () {
+    function J() {
+      _classCallCheck(this, J);
     }
-    return _createClass(W, null, [{
+    return _createClass(J, null, [{
       key: "createImage",
       value: function createImage(e, t, i) {
         var s = new Image();
-        return s.src = e.src, i && H.scrollDownOnImageLoad(s.src, t), H.processContent("image", s, s.src, e.name);
+        return s.src = e.src, i && q.scrollDownOnImageLoad(s.src, t), q.processContent("image", s, s.src, e.name);
       }
       // WORK - image still does not scroll down when loaded
     }, {
       key: "createImageMessage",
       value: function createImageMessage(e, t, i, s) {
-        var r = W.createImage(t, e.elementRef, !s && !e.focusMode),
+        var r = J.createImage(t, e.elementRef, !s && !e.focusMode),
           o = e.createNewMessageElement("", i);
-        return o.bubbleElement.appendChild(r), o.bubbleElement.classList.add(W.IMAGE_BUBBLE_CLASS), {
+        return o.bubbleElement.appendChild(r), o.bubbleElement.classList.add(J.IMAGE_BUBBLE_CLASS), {
           type: "image",
           elements: o
         };
@@ -12126,9 +12149,9 @@ var sa = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\"
     }, {
       key: "createNewAudioMessage",
       value: function createNewAudioMessage(e, t, i, s) {
-        var r = W.createAudioElement(t, i),
+        var r = J.createAudioElement(t, i),
           o = e.createMessageElementsOnOrientation("", i, s);
-        return o.bubbleElement.appendChild(r), o.bubbleElement.classList.add(W.AUDIO_BUBBLE_CLASS), {
+        return o.bubbleElement.appendChild(r), o.bubbleElement.classList.add(J.AUDIO_BUBBLE_CLASS), {
           type: "audio",
           elements: o
         };
@@ -12143,14 +12166,14 @@ var sa = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\"
         var s = Ue.createSVGElement(sa);
         s.classList.add("any-file-message-icon"), i.appendChild(s);
         var r = document.createElement("div");
-        return r.classList.add("any-file-message-text"), r.textContent = e.name || H.DEFAULT_FILE_NAME, t.appendChild(i), t.appendChild(r), H.processContent("any", t, e.src, r.textContent);
+        return r.classList.add("any-file-message-text"), r.textContent = e.name || q.DEFAULT_FILE_NAME, t.appendChild(i), t.appendChild(r), q.processContent("any", t, e.src, r.textContent);
       }
     }, {
       key: "createNewAnyFileMessage",
       value: function createNewAnyFileMessage(e, t, i, s) {
         var r = e.createMessageElementsOnOrientation("", i, s),
-          o = W.createAnyFile(t);
-        return r.bubbleElement.classList.add(W.ANY_FILE_BUBBLE_CLASS), r.bubbleElement.appendChild(o), {
+          o = J.createAnyFile(t);
+        return r.bubbleElement.classList.add(J.ANY_FILE_BUBBLE_CLASS), r.bubbleElement.appendChild(o), {
           type: "file",
           elements: r
         };
@@ -12160,23 +12183,23 @@ var sa = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\"
       value: function createMessages(e, t, i) {
         var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
         return t.map(function (r) {
-          return r.ref && (r = H.removeFileRef(r)), H.isAudioFile(r) ? W.createNewAudioMessage(e, r, i, s) : H.isImageFile(r) ? W.createImageMessage(e, r, i, s) : W.createNewAnyFileMessage(e, r, i, s);
+          return r.ref && (r = q.removeFileRef(r)), q.isAudioFile(r) ? J.createNewAudioMessage(e, r, i, s) : q.isImageFile(r) ? J.createImageMessage(e, r, i, s) : J.createNewAnyFileMessage(e, r, i, s);
         });
       }
       // no overwrite previous message logic as it is complex to track which files are to be overwritten
     }, {
       key: "addMessages",
       value: function addMessages(e, t, i, s) {
-        W.createMessages(e, t, i, s).forEach(function (_ref32) {
+        J.createMessages(e, t, i, s).forEach(function (_ref32) {
           var o = _ref32.type,
             a = _ref32.elements;
-          H.addMessage(e, a, o, i, s);
+          q.addMessage(e, a, o, i, s);
         });
       }
     }]);
   }();
-W.IMAGE_BUBBLE_CLASS = "image-message", W.AUDIO_BUBBLE_CLASS = "audio-message", W.ANY_FILE_BUBBLE_CLASS = "any-file-message";
-var Pi = W;
+J.IMAGE_BUBBLE_CLASS = "image-message", J.AUDIO_BUBBLE_CLASS = "audio-message", J.ANY_FILE_BUBBLE_CLASS = "any-file-message";
+var Pi = J;
 var le = /*#__PURE__*/function () {
   function le() {
     _classCallCheck(this, le);
@@ -12208,8 +12231,8 @@ var le = /*#__PURE__*/function () {
     key: "updateHTMLMessage",
     value: function updateHTMLMessage(e, t, i) {
       var s, r, o;
-      if (t[1].html) _e.overwriteElements(e, i, t[1].html);else {
-        var a = _e.create(e, i, t[0].role),
+      if (t[1].html) xe.overwriteElements(e, i, t[1].html);else {
+        var a = xe.create(e, i, t[0].role),
           l = ((r = t[1].files) == null ? void 0 : r[((s = t[1].files) == null ? void 0 : s.length) - 1]) || t[1].text,
           c = l.outerContainer.nextSibling;
         (o = c == null ? void 0 : c.parentElement) == null || o.insertBefore(a.outerContainer, c), e.messageElementRefs.splice(e.messageElementRefs.length - 1, 1);
@@ -12239,7 +12262,7 @@ var le = /*#__PURE__*/function () {
         var f = _ref33.type,
           m = _ref33.elements;
         var g;
-        H.setElementProps(e, m, f, s), (g = d.parentElement) == null || g.insertBefore(m.outerContainer, d), e.messageElementRefs.splice(e.messageElementRefs.length - 1, 1), e.messageElementRefs.splice(c + p, 0, m);
+        q.setElementProps(e, m, f, s), (g = d.parentElement) == null || g.insertBefore(m.outerContainer, d), e.messageElementRefs.splice(e.messageElementRefs.length - 1, 1), e.messageElementRefs.splice(c + p, 0, m);
       }), le.removeFilesMessages(e, t), t[1].files = r.map(function (_ref34) {
         var f = _ref34.elements;
         return f;
@@ -12309,19 +12332,19 @@ var de = /*#__PURE__*/function (_he) {
     var s = t.permittedErrorPrefixes,
       r = t.introPanelMarkUp,
       o = t.demo;
-    _this59._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this59._onClearMessages = yi.onClearMessages.bind(_this59, e), _this59._onError = yi.onError.bind(_this59, e), _this59._isLoadingMessageAllowed = de.getDefaultDisplayLoadingMessage(e, t), _typeof(e.displayLoadingBubble) == "object" && e.displayLoadingBubble.toggle && (e.displayLoadingBubble.toggle = _this59.setLoadingToggle.bind(_this59)), _this59._permittedErrorPrefixes = s, _this59.addSetupMessageIfNeeded(e, t) || _this59.populateIntroPanel(i, r, e.introPanelStyle), o && _this59.prepareDemo(te.processDemo(o), e.loadHistory), _this59.addIntroductoryMessages(e, t), new ii(e, _this59, t), _this59._displayServiceErrorMessages = (l = e.errorMessages) == null ? void 0 : l.displayServiceErrorMessages, e.getMessages = function () {
+    _this59._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this59._onClearMessages = ii.onClearMessages.bind(_this59, e), _this59._onError = ii.onError.bind(_this59, e), _this59._isLoadingMessageAllowed = de.getDefaultDisplayLoadingMessage(e, t), _typeof(e.displayLoadingBubble) == "object" && e.displayLoadingBubble.toggle && (e.displayLoadingBubble.toggle = _this59.setLoadingToggle.bind(_this59)), _this59._permittedErrorPrefixes = s, _this59.addSetupMessageIfNeeded(e, t) || _this59.populateIntroPanel(i, r, e.introPanelStyle), o && _this59.prepareDemo(te.processDemo(o), e.loadHistory), _this59.addIntroductoryMessages(e, t), new si(e, _this59, t), _this59._displayServiceErrorMessages = (l = e.errorMessages) == null ? void 0 : l.displayServiceErrorMessages, e.getMessages = function () {
       return y.deepCloneMessagesWithReferences(_this59.messageToElements.map(function (_ref35) {
         var _ref36 = _slicedToArray(_ref35, 1),
           c = _ref36[0];
         return c;
       }));
-    }, e.clearMessages = _this59.clearMessages.bind(_this59, t), e.refreshMessages = _this59.refreshTextMessages.bind(_this59, e.remarkable), e.scrollToBottom = G.scrollToBottom.bind(_this59, _this59.elementRef), e.addMessage = function (c, d) {
+    }, e.clearMessages = _this59.clearMessages.bind(_this59, t), e.refreshMessages = _this59.refreshTextMessages.bind(_this59, e.remarkable), e.scrollToBottom = V.scrollToBottom.bind(_this59, _this59.elementRef), e.addMessage = function (c, d) {
       _this59.addAnyMessage(_objectSpread(_objectSpread({}, c), {}, {
         sendUpdate: !!d
       }), !d);
     }, e.updateMessage = function (c, d) {
       return le.update(_this59, c, d);
-    }, t.isWebModel() && t.setUpMessages(_this59), e.textToSpeech && gt.processConfig(e.textToSpeech, function (c) {
+    }, t.isWebModel() && t.setUpMessages(_this59), e.textToSpeech && bt.processConfig(e.textToSpeech, function (c) {
       _this59.textToSpeech = c;
     });
     return _this59;
@@ -12377,7 +12400,7 @@ var de = /*#__PURE__*/function (_he) {
     value: function addIntroductoryMessage(e, t) {
       var s;
       var i;
-      return e != null && e.text ? i = this.createAndAppendNewMessageElement(e.text, y.AI_ROLE) : e != null && e.html && (i = _e.add(this, e.html, y.AI_ROLE)), i && (this.applyCustomStyles(i, y.AI_ROLE, !1, (s = this.messageStyles) == null ? void 0 : s.intro), i.outerContainer.classList.add(he.INTRO_CLASS), t && (i.outerContainer.style.display = "none")), i;
+      return e != null && e.text ? i = this.createAndAppendNewMessageElement(e.text, y.AI_ROLE) : e != null && e.html && (i = xe.add(this, e.html, y.AI_ROLE)), i && (this.applyCustomStyles(i, y.AI_ROLE, !1, (s = this.messageStyles) == null ? void 0 : s.intro), i.outerContainer.classList.add(he.INTRO_CLASS), t && (i.outerContainer.style.display = "none")), i;
     }
   }, {
     key: "removeIntroductoryMessage",
@@ -12397,7 +12420,7 @@ var de = /*#__PURE__*/function (_he) {
     value: function tryAddTextMessage(e, t, i) {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
       var r = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-      !i.ignoreText && e.text !== void 0 && i.text !== null && (this.addNewTextMessage(e.text, e.role, t, r), !s && this.textToSpeech && e.role !== y.USER_ROLE && gt.speak(e.text, this.textToSpeech));
+      !i.ignoreText && e.text !== void 0 && i.text !== null && (this.addNewTextMessage(e.text, e.role, t, r), !s && this.textToSpeech && e.role !== y.USER_ROLE && bt.speak(e.text, this.textToSpeech));
     }
   }, {
     key: "tryAddFileMessages",
@@ -12410,8 +12433,8 @@ var de = /*#__PURE__*/function (_he) {
     value: function tryAddHTMLMessage(e, t) {
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
       if (e.html !== void 0 && e.html !== null) {
-        var s = _e.add(this, e.html, e.role, t, i);
-        i && Se.isElementTemporary(s) && delete e.html;
+        var s = xe.add(this, e.html, e.role, t, i);
+        i && _e.isElementTemporary(s) && delete e.html;
       }
     }
     // this should not be activated by streamed messages
@@ -12450,7 +12473,7 @@ var de = /*#__PURE__*/function (_he) {
     value: function removeMessageOnError() {
       var e = this.messageElementRefs[this.messageElementRefs.length - 1],
         t = e == null ? void 0 : e.bubbleElement;
-      (t != null && t.classList.contains(we.MESSAGE_CLASS) && t.textContent === "" || de.isTemporaryElement(e)) && this.removeLastMessage();
+      (t != null && t.classList.contains(Ae.MESSAGE_CLASS) && t.textContent === "" || de.isTemporaryElement(e)) && this.removeLastMessage();
     }
     // prettier-ignore
   }, {
@@ -12466,9 +12489,9 @@ var de = /*#__PURE__*/function (_he) {
       var o = r.bubbleElement,
         a = r.outerContainer;
       o.classList.add(y.ERROR_MESSAGE_TEXT_CLASS), this.renderText(o, s);
-      var l = J.extractParticularSharedStyles(["fontSize", "fontFamily"], (h = this.messageStyles) == null ? void 0 : h["default"]);
-      J.applyCustomStylesToElements(r, !1, l), J.applyCustomStylesToElements(r, !1, (f = this.messageStyles) == null ? void 0 : f.error), i || this.appendOuterContainerElemet(a), this.textToSpeech && gt.speak(s, this.textToSpeech), (m = this._onError) == null || m.call(this, s), setTimeout(function () {
-        return G.scrollToBottom(_this61.elementRef);
+      var l = X.extractParticularSharedStyles(["fontSize", "fontFamily"], (h = this.messageStyles) == null ? void 0 : h["default"]);
+      X.applyCustomStylesToElements(r, !1, l), X.applyCustomStylesToElements(r, !1, (f = this.messageStyles) == null ? void 0 : f.error), i || this.appendOuterContainerElemet(a), this.textToSpeech && bt.speak(s, this.textToSpeech), (m = this._onError) == null || m.call(this, s), setTimeout(function () {
+        return V.scrollToBottom(_this61.elementRef);
       });
     }
   }, {
@@ -12510,13 +12533,13 @@ var de = /*#__PURE__*/function (_he) {
       var t = this.messageElementRefs[this.messageElementRefs.length - 1];
       if (he.isLoadingMessage(t) || !e && !this._isLoadingMessageAllowed) return;
       var i = (a = (o = (r = this.messageStyles) == null ? void 0 : r.loading) == null ? void 0 : o.message) == null ? void 0 : a.html,
-        s = i ? _e.createElements(this, i, y.AI_ROLE, !1) : this.addDefaultLoadingMessage();
-      this.appendOuterContainerElemet(s.outerContainer), s.bubbleElement.classList.add(De.BUBBLE_CLASS), this.applyCustomStyles(s, y.AI_ROLE, !1, (d = (c = (l = this.messageStyles) == null ? void 0 : l.loading) == null ? void 0 : c.message) == null ? void 0 : d.styles), this.focusMode || G.scrollToBottom(this.elementRef);
+        s = i ? xe.createElements(this, i, y.AI_ROLE, !1) : this.addDefaultLoadingMessage();
+      this.appendOuterContainerElemet(s.outerContainer), s.bubbleElement.classList.add(De.BUBBLE_CLASS), this.applyCustomStyles(s, y.AI_ROLE, !1, (d = (c = (l = this.messageStyles) == null ? void 0 : l.loading) == null ? void 0 : c.message) == null ? void 0 : d.styles), this.focusMode || V.scrollToBottom(this.elementRef);
     }
   }, {
     key: "populateIntroPanel",
     value: function populateIntroPanel(e, t, i) {
-      (e || t) && (this._introPanel = new Oi(e, t, i), this._introPanel._elementRef && (X.apply(this, this._introPanel._elementRef), this.elementRef.appendChild(this._introPanel._elementRef)));
+      (e || t) && (this._introPanel = new Oi(e, t, i), this._introPanel._elementRef && (G.apply(this, this._introPanel._elementRef), this.elementRef.appendChild(this._introPanel._elementRef)));
     }
   }, {
     key: "addMultipleFiles",
@@ -12528,7 +12551,7 @@ var de = /*#__PURE__*/function (_he) {
               return _context122.abrupt("return", (this._hiddenAttachments = t, Promise.all((e || []).map(function (i) {
                 return new Promise(function (s) {
                   if (!i.type || i.type === "any") {
-                    var r = i.file.name || H.DEFAULT_FILE_NAME;
+                    var r = i.file.name || q.DEFAULT_FILE_NAME;
                     s({
                       name: r,
                       type: "any",
@@ -12596,7 +12619,7 @@ var de = /*#__PURE__*/function (_he) {
   }, {
     key: "isActiveElement",
     value: function isActiveElement(e) {
-      return e ? e.contains(De.BUBBLE_CLASS) || e.contains(Fe.CLASS) || e.contains(we.MESSAGE_CLASS) : !1;
+      return e ? e.contains(De.BUBBLE_CLASS) || e.contains(Fe.CLASS) || e.contains(Ae.MESSAGE_CLASS) : !1;
     }
   }]);
 }(he);
@@ -12638,11 +12661,11 @@ var j = /*#__PURE__*/function () {
 }();
 j.INPUT_OUTSIDE_LEFT_ADJUSTMENT_CLASS = "text-input-container-left-adjustment", j.INPUT_OUTSIDE_RIGHT_ADJUSTMENT_CLASS = "text-input-container-right-adjustment", j.INPUT_OUTSIDE_LEFT_SMALL_ADJUSTMENT_CLASS = "text-input-container-left-small-adjustment", j.INPUT_OUTSIDE_RIGHT_SMALL_ADJUSTMENT_CLASS = "text-input-container-right-small-adjustment";
 var bs = j;
-var yt = /*#__PURE__*/function () {
-  function yt() {
-    _classCallCheck(this, yt);
+var Et = /*#__PURE__*/function () {
+  function Et() {
+    _classCallCheck(this, Et);
   }
-  return _createClass(yt, null, [{
+  return _createClass(Et, null, [{
     key: "create",
     value: function create() {
       return Array.from({
@@ -12666,7 +12689,7 @@ var yt = /*#__PURE__*/function () {
     key: "addButton",
     value: function addButton(e, t, i) {
       t.classList.add(i);
-      var s = yt.getContainerIndex(i);
+      var s = Et.getContainerIndex(i);
       e[s].appendChild(t), s === 3 && t.classList.add("outside-right");
     }
   }]);
@@ -12680,7 +12703,7 @@ var Ys = ["camera", "gifs", "images", "audio", "mixedFiles", "submit", "micropho
     return _createClass(Q, null, [{
       key: "addItemEvents",
       value: function addItemEvents(e, t, i, s) {
-        $e.add(t, s), t.addEventListener("click", function () {
+        We.add(t, s), t.addEventListener("click", function () {
           i.click();
         }), t.addEventListener("mouseenter", function (r) {
           e.highlightedItem = r.target;
@@ -12712,7 +12735,7 @@ var Ys = ["camera", "gifs", "images", "audio", "mixedFiles", "submit", "micropho
             var u;
             return ((u = d.svg) == null ? void 0 : u.content) === "";
           });
-        l.classList.contains(Ae.INPUT_BUTTON_INNER_TEXT_CLASS) ? (c || t.appendChild(Q.createItemIcon(o, i == null ? void 0 : i.iconContainer)), t.appendChild(Q.createItemText(l.textContent, i == null ? void 0 : i.text))) : (c || t.appendChild(Q.createItemIcon(s.children[0], i == null ? void 0 : i.iconContainer)), t.appendChild(Q.createItemText(r, i == null ? void 0 : i.text)));
+        l.classList.contains(Te.INPUT_BUTTON_INNER_TEXT_CLASS) ? (c || t.appendChild(Q.createItemIcon(o, i == null ? void 0 : i.iconContainer)), t.appendChild(Q.createItemText(l.textContent, i == null ? void 0 : i.text))) : (c || t.appendChild(Q.createItemIcon(s.children[0], i == null ? void 0 : i.iconContainer)), t.appendChild(Q.createItemText(r, i == null ? void 0 : i.text)));
       }
     }, {
       key: "createItem",
@@ -12730,7 +12753,7 @@ var Ys = ["camera", "gifs", "images", "audio", "mixedFiles", "submit", "micropho
     }]);
   }();
 Q.MENU_ITEM_CLASS = "dropup-menu-item", Q.TEXT_CLASS = "dropup-menu-item-text", Q.ICON_CLASS = "dropup-menu-item-icon";
-var Ee = Q;
+var Se = Q;
 var O = /*#__PURE__*/function (_ct2) {
   function O(e, t, i, s) {
     var _this62;
@@ -12782,13 +12805,13 @@ var O = /*#__PURE__*/function (_ct2) {
       var t = Array.from(this.elementRef.children);
       if (e != null && e.text) {
         var _i8 = t.find(function (s) {
-          return s.classList.contains(Ee.TEXT_CLASS);
+          return s.classList.contains(Se.TEXT_CLASS);
         });
         _i8 && Object.assign(_i8.style, e.text);
       }
       if (e != null && e.iconContainer) {
         var _i9 = t.find(function (s) {
-          return s.classList.contains(Ee.ICON_CLASS);
+          return s.classList.contains(Se.ICON_CLASS);
         });
         _i9 && Object.assign(_i9.style, e.iconContainer);
       }
@@ -12797,7 +12820,7 @@ var O = /*#__PURE__*/function (_ct2) {
     key: "resetDropupItem",
     value: function resetDropupItem(e) {
       var i, s, r;
-      this.elementRef = X.replaceElementWithNewClone(this.elementRef, this._originalElementRef), this.elementRef.innerHTML = "", ((i = e == null ? void 0 : e.svg) == null ? void 0 : i.content) === "" || this.elementRef.appendChild(Ee.createItemIcon(this.svg, (s = this._menuStyles) == null ? void 0 : s.iconContainer)), this.elementRef.appendChild(Ee.createItemText(this.dropupText, (r = this._menuStyles) == null ? void 0 : r.text));
+      this.elementRef = G.replaceElementWithNewClone(this.elementRef, this._originalElementRef), this.elementRef.innerHTML = "", ((i = e == null ? void 0 : e.svg) == null ? void 0 : i.content) === "" || this.elementRef.appendChild(Se.createItemIcon(this.svg, (s = this._menuStyles) == null ? void 0 : s.iconContainer)), this.elementRef.appendChild(Se.createItemText(this.dropupText, (r = this._menuStyles) == null ? void 0 : r.text));
     }
   }, {
     key: "assignDropupItemStyle",
@@ -12805,25 +12828,25 @@ var O = /*#__PURE__*/function (_ct2) {
       var s;
       this.elementRef.parentElement && this._originalElementRef && this.resetDropupItem(t), this.applyDropupContentStyles(e), Object.assign(this.elementRef.style, (s = e == null ? void 0 : e.item) == null ? void 0 : s["default"]);
       var i = I.processStateful((e == null ? void 0 : e.item) || {});
-      $e.add(this.elementRef, i), this.addClickListener();
+      We.add(this.elementRef, i), this.addClickListener();
     }
   }, {
     key: "changeToDefault",
     value: function changeToDefault(e) {
       var t, i, s, r, o, a;
-      !e && this._state === "default" || (this.elementRef.classList.contains(Ee.MENU_ITEM_CLASS) ? this.assignDropupItemStyle((t = this._dropupStyles) == null ? void 0 : t["default"], (i = this.customStyles) == null ? void 0 : i["default"]) : (this.changeElementsByState(this._innerElements["default"]), (s = this.customStyles) != null && s.active && D.unsetAllCSS(this.elementRef, (r = this.customStyles) == null ? void 0 : r.active), (o = this.customStyles) != null && o.disabled && D.unsetAllCSS(this.elementRef, (a = this.customStyles) == null ? void 0 : a.disabled), this.reapplyStateStyle("default", ["active", "disabled"])), this.elementRef.classList.remove(O.DISABLED_CONTAINER_CLASS, O.ACTIVE_CONTAINER_CLASS), this.elementRef.classList.add(O.DEFAULT_CONTAINER_CLASS), N.removeAriaDisabled(this.elementRef), this._state = "default");
+      !e && this._state === "default" || (this.elementRef.classList.contains(Se.MENU_ITEM_CLASS) ? this.assignDropupItemStyle((t = this._dropupStyles) == null ? void 0 : t["default"], (i = this.customStyles) == null ? void 0 : i["default"]) : (this.changeElementsByState(this._innerElements["default"]), (s = this.customStyles) != null && s.active && D.unsetAllCSS(this.elementRef, (r = this.customStyles) == null ? void 0 : r.active), (o = this.customStyles) != null && o.disabled && D.unsetAllCSS(this.elementRef, (a = this.customStyles) == null ? void 0 : a.disabled), this.reapplyStateStyle("default", ["active", "disabled"])), this.elementRef.classList.remove(O.DISABLED_CONTAINER_CLASS, O.ACTIVE_CONTAINER_CLASS), this.elementRef.classList.add(O.DEFAULT_CONTAINER_CLASS), N.removeAriaDisabled(this.elementRef), this._state = "default");
     }
   }, {
     key: "changeToActive",
     value: function changeToActive(e) {
       var t, i;
-      !e && this._state === "active" || (this.elementRef.classList.contains(Ee.MENU_ITEM_CLASS) ? this.assignDropupItemStyle((t = this._dropupStyles) == null ? void 0 : t.active, (i = this.customStyles) == null ? void 0 : i.active) : (this.changeElementsByState(this._innerElements.active), this.reapplyStateStyle("active", ["disabled", "default"])), this.elementRef.classList.remove(O.DISABLED_CONTAINER_CLASS, O.DEFAULT_CONTAINER_CLASS), this.elementRef.classList.add(O.ACTIVE_CONTAINER_CLASS), N.removeAriaDisabled(this.elementRef), this._state = "active");
+      !e && this._state === "active" || (this.elementRef.classList.contains(Se.MENU_ITEM_CLASS) ? this.assignDropupItemStyle((t = this._dropupStyles) == null ? void 0 : t.active, (i = this.customStyles) == null ? void 0 : i.active) : (this.changeElementsByState(this._innerElements.active), this.reapplyStateStyle("active", ["disabled", "default"])), this.elementRef.classList.remove(O.DISABLED_CONTAINER_CLASS, O.DEFAULT_CONTAINER_CLASS), this.elementRef.classList.add(O.ACTIVE_CONTAINER_CLASS), N.removeAriaDisabled(this.elementRef), this._state = "active");
     }
   }, {
     key: "changeToDisabled",
     value: function changeToDisabled(e) {
       var t, i, s, r, o, a;
-      !e && this._state === "disabled" || (this.elementRef.classList.contains(Ee.MENU_ITEM_CLASS) ? this.assignDropupItemStyle((t = this._dropupStyles) == null ? void 0 : t.disabled, (i = this.customStyles) == null ? void 0 : i.disabled) : (this.changeElementsByState(this._innerElements.disabled), (s = this.customStyles) != null && s.active && D.unsetAllCSS(this.elementRef, (r = this.customStyles) == null ? void 0 : r.active), (o = this.customStyles) != null && o["default"] && D.unsetAllCSS(this.elementRef, (a = this.customStyles) == null ? void 0 : a["default"]), this.reapplyStateStyle("disabled", ["default", "active"])), this.elementRef.classList.remove(O.ACTIVE_CONTAINER_CLASS, O.DEFAULT_CONTAINER_CLASS), this.elementRef.classList.add(O.DISABLED_CONTAINER_CLASS), N.addAriaDisabled(this.elementRef), this._state = "disabled");
+      !e && this._state === "disabled" || (this.elementRef.classList.contains(Se.MENU_ITEM_CLASS) ? this.assignDropupItemStyle((t = this._dropupStyles) == null ? void 0 : t.disabled, (i = this.customStyles) == null ? void 0 : i.disabled) : (this.changeElementsByState(this._innerElements.disabled), (s = this.customStyles) != null && s.active && D.unsetAllCSS(this.elementRef, (r = this.customStyles) == null ? void 0 : r.active), (o = this.customStyles) != null && o["default"] && D.unsetAllCSS(this.elementRef, (a = this.customStyles) == null ? void 0 : a["default"]), this.reapplyStateStyle("disabled", ["default", "active"])), this.elementRef.classList.remove(O.ACTIVE_CONTAINER_CLASS, O.DEFAULT_CONTAINER_CLASS), this.elementRef.classList.add(O.DISABLED_CONTAINER_CLASS), N.addAriaDisabled(this.elementRef), this._state = "disabled");
     }
     // called after class is initialised
   }, {
@@ -12839,12 +12862,12 @@ var O = /*#__PURE__*/function (_ct2) {
       var o = (c = (l = s == null ? void 0 : s[t]) == null ? void 0 : l.svg) == null ? void 0 : c.content,
         a = (u = (d = s == null ? void 0 : s[t]) == null ? void 0 : d.text) == null ? void 0 : u.content;
       if (o === void 0 || a === void 0) {
-        var _Gt$parseSVGTextEleme4 = Gt.parseSVGTextElements(i),
-          h = _Gt$parseSVGTextEleme4.svg,
-          f = _Gt$parseSVGTextEleme4.text,
-          _Gt$parseSVGTextEleme5 = Gt.parseSVGTextElements(r),
-          m = _Gt$parseSVGTextEleme5.svg,
-          p = _Gt$parseSVGTextEleme5.text,
+        var _Vt$parseSVGTextEleme4 = Vt.parseSVGTextElements(i),
+          h = _Vt$parseSVGTextEleme4.svg,
+          f = _Vt$parseSVGTextEleme4.text,
+          _Vt$parseSVGTextEleme5 = Vt.parseSVGTextElements(r),
+          m = _Vt$parseSVGTextEleme5.svg,
+          p = _Vt$parseSVGTextEleme5.text,
           g = [];
         O.addToInnerElements(g, o, h, m), O.addToInnerElements(g, a, f, p), r = g;
       }
@@ -12879,15 +12902,15 @@ var O = /*#__PURE__*/function (_ct2) {
 O.INDICATOR_PREFIX = "custom", O.BUTTON_CLASS = "custom-button", O.DISABLED_CONTAINER_CLASS = "custom-button-container-disabled", O.DEFAULT_CONTAINER_CLASS = "custom-button-container-default", O.ACTIVE_CONTAINER_CLASS = "custom-button-container-active";
 var st = O;
 var oa = "<?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    <path d=\"M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM23 15h-6v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1v6h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h6v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6h6c0.552 0 1-0.448 1-1s-0.448-1-1-1z\"></path>\n</svg>";
-var ni = /*#__PURE__*/function () {
-  function ni() {
-    _classCallCheck(this, ni);
+var ri = /*#__PURE__*/function () {
+  function ri() {
+    _classCallCheck(this, ri);
   }
-  return _createClass(ni, null, [{
+  return _createClass(ri, null, [{
     key: "focusItemWhenOnEdge",
     value: function focusItemWhenOnEdge(e, t) {
       var i = t ? e.children[0] : e.children[e.children.length - 1];
-      ni.focusSiblingItem(i, e, t, !0);
+      ri.focusSiblingItem(i, e, t, !0);
     }
     // isEdgeItem means is it a start or end item
     // prettier-ignore
@@ -12896,7 +12919,7 @@ var ni = /*#__PURE__*/function () {
     value: function focusSiblingItem(e, t, i) {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
       var r = s ? e : e[i ? "nextSibling" : "previousSibling"];
-      r ? (e.dispatchEvent(new MouseEvent("mouseleave")), r.dispatchEvent(new MouseEvent("mouseenter"))) : (e.dispatchEvent(new MouseEvent("mouseleave")), ni.focusItemWhenOnEdge(t, i));
+      r ? (e.dispatchEvent(new MouseEvent("mouseleave")), r.dispatchEvent(new MouseEvent("mouseenter"))) : (e.dispatchEvent(new MouseEvent("mouseleave")), ri.focusItemWhenOnEdge(t, i));
     }
   }]);
 }();
@@ -12927,7 +12950,7 @@ var Cs = /*#__PURE__*/function () {
   }, {
     key: "addItem",
     value: function addItem(e) {
-      var t = Ee.createItem(this, e, this._styles);
+      var t = Se.createItem(this, e, this._styles);
       this.elementRef.appendChild(t);
     }
     // prettier-ignore
@@ -12947,7 +12970,7 @@ var Cs = /*#__PURE__*/function () {
     key: "windowKeyDown",
     value: function windowKeyDown(e, t) {
       var i, s, r;
-      !e.isConnected && this.keyDownEvent ? window.removeEventListener("keydown", this.keyDownEvent) : this._isOpen && (t.key === U.ESCAPE ? (this.close(), (i = this.highlightedItem) == null || i.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === U.ENTER ? ((s = this.highlightedItem) == null || s.click(), (r = this.highlightedItem) == null || r.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === U.ARROW_DOWN ? ni.focusSiblingItem(this.highlightedItem || this.elementRef.children[this.elementRef.children.length - 1], this.elementRef, !0) : t.key === U.ARROW_UP && ni.focusSiblingItem(this.highlightedItem || this.elementRef.children[0], this.elementRef, !1));
+      !e.isConnected && this.keyDownEvent ? window.removeEventListener("keydown", this.keyDownEvent) : this._isOpen && (t.key === U.ESCAPE ? (this.close(), (i = this.highlightedItem) == null || i.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === U.ENTER ? ((s = this.highlightedItem) == null || s.click(), (r = this.highlightedItem) == null || r.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === U.ARROW_DOWN ? ri.focusSiblingItem(this.highlightedItem || this.elementRef.children[this.elementRef.children.length - 1], this.elementRef, !0) : t.key === U.ARROW_UP && ri.focusSiblingItem(this.highlightedItem || this.elementRef.children[0], this.elementRef, !1));
     }
   }], [{
     key: "createElement",
@@ -13039,7 +13062,7 @@ var $ = /*#__PURE__*/function () {
         return r.addItem(a);
       });
       var o = Ni.getPosition(t, s);
-      yt.addButton(e, r.buttonContainer, o), t[o].push({});
+      Et.addButton(e, r.buttonContainer, o), t[o].push({});
     }
   }, {
     key: "addToSideContainer",
@@ -13047,7 +13070,7 @@ var $ = /*#__PURE__*/function () {
       ["inside-left", "inside-right", "outside-left", "outside-right"].forEach(function (s) {
         var r = s;
         t[r].forEach(function (o) {
-          yt.addButton(e, o.button.elementRef, r);
+          Et.addButton(e, o.button.elementRef, r);
         });
       });
     }
@@ -13193,17 +13216,17 @@ var Gi = /*#__PURE__*/function (_ct4) {
 function ua(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n["default"] : n;
 }
-var pi = {},
-  Et = {},
+var mi = {},
   St = {},
   _t = {},
   xt = {},
+  wt = {},
   Zs;
 function Vi() {
-  if (Zs) return xt;
-  Zs = 1, Object.defineProperty(xt, "__esModule", {
+  if (Zs) return wt;
+  Zs = 1, Object.defineProperty(wt, "__esModule", {
     value: !0
-  }), xt.Text = void 0;
+  }), wt.Text = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13232,14 +13255,14 @@ function Vi() {
       }
     }]);
   }();
-  return xt.Text = n, n.FIRST_CHAR_REGEX = /\S/, n.DOUBLE_LINE = /\n\n/g, n.ONE_LINE = /\n/g, xt;
+  return wt.Text = n, n.FIRST_CHAR_REGEX = /\S/, n.DOUBLE_LINE = /\n\n/g, n.ONE_LINE = /\n/g, wt;
 }
 var Qs;
 function Dn() {
-  if (Qs) return _t;
-  Qs = 1, Object.defineProperty(_t, "__esModule", {
+  if (Qs) return xt;
+  Qs = 1, Object.defineProperty(xt, "__esModule", {
     value: !0
-  }), _t.Translate = void 0;
+  }), xt.Translate = void 0;
   var n = Vi();
   var e = /*#__PURE__*/function () {
     function e() {
@@ -13254,14 +13277,14 @@ function Dn() {
       }
     }]);
   }();
-  return _t.Translate = e, _t;
+  return xt.Translate = e, xt;
 }
 var en;
 function fa() {
-  if (en) return St;
-  en = 1, Object.defineProperty(St, "__esModule", {
+  if (en) return _t;
+  en = 1, Object.defineProperty(_t, "__esModule", {
     value: !0
-  }), St.WebSpeechTranscript = void 0;
+  }), _t.WebSpeechTranscript = void 0;
   var n = Dn();
   var e = /*#__PURE__*/function () {
     function e() {
@@ -13298,30 +13321,30 @@ function fa() {
       }
     }]);
   }();
-  return St.WebSpeechTranscript = e, St;
+  return _t.WebSpeechTranscript = e, _t;
 }
-var wt = {},
+var At = {},
   tn;
 function Rs() {
-  if (tn) return wt;
-  tn = 1, Object.defineProperty(wt, "__esModule", {
+  if (tn) return At;
+  tn = 1, Object.defineProperty(At, "__esModule", {
     value: !0
-  }), wt.Browser = void 0;
+  }), At.Browser = void 0;
   var n = /*#__PURE__*/_createClass(function n() {
     _classCallCheck(this, n);
   });
-  return wt.Browser = n, n.IS_SAFARI = function () {
+  return At.Browser = n, n.IS_SAFARI = function () {
     return n._IS_SAFARI === void 0 && (n._IS_SAFARI = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)), n._IS_SAFARI;
-  }, wt;
+  }, At;
 }
-var At = {},
-  Tt = {},
+var Tt = {},
+  Ct = {},
   sn;
 function pa() {
-  if (sn) return Tt;
-  sn = 1, Object.defineProperty(Tt, "__esModule", {
+  if (sn) return Ct;
+  sn = 1, Object.defineProperty(Ct, "__esModule", {
     value: !0
-  }), Tt.EventListeners = void 0;
+  }), Ct.EventListeners = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13364,15 +13387,15 @@ function pa() {
       }
     }]);
   }();
-  return Tt.EventListeners = n, n.KEY_DOWN_TIMEOUT = null, Tt;
+  return Ct.EventListeners = n, n.KEY_DOWN_TIMEOUT = null, Ct;
 }
-var Ct = {},
+var Rt = {},
   nn;
 function ma() {
-  if (nn) return Ct;
-  nn = 1, Object.defineProperty(Ct, "__esModule", {
+  if (nn) return Rt;
+  nn = 1, Object.defineProperty(Rt, "__esModule", {
     value: !0
-  }), Ct.PreResultUtils = void 0;
+  }), Rt.PreResultUtils = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13387,16 +13410,16 @@ function ma() {
       }
     }]);
   }();
-  return Ct.PreResultUtils = n, Ct;
+  return Rt.PreResultUtils = n, Rt;
 }
-var Rt = {},
-  Mt = {},
+var Mt = {},
+  kt = {},
   rn;
 function Bn() {
-  if (rn) return Mt;
-  rn = 1, Object.defineProperty(Mt, "__esModule", {
+  if (rn) return kt;
+  rn = 1, Object.defineProperty(kt, "__esModule", {
     value: !0
-  }), Mt.AutoScroll = void 0;
+  }), kt.AutoScroll = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13432,15 +13455,15 @@ function Bn() {
       }
     }]);
   }();
-  return Mt.AutoScroll = n, Mt;
+  return kt.AutoScroll = n, kt;
 }
-var kt = {},
+var Lt = {},
   on;
 function Ki() {
-  if (on) return kt;
-  on = 1, Object.defineProperty(kt, "__esModule", {
+  if (on) return Lt;
+  on = 1, Object.defineProperty(Lt, "__esModule", {
     value: !0
-  }), kt.Elements = void 0;
+  }), Lt.Elements = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13487,15 +13510,15 @@ function Ki() {
       }
     }]);
   }();
-  return kt.Elements = n, kt;
+  return Lt.Elements = n, Lt;
 }
-var Lt = {},
+var It = {},
   an;
-function $i() {
-  if (an) return Lt;
-  an = 1, Object.defineProperty(Lt, "__esModule", {
+function Wi() {
+  if (an) return It;
+  an = 1, Object.defineProperty(It, "__esModule", {
     value: !0
-  }), Lt.Cursor = void 0;
+  }), It.Cursor = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13576,18 +13599,18 @@ function $i() {
       }
     }]);
   }();
-  return Lt.Cursor = n, Lt;
+  return It.Cursor = n, It;
 }
 var ln;
 function Fn() {
-  if (ln) return Rt;
-  ln = 1, Object.defineProperty(Rt, "__esModule", {
+  if (ln) return Mt;
+  ln = 1, Object.defineProperty(Mt, "__esModule", {
     value: !0
-  }), Rt.CommandUtils = void 0;
+  }), Mt.CommandUtils = void 0;
   var n = Bn(),
     e = Ki(),
     t = Rs(),
-    i = $i(),
+    i = Wi(),
     s = Vi();
   var r = /*#__PURE__*/function () {
     function r() {
@@ -13683,17 +13706,17 @@ function Fn() {
       }
     }]);
   }();
-  return Rt.CommandUtils = r, Rt;
+  return Mt.CommandUtils = r, Mt;
 }
-var It = {},
+var Ot = {},
   cn;
 function ga() {
-  if (cn) return It;
-  cn = 1, Object.defineProperty(It, "__esModule", {
+  if (cn) return Ot;
+  cn = 1, Object.defineProperty(Ot, "__esModule", {
     value: !0
-  }), It.Highlight = void 0;
+  }), Ot.Highlight = void 0;
   var n = Ki(),
-    e = $i();
+    e = Wi();
   var t = /*#__PURE__*/function () {
     function t() {
       _classCallCheck(this, t);
@@ -13742,17 +13765,17 @@ function ga() {
       }
     }]);
   }();
-  return It.Highlight = t, It;
+  return Ot.Highlight = t, Ot;
 }
-var Ot = {},
+var Pt = {},
   dn;
 function ba() {
-  if (dn) return Ot;
-  dn = 1, Object.defineProperty(Ot, "__esModule", {
+  if (dn) return Pt;
+  dn = 1, Object.defineProperty(Pt, "__esModule", {
     value: !0
-  }), Ot.Padding = void 0;
+  }), Pt.Padding = void 0;
   var n = Ki(),
-    e = $i(),
+    e = Wi(),
     t = Vi();
   var i = /*#__PURE__*/function () {
     function i() {
@@ -13811,14 +13834,14 @@ function ba() {
       }
     }]);
   }();
-  return Ot.Padding = i, Ot;
+  return Pt.Padding = i, Pt;
 }
 var hn;
 function Un() {
-  if (hn) return At;
-  hn = 1, Object.defineProperty(At, "__esModule", {
+  if (hn) return Tt;
+  hn = 1, Object.defineProperty(Tt, "__esModule", {
     value: !0
-  }), At.Speech = void 0;
+  }), Tt.Speech = void 0;
   var n = pa(),
     e = ma(),
     t = Fn(),
@@ -13827,7 +13850,7 @@ function Un() {
     r = Ki(),
     o = ba(),
     a = Rs(),
-    l = $i(),
+    l = Wi(),
     c = Vi();
   var d = /*#__PURE__*/function () {
     function d() {
@@ -13937,14 +13960,14 @@ function Un() {
       }
     }]);
   }();
-  return At.Speech = d, At;
+  return Tt.Speech = d, Tt;
 }
 var un;
 function va() {
-  if (un) return Et;
-  un = 1, Object.defineProperty(Et, "__esModule", {
+  if (un) return St;
+  un = 1, Object.defineProperty(St, "__esModule", {
     value: !0
-  }), Et.WebSpeech = void 0;
+  }), St.WebSpeech = void 0;
   var n = fa(),
     e = Rs(),
     t = Un();
@@ -14012,15 +14035,15 @@ function va() {
       }
     }]);
   }(t.Speech);
-  return Et.WebSpeech = i, Et;
+  return St.WebSpeech = i, St;
 }
-var Pt = {},
+var Nt = {},
   fn;
 function ya() {
-  if (fn) return Pt;
-  fn = 1, Object.defineProperty(Pt, "__esModule", {
+  if (fn) return Nt;
+  fn = 1, Object.defineProperty(Nt, "__esModule", {
     value: !0
-  }), Pt.GlobalState = void 0;
+  }), Nt.GlobalState = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -14034,16 +14057,16 @@ function ya() {
       }
     }]);
   }();
-  return Pt.GlobalState = n, n.doubleClickPending = !1, Pt;
+  return Nt.GlobalState = n, n.doubleClickPending = !1, Nt;
 }
-var Nt = {},
-  Dt = {},
+var Dt = {},
+  Bt = {},
   pn;
 function Ea() {
-  if (pn) return Dt;
-  pn = 1, Object.defineProperty(Dt, "__esModule", {
+  if (pn) return Bt;
+  pn = 1, Object.defineProperty(Bt, "__esModule", {
     value: !0
-  }), Dt.PreventConnectionStop = void 0;
+  }), Bt.PreventConnectionStop = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -14062,22 +14085,22 @@ function Ea() {
       }
     }]);
   }();
-  return Dt.PreventConnectionStop = n, Dt;
+  return Bt.PreventConnectionStop = n, Bt;
 }
-var Bt = {},
-  Ft = {},
+var Ft = {},
+  Ut = {},
   mn;
 function Sa() {
-  return mn || (mn = 1, Object.defineProperty(Ft, "__esModule", {
+  return mn || (mn = 1, Object.defineProperty(Ut, "__esModule", {
     value: !0
-  }), Ft.README_URL = void 0, Ft.README_URL = "https://github.com/OvidijusParsiunas/speech-to-element"), Ft;
+  }), Ut.README_URL = void 0, Ut.README_URL = "https://github.com/OvidijusParsiunas/speech-to-element"), Ut;
 }
 var gn;
 function _a() {
-  if (gn) return Bt;
-  gn = 1, Object.defineProperty(Bt, "__esModule", {
+  if (gn) return Ft;
+  gn = 1, Object.defineProperty(Ft, "__esModule", {
     value: !0
-  }), Bt.AzureSpeechConfig = void 0;
+  }), Ft.AzureSpeechConfig = void 0;
   var n = Sa();
   var e = /*#__PURE__*/function () {
     function e() {
@@ -14146,15 +14169,15 @@ function _a() {
       }()
     }]);
   }();
-  return Bt.AzureSpeechConfig = e, Bt;
+  return Ft.AzureSpeechConfig = e, Ft;
 }
-var Ut = {},
+var jt = {},
   bn;
 function xa() {
-  if (bn) return Ut;
-  bn = 1, Object.defineProperty(Ut, "__esModule", {
+  if (bn) return jt;
+  bn = 1, Object.defineProperty(jt, "__esModule", {
     value: !0
-  }), Ut.StopTimeout = void 0;
+  }), jt.StopTimeout = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -14178,15 +14201,15 @@ function xa() {
       }
     }]);
   }();
-  return Ut.StopTimeout = n, n.DEFAULT_MS = 2e4, Ut;
+  return jt.StopTimeout = n, n.DEFAULT_MS = 2e4, jt;
 }
-var jt = {},
+var Ht = {},
   vn;
 function wa() {
-  if (vn) return jt;
-  vn = 1, Object.defineProperty(jt, "__esModule", {
+  if (vn) return Ht;
+  vn = 1, Object.defineProperty(Ht, "__esModule", {
     value: !0
-  }), jt.AzureAudioConfig = void 0;
+  }), Ht.AzureAudioConfig = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -14198,7 +14221,7 @@ function wa() {
       }
     }]);
   }();
-  return jt.AzureAudioConfig = n, jt;
+  return Ht.AzureAudioConfig = n, Ht;
 }
 var qt = {},
   yn;
@@ -14233,10 +14256,10 @@ function Aa() {
 }
 var En;
 function Ta() {
-  if (En) return Nt;
-  En = 1, Object.defineProperty(Nt, "__esModule", {
+  if (En) return Dt;
+  En = 1, Object.defineProperty(Dt, "__esModule", {
     value: !0
-  }), Nt.Azure = void 0;
+  }), Dt.Azure = void 0;
   var n = Ea(),
     e = _a(),
     t = xa(),
@@ -14407,12 +14430,12 @@ function Ta() {
       }
     }]);
   }(r.Speech);
-  return Nt.Azure = o, Nt;
+  return Dt.Azure = o, Dt;
 }
 var Sn;
 function Ca() {
-  if (Sn) return pi;
-  Sn = 1, Object.defineProperty(pi, "__esModule", {
+  if (Sn) return mi;
+  Sn = 1, Object.defineProperty(mi, "__esModule", {
     value: !0
   });
   var n = va(),
@@ -14459,10 +14482,10 @@ function Ca() {
       }
     }]);
   }();
-  return pi["default"] = s, pi;
+  return mi["default"] = s, mi;
 }
 var Ra = Ca();
-var mi = /* @__PURE__ */ua(Ra);
+var gi = /* @__PURE__ */ua(Ra);
 var Ma = /*#__PURE__*/function () {
   function Ma(e, t) {
     _classCallCheck(this, Ma);
@@ -14474,7 +14497,7 @@ var Ma = /*#__PURE__*/function () {
       var _this73 = this;
       this._silenceTimeout = setTimeout(function () {
         var i;
-        (i = e.submit) == null || i.call(e), mi.stop(), _this73._stop || setTimeout(t, ri.MICROPHONE_RESET_TIMEOUT_MS);
+        (i = e.submit) == null || i.call(e), gi.stop(), _this73._stop || setTimeout(t, oi.MICROPHONE_RESET_TIMEOUT_MS);
       }, this._silenceMS);
     }
   }, {
@@ -14503,7 +14526,7 @@ var Zt = /*#__PURE__*/function (_Gi) {
     var _this74$processConfig = _this74.processConfiguration(t, e.speechToText),
       r = _this74$processConfig.serviceName,
       o = _this74$processConfig.processedConfig;
-    if (_this74._addErrorMessage = i, r === "webspeech" && !mi.isWebSpeechSupported()) _this74.changeToUnsupported();else {
+    if (_this74._addErrorMessage = i, r === "webspeech" && !gi.isWebSpeechSupported()) _this74.changeToUnsupported();else {
       var a = !e.textInput || !e.textInput.disabled;
       _this74.elementRef.onclick = _this74.buttonClick.bind(_this74, t, a, r, o);
     }
@@ -14534,7 +14557,7 @@ var Zt = /*#__PURE__*/function (_Gi) {
         return d.toLowerCase().includes(a) ? (setTimeout(function () {
           var u;
           return (u = e.submit) == null ? void 0 : u.call(e);
-        }), mi.endCommandMode(), {
+        }), gi.endCommandMode(), {
           restart: !0,
           removeNewText: !0
         }) : null;
@@ -14548,7 +14571,7 @@ var Zt = /*#__PURE__*/function (_Gi) {
     value: function buttonClick(e, t, i, s) {
       var _this75 = this;
       var r = s == null ? void 0 : s.events;
-      e.removePlaceholderStyle(), mi.toggle(i, _objectSpread({
+      e.removePlaceholderStyle(), gi.toggle(i, _objectSpread({
         insertInCursorLocation: !1,
         element: t ? e.inputElementRef : void 0,
         onError: function onError() {
@@ -14607,20 +14630,21 @@ var Zt = /*#__PURE__*/function (_Gi) {
   }]);
 }(Gi);
 Zt.MICROPHONE_RESET_TIMEOUT_MS = 300;
-var ri = Zt;
+var oi = Zt;
 var Ne = /*#__PURE__*/function () {
   // prettier-ignore
-  function Ne(e, t, i, s) {
+  function Ne(e, t, i, s, r) {
     var _this76 = this;
     _classCallCheck(this, Ne);
-    this._attachments = [], this._fileCountLimit = 99, this._acceptedFormat = "", this._hiddenAttachments = /* @__PURE__ */new Set(), t.maxNumberOfFiles && (this._fileCountLimit = t.maxNumberOfFiles), this._toggleContainerDisplay = i, this._fileAttachmentsContainerRef = s, t.acceptedFormats && (this._acceptedFormat = t.acceptedFormats), setTimeout(function () {
-      _this76._validationHandler = e._validationHandler;
+    this._attachments = [], this._fileCountLimit = 99, this._acceptedFormat = "", this._hiddenAttachments = /* @__PURE__ */new Set(), i.maxNumberOfFiles && (this._fileCountLimit = i.maxNumberOfFiles), this._toggleContainerDisplay = s, this._fileAttachmentsContainerRef = r, i.acceptedFormats && (this._acceptedFormat = i.acceptedFormats), setTimeout(function () {
+      _this76._validationHandler = e._validationHandler, _this76._onInput = t.onInput;
     });
   }
   return _createClass(Ne, [{
     key: "attemptAddFile",
     value: function attemptAddFile(e, t) {
-      return Ne.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), !0) : !1;
+      var i;
+      return Ne.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), (i = this._onInput) == null || i.call(this, !0), !0) : !1;
     }
   }, {
     key: "addAttachmentBasedOnType",
@@ -14630,7 +14654,7 @@ var Ne = /*#__PURE__*/function () {
         var r = Ne.createImageAttachment(t);
         this.addFileAttachment(e, "image", r, i);
       } else if (s === "audio") {
-        var _r3 = oi.createAudioAttachment(t);
+        var _r3 = ai.createAudioAttachment(t);
         this.addFileAttachment(e, "audio", _r3, i);
       } else {
         var _r4 = Ne.createAnyFileAttachment(e.name);
@@ -14665,13 +14689,14 @@ var Ne = /*#__PURE__*/function () {
     }
   }, {
     key: "removeAttachment",
-    value: function removeAttachment(e) {
-      var s;
-      var t = this._attachments.findIndex(function (r) {
-          return r === e;
+    value: function removeAttachment(e, t) {
+      var r, o;
+      (r = this._onInput) == null || r.call(this, !!(t != null && t.isTrusted));
+      var i = this._attachments.findIndex(function (a) {
+          return a === e;
         }),
-        i = this._attachments[t].attachmentContainerElement;
-      this._attachments.splice(t, 1), oi.stopAttachmentPlayback(i), i.remove(), this._toggleContainerDisplay(!1), (s = this._validationHandler) == null || s.call(this);
+        s = this._attachments[i].attachmentContainerElement;
+      this._attachments.splice(i, 1), ai.stopAttachmentPlayback(s), s.remove(), this._toggleContainerDisplay(!1), (o = this._validationHandler) == null || o.call(this);
     }
   }, {
     key: "getFiles",
@@ -14708,9 +14733,10 @@ var Ne = /*#__PURE__*/function () {
     key: "readdAttachments",
     value: function readdAttachments() {
       var _this78 = this;
-      Array.from(this._hiddenAttachments).forEach(function (e) {
-        _this78._fileAttachmentsContainerRef.appendChild(e.attachmentContainerElement), _this78._attachments.push(e);
-      }), this._hiddenAttachments.clear();
+      var e;
+      Array.from(this._hiddenAttachments).forEach(function (t) {
+        _this78._fileAttachmentsContainerRef.appendChild(t.attachmentContainerElement), _this78._attachments.push(t);
+      }), (e = this._onInput) == null || e.call(this, !1), this._hiddenAttachments.clear();
     }
   }], [{
     key: "isFileTypeValid",
@@ -14762,9 +14788,9 @@ var Ne = /*#__PURE__*/function () {
 }();
 var Oe = /*#__PURE__*/function (_Ne) {
   // prettier-ignore
-  function Oe(e, t, i, s) {
+  function Oe(e, t, i, s, r) {
     _classCallCheck(this, Oe);
-    return _callSuper(this, Oe, [e, t, i, s]);
+    return _callSuper(this, Oe, [e, t, i, s, r]);
   }
   _inherits(Oe, _Ne);
   return _createClass(Oe, [{
@@ -14842,7 +14868,7 @@ var Oe = /*#__PURE__*/function (_Ne) {
   }, {
     key: "addAudioElements",
     value: function addAudioElements(e, t) {
-      var i = e.parentElement ? G.cloneElement(e) : e,
+      var i = e.parentElement ? V.cloneElement(e) : e,
         s = document.createElement("audio");
       s.src = t;
       var r = Ue.createSVGElement(Pn);
@@ -14873,7 +14899,7 @@ var Oe = /*#__PURE__*/function (_Ne) {
   }]);
 }(Ne);
 Oe.TIMER_LIMIT_S = 5999;
-var oi = Oe;
+var ai = Oe;
 var ka = /*#__PURE__*/function () {
   function ka() {
     _classCallCheck(this, ka);
@@ -14882,24 +14908,24 @@ var ka = /*#__PURE__*/function () {
     key: "create",
     value:
     // prettier-ignore
-    function create(e, t, i, s, r) {
-      return r === "audio" ? new oi(e, t, i, s) : new Ne(e, t, i, s);
+    function create(e, t, i, s, r, o) {
+      return o === "audio" ? new ai(e, t, i, s, r) : new Ne(e, t, i, s, r);
     }
   }]);
 }();
-var di = /*#__PURE__*/function () {
-  function di(e, t, i) {
-    _classCallCheck(this, di);
+var hi = /*#__PURE__*/function () {
+  function hi(e, t, i) {
+    _classCallCheck(this, hi);
     this._fileAttachmentsTypes = [], this.elementRef = this.createAttachmentContainer();
     var s = _typeof(i) == "object" && !!i.displayFileAttachmentContainer;
     this.toggleContainerDisplay(s), e.appendChild(this.elementRef), t && Object.assign(this.elementRef.style, t);
   }
   // prettier-ignore
-  return _createClass(di, [{
+  return _createClass(hi, [{
     key: "addType",
-    value: function addType(e, t, i) {
-      var s = ka.create(e, t, this.toggleContainerDisplay.bind(this), this.elementRef, i);
-      return this._fileAttachmentsTypes.push(s), s;
+    value: function addType(e, t, i, s) {
+      var r = ka.create(e, t, i, this.toggleContainerDisplay.bind(this), this.elementRef, s);
+      return this._fileAttachmentsTypes.push(r), r;
     }
   }, {
     key: "createAttachmentContainer",
@@ -14959,7 +14985,7 @@ var di = /*#__PURE__*/function () {
   }, {
     key: "addFilesToAnyType",
     value: function addFilesToAnyType(e) {
-      di.addFilesToType(e, this._fileAttachmentsTypes);
+      hi.addFilesToType(e, this._fileAttachmentsTypes);
     }
   }, {
     key: "hideFiles",
@@ -14999,12 +15025,12 @@ var di = /*#__PURE__*/function () {
     }
   }]);
 }();
-var ge = /*#__PURE__*/function () {
-  function ge(e, t, i) {
-    _classCallCheck(this, ge);
-    this._isOpen = !1, this._contentRef = ge.createModalContent(t, i == null ? void 0 : i.backgroundColor), this._buttonPanel = ge.createButtonPanel(i == null ? void 0 : i.backgroundColor), this._elementRef = ge.createContainer(this._contentRef, i), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = ge.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents(e);
+var be = /*#__PURE__*/function () {
+  function be(e, t, i) {
+    _classCallCheck(this, be);
+    this._isOpen = !1, this._contentRef = be.createModalContent(t, i == null ? void 0 : i.backgroundColor), this._buttonPanel = be.createButtonPanel(i == null ? void 0 : i.backgroundColor), this._elementRef = be.createContainer(this._contentRef, i), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = be.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents(e);
   }
-  return _createClass(ge, [{
+  return _createClass(be, [{
     key: "isOpen",
     value: function isOpen() {
       return this._isOpen;
@@ -15026,7 +15052,7 @@ var ge = /*#__PURE__*/function () {
       var _this82 = 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 () {
         _this82._elementRef.style.display = "none", _this82._backgroundPanelRef.style.display = "none";
-      }, ge.MODAL_CLOSE_TIMEOUT_MS);
+      }, be.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "displayModalElements",
@@ -15042,7 +15068,7 @@ var ge = /*#__PURE__*/function () {
     key: "addCloseButton",
     value: function addCloseButton(e, t, i) {
       var _this83 = this;
-      var s = t ? ge.createSVGButton(e) : ge.createTextButton(e);
+      var s = t ? be.createSVGButton(e) : be.createTextButton(e);
       return this.addButtons(s), s.onclick = function () {
         _this83.close(), setTimeout(function () {
           i == null || i();
@@ -15104,14 +15130,14 @@ var ge = /*#__PURE__*/function () {
     value: function createTextModalFunc(e, t, i) {
       var s;
       if (_typeof(t) == "object" && (s = t.files) != null && s.infoModal) {
-        var r = new ge(e, ["modal-content"], t.files.infoModal.containerStyle);
+        var r = new be(e, ["modal-content"], t.files.infoModal.containerStyle);
         return r.addCloseButton("OK", !1, i), r.openTextModal.bind(r, t.infoModalTextMarkUp || "");
       }
     }
   }]);
 }();
-ge.MODAL_CLOSE_TIMEOUT_MS = 190;
-var tt = ge;
+be.MODAL_CLOSE_TIMEOUT_MS = 190;
+var tt = be;
 var Di = /*#__PURE__*/function (_ct5) {
   // prettier-ignore
   function Di(e, t, i, s, r, o) {
@@ -15141,7 +15167,7 @@ var Di = /*#__PURE__*/function (_ct5) {
   }, {
     key: "import",
     value: function _import(e) {
-      di.addFilesToType(Array.from(e.files || []), [this._fileAttachmentsType]), e.value = "";
+      hi.addFilesToType(Array.from(e.files || []), [this._fileAttachmentsType]), e.value = "";
     }
   }, {
     key: "addClickEvent",
@@ -15222,11 +15248,11 @@ var Pe = /*#__PURE__*/function () {
     }
   }]);
 }();
-var We = /*#__PURE__*/function () {
-  function We() {
-    _classCallCheck(this, We);
+var $e = /*#__PURE__*/function () {
+  function $e() {
+    _classCallCheck(this, $e);
   }
-  return _createClass(We, null, [{
+  return _createClass($e, null, [{
     key: "validate",
     value:
     // prettier-ignore
@@ -15250,7 +15276,7 @@ var We = /*#__PURE__*/function () {
               o = i.getAllFileData(), a = o == null ? void 0 : o.map(function (l) {
                 return l.file;
               });
-              return _context129.abrupt("return", We.validate(e, s, r, a));
+              return _context129.abrupt("return", $e.validate(e, s, r, a));
             case 5:
             case "end":
               return _context129.stop();
@@ -15273,7 +15299,7 @@ var We = /*#__PURE__*/function () {
               s = (r = t.files) == null ? void 0 : r.map(function (o) {
                 return o.file;
               });
-              return _context130.abrupt("return", We.validate(e, i, t.text, s, !0));
+              return _context130.abrupt("return", $e.validate(e, i, t.text, s, !0));
             case 2:
             case "end":
               return _context130.stop();
@@ -15290,7 +15316,7 @@ var We = /*#__PURE__*/function () {
     value: function validateWebsocket(e, t) {
       var i = e.websocket,
         s = e.connectSettings;
-      return i && s.url !== ve.URL && !q.canSendMessage(i) ? (t.changeToDisabledIcon(), !1) : !0;
+      return i && s.url !== ye.URL && !H.canSendMessage(i) ? (t.changeToDisabledIcon(), !1) : !0;
     }
     // prettier-ignore
   }, {
@@ -15303,14 +15329,14 @@ var We = /*#__PURE__*/function () {
           return _regeneratorRuntime().wrap(function _callee131$(_context131) {
             while (1) switch (_context131.prev = _context131.next) {
               case 0:
-                if (!(r.status.loadingActive || r.status.requestInProgress || t.isSubmitProgrammaticallyDisabled === !0 || !We.validateWebsocket(t, r))) {
+                if (!(r.status.loadingActive || r.status.requestInProgress || t.isSubmitProgrammaticallyDisabled === !0 || !$e.validateWebsocket(t, r))) {
                   _context131.next = 2;
                   break;
                 }
                 return _context131.abrupt("return", !1);
               case 2:
                 l = o || t.canSendMessage;
-                return _context131.abrupt("return", l ? a ? We.useValidationFuncProgrammatic(l, a, r) : We.useValidationFunc(l, i, s, r) : null);
+                return _context131.abrupt("return", l ? a ? $e.useValidationFuncProgrammatic(l, a, r) : $e.useValidationFunc(l, i, s, r) : null);
               case 4:
               case "end":
                 return _context131.stop();
@@ -15468,21 +15494,21 @@ var P = /*#__PURE__*/function (_ct6) {
     key: "createCustomElements",
     value: function createCustomElements() {
       var _this90 = this;
-      var e = Ae.createCustomElements("submit", this.svg, this.customStyles),
+      var e = Te.createCustomElements("submit", this.svg, this.customStyles),
         t = {
           loading: void 0,
           stop: void 0
         };
       return Object.keys(t).forEach(function (i) {
         var s = i,
-          r = Ae.createCustomElements(s, _this90.svg, _this90.customStyles);
+          r = Te.createCustomElements(s, _this90.svg, _this90.customStyles);
         r && (t[s] = r);
       }), t.submit = e || this.buildDefaultIconElement("submit-icon"), t;
     }
   }, {
     key: "createDisabledIconElement",
     value: function createDisabledIconElement(e) {
-      return Ae.createCustomElements("disabled", this.svg, this.customStyles) || [e[0].cloneNode(!0)];
+      return Te.createCustomElements("disabled", this.svg, this.customStyles) || [e[0].cloneNode(!0)];
     }
     // prettier-ignore
   }, {
@@ -15705,7 +15731,7 @@ var P = /*#__PURE__*/function (_ct6) {
       var _this92 = this;
       this.elementRef.classList.contains(P.SUBMIT_CLASS) || (this.elementRef.classList.remove(P.LOADING_CLASS, P.DISABLED_CLASS), N.removeAriaAttributes(this.elementRef), this.elementRef.classList.add(P.SUBMIT_CLASS), this.changeElementsByState(this._innerElements.submit), it.resetSubmit(this, this.status.loadingActive), this.elementRef.onclick = function () {
         var e;
-        _this92.submitFromInput(), (e = _this92._microphoneButton) != null && e.isActive && ri.toggleSpeechAfterSubmit(_this92._microphoneButton.elementRef, !!_this92._stopSTTAfterSubmit);
+        _this92.submitFromInput(), (e = _this92._microphoneButton) != null && e.isActive && oi.toggleSpeechAfterSubmit(_this92._microphoneButton.elementRef, !!_this92._stopSTTAfterSubmit);
       });
     }
     // called every time when user triggers an input via ValidationHandler - hence use class to check if not already present
@@ -15782,7 +15808,7 @@ var Ms = /*#__PURE__*/function (_tt) {
         _this94.capture();
       }, t.addEventListener("click", this.stop.bind(this)), i.onclick = function () {
         var r = _this94.getFile();
-        r && di.addFilesToType([r], [s]), _this94.stop(), _this94.close();
+        r && hi.addFilesToType([r], [s]), _this94.stop(), _this94.close();
       };
     }
   }, {
@@ -15897,36 +15923,36 @@ var ks = /*#__PURE__*/function (_ct7) {
     }
   }]);
 }(ct);
-var Kt = /*#__PURE__*/function () {
-  function Kt(e, t, i, s) {
-    _classCallCheck(this, Kt);
-    this.elementRef = Kt.createPanelElement(e.inputAreaStyle);
+var ht = /*#__PURE__*/function () {
+  function ht(e, t, i, s) {
+    _classCallCheck(this, ht);
+    this.elementRef = ht.createPanelElement(e.inputAreaStyle);
     var r = {},
       o = this.createFileUploadComponents(e, i, s, r),
-      a = new vi(e, i, o);
+      a = new yi(e, i, o);
     e.speechToText && !r.microphone && (r.microphone = {
-      button: new ri(e, a, t.addNewErrorMessage.bind(t))
+      button: new oi(e, a, t.addNewErrorMessage.bind(t))
     });
     var l = new vs(e, a, t, i, o, r);
-    a.submit = l.submitFromInput.bind(l), We.attach(e, i, a, o, l), e.submitUserMessage = l.programmaticSubmit.bind(l), r.submit = {
+    a.submit = l.submitFromInput.bind(l), $e.attach(e, i, a, o, l), e.submitUserMessage = l.programmaticSubmit.bind(l), r.submit = {
       button: l
-    }, e.customButtons && st.add(e, r), Kt.addElements(this.elementRef, a, r, s, o, e.dropupStyles);
+    }, e.customButtons && st.add(e, r), ht.addElements(this.elementRef, a, r, s, o, e.dropupStyles), ht.assignOnInput(e, i, o, a);
   }
-  return _createClass(Kt, [{
+  return _createClass(ht, [{
     key: "createFileUploadComponents",
     value:
     // prettier-ignore
     function createFileUploadComponents(e, t, i, s) {
       var o, a, l, c;
-      var r = new di(this.elementRef, e.attachmentContainerStyle, t.demo);
-      if (Kt.createUploadButtons(e, t.fileTypes || {}, r, i, s), (o = t.camera) != null && o.files) {
-        var d = ((a = s.images) == null ? void 0 : a.fileType) || r.addType(e, t.camera.files, "images");
+      var r = new hi(this.elementRef, e.attachmentContainerStyle, t.demo);
+      if (ht.createUploadButtons(e, t, t.fileTypes || {}, r, i, s), (o = t.camera) != null && o.files) {
+        var d = ((a = s.images) == null ? void 0 : a.fileType) || r.addType(e, t, t.camera.files, "images");
         s.camera = {
           button: new ks(i, d, t.camera)
         };
       }
       if ((l = t.recordAudio) != null && l.files) {
-        var _d = ((c = s.audio) == null ? void 0 : c.fileType) || r.addType(e, t.recordAudio.files, "audio");
+        var _d = ((c = s.audio) == null ? void 0 : c.fileType) || r.addType(e, t, t.recordAudio.files, "audio");
         s.microphone = {
           button: new La(_d, t.recordAudio)
         };
@@ -15942,20 +15968,20 @@ var Kt = /*#__PURE__*/function () {
     }
   }, {
     key: "createUploadButtons",
-    value: function createUploadButtons(e, t, i, s, r) {
-      Object.keys(t).forEach(function (o) {
-        var a = o,
-          l = t[a];
-        if (l.files) {
-          var c = i.addType(e, l.files, a),
-            _ha$a = ha[a],
-            d = _ha$a.id,
-            u = _ha$a.svgString,
-            h = _ha$a.dropupText,
-            f = new Di(s, c, l, d, u, h);
-          r[a] = {
-            button: f,
-            fileType: c
+    value: function createUploadButtons(e, t, i, s, r, o) {
+      Object.keys(i).forEach(function (a) {
+        var l = a,
+          c = i[l];
+        if (c.files) {
+          var d = s.addType(e, t, c.files, l),
+            _ha$l = ha[l],
+            u = _ha$l.id,
+            h = _ha$l.svgString,
+            f = _ha$l.dropupText,
+            m = new Di(r, d, c, u, h, f);
+          o[l] = {
+            button: m,
+            fileType: d
           };
         }
       });
@@ -15964,10 +15990,25 @@ var Kt = /*#__PURE__*/function () {
   }, {
     key: "addElements",
     value: function addElements(e, t, i, s, r, o) {
-      G.addElements(e, t.elementRef);
-      var a = yt.create(),
+      V.addElements(e, t.elementRef);
+      var a = Et.create(),
         l = $.addButtons(a, i, s, o);
-      bs.set(t.inputElementRef, a, r.elementRef, l), yt.add(e, a);
+      bs.set(t.inputElementRef, a, r.elementRef, l), Et.add(e, a);
+    }
+  }, {
+    key: "assignOnInput",
+    value: function assignOnInput(e, t, i, s) {
+      t.onInput = function (r) {
+        setTimeout(function () {
+          var o = i.getAllFileData(),
+            l = {
+              text: s.inputElementRef.innerText.trim()
+            };
+          o && (l.files = o.map(function (c) {
+            return c.file;
+          })), ii.onInput(e, l, r);
+        });
+      };
     }
   }]);
 }();
@@ -15981,9 +16022,9 @@ var Ls = /*#__PURE__*/function () {
       var s = document.createElement("div");
       s.id = "chat-view";
       var r = new de(e, t, i);
-      t.websocket && q.createConnection(t, r);
-      var o = new Kt(e, r, t, s);
-      return G.addElements(s, r.elementRef, o.elementRef), s;
+      t.websocket && H.createConnection(t, r);
+      var o = new ht(e, r, t, s);
+      return V.addElements(s, r.elementRef, o.elementRef), s;
     }
   }, {
     key: "render",
@@ -16010,10 +16051,10 @@ var _ = /*#__PURE__*/function (_rs) {
     }, _this98.addMessage = function () {
       return console.warn("addMessage failed - please wait for chat view to render before calling this property.");
     }, _this98.updateMessage = function () {}, _this98.clearMessages = function () {}, _this98.focusInput = function () {
-      return ai.focusFromParentElement(_this98._elementRef);
+      return li.focusFromParentElement(_this98._elementRef);
     }, _this98.refreshMessages = function () {}, _this98.scrollToBottom = function () {}, _this98.disableSubmitButton = function () {}, _this98.setPlaceholderText = function () {}, _this98._hasBeenRendered = !1, _this98._auxiliaryStyleApplied = !1, _this98._elementRef = document.createElement("div"), _this98._elementRef.id = "container", _this98.attachShadow({
       mode: "open"
-    }).appendChild(_this98._elementRef), Ht.apply(Fa, _this98.shadowRoot), setTimeout(function () {
+    }).appendChild(_this98._elementRef), zt.apply(Fa, _this98.shadowRoot), setTimeout(function () {
       _this98._hasBeenRendered || _this98.onRender();
     }, 20);
     return _this98;
@@ -16029,12 +16070,12 @@ var _ = /*#__PURE__*/function (_rs) {
     key: "onRender",
     value: function onRender() {
       var _this$_childElement;
-      bi.attemptAppendStyleSheetToHead(this.style), te.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = ia.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (Ht.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), Ht.applyDefaultStyleToComponent(this.style, this.chatStyle), te.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? gi.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof V) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Ls.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof V && K.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered || yi.onRender(this), this._hasBeenRendered = !0;
+      vi.attemptAppendStyleSheetToHead(this.style), te.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = ia.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (zt.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), zt.applyDefaultStyleToComponent(this.style, this.chatStyle), te.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? bi.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof K) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Ls.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof K && W.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered || ii.onRender(this), this._hasBeenRendered = !0;
     }
   }, {
     key: "disconnectedCallback",
     value: function disconnectedCallback() {
-      si.chat = void 0;
+      ni.chat = void 0;
     }
   }]);
 }(rs);
@@ -16077,6 +16118,7 @@ w([x("object")], _.prototype, "focusMode");
 w([x("function")], _.prototype, "onMessage");
 w([x("function")], _.prototype, "onClearMessages");
 w([x("function")], _.prototype, "onComponentRender");
+w([x("function")], _.prototype, "onInput");
 w([x("function")], _.prototype, "onError");
 w([x("object")], _.prototype, "demo");
 w([x("object")], _.prototype, "_insertKeyViewStyles");