deep-chat-dev 9.0.35 → 9.0.36

package/dist/deepChat.js

@@ -7,7 +7,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _wrapNativeSuper(Class) { var _cache = typeof Map === "function" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== "function") { throw new TypeError("Super expression must either be null or a function"); } if (typeof _cache !== "undefined") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
-function _isNativeFunction(fn) { return Function.toString.call(fn).indexOf("[native code]") !== -1; }
+function _isNativeFunction(fn) { try { return Function.toString.call(fn).indexOf("[native code]") !== -1; } catch (e) { return typeof fn === "function"; } }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -69,37 +69,6 @@ var ValidateKeyPropertyView = /*#__PURE__*/function () {
   }]);
   return ValidateKeyPropertyView;
 }();
-var WebComponentStyleUtils = /*#__PURE__*/function () {
-  function WebComponentStyleUtils() {
-    _classCallCheck(this, WebComponentStyleUtils);
-  }
-  _createClass(WebComponentStyleUtils, null, [{
-    key: "apply",
-    value: function apply(e, t) {
-      if (t) try {
-        WebComponentStyleUtils.applyStyleSheet(e, t);
-      } catch (_unused) {
-        WebComponentStyleUtils.addStyleElement(e, t);
-      }
-    }
-  }, {
-    key: "applyStyleSheet",
-    value: function applyStyleSheet(e, t) {
-      var n = new CSSStyleSheet();
-      n.replaceSync(e), t.adoptedStyleSheets.push(n);
-    }
-  }, {
-    key: "addStyleElement",
-    value: function addStyleElement(e, t) {
-      var n = document.createElement("style");
-      n.innerHTML = e, t.appendChild(n);
-    }
-  }]);
-  return WebComponentStyleUtils;
-}();
-var KEYBOARD_KEY = /* @__PURE__ */function (r) {
-  return r.ESCAPE = "Escape", r.ENTER = "Enter", r.TAB = "Tab", r.ARROW_UP = "ArrowUp", r.ARROW_DOWN = "ArrowDown", r.ARROW_RIGHT = "ArrowRight", r.ARROW_LEFT = "ArrowLeft", r.BACKSPACE = "Backspace", r.DELETE = "Delete", r.META = "Meta", r.CONTROL = "Control", r;
-}(KEYBOARD_KEY || {});
 var StyleUtils = /*#__PURE__*/function () {
   function StyleUtils() {
     _classCallCheck(this, StyleUtils);
@@ -155,9 +124,63 @@ var StyleUtils = /*#__PURE__*/function () {
         t.style[s] && (o = e["default"]) != null && o[s] && (e["default"][n] = t.style[s]);
       });
     }
+  }, {
+    key: "applyToStyleIfNotDefined",
+    value: function applyToStyleIfNotDefined(e, t) {
+      for (var n in t) {
+        var s = t[n];
+        e[n] === "" && s && (e[n] = s);
+      }
+    }
   }]);
   return StyleUtils;
 }();
+var _WebComponentStyleUtils = /*#__PURE__*/function () {
+  function D() {
+    _classCallCheck(this, D);
+  }
+  _createClass(D, null, [{
+    key: "apply",
+    value: function apply(e, t) {
+      if (t) try {
+        D.applyStyleSheet(e, t);
+      } catch (_unused) {
+        D.addStyleElement(e, t);
+      }
+    }
+  }, {
+    key: "applyStyleSheet",
+    value: function applyStyleSheet(e, t) {
+      var n = new CSSStyleSheet();
+      n.replaceSync(e), t.adoptedStyleSheets.push(n);
+    }
+  }, {
+    key: "addStyleElement",
+    value: function addStyleElement(e, t) {
+      var n = document.createElement("style");
+      n.innerHTML = e, t.appendChild(n);
+    }
+  }, {
+    key: "applyDefaultStyleToComponent",
+    value: function applyDefaultStyleToComponent(e) {
+      StyleUtils.applyToStyleIfNotDefined(e, D.DEFAULT_COMPONENT_STYLE);
+    }
+  }]);
+  return D;
+}();
+_WebComponentStyleUtils.DEFAULT_COMPONENT_STYLE = {
+  height: "350px",
+  width: "320px",
+  border: "1px solid #cacaca",
+  fontFamily: "'Inter', sans-serif, Avenir, Helvetica, Arial",
+  fontSize: "0.9rem",
+  backgroundColor: "white",
+  position: "relative"
+};
+var WebComponentStyleUtils = _WebComponentStyleUtils;
+var KEYBOARD_KEY = /* @__PURE__ */function (r) {
+  return r.ESCAPE = "Escape", r.ENTER = "Enter", r.TAB = "Tab", r.ARROW_UP = "ArrowUp", r.ARROW_DOWN = "ArrowDown", r.ARROW_RIGHT = "ArrowRight", r.ARROW_LEFT = "ArrowLeft", r.BACKSPACE = "Backspace", r.DELETE = "Delete", r.META = "Meta", r.CONTROL = "Control", r;
+}(KEYBOARD_KEY || {});
 var Browser$1 = /*#__PURE__*/_createClass(function Browser$1() {
   _classCallCheck(this, Browser$1);
 });
@@ -179,13 +202,13 @@ var PasteUtils = /*#__PURE__*/function () {
   return PasteUtils;
 }();
 var _InputLimit = /*#__PURE__*/function () {
-  function N() {
-    _classCallCheck(this, N);
+  function P() {
+    _classCallCheck(this, P);
   }
-  _createClass(N, null, [{
+  _createClass(P, null, [{
     key: "add",
     value: function add(e, t) {
-      e.addEventListener("keydown", N.onKeyDown.bind(this, t)), e.oninput = N.onInput.bind(this, t);
+      e.addEventListener("keydown", P.onKeyDown.bind(this, t)), e.oninput = P.onInput.bind(this, t);
     }
     // preventing insertion early for a nicer UX
     // prettier-ignore
@@ -193,7 +216,7 @@ var _InputLimit = /*#__PURE__*/function () {
     key: "onKeyDown",
     value: function onKeyDown(e, t) {
       var s = t.target.textContent;
-      s && s.length >= e && !N.PERMITTED_KEYS.has(t.key) && !N.isKeyCombinationPermitted(t) && t.preventDefault();
+      s && s.length >= e && !P.PERMITTED_KEYS.has(t.key) && !P.isKeyCombinationPermitted(t) && t.preventDefault();
     }
   }, {
     key: "isKeyCombinationPermitted",
@@ -209,29 +232,29 @@ var _InputLimit = /*#__PURE__*/function () {
       s && s.length > e && (n.textContent = s.substring(0, e), FocusUtils.focusEndOfInput(n));
     }
   }]);
-  return N;
+  return P;
 }();
 _InputLimit.PERMITTED_KEYS = /* @__PURE__ */new Set([KEYBOARD_KEY.BACKSPACE, KEYBOARD_KEY.DELETE, KEYBOARD_KEY.ARROW_RIGHT, KEYBOARD_KEY.ARROW_LEFT, KEYBOARD_KEY.ARROW_DOWN, KEYBOARD_KEY.ARROW_UP, KEYBOARD_KEY.META, KEYBOARD_KEY.CONTROL, KEYBOARD_KEY.ENTER]);
 var InputLimit = _InputLimit;
 var _TextInputEl = /*#__PURE__*/function () {
-  function L(e, t) {
-    _classCallCheck(this, L);
+  function R(e, t) {
+    _classCallCheck(this, R);
     var s;
-    var n = L.processConfig(e, t);
-    this.elementRef = L.createContainerElement((s = n == null ? void 0 : n.styles) == null ? void 0 : s.container), this.inputElementRef = this.createInputElement(n), this._config = n, this.elementRef.appendChild(this.inputElementRef), t != null && t.characterLimit && InputLimit.add(this.inputElementRef, t == null ? void 0 : t.characterLimit);
+    var n = R.processConfig(e, t);
+    this.elementRef = R.createContainerElement((s = n == null ? void 0 : n.styles) == null ? void 0 : s.container), this.inputElementRef = this.createInputElement(n), this._config = n, this.elementRef.appendChild(this.inputElementRef), t != null && t.characterLimit && InputLimit.add(this.inputElementRef, t == null ? void 0 : t.characterLimit);
   }
-  _createClass(L, [{
+  _createClass(R, [{
     key: "createInputElement",
     value: function createInputElement(e) {
       var n, s, o;
       var t = document.createElement("div");
-      return t.id = L.TEXT_INPUT_ID, t.classList.add("text-input-styling", "text-input-placeholder"), t.innerText = ((n = e == null ? void 0 : e.placeholder) == null ? void 0 : n.text) || "Ask me anything!", Browser$1.IS_CHROMIUM && L.preventAutomaticScrollUpOnNewLine(t), typeof (e == null ? void 0 : e.disabled) == "boolean" && e.disabled === !0 ? (t.contentEditable = "false", t.classList.add("text-input-disabled")) : (t.contentEditable = "true", this.addEventListeners(t, e)), Object.assign(t.style, (s = e == null ? void 0 : e.styles) == null ? void 0 : s.text), Object.assign(t.style, (o = e == null ? void 0 : e.placeholder) == null ? void 0 : o.style), t;
+      return t.id = R.TEXT_INPUT_ID, t.classList.add("text-input-styling", "text-input-placeholder"), t.innerText = ((n = e == null ? void 0 : e.placeholder) == null ? void 0 : n.text) || "Ask me anything!", Browser$1.IS_CHROMIUM && R.preventAutomaticScrollUpOnNewLine(t), typeof (e == null ? void 0 : e.disabled) == "boolean" && e.disabled === !0 ? (t.contentEditable = "false", t.classList.add("text-input-disabled")) : (t.contentEditable = "true", this.addEventListeners(t, e)), Object.assign(t.style, (s = e == null ? void 0 : e.styles) == null ? void 0 : s.text), Object.assign(t.style, (o = e == null ? void 0 : e.placeholder) == null ? void 0 : o.style), t;
     }
   }, {
     key: "removeTextIfPlaceholder",
     value: function removeTextIfPlaceholder() {
       var e, t, n, s;
-      this.inputElementRef.classList.contains("text-input-placeholder") && !this.inputElementRef.classList.contains("text-input-disabled") && ((e = this._config.placeholder) != null && e.style && (StyleUtils.unsetStyle(this.inputElementRef, (t = this._config.placeholder) == null ? void 0 : t.style), Object.assign(this.inputElementRef.style, (s = (n = this._config) == null ? void 0 : n.styles) == null ? void 0 : s.text)), L.clear(this.inputElementRef), this.inputElementRef.classList.remove("text-input-placeholder"));
+      this.inputElementRef.classList.contains("text-input-placeholder") && !this.inputElementRef.classList.contains("text-input-disabled") && ((e = this._config.placeholder) != null && e.style && (StyleUtils.unsetStyle(this.inputElementRef, (t = this._config.placeholder) == null ? void 0 : t.style), Object.assign(this.inputElementRef.style, (s = (n = this._config) == null ? void 0 : n.styles) == null ? void 0 : s.text)), R.clear(this.inputElementRef), this.inputElementRef.classList.remove("text-input-placeholder"));
     }
   }, {
     key: "addEventListeners",
@@ -303,7 +326,7 @@ var _TextInputEl = /*#__PURE__*/function () {
       return t.id = "text-input-container", Object.assign(t.style, e), t;
     }
   }]);
-  return L;
+  return R;
 }();
 _TextInputEl.TEXT_INPUT_ID = "text-input";
 var TextInputEl = _TextInputEl;
@@ -346,10 +369,10 @@ var ErrorMessages = {
     INVALID_STREAM_RESPONSE: "Make sure the events are using the Response format: https://deepchat.dev/docs/connect/#Response \nYou can also augment them using the responseInterceptor property: https://deepchat.dev/docs/interceptors#responseInterceptor"
   },
   _RequestUtils = /*#__PURE__*/function () {
-    function D() {
-      _classCallCheck(this, D);
+    function B() {
+      _classCallCheck(this, B);
     }
-    _createClass(D, null, [{
+    _createClass(B, null, [{
       key: "temporarilyRemoveHeader",
       value: // need to pass stringifyBody boolean separately as binding is throwing an error for some reason
       // prettier-ignore
@@ -365,12 +388,12 @@ var ErrorMessages = {
                 }
                 throw new Error("Request settings have not been set up");
               case 2:
-                s = e.headers[D.CONTENT_TYPE];
-                delete e.headers[D.CONTENT_TYPE];
+                s = e.headers[B.CONTENT_TYPE];
+                delete e.headers[B.CONTENT_TYPE];
                 _context.next = 6;
                 return t(n);
               case 6:
-                e.headers[D.CONTENT_TYPE] = s;
+                e.headers[B.CONTENT_TYPE] = s;
               case 7:
               case "end":
                 return _context.stop();
@@ -438,7 +461,7 @@ var ErrorMessages = {
         return e && _typeof(e) == "object" && (typeof e.error == "string" || typeof e.text == "string" || typeof e.html == "string" || _typeof(e.files) == "object");
       }
     }]);
-    return D;
+    return B;
   }();
 _RequestUtils.CONTENT_TYPE = "Content-Type";
 var RequestUtils = _RequestUtils;
@@ -446,29 +469,29 @@ function getBytes(_x6, _x7) {
   return _getBytes.apply(this, arguments);
 }
 function _getBytes() {
-  _getBytes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee74(r, e) {
+  _getBytes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee75(r, e) {
     var t, n;
-    return _regeneratorRuntime().wrap(function _callee74$(_context74) {
-      while (1) switch (_context74.prev = _context74.next) {
+    return _regeneratorRuntime().wrap(function _callee75$(_context75) {
+      while (1) switch (_context75.prev = _context75.next) {
         case 0:
           t = r.getReader();
         case 1:
-          _context74.next = 3;
+          _context75.next = 3;
           return t.read();
         case 3:
-          if ((n = _context74.sent).done) {
-            _context74.next = 7;
+          if ((n = _context75.sent).done) {
+            _context75.next = 7;
             break;
           }
           e(n.value);
         case 5:
-          _context74.next = 1;
+          _context75.next = 1;
           break;
         case 7:
         case "end":
-          return _context74.stop();
+          return _context75.stop();
       }
-    }, _callee74);
+    }, _callee75);
   }));
   return _getBytes.apply(this, arguments);
 }
@@ -483,19 +506,19 @@ function getLines(r) {
     var c = 0;
     for (; t < l;) {
       s && (e[t] === 10 && (c = ++t), s = !1);
-      var u = -1;
-      for (; t < l && u === -1; ++t) switch (e[t]) {
+      var d = -1;
+      for (; t < l && d === -1; ++t) switch (e[t]) {
         case 58:
           n === -1 && (n = t - c);
           break;
         case 13:
           s = !0;
         case 10:
-          u = t;
+          d = t;
           break;
       }
-      if (u === -1) break;
-      r(e.subarray(c, u), n), c = t, n = -1;
+      if (d === -1) break;
+      r(e.subarray(c, d), n), c = t, n = -1;
     }
     c === l ? e = void 0 : c !== 0 && (e = e.subarray(c), t -= c);
   };
@@ -506,20 +529,20 @@ function getMessages(r, e, t) {
   return function (a, l) {
     if (a.length === 0) t == null || t(n), n = newMessage();else if (l > 0) {
       var c = s.decode(a.subarray(0, l)),
-        u = l + (a[l + 1] === 32 ? 2 : 1),
-        d = s.decode(a.subarray(u));
+        d = l + (a[l + 1] === 32 ? 2 : 1),
+        u = s.decode(a.subarray(d));
       switch (c) {
         case "data":
-          n.data = n.data ? n.data + "\n" + d : d;
+          n.data = n.data ? n.data + "\n" + u : u;
           break;
         case "event":
-          n.event = d;
+          n.event = u;
           break;
         case "id":
-          r(n.id = d);
+          r(n.id = u);
           break;
         case "retry":
-          var h = parseInt(d, 10);
+          var h = parseInt(u, 10);
           isNaN(h) || e(n.retry = h);
           break;
       }
@@ -555,8 +578,8 @@ function fetchEventSource(r, e) {
     a = e.onclose,
     l = e.onerror,
     c = e.openWhenHidden,
-    u = e.fetch,
-    d = __rest(e, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+    d = e.fetch,
+    u = __rest(e, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
   return new Promise(function (h, f) {
     var p = Object.assign({}, n);
     p.accept || (p.accept = EventStreamContentType);
@@ -573,34 +596,34 @@ function fetchEventSource(r, e) {
     t == null || t.addEventListener("abort", function () {
       y(), h();
     });
-    var S = u !== null && u !== void 0 ? u : window.fetch,
-      x = s !== null && s !== void 0 ? s : defaultOnOpen;
+    var S = d !== null && d !== void 0 ? d : window.fetch,
+      _ = s !== null && s !== void 0 ? s : defaultOnOpen;
     function E() {
       return _E.apply(this, arguments);
     }
     function _E() {
       _E = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var R, w, _;
+        var I, w, x;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               b = new AbortController();
               _context3.prev = 1;
               _context3.next = 4;
-              return S(r, Object.assign(Object.assign({}, d), {
+              return S(r, Object.assign(Object.assign({}, u), {
                 headers: p,
                 signal: b.signal
               }));
             case 4:
               w = _context3.sent;
               _context3.next = 7;
-              return x(w);
+              return _(w);
             case 7:
               _context3.next = 9;
-              return getBytes(w.body, getLines(getMessages(function (_) {
-                _ ? p[LastEventId] = _ : delete p[LastEventId];
-              }, function (_) {
-                g = _;
+              return getBytes(w.body, getLines(getMessages(function (x) {
+                x ? p[LastEventId] = x : delete p[LastEventId];
+              }, function (x) {
+                g = x;
               }, o)));
             case 9:
               a == null || a();
@@ -612,10 +635,10 @@ function fetchEventSource(r, e) {
               _context3.prev = 14;
               _context3.t0 = _context3["catch"](1);
               if (!b.signal.aborted) try {
-                _ = (R = l == null ? void 0 : l(_context3.t0)) !== null && R !== void 0 ? R : g;
-                window.clearTimeout(v), v = window.setTimeout(E, _);
-              } catch (_) {
-                y(), f(_);
+                x = (I = l == null ? void 0 : l(_context3.t0)) !== null && I !== void 0 ? I : g;
+                window.clearTimeout(v), v = window.setTimeout(E, x);
+              } catch (x) {
+                y(), f(x);
               }
             case 17:
             case "end":
@@ -633,29 +656,23 @@ function defaultOnOpen(r) {
   if (!(e != null && e.startsWith(EventStreamContentType))) throw new Error("Expected content-type to be ".concat(EventStreamContentType, ", Actual: ").concat(e));
 }
 var _Demo = /*#__PURE__*/function () {
-  function M() {
-    _classCallCheck(this, M);
+  function N() {
+    _classCallCheck(this, N);
   }
-  _createClass(M, null, [{
-    key: "generateResponseForOneMessage",
-    value: function generateResponseForOneMessage(e) {
-      if (e.file) return e.file.type === "image" ? "That is a nice image!" : e.file.type === "audio" ? "I like the sound of that!" : e.file.type === "gif" ? "That is a nice gif!" : "That is an interesting file!";
-      if (e.text) {
-        if (e.text.charAt(e.text.length - 1) === "?") return "I'm sorry but I can't answer that question...";
-        if (e.text.includes("updog")) return "What's updog?";
-      }
-      return "Hi there! This is a demo response!";
-    }
-  }, {
+  _createClass(N, null, [{
     key: "generateResponse",
     value: function generateResponse(e) {
-      var t = [];
-      for (var s = e.messages.length - 1; s >= 0 && e.messages[s].role !== "ai"; s -= 1) t.push(e.messages[s]);
-      if (t.length === 1) return M.generateResponseForOneMessage(e.messages[e.messages.length - 1]);
-      var n = e.messages.findIndex(function (s) {
-        return s.text;
-      });
-      return n !== -1 && t.splice(n, 1), t.length === 1 ? M.generateResponseForOneMessage(e.messages[e.messages.length - 1]) : "Wow, very cool files!";
+      var t = e.messages[e.messages.length - 1];
+      if (t.files && t.files.length > 0) {
+        if (t.files.length > 1) return "These are interesting files!";
+        var n = t.files[0];
+        return n.src && n.src.startsWith("data:image/gif") ? "That is a nice gif!" : n.type === "image" ? "That is a nice image!" : n.type === "audio" ? "I like the sound of that!" : "That is an interesting file!";
+      }
+      if (t.text) {
+        if (t.text.charAt(t.text.length - 1) === "?") return "I'm sorry but I can't answer that question...";
+        if (t.text.includes("updog")) return "What's updog?";
+      }
+      return "Hi there! This is a demo response!";
     }
   }, {
     key: "getCustomResponse",
@@ -665,15 +682,15 @@ var _Demo = /*#__PURE__*/function () {
   }, {
     key: "getResponse",
     value: function getResponse(e) {
-      return e.customDemoResponse ? M.getCustomResponse(e.customDemoResponse, e.messages[e.messages.length - 1]) : {
-        text: M.generateResponse(e)
+      return e.customDemoResponse ? N.getCustomResponse(e.customDemoResponse, e.messages[e.messages.length - 1]) : {
+        text: N.generateResponse(e)
       };
     }
     // timeout is used to simulate a timeout for a response to come back
   }, {
     key: "request",
     value: function request(e, t, n) {
-      var s = M.getResponse(e);
+      var s = N.getResponse(e);
       setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
         var o;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
@@ -690,7 +707,7 @@ var _Demo = /*#__PURE__*/function () {
               _context4.t0 = s;
             case 5:
               o = _context4.t0;
-              o.error ? e.addNewErrorMessage("service", o.error) : e.addNewMessage(o, !0, !0), t();
+              o.error ? e.addNewErrorMessage("service", o.error) : e.addNewMessage(o, !0), t();
             case 7:
             case "end":
               return _context4.stop();
@@ -704,12 +721,12 @@ var _Demo = /*#__PURE__*/function () {
     value: function requestStream(e, t) {
       setTimeout(function () {
         var s;
-        var n = (s = M.getResponse(e)) == null ? void 0 : s.text;
+        var n = (s = N.getResponse(e)) == null ? void 0 : s.text;
         Stream.simulate(e, t, n);
       }, 400);
     }
   }]);
-  return M;
+  return N;
 }();
 _Demo.URL = "deep-chat-demo";
 var Demo = _Demo;
@@ -734,8 +751,8 @@ var Stream = /*#__PURE__*/function () {
           l,
           c,
           _e$streamHandlers,
-          u,
           d,
+          u,
           h,
           f,
           _args6 = arguments;
@@ -755,14 +772,14 @@ var Stream = /*#__PURE__*/function () {
               l = _yield$RequestUtils$p.headers;
               c = _yield$RequestUtils$p.error;
               _e$streamHandlers = e.streamHandlers;
-              u = _e$streamHandlers.onOpen;
-              d = _e$streamHandlers.onClose;
+              d = _e$streamHandlers.onOpen;
+              u = _e$streamHandlers.onClose;
               h = _e$streamHandlers.abortStream;
               if (!c) {
                 _context6.next = 14;
                 break;
               }
-              return _context6.abrupt("return", Stream.onInterceptorError(n, c, d));
+              return _context6.abrupt("return", Stream.onInterceptorError(n, c, u));
             case 14:
               if (!((b = e.requestSettings) != null && b.handler)) {
                 _context6.next = 16;
@@ -792,7 +809,7 @@ var Stream = /*#__PURE__*/function () {
                             _context5.next = 2;
                             break;
                           }
-                          return _context5.abrupt("return", (f = n.addNewStreamedMessage(), u()));
+                          return _context5.abrupt("return", (f = n.addNewStreamedMessage(), d()));
                         case 2:
                           _context5.next = 4;
                           return RequestUtils.processResponseByType(y);
@@ -808,8 +825,8 @@ var Stream = /*#__PURE__*/function () {
                 onmessage: function onmessage(y) {
                   var S;
                   if (JSON.stringify(y.data) !== JSON.stringify("[DONE]")) {
-                    var x = JSON.parse(y.data);
-                    (S = e.extractResultData) == null || S.call(e, x).then(function (E) {
+                    var _ = JSON.parse(y.data);
+                    (S = e.extractResultData) == null || S.call(e, _).then(function (E) {
                       (E == null ? void 0 : E.text) === void 0 ? console.error("Response data: ".concat(y.data, " \n ").concat(ErrorMessages.INVALID_STREAM_RESPONSE)) : f && n.updateStreamedMessage(E.text, f);
                     })["catch"](function (E) {
                       return RequestUtils.displayError(n, E);
@@ -817,18 +834,18 @@ var Stream = /*#__PURE__*/function () {
                   }
                 },
                 onerror: function onerror(y) {
-                  throw d(), y;
+                  throw u(), y;
                 },
                 onclose: function onclose() {
-                  n.finaliseStreamedMessage(), d();
+                  n.finaliseStreamedMessage(), u();
                 },
                 signal: h.signal
               })["catch"](function (y) {
                 var S;
                 (S = e.extractResultData) == null || S.call(e, y).then(function () {
                   RequestUtils.displayError(n, y);
-                })["catch"](function (x) {
-                  RequestUtils.displayError(n, x);
+                })["catch"](function (_) {
+                  RequestUtils.displayError(n, _);
                 });
               });
             case 20:
@@ -893,8 +910,8 @@ var CustomHandler = /*#__PURE__*/function () {
             case 0:
               s = !0;
               o = /*#__PURE__*/function () {
-                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(u) {
-                  var h, f, d;
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(d) {
+                  var h, f, u;
                   return _regeneratorRuntime().wrap(function _callee7$(_context7) {
                     while (1) switch (_context7.prev = _context7.next) {
                       case 0:
@@ -906,17 +923,17 @@ var CustomHandler = /*#__PURE__*/function () {
                       case 2:
                         s = !1;
                         _context7.next = 5;
-                        return (f = (h = e.deepChat).responseInterceptor) == null ? void 0 : f.call(h, u);
+                        return (f = (h = e.deepChat).responseInterceptor) == null ? void 0 : f.call(h, d);
                       case 5:
                         _context7.t0 = _context7.sent;
                         if (_context7.t0) {
                           _context7.next = 8;
                           break;
                         }
-                        _context7.t0 = u;
+                        _context7.t0 = d;
                       case 8:
-                        d = _context7.t0;
-                        RequestUtils.validateResponseFormat(d) ? typeof d.error == "string" ? (console.error(d.error), n.addNewErrorMessage("service", d.error), e.completionsHandlers.onFinish()) : e.deepChat.stream && d.text ? Stream.simulate(n, e.streamHandlers, d.text) : (n.addNewMessage(d, !0, !0), e.completionsHandlers.onFinish()) : (console.error(ErrorMessages.INVALID_RESPONSE(u, "server", !!e.deepChat.responseInterceptor, d)), n.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish());
+                        u = _context7.t0;
+                        RequestUtils.validateResponseFormat(u) ? typeof u.error == "string" ? (console.error(u.error), n.addNewErrorMessage("service", u.error), e.completionsHandlers.onFinish()) : e.deepChat.stream && u.text ? Stream.simulate(n, e.streamHandlers, u.text) : (n.addNewMessage(u, !0), e.completionsHandlers.onFinish()) : (console.error(ErrorMessages.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, u)), n.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish());
                       case 10:
                       case "end":
                         return _context7.stop();
@@ -954,16 +971,16 @@ var CustomHandler = /*#__PURE__*/function () {
         c = function c() {
           s && (n.finaliseStreamedMessage(), e.streamHandlers.onClose(), s = !1);
         },
-        u = function u(p) {
+        d = function d(p) {
           s && (!p || _typeof(p) != "object" || typeof p.error != "string" && typeof p.text != "string" ? console.error(ErrorMessages.INVALID_RESPONSE(p, "server", !1)) : p.error ? (console.error(p.error), n.finaliseStreamedMessage(), e.streamHandlers.onClose(), n.addNewErrorMessage("service", p.error), s = !1) : p.text && a && n.updateStreamedMessage(p.text, a));
         };
       e.streamHandlers.abortStream.abort = function () {
         n.finaliseStreamedMessage(), e.streamHandlers.onClose(), s = !1;
       };
-      var d = CustomHandler.generateOptionalSignals();
-      (f = (h = e.requestSettings).handler) == null || f.call(h, t, _objectSpread(_objectSpread({}, d), {}, {
+      var u = CustomHandler.generateOptionalSignals();
+      (f = (h = e.requestSettings).handler) == null || f.call(h, t, _objectSpread(_objectSpread({}, u), {}, {
         onOpen: l,
-        onResponse: u,
+        onResponse: d,
         onClose: c,
         stopClicked: e.streamHandlers.stopClicked
       }));
@@ -972,7 +989,7 @@ var CustomHandler = /*#__PURE__*/function () {
   }, {
     key: "websocket",
     value: function websocket(e, t) {
-      var c, u;
+      var c, d;
       var n = {
         isOpen: !1,
         newUserMessage: {
@@ -987,7 +1004,7 @@ var CustomHandler = /*#__PURE__*/function () {
           n.isOpen = !1;
         },
         a = /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(d) {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(u) {
             var f, p, h;
             return _regeneratorRuntime().wrap(function _callee9$(_context9) {
               while (1) switch (_context9.prev = _context9.next) {
@@ -999,17 +1016,17 @@ var CustomHandler = /*#__PURE__*/function () {
                   return _context9.abrupt("return");
                 case 2:
                   _context9.next = 4;
-                  return (p = (f = e.deepChat).responseInterceptor) == null ? void 0 : p.call(f, d);
+                  return (p = (f = e.deepChat).responseInterceptor) == null ? void 0 : p.call(f, u);
                 case 4:
                   _context9.t0 = _context9.sent;
                   if (_context9.t0) {
                     _context9.next = 7;
                     break;
                   }
-                  _context9.t0 = d;
+                  _context9.t0 = u;
                 case 7:
                   h = _context9.t0;
-                  RequestUtils.validateResponseFormat(h) ? typeof h.error == "string" ? (console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error)) : e.deepChat.stream ? Stream.simulate(t, e.streamHandlers, h.text) : t.addNewMessage(h, !0, !0) : (console.error(ErrorMessages.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message"));
+                  RequestUtils.validateResponseFormat(h) ? typeof h.error == "string" ? (console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error)) : e.deepChat.stream ? Stream.simulate(t, e.streamHandlers, h.text) : t.addNewMessage(h, !0) : (console.error(ErrorMessages.INVALID_RESPONSE(u, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message"));
                 case 9:
                 case "end":
                   return _context9.stop();
@@ -1021,7 +1038,7 @@ var CustomHandler = /*#__PURE__*/function () {
           };
         }(),
         l = CustomHandler.generateOptionalSignals();
-      (u = (c = e.requestSettings).handler) == null || u.call(c, void 0, _objectSpread(_objectSpread({}, l), {}, {
+      (d = (c = e.requestSettings).handler) == null || d.call(c, void 0, _objectSpread(_objectSpread({}, l), {}, {
         onOpen: s,
         onResponse: a,
         onClose: o,
@@ -1065,8 +1082,8 @@ var HTTPRequest = /*#__PURE__*/function () {
           a,
           l,
           c,
-          u,
           d,
+          u,
           _args11 = arguments;
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -1083,12 +1100,12 @@ var HTTPRequest = /*#__PURE__*/function () {
               a = _yield$RequestUtils$p2.body;
               l = _yield$RequestUtils$p2.headers;
               c = _yield$RequestUtils$p2.error;
-              u = e.completionsHandlers.onFinish;
+              d = e.completionsHandlers.onFinish;
               if (!c) {
                 _context11.next = 11;
                 break;
               }
-              return _context11.abrupt("return", HTTPRequest.onInterceptorError(n, c, u));
+              return _context11.abrupt("return", HTTPRequest.onInterceptorError(n, c, d));
             case 11:
               if (!((f = e.requestSettings) != null && f.handler)) {
                 _context11.next = 13;
@@ -1100,20 +1117,20 @@ var HTTPRequest = /*#__PURE__*/function () {
                 _context11.next = 15;
                 break;
               }
-              return _context11.abrupt("return", Demo.request(n, u, e.deepChat.responseInterceptor));
+              return _context11.abrupt("return", Demo.request(n, d, e.deepChat.responseInterceptor));
             case 15:
-              d = !0;
+              u = !0;
               fetch(((b = e.requestSettings) == null ? void 0 : b.url) || e.url || "", {
                 method: ((m = e.requestSettings) == null ? void 0 : m.method) || "POST",
                 headers: l,
                 body: s ? JSON.stringify(a) : a
               }).then(function (g) {
-                return d = !!g.ok, g;
+                return u = !!g.ok, g;
               }).then(function (g) {
                 return RequestUtils.processResponseByType(g);
               }).then( /*#__PURE__*/function () {
                 var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(g) {
-                  var S, x, v, y;
+                  var S, _, v, y;
                   return _regeneratorRuntime().wrap(function _callee10$(_context10) {
                     while (1) switch (_context10.prev = _context10.next) {
                       case 0:
@@ -1124,7 +1141,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                         return _context10.abrupt("return");
                       case 2:
                         _context10.next = 4;
-                        return (x = (S = e.deepChat).responseInterceptor) == null ? void 0 : x.call(S, g);
+                        return (_ = (S = e.deepChat).responseInterceptor) == null ? void 0 : _.call(S, g);
                       case 4:
                         _context10.t0 = _context10.sent;
                         if (_context10.t0) {
@@ -1138,7 +1155,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                         return e.extractResultData(v);
                       case 10:
                         y = _context10.sent;
-                        if (d) {
+                        if (u) {
                           _context10.next = 13;
                           break;
                         }
@@ -1150,7 +1167,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                         }
                         throw Error(ErrorMessages.INVALID_RESPONSE(g, "response", !!e.deepChat.responseInterceptor, v));
                       case 15:
-                        y.pollingInAnotherRequest || (e.deepChat.stream && y.text ? Stream.simulate(n, e.streamHandlers, y.text) : (n.addNewMessage(y, !0, !0), u()));
+                        y.pollingInAnotherRequest || (e.deepChat.stream && y.text ? Stream.simulate(n, e.streamHandlers, y.text) : (n.addNewMessage(y, !0), d()));
                       case 16:
                       case "end":
                         return _context10.stop();
@@ -1161,7 +1178,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                   return _ref4.apply(this, arguments);
                 };
               }())["catch"](function (g) {
-                RequestUtils.displayError(n, g), u();
+                RequestUtils.displayError(n, g), d();
               });
             case 17:
             case "end":
@@ -1183,7 +1200,7 @@ var HTTPRequest = /*#__PURE__*/function () {
         return a.json();
       }).then( /*#__PURE__*/function () {
         var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(a) {
-          var c, u, l;
+          var c, d, l;
           return _regeneratorRuntime().wrap(function _callee12$(_context12) {
             while (1) switch (_context12.prev = _context12.next) {
               case 0:
@@ -1195,7 +1212,7 @@ var HTTPRequest = /*#__PURE__*/function () {
               case 2:
                 _context12.t0 = e;
                 _context12.next = 5;
-                return (u = (c = e.deepChat).responseInterceptor) == null ? void 0 : u.call(c, a);
+                return (d = (c = e.deepChat).responseInterceptor) == null ? void 0 : d.call(c, a);
               case 5:
                 _context12.t1 = _context12.sent;
                 if (_context12.t1) {
@@ -1211,7 +1228,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                 l = _context12.sent;
                 l.timeoutMS ? setTimeout(function () {
                   HTTPRequest.executePollRequest(e, t, n, s);
-                }, l.timeoutMS) : (console.log("finished polling"), s.addNewMessage(l, !0, !0), o());
+                }, l.timeoutMS) : (console.log("finished polling"), s.addNewMessage(l, !0), o());
               case 13:
               case "end":
                 return _context12.stop();
@@ -1239,8 +1256,8 @@ var HTTPRequest = /*#__PURE__*/function () {
           a,
           l,
           c,
-          u,
           d,
+          u,
           h,
           f,
           _args13 = arguments;
@@ -1265,12 +1282,12 @@ var HTTPRequest = /*#__PURE__*/function () {
               }
               return _context13.abrupt("return", HTTPRequest.onInterceptorError(n, c));
             case 10:
-              u = ((b = e.requestSettings) == null ? void 0 : b.url) || e.url || "", d = ((m = e.requestSettings) == null ? void 0 : m.method) || "POST", h = s ? JSON.stringify(a) : a, f = {
-                method: d,
+              d = ((b = e.requestSettings) == null ? void 0 : b.url) || e.url || "", u = ((m = e.requestSettings) == null ? void 0 : m.method) || "POST", h = s ? JSON.stringify(a) : a, f = {
+                method: u,
                 body: h,
                 headers: l
               };
-              HTTPRequest.executePollRequest(e, u, f, n);
+              HTTPRequest.executePollRequest(e, d, f, n);
             case 12:
             case "end":
               return _context13.stop();
@@ -1290,18 +1307,18 @@ var HTTPRequest = /*#__PURE__*/function () {
     // prettier-ignore
   }, {
     key: "verifyKey",
-    value: function verifyKey(e, t, n, s, o, a, l, c, u) {
+    value: function verifyKey(e, t, n, s, o, a, l, c, d) {
       if (e === "") return a(ErrorMessages.INVALID_KEY);
       l(), fetch(t, {
         method: s,
         headers: n,
-        body: u || null
-      }).then(function (d) {
-        return RequestUtils.processResponseByType(d);
-      }).then(function (d) {
-        c(d, e, o, a);
-      })["catch"](function (d) {
-        a(ErrorMessages.CONNECTION_FAILED), console.error(d);
+        body: d || null
+      }).then(function (u) {
+        return RequestUtils.processResponseByType(u);
+      }).then(function (u) {
+        c(u, e, o, a);
+      })["catch"](function (u) {
+        a(ErrorMessages.CONNECTION_FAILED), console.error(u);
       });
     }
   }]);
@@ -1326,19 +1343,6 @@ var MessageLimitUtils = /*#__PURE__*/function () {
       }
       return e.slice(Math.max(s, 0));
     }
-  }, {
-    key: "getRequestMessages",
-    value: function getRequestMessages(e, t) {
-      var a;
-      var n = [];
-      var s = ((a = e.files) == null ? void 0 : a.length) || 0,
-        o = !!e.text;
-      for (var l = t.length - 1; l >= 0; l -= 1) {
-        var c = t[l];
-        if (n.push(c), c.file ? s -= 1 : c.text && (o = !1), s === 0 && !o) break;
-      }
-      return n;
-    }
   }, {
     key: "getMaxMessages",
     value: function getMaxMessages(e, t) {
@@ -1350,8 +1354,8 @@ var MessageLimitUtils = /*#__PURE__*/function () {
     // if maxMessages 0 or below we send only what is in the request
   }, {
     key: "processMessages",
-    value: function processMessages(e, t, n, s) {
-      return n !== void 0 ? n > 0 && (t = MessageLimitUtils.getMaxMessages(t, n)) : t = MessageLimitUtils.getRequestMessages(e, t), t = JSON.parse(JSON.stringify(t)), s === void 0 ? t : MessageLimitUtils.getCharacterLimitMessages(t, s);
+    value: function processMessages(e, t, n) {
+      return t !== void 0 ? t > 0 && (e = MessageLimitUtils.getMaxMessages(e, t)) : e = [e[e.length - 1]], e = JSON.parse(JSON.stringify(e)), n === void 0 ? e : MessageLimitUtils.getCharacterLimitMessages(e, n);
     }
   }]);
   return MessageLimitUtils;
@@ -1397,7 +1401,7 @@ var Websocket = /*#__PURE__*/function () {
     value: function assignListeners(e, t, n) {
       t.onmessage = /*#__PURE__*/function () {
         var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(s) {
-          var o, a, l, c, u;
+          var o, a, l, c, d;
           return _regeneratorRuntime().wrap(function _callee14$(_context14) {
             while (1) switch (_context14.prev = _context14.next) {
               case 0:
@@ -1421,14 +1425,14 @@ var Websocket = /*#__PURE__*/function () {
                 _context14.next = 11;
                 return e.extractResultData(c);
               case 11:
-                u = _context14.sent;
-                if (!(!u || _typeof(u) != "object")) {
+                d = _context14.sent;
+                if (!(!d || _typeof(d) != "object")) {
                   _context14.next = 14;
                   break;
                 }
                 throw Error(ErrorMessages.INVALID_RESPONSE(l, "server", !!e.deepChat.responseInterceptor, c));
               case 14:
-                e.deepChat.stream && u.text ? Stream.simulate(n, e.streamHandlers, u.text) : n.addNewMessage(u, !0, !0);
+                e.deepChat.stream && d.text ? Stream.simulate(n, e.streamHandlers, d.text) : n.addNewMessage(d, !0);
                 _context14.next = 20;
                 break;
               case 17:
@@ -1453,14 +1457,14 @@ var Websocket = /*#__PURE__*/function () {
     value: function () {
       var _sendWebsocket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(e, t, n) {
         var s,
-          d,
+          u,
           h,
           o,
           a,
           _yield$RequestUtils$p4,
           l,
           c,
-          u,
+          d,
           _args15 = arguments;
         return _regeneratorRuntime().wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -1475,7 +1479,7 @@ var Websocket = /*#__PURE__*/function () {
             case 4:
               a = {
                 body: t,
-                headers: (d = e.requestSettings) == null ? void 0 : d.headers
+                headers: (u = e.requestSettings) == null ? void 0 : u.headers
               };
               _context15.next = 7;
               return RequestUtils.processRequestInterceptor(e.deepChat, a);
@@ -1495,14 +1499,14 @@ var Websocket = /*#__PURE__*/function () {
               }
               return _context15.abrupt("return", o.newUserMessage.listener(l));
             case 14:
-              u = s ? JSON.stringify(l) : l;
+              d = s ? JSON.stringify(l) : l;
               if (!(((h = e.requestSettings) == null ? void 0 : h.url) === Demo.URL)) {
                 _context15.next = 17;
                 break;
               }
               return _context15.abrupt("return", Demo.request(n, e.completionsHandlers.onFinish, e.deepChat.responseInterceptor));
             case 17:
-              o.readyState === void 0 || o.readyState !== o.OPEN ? (console.error("Connection is not open"), n.isLastMessageError() || n.addNewErrorMessage("service", "Connection error")) : o.send(JSON.stringify(u));
+              o.readyState === void 0 || o.readyState !== o.OPEN ? (console.error("Connection is not open"), n.isLastMessageError() || n.addNewErrorMessage("service", "Connection error")) : o.send(JSON.stringify(d));
             case 18:
             case "end":
               return _context15.stop();
@@ -1528,6 +1532,31 @@ var Websocket = /*#__PURE__*/function () {
   }]);
   return Websocket;
 }();
+var Legacy = /*#__PURE__*/function () {
+  function Legacy() {
+    _classCallCheck(this, Legacy);
+  }
+  _createClass(Legacy, null, [{
+    key: "checkForContainerStyles",
+    value: function checkForContainerStyles(e, t) {
+      var n = e.containerStyle;
+      n && (Object.assign(t.style, n), console.error("The containerStyle property is deprecated since version 1.3.14."), console.error("Please change to using the style property instead: https://deepchat.dev/docs/styles#style"));
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, {
+    key: "handleResponseProperty",
+    value: function handleResponseProperty(e) {
+      return console.error("The {result: ....} response object type is deprecated since version 1.3.0."), console.error("Please change to using the new response object: https://deepchat.dev/docs/connect#Response"), e.result;
+    }
+  }, {
+    key: "processInitialMessageFile",
+    value: function processInitialMessageFile(e) {
+      var t = e.file;
+      t && (e.files = [t]);
+    }
+  }]);
+  return Legacy;
+}();
 var textarea;
 function decodeEntity(r) {
   return textarea = textarea || document.createElement("textarea"), textarea.innerHTML = "&" + r + ";", textarea.value;
@@ -1602,14 +1631,14 @@ rules.fence = function (r, e, t, n, s) {
     a = "",
     l = t.langPrefix,
     c = "",
-    u,
     d,
+    u,
     h;
   if (o.params) {
-    if (u = o.params.split(/\s+/g), d = u.join(" "), has(s.rules.fence_custom, u[0])) return s.rules.fence_custom[u[0]](r, e, t, n, s);
-    c = escapeHtml(replaceEntities(unescapeMd(d))), a = ' class="' + l + c + '"';
+    if (d = o.params.split(/\s+/g), u = d.join(" "), has(s.rules.fence_custom, d[0])) return s.rules.fence_custom[d[0]](r, e, t, n, s);
+    c = escapeHtml(replaceEntities(unescapeMd(u))), a = ' class="' + l + c + '"';
   }
-  return t.highlight ? h = t.highlight.apply(t.highlight, [o.content].concat(u)) || escapeHtml(o.content) : h = escapeHtml(o.content), "<pre><code" + a + ">" + h + "</code></pre>" + getBreak(r, e);
+  return t.highlight ? h = t.highlight.apply(t.highlight, [o.content].concat(d)) || escapeHtml(o.content) : h = escapeHtml(o.content), "<pre><code" + a + ">" + h + "</code></pre>" + getBreak(r, e);
 };
 rules.fence_custom = {};
 rules.heading_open = function (r, e) {
@@ -1942,10 +1971,10 @@ function parseLinkLabel(r, e) {
   return n ? (o = r.pos, r.labelUnmatchedScopes = 0) : r.labelUnmatchedScopes = t - 1, r.pos = l, r.isInLabel = c, o;
 }
 function parseAbbr(r, e, t, n) {
-  var s, o, a, l, c, u;
+  var s, o, a, l, c, d;
   if (r.charCodeAt(0) !== 42 || r.charCodeAt(1) !== 91 || r.indexOf("]:") === -1 || (s = new StateInline(r, e, t, n, []), o = parseLinkLabel(s, 1), o < 0 || r.charCodeAt(o + 1) !== 58)) return -1;
   for (l = s.posMax, a = o + 2; a < l && s.src.charCodeAt(a) !== 10; a++);
-  return c = r.slice(2, o), u = r.slice(o + 2, a).trim(), u.length === 0 ? -1 : (n.abbreviations || (n.abbreviations = {}), _typeof(n.abbreviations[":" + c]) > "u" && (n.abbreviations[":" + c] = u), a);
+  return c = r.slice(2, o), d = r.slice(o + 2, a).trim(), d.length === 0 ? -1 : (n.abbreviations || (n.abbreviations = {}), _typeof(n.abbreviations[":" + c]) > "u" && (n.abbreviations[":" + c] = d), a);
 }
 function abbr(r) {
   var e = r.tokens,
@@ -2015,15 +2044,15 @@ function normalizeReference(r) {
   return r.trim().replace(/\s+/g, " ").toUpperCase();
 }
 function parseReference(r, e, t, n) {
-  var s, o, a, l, c, u, d, h, f;
+  var s, o, a, l, c, d, u, h, f;
   if (r.charCodeAt(0) !== 91 || r.indexOf("]:") === -1 || (s = new StateInline(r, e, t, n, []), o = parseLinkLabel(s, 0), o < 0 || r.charCodeAt(o + 1) !== 58)) return -1;
   for (l = s.posMax, a = o + 2; a < l && (c = s.src.charCodeAt(a), !(c !== 32 && c !== 10)); a++);
   if (!parseLinkDestination(s, a)) return -1;
-  for (d = s.linkContent, a = s.pos, u = a, a = a + 1; a < l && (c = s.src.charCodeAt(a), !(c !== 32 && c !== 10)); a++);
-  for (a < l && u !== a && parseLinkTitle(s, a) ? (h = s.linkContent, a = s.pos) : (h = "", a = u); a < l && s.src.charCodeAt(a) === 32;) a++;
+  for (u = s.linkContent, a = s.pos, d = a, a = a + 1; a < l && (c = s.src.charCodeAt(a), !(c !== 32 && c !== 10)); a++);
+  for (a < l && d !== a && parseLinkTitle(s, a) ? (h = s.linkContent, a = s.pos) : (h = "", a = d); a < l && s.src.charCodeAt(a) === 32;) a++;
   return a < l && s.src.charCodeAt(a) !== 10 ? -1 : (f = normalizeReference(r.slice(1, o)), _typeof(n.references[f]) > "u" && (n.references[f] = {
     title: h,
-    href: d
+    href: u
   }), a);
 }
 function references(r) {
@@ -2055,48 +2084,48 @@ function footnote_block(r) {
     a,
     l,
     c,
-    u,
-    d = 0,
+    d,
+    u = 0,
     h = !1,
     f = {};
   if (r.env.footnotes && (r.tokens = r.tokens.filter(function (p) {
-    return p.type === "footnote_reference_open" ? (h = !0, c = [], u = p.label, !1) : p.type === "footnote_reference_close" ? (h = !1, f[":" + u] = c, !1) : (h && c.push(p), !h);
+    return p.type === "footnote_reference_open" ? (h = !0, c = [], d = p.label, !1) : p.type === "footnote_reference_close" ? (h = !1, f[":" + d] = c, !1) : (h && c.push(p), !h);
   }), !!r.env.footnotes.list)) {
     for (a = r.env.footnotes.list, r.tokens.push({
       type: "footnote_block_open",
-      level: d++
+      level: u++
     }), e = 0, t = a.length; e < t; e++) {
       for (r.tokens.push({
         type: "footnote_open",
         id: e,
-        level: d++
+        level: u++
       }), a[e].tokens ? (l = [], l.push({
         type: "paragraph_open",
         tight: !1,
-        level: d++
+        level: u++
       }), l.push({
         type: "inline",
         content: "",
-        level: d,
+        level: u,
         children: a[e].tokens
       }), l.push({
         type: "paragraph_close",
         tight: !1,
-        level: --d
+        level: --u
       })) : a[e].label && (l = f[":" + a[e].label]), r.tokens = r.tokens.concat(l), r.tokens[r.tokens.length - 1].type === "paragraph_close" ? o = r.tokens.pop() : o = null, s = a[e].count > 0 ? a[e].count : 1, n = 0; n < s; n++) r.tokens.push({
         type: "footnote_anchor",
         id: e,
         subId: n,
-        level: d
+        level: u
       });
       o && r.tokens.push(o), r.tokens.push({
         type: "footnote_close",
-        level: --d
+        level: --u
       });
     }
     r.tokens.push({
       type: "footnote_block_close",
-      level: --d
+      level: --u
     });
   }
 }
@@ -2113,8 +2142,8 @@ function abbr2(r) {
     a,
     l,
     c,
-    u,
     d,
+    u,
     h,
     f,
     p = r.tokens;
@@ -2123,28 +2152,28 @@ function abbr2(r) {
       return b.substr(1);
     }).sort(function (b, m) {
       return m.length - b.length;
-    }).map(regEscape).join("|") + ")($|[" + PUNCT_CHARS.split("").map(regEscape).join("") + "])", r.env.abbrRegExp = new RegExp(f, "g")), d = r.env.abbrRegExp, t = 0, n = p.length; t < n; t++) if (p[t].type === "inline") {
+    }).map(regEscape).join("|") + ")($|[" + PUNCT_CHARS.split("").map(regEscape).join("") + "])", r.env.abbrRegExp = new RegExp(f, "g")), u = r.env.abbrRegExp, t = 0, n = p.length; t < n; t++) if (p[t].type === "inline") {
       for (s = p[t].children, e = s.length - 1; e >= 0; e--) if (o = s[e], o.type === "text") {
-        for (c = 0, a = o.content, d.lastIndex = 0, u = o.level, l = []; h = d.exec(a);) d.lastIndex > c && l.push({
+        for (c = 0, a = o.content, u.lastIndex = 0, d = o.level, l = []; h = u.exec(a);) u.lastIndex > c && l.push({
           type: "text",
           content: a.slice(c, h.index + h[1].length),
-          level: u
+          level: d
         }), l.push({
           type: "abbr_open",
           title: r.env.abbreviations[":" + h[2]],
-          level: u++
+          level: d++
         }), l.push({
           type: "text",
           content: h[2],
-          level: u
+          level: d
         }), l.push({
           type: "abbr_close",
-          level: --u
-        }), c = d.lastIndex - h[3].length;
+          level: --d
+        }), c = u.lastIndex - h[3].length;
         l.length && (c < a.length && l.push({
           type: "text",
           content: a.slice(c),
-          level: u
+          level: d
         }), p[t].children = s = [].concat(s.slice(0, e), l, s.slice(e + 1)));
       }
     }
@@ -2180,20 +2209,20 @@ function replaceAt(r, e, t) {
   return r.substr(0, e) + t + r.substr(e + 1);
 }
 function smartquotes(r) {
-  var e, t, n, s, o, a, l, c, u, d, h, f, p, b, m, g, v;
+  var e, t, n, s, o, a, l, c, d, u, h, f, p, b, m, g, v;
   if (r.options.typographer) {
     for (v = [], m = r.tokens.length - 1; m >= 0; m--) if (r.tokens[m].type === "inline") {
       for (g = r.tokens[m].children, v.length = 0, e = 0; e < g.length; e++) if (t = g[e], !(t.type !== "text" || QUOTE_TEST_RE.test(t.text))) {
         for (l = g[e].level, p = v.length - 1; p >= 0 && !(v[p].level <= l); p--);
         v.length = p + 1, n = t.content, o = 0, a = n.length;
         e: for (; o < a && (QUOTE_RE.lastIndex = o, s = QUOTE_RE.exec(n), !!s);) {
-          if (c = !isLetter(n, s.index - 1), o = s.index + 1, b = s[0] === "'", u = !isLetter(n, o), !u && !c) {
+          if (c = !isLetter(n, s.index - 1), o = s.index + 1, b = s[0] === "'", d = !isLetter(n, o), !d && !c) {
             b && (t.content = replaceAt(t.content, s.index, APOSTROPHE));
             continue;
           }
-          if (h = !u, f = !c, f) {
-            for (p = v.length - 1; p >= 0 && (d = v[p], !(v[p].level < l)); p--) if (d.single === b && v[p].level === l) {
-              d = v[p], b ? (g[d.token].content = replaceAt(g[d.token].content, d.pos, r.options.quotes[2]), t.content = replaceAt(t.content, s.index, r.options.quotes[3])) : (g[d.token].content = replaceAt(g[d.token].content, d.pos, r.options.quotes[0]), t.content = replaceAt(t.content, s.index, r.options.quotes[1])), v.length = p;
+          if (h = !d, f = !c, f) {
+            for (p = v.length - 1; p >= 0 && (u = v[p], !(v[p].level < l)); p--) if (u.single === b && v[p].level === l) {
+              u = v[p], b ? (g[u.token].content = replaceAt(g[u.token].content, u.pos, r.options.quotes[2]), t.content = replaceAt(t.content, s.index, r.options.quotes[3])) : (g[u.token].content = replaceAt(g[u.token].content, u.pos, r.options.quotes[0]), t.content = replaceAt(t.content, s.index, r.options.quotes[1])), v.length = p;
               continue e;
             }
           }
@@ -2218,13 +2247,13 @@ Core.prototype.process = function (r) {
   for (n = this.ruler.getRules(""), e = 0, t = n.length; e < t; e++) n[e](r);
 };
 function StateBlock(r, e, t, n, s) {
-  var o, a, l, c, u, d, h;
-  for (this.src = r, this.parser = e, this.options = t, this.env = n, this.tokens = s, this.bMarks = [], this.eMarks = [], this.tShift = [], this.blkIndent = 0, this.line = 0, this.lineMax = 0, this.tight = !1, this.parentType = "root", this.ddIndent = -1, this.level = 0, this.result = "", a = this.src, d = 0, h = !1, l = c = d = 0, u = a.length; c < u; c++) {
+  var o, a, l, c, d, u, h;
+  for (this.src = r, this.parser = e, this.options = t, this.env = n, this.tokens = s, this.bMarks = [], this.eMarks = [], this.tShift = [], this.blkIndent = 0, this.line = 0, this.lineMax = 0, this.tight = !1, this.parentType = "root", this.ddIndent = -1, this.level = 0, this.result = "", a = this.src, u = 0, h = !1, l = c = u = 0, d = a.length; c < d; c++) {
     if (o = a.charCodeAt(c), !h) if (o === 32) {
-      d++;
+      u++;
       continue;
     } else h = !0;
-    (o === 10 || c === u - 1) && (o !== 10 && c++, this.bMarks.push(l), this.eMarks.push(c), this.tShift.push(d), h = !1, d = 0, l = c + 1);
+    (o === 10 || c === d - 1) && (o !== 10 && c++, this.bMarks.push(l), this.eMarks.push(c), this.tShift.push(u), h = !1, u = 0, l = c + 1);
   }
   this.bMarks.push(a.length), this.eMarks.push(a.length), this.tShift.push(0), this.lineMax = this.bMarks.length - 1;
 }
@@ -2253,11 +2282,11 @@ StateBlock.prototype.getLines = function (e, t, n, s) {
     a,
     l,
     c,
-    u,
-    d = e;
+    d,
+    u = e;
   if (e >= t) return "";
-  if (d + 1 === t) return a = this.bMarks[d] + Math.min(this.tShift[d], n), l = s ? this.eMarks[d] + 1 : this.eMarks[d], this.src.slice(a, l);
-  for (c = new Array(t - e), o = 0; d < t; d++, o++) u = this.tShift[d], u > n && (u = n), u < 0 && (u = 0), a = this.bMarks[d] + u, d + 1 < t || s ? l = this.eMarks[d] + 1 : l = this.eMarks[d], c[o] = this.src.slice(a, l);
+  if (u + 1 === t) return a = this.bMarks[u] + Math.min(this.tShift[u], n), l = s ? this.eMarks[u] + 1 : this.eMarks[u], this.src.slice(a, l);
+  for (c = new Array(t - e), o = 0; u < t; u++, o++) d = this.tShift[u], d > n && (d = n), d < 0 && (d = 0), a = this.bMarks[u] + d, u + 1 < t || s ? l = this.eMarks[u] + 1 : l = this.eMarks[u], c[o] = this.src.slice(a, l);
   return c.join("");
 };
 function code(r, e, t) {
@@ -2288,16 +2317,16 @@ function fences(r, e, t, n) {
     a,
     l,
     c,
-    u = !1,
-    d = r.bMarks[e] + r.tShift[e],
+    d = !1,
+    u = r.bMarks[e] + r.tShift[e],
     h = r.eMarks[e];
-  if (d + 3 > h || (s = r.src.charCodeAt(d), s !== 126 && s !== 96) || (c = d, d = r.skipChars(d, s), o = d - c, o < 3) || (a = r.src.slice(d, h).trim(), a.indexOf("`") >= 0)) return !1;
+  if (u + 3 > h || (s = r.src.charCodeAt(u), s !== 126 && s !== 96) || (c = u, u = r.skipChars(u, s), o = u - c, o < 3) || (a = r.src.slice(u, h).trim(), a.indexOf("`") >= 0)) return !1;
   if (n) return !0;
-  for (l = e; l++, !(l >= t || (d = c = r.bMarks[l] + r.tShift[l], h = r.eMarks[l], d < h && r.tShift[l] < r.blkIndent));) if (r.src.charCodeAt(d) === s && !(r.tShift[l] - r.blkIndent >= 4) && (d = r.skipChars(d, s), !(d - c < o) && (d = r.skipSpaces(d), !(d < h)))) {
-    u = !0;
+  for (l = e; l++, !(l >= t || (u = c = r.bMarks[l] + r.tShift[l], h = r.eMarks[l], u < h && r.tShift[l] < r.blkIndent));) if (r.src.charCodeAt(u) === s && !(r.tShift[l] - r.blkIndent >= 4) && (u = r.skipChars(u, s), !(u - c < o) && (u = r.skipSpaces(u), !(u < h)))) {
+    d = !0;
     break;
   }
-  return o = r.tShift[e], r.line = l + (u ? 1 : 0), r.tokens.push({
+  return o = r.tShift[e], r.line = l + (d ? 1 : 0), r.tokens.push({
     type: "fence",
     params: a,
     content: r.getLines(e + 1, l, o, !0),
@@ -2311,8 +2340,8 @@ function blockquote(r, e, t, n) {
     a,
     l,
     c,
-    u,
     d,
+    u,
     h,
     f,
     p,
@@ -2334,14 +2363,14 @@ function blockquote(r, e, t, n) {
     if (b) break;
     l.push(r.bMarks[s]), a.push(r.tShift[s]), r.tShift[s] = -1337;
   }
-  for (u = r.parentType, r.parentType = "blockquote", r.tokens.push({
+  for (d = r.parentType, r.parentType = "blockquote", r.tokens.push({
     type: "blockquote_open",
-    lines: d = [e, 0],
+    lines: u = [e, 0],
     level: r.level++
   }), r.parser.tokenize(r, e, s), r.tokens.push({
     type: "blockquote_close",
     level: --r.level
-  }), r.parentType = u, d[1] = r.line, f = 0; f < a.length; f++) r.bMarks[f + e] = l[f], r.tShift[f + e] = a[f];
+  }), r.parentType = d, u[1] = r.line, f = 0; f < a.length; f++) r.bMarks[f + e] = l[f], r.tShift[f + e] = a[f];
   return r.blkIndent = c, !0;
 }
 function hr(r, e, t, n) {
@@ -2391,8 +2420,8 @@ function list(r, e, t, n) {
     a,
     l,
     c,
-    u,
     d,
+    u,
     h,
     f,
     p,
@@ -2402,38 +2431,38 @@ function list(r, e, t, n) {
     v,
     y,
     S,
-    x,
+    _,
     E,
-    R = !0,
+    I = !0,
     w,
-    _,
-    H,
-    U;
+    x,
+    q,
+    F;
   if ((h = skipOrderedListMarker(r, e)) >= 0) g = !0;else if ((h = skipBulletListMarker(r, e)) >= 0) g = !1;else return !1;
   if (r.level >= r.options.maxNesting) return !1;
   if (m = r.src.charCodeAt(h - 1), n) return !0;
-  for (y = r.tokens.length, g ? (d = r.bMarks[e] + r.tShift[e], b = Number(r.src.substr(d, h - d - 1)), r.tokens.push({
+  for (y = r.tokens.length, g ? (u = r.bMarks[e] + r.tShift[e], b = Number(r.src.substr(u, h - u - 1)), r.tokens.push({
     type: "ordered_list_open",
     order: b,
-    lines: x = [e, 0],
+    lines: _ = [e, 0],
     level: r.level++
   })) : r.tokens.push({
     type: "bullet_list_open",
-    lines: x = [e, 0],
+    lines: _ = [e, 0],
     level: r.level++
   }), s = e, S = !1, w = r.parser.ruler.getRules("list"); s < t && (v = r.skipSpaces(h), f = r.eMarks[s], v >= f ? p = 1 : p = v - h, p > 4 && (p = 1), p < 1 && (p = 1), o = h - r.bMarks[s] + p, r.tokens.push({
     type: "list_item_open",
     lines: E = [e, 0],
     level: r.level++
-  }), l = r.blkIndent, c = r.tight, a = r.tShift[e], u = r.parentType, r.tShift[e] = v - r.bMarks[e], r.blkIndent = o, r.tight = !0, r.parentType = "list", r.parser.tokenize(r, e, t, !0), (!r.tight || S) && (R = !1), S = r.line - e > 1 && r.isEmpty(r.line - 1), r.blkIndent = l, r.tShift[e] = a, r.tight = c, r.parentType = u, r.tokens.push({
+  }), l = r.blkIndent, c = r.tight, a = r.tShift[e], d = r.parentType, r.tShift[e] = v - r.bMarks[e], r.blkIndent = o, r.tight = !0, r.parentType = "list", r.parser.tokenize(r, e, t, !0), (!r.tight || S) && (I = !1), S = r.line - e > 1 && r.isEmpty(r.line - 1), r.blkIndent = l, r.tShift[e] = a, r.tight = c, r.parentType = d, r.tokens.push({
     type: "list_item_close",
     level: --r.level
   }), s = e = r.line, E[1] = s, v = r.bMarks[e], !(s >= t || r.isEmpty(s) || r.tShift[s] < r.blkIndent));) {
-    for (U = !1, _ = 0, H = w.length; _ < H; _++) if (w[_](r, s, t, !0)) {
-      U = !0;
+    for (F = !1, x = 0, q = w.length; x < q; x++) if (w[x](r, s, t, !0)) {
+      F = !0;
       break;
     }
-    if (U) break;
+    if (F) break;
     if (g) {
       if (h = skipOrderedListMarker(r, s), h < 0) break;
     } else if (h = skipBulletListMarker(r, s), h < 0) break;
@@ -2442,7 +2471,7 @@ function list(r, e, t, n) {
   return r.tokens.push({
     type: g ? "ordered_list_close" : "bullet_list_close",
     level: --r.level
-  }), x[1] = s, r.line = s, R && markTightParagraphs(r, y), !0;
+  }), _[1] = s, r.line = s, I && markTightParagraphs(r, y), !0;
 }
 function footnote(r, e, t, n) {
   var s,
@@ -2450,14 +2479,14 @@ function footnote(r, e, t, n) {
     a,
     l,
     c,
-    u = r.bMarks[e] + r.tShift[e],
-    d = r.eMarks[e];
-  if (u + 4 > d || r.src.charCodeAt(u) !== 91 || r.src.charCodeAt(u + 1) !== 94 || r.level >= r.options.maxNesting) return !1;
-  for (l = u + 2; l < d; l++) {
+    d = r.bMarks[e] + r.tShift[e],
+    u = r.eMarks[e];
+  if (d + 4 > u || r.src.charCodeAt(d) !== 91 || r.src.charCodeAt(d + 1) !== 94 || r.level >= r.options.maxNesting) return !1;
+  for (l = d + 2; l < u; l++) {
     if (r.src.charCodeAt(l) === 32) return !1;
     if (r.src.charCodeAt(l) === 93) break;
   }
-  return l === u + 2 || l + 1 >= d || r.src.charCodeAt(++l) !== 58 ? !1 : (n || (l++, r.env.footnotes || (r.env.footnotes = {}), r.env.footnotes.refs || (r.env.footnotes.refs = {}), c = r.src.slice(u + 2, l - 2), r.env.footnotes.refs[":" + c] = -1, r.tokens.push({
+  return l === d + 2 || l + 1 >= u || r.src.charCodeAt(++l) !== 58 ? !1 : (n || (l++, r.env.footnotes || (r.env.footnotes = {}), r.env.footnotes.refs || (r.env.footnotes.refs = {}), c = r.src.slice(d + 2, l - 2), r.env.footnotes.refs[":" + c] = -1, r.tokens.push({
     type: "footnote_reference_open",
     label: c,
     level: r.level++
@@ -2529,8 +2558,8 @@ function htmlblock(r, e, t, n) {
     a,
     l = r.bMarks[e],
     c = r.eMarks[e],
-    u = r.tShift[e];
-  if (l += u, !r.options.html || u > 3 || l + 2 >= c || r.src.charCodeAt(l) !== 60) return !1;
+    d = r.tShift[e];
+  if (l += d, !r.options.html || d > 3 || l + 2 >= c || r.src.charCodeAt(l) !== 60) return !1;
   if (s = r.src.charCodeAt(l + 1), s === 33 || s === 63) {
     if (n) return !0;
   } else if (s === 47 || isLetter$1(s)) {
@@ -2554,17 +2583,17 @@ function getLine(r, e) {
   return r.src.substr(t, n - t);
 }
 function table(r, e, t, n) {
-  var s, o, a, l, c, u, d, h, f, p, b;
-  if (e + 2 > t || (c = e + 1, r.tShift[c] < r.blkIndent) || (a = r.bMarks[c] + r.tShift[c], a >= r.eMarks[c]) || (s = r.src.charCodeAt(a), s !== 124 && s !== 45 && s !== 58) || (o = getLine(r, e + 1), !/^[-:| ]+$/.test(o)) || (u = o.split("|"), u <= 2)) return !1;
-  for (h = [], l = 0; l < u.length; l++) {
-    if (f = u[l].trim(), !f) {
-      if (l === 0 || l === u.length - 1) continue;
+  var s, o, a, l, c, d, u, h, f, p, b;
+  if (e + 2 > t || (c = e + 1, r.tShift[c] < r.blkIndent) || (a = r.bMarks[c] + r.tShift[c], a >= r.eMarks[c]) || (s = r.src.charCodeAt(a), s !== 124 && s !== 45 && s !== 58) || (o = getLine(r, e + 1), !/^[-:| ]+$/.test(o)) || (d = o.split("|"), d <= 2)) return !1;
+  for (h = [], l = 0; l < d.length; l++) {
+    if (f = d[l].trim(), !f) {
+      if (l === 0 || l === d.length - 1) continue;
       return !1;
     }
     if (!/^:?-+:?$/.test(f)) return !1;
     f.charCodeAt(f.length - 1) === 58 ? h.push(f.charCodeAt(0) === 58 ? "center" : "right") : f.charCodeAt(0) === 58 ? h.push("left") : h.push("");
   }
-  if (o = getLine(r, e).trim(), o.indexOf("|") === -1 || (u = o.replace(/^\||\|$/g, "").split("|"), h.length !== u.length)) return !1;
+  if (o = getLine(r, e).trim(), o.indexOf("|") === -1 || (d = o.replace(/^\||\|$/g, "").split("|"), h.length !== d.length)) return !1;
   if (n) return !0;
   for (r.tokens.push({
     type: "table_open",
@@ -2578,14 +2607,14 @@ function table(r, e, t, n) {
     type: "tr_open",
     lines: [e, e + 1],
     level: r.level++
-  }), l = 0; l < u.length; l++) r.tokens.push({
+  }), l = 0; l < d.length; l++) r.tokens.push({
     type: "th_open",
     align: h[l],
     lines: [e, e + 1],
     level: r.level++
   }), r.tokens.push({
     type: "inline",
-    content: u[l].trim(),
+    content: d[l].trim(),
     lines: [e, e + 1],
     level: r.level,
     children: []
@@ -2604,16 +2633,16 @@ function table(r, e, t, n) {
     lines: b = [e + 2, 0],
     level: r.level++
   }), c = e + 2; c < t && !(r.tShift[c] < r.blkIndent || (o = getLine(r, c).trim(), o.indexOf("|") === -1)); c++) {
-    for (u = o.replace(/^\||\|$/g, "").split("|"), r.tokens.push({
+    for (d = o.replace(/^\||\|$/g, "").split("|"), r.tokens.push({
       type: "tr_open",
       level: r.level++
-    }), l = 0; l < u.length; l++) r.tokens.push({
+    }), l = 0; l < d.length; l++) r.tokens.push({
       type: "td_open",
       align: h[l],
       level: r.level++
-    }), d = u[l].substring(u[l].charCodeAt(0) === 124 ? 1 : 0, u[l].charCodeAt(u[l].length - 1) === 124 ? u[l].length - 1 : u[l].length).trim(), r.tokens.push({
+    }), u = d[l].substring(d[l].charCodeAt(0) === 124 ? 1 : 0, d[l].charCodeAt(d[l].length - 1) === 124 ? d[l].length - 1 : d[l].length).trim(), r.tokens.push({
       type: "inline",
-      content: d,
+      content: u,
       level: r.level,
       children: []
     }), r.tokens.push({
@@ -2647,14 +2676,14 @@ function markTightParagraphs$1(r, e) {
   for (t = e + 2, n = r.tokens.length - 2; t < n; t++) r.tokens[t].level === s && r.tokens[t].type === "paragraph_open" && (r.tokens[t + 2].tight = !0, r.tokens[t].tight = !0, t += 2);
 }
 function deflist(r, e, t, n) {
-  var s, o, a, l, c, u, d, h, f, p, b, m, g, v;
+  var s, o, a, l, c, d, u, h, f, p, b, m, g, v;
   if (n) return r.ddIndent < 0 ? !1 : skipMarker(r, e) >= 0;
-  if (d = e + 1, r.isEmpty(d) && ++d > t || r.tShift[d] < r.blkIndent || (s = skipMarker(r, d), s < 0) || r.level >= r.options.maxNesting) return !1;
-  u = r.tokens.length, r.tokens.push({
+  if (u = e + 1, r.isEmpty(u) && ++u > t || r.tShift[u] < r.blkIndent || (s = skipMarker(r, u), s < 0) || r.level >= r.options.maxNesting) return !1;
+  d = r.tokens.length, r.tokens.push({
     type: "dl_open",
     lines: c = [e, 0],
     level: r.level++
-  }), a = e, o = d;
+  }), a = e, o = u;
   e: for (;;) {
     for (v = !0, g = !1, r.tokens.push({
       type: "dt_open",
@@ -2672,21 +2701,21 @@ function deflist(r, e, t, n) {
     });;) {
       if (r.tokens.push({
         type: "dd_open",
-        lines: l = [d, 0],
+        lines: l = [u, 0],
         level: r.level++
       }), m = r.tight, f = r.ddIndent, h = r.blkIndent, b = r.tShift[o], p = r.parentType, r.blkIndent = r.ddIndent = r.tShift[o] + 2, r.tShift[o] = s - r.bMarks[o], r.tight = !0, r.parentType = "deflist", r.parser.tokenize(r, o, t, !0), (!r.tight || g) && (v = !1), g = r.line - o > 1 && r.isEmpty(r.line - 1), r.tShift[o] = b, r.tight = m, r.parentType = p, r.blkIndent = h, r.ddIndent = f, r.tokens.push({
         type: "dd_close",
         level: --r.level
-      }), l[1] = d = r.line, d >= t || r.tShift[d] < r.blkIndent) break e;
-      if (s = skipMarker(r, d), s < 0) break;
-      o = d;
+      }), l[1] = u = r.line, u >= t || r.tShift[u] < r.blkIndent) break e;
+      if (s = skipMarker(r, u), s < 0) break;
+      o = u;
     }
-    if (d >= t || (a = d, r.isEmpty(a)) || r.tShift[a] < r.blkIndent || (o = a + 1, o >= t) || (r.isEmpty(o) && o++, o >= t) || r.tShift[o] < r.blkIndent || (s = skipMarker(r, o), s < 0)) break;
+    if (u >= t || (a = u, r.isEmpty(a)) || r.tShift[a] < r.blkIndent || (o = a + 1, o >= t) || (r.isEmpty(o) && o++, o >= t) || r.tShift[o] < r.blkIndent || (s = skipMarker(r, o), s < 0)) break;
   }
   return r.tokens.push({
     type: "dl_close",
     level: --r.level
-  }), c[1] = d, r.line = d, v && markTightParagraphs$1(r, u), !0;
+  }), c[1] = u, r.line = u, v && markTightParagraphs$1(r, d), !0;
 }
 function paragraph(r, e) {
   var t,
@@ -2747,8 +2776,8 @@ ParserBlock.prototype.parse = function (r, e, t, n) {
     a = 0;
   if (!r) return [];
   r = r.replace(SPACES_RE, " "), r = r.replace(NEWLINES_RE, "\n"), r.indexOf("	") >= 0 && (r = r.replace(TABS_SCAN_RE, function (l, c) {
-    var u;
-    return r.charCodeAt(c) === 10 ? (o = c + 1, a = 0, l) : (u = "    ".slice((c - o - a) % 4), a = c - o + 1, u);
+    var d;
+    return r.charCodeAt(c) === 10 ? (o = c + 1, a = 0, l) : (d = "    ".slice((c - o - a) % 4), a = c - o + 1, d);
   })), s = new StateBlock(r, this, e, t, n), this.tokenize(s, s.line, s.lineMax);
 };
 function isTerminatorChar(r) {
@@ -2941,9 +2970,9 @@ function scanDelims(r, e) {
     a = !0,
     l = !0,
     c = r.posMax,
-    u = r.src.charCodeAt(e);
-  for (n = e > 0 ? r.src.charCodeAt(e - 1) : -1; t < c && r.src.charCodeAt(t) === u;) t++;
-  return t >= c && (a = !1), o = t - e, o >= 4 ? a = l = !1 : (s = t < c ? r.src.charCodeAt(t) : -1, (s === 32 || s === 10) && (a = !1), (n === 32 || n === 10) && (l = !1), u === 95 && (isAlphaNum(n) && (a = !1), isAlphaNum(s) && (l = !1))), {
+    d = r.src.charCodeAt(e);
+  for (n = e > 0 ? r.src.charCodeAt(e - 1) : -1; t < c && r.src.charCodeAt(t) === d;) t++;
+  return t >= c && (a = !1), o = t - e, o >= 4 ? a = l = !1 : (s = t < c ? r.src.charCodeAt(t) : -1, (s === 32 || s === 10) && (a = !1), (n === 32 || n === 10) && (l = !1), d === 95 && (isAlphaNum(n) && (a = !1), isAlphaNum(s) && (l = !1))), {
     can_open: a,
     can_close: l,
     delims: o
@@ -2957,13 +2986,13 @@ function emphasis(r, e) {
     a,
     l,
     c,
-    u = r.posMax,
-    d = r.pos,
-    h = r.src.charCodeAt(d);
+    d = r.posMax,
+    u = r.pos,
+    h = r.src.charCodeAt(u);
   if (h !== 95 && h !== 42 || e) return !1;
-  if (c = scanDelims(r, d), t = c.delims, !c.can_open) return r.pos += t, e || (r.pending += r.src.slice(d, r.pos)), !0;
+  if (c = scanDelims(r, u), t = c.delims, !c.can_open) return r.pos += t, e || (r.pending += r.src.slice(u, r.pos)), !0;
   if (r.level >= r.options.maxNesting) return !1;
-  for (r.pos = d + t, l = [t]; r.pos < u;) {
+  for (r.pos = u + t, l = [t]; r.pos < d;) {
     if (r.src.charCodeAt(r.pos) === h) {
       if (c = scanDelims(r, r.pos), n = c.delims, c.can_close) {
         for (o = l.pop(), a = n; o !== a;) {
@@ -2986,7 +3015,7 @@ function emphasis(r, e) {
     }
     r.parser.skipToken(r);
   }
-  return s ? (r.posMax = r.pos, r.pos = d + t, e || ((t === 2 || t === 3) && r.push({
+  return s ? (r.posMax = r.pos, r.pos = u + t, e || ((t === 2 || t === 3) && r.push({
     type: "strong_open",
     level: r.level++
   }), (t === 1 || t === 3) && r.push({
@@ -2998,7 +3027,7 @@ function emphasis(r, e) {
   }), (t === 2 || t === 3) && r.push({
     type: "strong_close",
     level: --r.level
-  })), r.pos = r.posMax + t, r.posMax = u, !0) : (r.pos = d, !1);
+  })), r.pos = r.posMax + t, r.posMax = d, !0) : (r.pos = u, !1);
 }
 var UNESCAPE_RE = /\\([ \\!"#$%&'()*+,.\/:;<=>?@[\]^_`{|}~-])/g;
 function sub(r, e) {
@@ -3048,27 +3077,27 @@ function links(r, e) {
     a,
     l,
     c,
-    u,
-    d = !1,
+    d,
+    u = !1,
     h = r.pos,
     f = r.posMax,
     p = r.pos,
     b = r.src.charCodeAt(p);
-  if (b === 33 && (d = !0, b = r.src.charCodeAt(++p)), b !== 91 || r.level >= r.options.maxNesting || (t = p + 1, n = parseLinkLabel(r, p), n < 0)) return !1;
+  if (b === 33 && (u = !0, b = r.src.charCodeAt(++p)), b !== 91 || r.level >= r.options.maxNesting || (t = p + 1, n = parseLinkLabel(r, p), n < 0)) return !1;
   if (l = n + 1, l < f && r.src.charCodeAt(l) === 40) {
-    for (l++; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);
+    for (l++; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);
     if (l >= f) return !1;
-    for (p = l, parseLinkDestination(r, l) ? (o = r.linkContent, l = r.pos) : o = "", p = l; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);
-    if (l < f && p !== l && parseLinkTitle(r, l)) for (a = r.linkContent, l = r.pos; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);else a = "";
+    for (p = l, parseLinkDestination(r, l) ? (o = r.linkContent, l = r.pos) : o = "", p = l; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);
+    if (l < f && p !== l && parseLinkTitle(r, l)) for (a = r.linkContent, l = r.pos; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);else a = "";
     if (l >= f || r.src.charCodeAt(l) !== 41) return r.pos = h, !1;
     l++;
   } else {
     if (r.linkLevel > 0) return !1;
-    for (; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);
+    for (; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);
     if (l < f && r.src.charCodeAt(l) === 91 && (p = l + 1, l = parseLinkLabel(r, l), l >= 0 ? s = r.src.slice(p, l++) : l = p - 1), s || (_typeof(s) > "u" && (l = n + 1), s = r.src.slice(t, n)), c = r.env.references[normalizeReference(s)], !c) return r.pos = h, !1;
     o = c.href, a = c.title;
   }
-  return e || (r.pos = t, r.posMax = n, d ? r.push({
+  return e || (r.pos = t, r.posMax = n, u ? r.push({
     type: "image",
     src: o,
     title: a,
@@ -3460,8 +3489,8 @@ var SetFileTypes = /*#__PURE__*/function () {
       if (_typeof(s) == "object") {
         var l = s.files,
           c = s.request,
-          u = s.button;
-        l && (l.infoModal && (o.files.infoModal = l.infoModal, (a = l.infoModal) != null && a.textMarkDown && (o.infoModalTextMarkUp = n.render(l.infoModal.textMarkDown))), l.acceptedFormats && (o.files.acceptedFormats = l.acceptedFormats), l.maxNumberOfFiles && (o.files.maxNumberOfFiles = l.maxNumberOfFiles)), o.button = u, c && (c.headers || c.method || c.url || e.headers || e.method || e.url) && (o.request = {
+          d = s.button;
+        l && (l.infoModal && (o.files.infoModal = l.infoModal, (a = l.infoModal) != null && a.textMarkDown && (o.infoModalTextMarkUp = n.render(l.infoModal.textMarkDown))), l.acceptedFormats && (o.files.acceptedFormats = l.acceptedFormats), l.maxNumberOfFiles && (o.files.maxNumberOfFiles = l.maxNumberOfFiles)), o.button = d, c && (c.headers || c.method || c.url || e.headers || e.method || e.url) && (o.request = {
           headers: (c == null ? void 0 : c.headers) || e.headers,
           method: (c == null ? void 0 : c.method) || e.method,
           url: (c == null ? void 0 : c.url) || e.url
@@ -3485,11 +3514,11 @@ var SetFileTypes = /*#__PURE__*/function () {
     key: "processMicrophone",
     value: function processMicrophone(e, t, n, s) {
       var _c$files, _f$maxNumberOfFiles;
-      var l, c, u, d, h, f;
+      var l, c, d, u, h, f;
       var a = _objectSpread({
         acceptedFormats: "audio/*"
       }, ((l = e.fileTypes.audio) == null ? void 0 : l.files) || {});
-      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.recordAudio = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && n.files && ((_c$files = (c = e.recordAudio).files) !== null && _c$files !== void 0 ? _c$files : c.files = {}, e.recordAudio.files.format = (u = n.files) == null ? void 0 : u.format, e.recordAudio.files.maxDurationSeconds = (d = n.files) == null ? void 0 : d.maxDurationSeconds, (h = e.fileTypes.audio) != null && h.files && ((_f$maxNumberOfFiles = (f = e.fileTypes.audio.files).maxNumberOfFiles) !== null && _f$maxNumberOfFiles !== void 0 ? _f$maxNumberOfFiles : f.maxNumberOfFiles = n.files.maxNumberOfFiles))) : s || (e.fileTypes.audio = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
+      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.recordAudio = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && n.files && ((_c$files = (c = e.recordAudio).files) !== null && _c$files !== void 0 ? _c$files : c.files = {}, e.recordAudio.files.format = (d = n.files) == null ? void 0 : d.format, e.recordAudio.files.maxDurationSeconds = (u = n.files) == null ? void 0 : u.maxDurationSeconds, (h = e.fileTypes.audio) != null && h.files && ((_f$maxNumberOfFiles = (f = e.fileTypes.audio.files).maxNumberOfFiles) !== null && _f$maxNumberOfFiles !== void 0 ? _f$maxNumberOfFiles : f.maxNumberOfFiles = n.files.maxNumberOfFiles))) : s || (e.fileTypes.audio = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
     }
     // prettier-ignore
   }, {
@@ -3517,11 +3546,11 @@ var SetFileTypes = /*#__PURE__*/function () {
     key: "processCamera",
     value: function processCamera(e, t, n, s) {
       var _c$files2;
-      var l, c, u, d;
+      var l, c, d, u;
       var a = _objectSpread({
         acceptedFormats: "image/*"
       }, ((l = e.fileTypes.images) == null ? void 0 : l.files) || {});
-      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.camera = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && (e.camera.modalContainerStyle = n.modalContainerStyle, n.files && ((_c$files2 = (c = e.camera).files) !== null && _c$files2 !== void 0 ? _c$files2 : c.files = {}, e.camera.files.format = (u = n.files) == null ? void 0 : u.format, e.camera.files.dimensions = (d = n.files) == null ? void 0 : d.dimensions))) : s || (e.fileTypes.images = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
+      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.camera = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && (e.camera.modalContainerStyle = n.modalContainerStyle, n.files && ((_c$files2 = (c = e.camera).files) !== null && _c$files2 !== void 0 ? _c$files2 : c.files = {}, e.camera.files.format = (d = n.files) == null ? void 0 : d.format, e.camera.files.dimensions = (u = n.files) == null ? void 0 : u.dimensions))) : s || (e.fileTypes.images = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
     }
     // prettier-ignore
   }, {
@@ -3576,8 +3605,8 @@ var BaseServiceIO = /*#__PURE__*/function () {
     key: "callServiceAPI",
     value: function () {
       var _callServiceAPI = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(e, t, n) {
-        var _c$headers, _u$ContentType;
-        var l, c, u, d, s, o, a;
+        var _c$headers, _d$ContentType;
+        var l, c, d, u, s, o, a;
         return _regeneratorRuntime().wrap(function _callee16$(_context16) {
           while (1) switch (_context16.prev = _context16.next) {
             case 0:
@@ -3585,7 +3614,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
                 messages: t
               }, this.rawBody);
               o = !1;
-              (l = this.requestSettings.headers) != null && l["Content-Type"] || ((_c$headers = (c = this.requestSettings).headers) !== null && _c$headers !== void 0 ? _c$headers : c.headers = {}, (_u$ContentType = (u = this.requestSettings.headers)["Content-Type"]) !== null && _u$ContentType !== void 0 ? _u$ContentType : u["Content-Type"] = "application/json", o = !0);
+              (l = this.requestSettings.headers) != null && l["Content-Type"] || ((_c$headers = (c = this.requestSettings).headers) !== null && _c$headers !== void 0 ? _c$headers : c.headers = {}, (_d$ContentType = (d = this.requestSettings.headers)["Content-Type"]) !== null && _d$ContentType !== void 0 ? _d$ContentType : d["Content-Type"] = "application/json", o = !0);
               a = this.deepChat.stream;
               if (!(a && (this.demo || _typeof(a) != "object" || !a.simulation))) {
                 _context16.next = 9;
@@ -3600,7 +3629,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
               _context16.next = 11;
               return HTTPRequest.request(this, s, e);
             case 11:
-              o && ((d = this.requestSettings.headers) == null || delete d["Content-Type"]);
+              o && ((u = this.requestSettings.headers) == null || delete u["Content-Type"]);
             case 12:
             case "end":
               return _context16.stop();
@@ -3611,7 +3640,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
         return _callServiceAPI.apply(this, arguments);
       }
       return callServiceAPI;
-    }()
+    }() // WORK - when a file is sent - but the user is using the stream property the response back is not streamed
   }, {
     key: "callApiWithFiles",
     value: function () {
@@ -3651,7 +3680,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
               }
               throw new Error("Request settings have not been set up");
             case 2:
-              n = MessageLimitUtils.processMessages(e, t.messages, this.maxMessages, this.totalMessagesMaxCharLength);
+              n = MessageLimitUtils.processMessages(t.messages, this.maxMessages, this.totalMessagesMaxCharLength);
               if (this.requestSettings.websocket) {
                 s = _objectSpread({
                   messages: n
@@ -3683,7 +3712,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
               }
               throw e.error;
             case 2:
-              return _context19.abrupt("return", e.result ? (console.error("The {result: ....} response object type is deprecated since version 1.3.0."), console.error("Please change to using the new response object: https://deepchat.dev/docs/connect#Response"), e.result) : e);
+              return _context19.abrupt("return", e.result ? Legacy.handleResponseProperty(e) : e);
             case 3:
             case "end":
               return _context19.stop();
@@ -3709,15 +3738,17 @@ var BaseServiceIO = /*#__PURE__*/function () {
     key: "createCustomFormDataBody",
     value: function createCustomFormDataBody(e, t, n) {
       var s = new FormData();
-      n.forEach(function (a) {
-        return s.append("files", a);
-      }), Object.keys(e).forEach(function (a) {
-        return s.append(a, String(e[a]));
+      n.forEach(function (l) {
+        return s.append("files", l);
+      }), Object.keys(e).forEach(function (l) {
+        return s.append(l, String(e[l]));
       });
       var o = 0;
-      return t.forEach(function (a) {
-        a.text && s.append("message".concat(o += 1), JSON.stringify(a));
-      }), s;
+      t.slice(0, t.length - 1).forEach(function (l) {
+        s.append("message".concat(o += 1), JSON.stringify(l));
+      });
+      var a = t[t.length - 1];
+      return a.text && (delete a.files, s.append("message".concat(o += 1), JSON.stringify(a))), s;
     }
   }]);
   return BaseServiceIO;
@@ -3790,19 +3821,19 @@ var RenderControl = /*#__PURE__*/function () {
   return RenderControl;
 }();
 var _InternalHTML = /*#__PURE__*/function (_HTMLElement) {
-  _inherits(O, _HTMLElement);
-  var _super2 = _createSuper(O);
+  _inherits(L, _HTMLElement);
+  var _super2 = _createSuper(L);
   // If this is not working, try using propertyName directly
-  function O() {
+  function L() {
     var _this3;
-    _classCallCheck(this, O);
-    _this3 = _super2.call(this), _this3._waitingToRender_ = !1, _this3._propUpdated_ = !1, Object.keys(O._attributeToProperty_).forEach(function (e) {
-      var t = O._attributeToProperty_[e];
+    _classCallCheck(this, L);
+    _this3 = _super2.call(this), _this3._waitingToRender_ = !1, _this3._propUpdated_ = !1, Object.keys(L._attributeToProperty_).forEach(function (e) {
+      var t = L._attributeToProperty_[e];
       _this3.constructPropertyAccessors(t), _this3.hasOwnProperty(e) || _this3.constructPropertyAccessors(t, e);
     });
     return _this3;
   }
-  _createClass(O, [{
+  _createClass(L, [{
     key: "constructPropertyAccessors",
     value:
     // need to be called here as accessors need to be set for the class instance
@@ -3821,8 +3852,8 @@ var _InternalHTML = /*#__PURE__*/function (_HTMLElement) {
     key: "attributeChangedCallback",
     value: function attributeChangedCallback(e, t, n) {
       if (t === n) return;
-      var s = O._attributes_[e](n),
-        o = O._attributeToProperty_[e];
+      var s = L._attributes_[e](n),
+        o = L._attributeToProperty_[e];
       this[o] = s;
     }
   }, {
@@ -3831,10 +3862,10 @@ var _InternalHTML = /*#__PURE__*/function (_HTMLElement) {
   }], [{
     key: "observedAttributes",
     get: function get() {
-      return Object.keys(O._attributes_) || [];
+      return Object.keys(L._attributes_) || [];
     }
   }]);
-  return O;
+  return L;
 }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
 _InternalHTML._attributes_ = {};
 _InternalHTML._attributeToProperty_ = {};
@@ -3854,15 +3885,15 @@ var SVGIconUtils = /*#__PURE__*/function () {
   return SVGIconUtils;
 }();
 var _VisibilityIcon = /*#__PURE__*/function () {
-  function P() {
-    _classCallCheck(this, P);
+  function O() {
+    _classCallCheck(this, O);
   }
-  _createClass(P, null, [{
+  _createClass(O, null, [{
     key: "changeVisibility",
     value:
     // prettier-ignore
     function changeVisibility(e, t, n, s) {
-      s.target.id === P.VISIBLE_ICON_ID ? (t.style.display = "none", n.style.display = "block", e.type = "password") : (t.style.display = "block", n.style.display = "none", e.type = "text");
+      s.target.id === O.VISIBLE_ICON_ID ? (t.style.display = "none", n.style.display = "block", e.type = "password") : (t.style.display = "block", n.style.display = "none", e.type = "text");
     }
   }, {
     key: "createIconElement",
@@ -3876,13 +3907,13 @@ var _VisibilityIcon = /*#__PURE__*/function () {
     value: function create(e) {
       var t = document.createElement("div");
       t.id = "visibility-icon-container";
-      var n = P.createIconElement(VISIBLE_ICON_STRING, P.VISIBLE_ICON_ID);
+      var n = O.createIconElement(VISIBLE_ICON_STRING, O.VISIBLE_ICON_ID);
       n.style.display = "none", t.appendChild(n);
-      var s = P.createIconElement(NOT_VISIBLE_ICON_STRING, "not-visible-icon");
-      return t.appendChild(s), t.onclick = P.changeVisibility.bind(this, e, n, s), t;
+      var s = O.createIconElement(NOT_VISIBLE_ICON_STRING, "not-visible-icon");
+      return t.appendChild(s), t.onclick = O.changeVisibility.bind(this, e, n, s), t;
     }
   }]);
-  return P;
+  return O;
 }();
 _VisibilityIcon.VISIBLE_ICON_ID = "visible-icon";
 var VisibilityIcon = _VisibilityIcon;
@@ -3988,8 +4019,8 @@ var InsertKeyView = /*#__PURE__*/function () {
       var l = InsertKeyView.createStartButton(),
         _InsertKeyView$create = InsertKeyView.createHelpTextContainer(t.getKeyLink),
         c = _InsertKeyView$create.helpTextContainerElement,
-        u = _InsertKeyView$create.failTextElement;
-      return n.appendChild(l), n.appendChild(c), InsertKeyView.addVerificationEvents(o, l, u, e, t), n;
+        d = _InsertKeyView$create.failTextElement;
+      return n.appendChild(l), n.appendChild(c), InsertKeyView.addVerificationEvents(o, l, d, e, t), n;
     }
   }, {
     key: "createElements",
@@ -4041,17 +4072,17 @@ var HuggingFaceUtils = /*#__PURE__*/function () {
   return HuggingFaceUtils;
 }();
 var _HuggingFaceIO = /*#__PURE__*/function (_DirectServiceIO) {
-  _inherits(F, _DirectServiceIO);
-  var _super3 = _createSuper(F);
+  _inherits(j, _DirectServiceIO);
+  var _super3 = _createSuper(j);
   // prettier-ignore
-  function F(e, t, n, s, o, a) {
+  function j(e, t, n, s, o, a) {
     var _this4;
-    _classCallCheck(this, F);
-    _this4 = _super3.call(this, e, HuggingFaceUtils.buildKeyVerificationDetails(), HuggingFaceUtils.buildHeaders, o, a), _this4.insertKeyPlaceholderText = "Hugging Face Token", _this4.getKeyLink = "https://huggingface.co/settings/tokens", _this4.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this4.permittedErrorPrefixes = ["Authorization header"], _this4.url = "".concat(F.URL_PREFIX).concat(n), _this4.textInputPlaceholderText = t, _typeof(s) == "object" && (s.model && (_this4.url = "".concat(F.URL_PREFIX).concat(s.model)), s.options && (_this4.rawBody.options = s.options), s.parameters && (_this4.rawBody.parameters = s.parameters));
+    _classCallCheck(this, j);
+    _this4 = _super3.call(this, e, HuggingFaceUtils.buildKeyVerificationDetails(), HuggingFaceUtils.buildHeaders, o, a), _this4.insertKeyPlaceholderText = "Hugging Face Token", _this4.getKeyLink = "https://huggingface.co/settings/tokens", _this4.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this4.permittedErrorPrefixes = ["Authorization header"], _this4.url = "".concat(j.URL_PREFIX).concat(n), _this4.textInputPlaceholderText = t, _typeof(s) == "object" && (s.model && (_this4.url = "".concat(j.URL_PREFIX).concat(s.model)), s.options && (_this4.rawBody.options = s.options), s.parameters && (_this4.rawBody.parameters = s.parameters));
     return _this4;
   }
   // prettier-ignore
-  _createClass(F, [{
+  _createClass(j, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, n) {
       var _s$options;
@@ -4089,7 +4120,7 @@ var _HuggingFaceIO = /*#__PURE__*/function (_DirectServiceIO) {
       return callServiceAPI;
     }()
   }]);
-  return F;
+  return j;
 }(DirectServiceIO);
 _HuggingFaceIO.URL_PREFIX = "https://api-inference.huggingface.co/models/";
 var HuggingFaceIO = _HuggingFaceIO;
@@ -4702,12 +4733,13 @@ var HuggingFaceConversationIO = /*#__PURE__*/function (_HuggingFaceIO6) {
   _inherits(HuggingFaceConversationIO, _HuggingFaceIO6);
   var _super14 = _createSuper(HuggingFaceConversationIO);
   function HuggingFaceConversationIO(e) {
+    var _this10$maxMessages;
     var _this10;
     _classCallCheck(this, HuggingFaceConversationIO);
     var s, o, a;
     var t = (o = (s = e.directConnection) == null ? void 0 : s.huggingFace) == null ? void 0 : o.conversation,
       n = (a = e.directConnection) == null ? void 0 : a.huggingFace;
-    _this10 = _super14.call(this, e, "Ask me anything!", "facebook/blenderbot-400M-distill", t, n), _this10.maxMessages === void 0 && (_this10.maxMessages = -1);
+    _this10 = _super14.call(this, e, "Ask me anything!", "facebook/blenderbot-400M-distill", t, n), (_this10$maxMessages = _this10.maxMessages) !== null && _this10$maxMessages !== void 0 ? _this10$maxMessages : _this10.maxMessages = -1;
     return _this10;
   }
   // prettier-ignore
@@ -5534,10 +5566,10 @@ var AzureSummarizationIO = /*#__PURE__*/function (_AzureLanguageIO) {
   return AzureSummarizationIO;
 }(AzureLanguageIO);
 var _OpenAIConverseBaseBody = /*#__PURE__*/function () {
-  function q() {
-    _classCallCheck(this, q);
+  function G() {
+    _classCallCheck(this, G);
   }
-  _createClass(q, null, [{
+  _createClass(G, null, [{
     key: "generateDefaultBody",
     value: function generateDefaultBody(e) {
       return {
@@ -5547,20 +5579,20 @@ var _OpenAIConverseBaseBody = /*#__PURE__*/function () {
   }, {
     key: "build",
     value: function build(e, t) {
-      var n = q.generateDefaultBody(e);
+      var n = G.generateDefaultBody(e);
       return !t || typeof t == "boolean" ? n : Object.assign(n, t);
     }
   }]);
-  return q;
+  return G;
 }();
 _OpenAIConverseBaseBody.GPT_COMPLETIONS_DAVINCI_MODEL = "text-davinci-003";
 _OpenAIConverseBaseBody.GPT_CHAT_TURBO_MODEL = "gpt-3.5-turbo";
 var OpenAIConverseBaseBody = _OpenAIConverseBaseBody;
 var _OpenAIUtils = /*#__PURE__*/function () {
-  function G() {
-    _classCallCheck(this, G);
+  function V() {
+    _classCallCheck(this, V);
   }
-  _createClass(G, null, [{
+  _createClass(V, null, [{
     key: "buildHeaders",
     value: function buildHeaders(e) {
       return {
@@ -5581,11 +5613,11 @@ var _OpenAIUtils = /*#__PURE__*/function () {
       return {
         url: "https://api.openai.com/v1/models",
         method: "GET",
-        handleVerificationResult: G.handleVerificationResult
+        handleVerificationResult: V.handleVerificationResult
       };
     }
   }]);
-  return G;
+  return V;
 }();
 _OpenAIUtils.CONVERSE_MAX_CHAR_LENGTH = 13352;
 _OpenAIUtils.FILE_MAX_CHAR_LENGTH = 1e3;
@@ -5687,7 +5719,7 @@ var AssemblyAIUtils = /*#__PURE__*/function () {
     key: "poll",
     value: function () {
       var _poll2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee48(e, t) {
-        var n, l, c, d;
+        var n, l, c, u;
         return _regeneratorRuntime().wrap(function _callee48$(_context48) {
           while (1) switch (_context48.prev = _context48.next) {
             case 0:
@@ -5723,20 +5755,20 @@ var AssemblyAIUtils = /*#__PURE__*/function () {
               _context48.next = 13;
               return _context48.sent.json();
             case 13:
-              d = _context48.sent;
-              if (!(d.status === "completed")) {
+              u = _context48.sent;
+              if (!(u.status === "completed")) {
                 _context48.next = 18;
                 break;
               }
-              c = d;
+              c = u;
               _context48.next = 22;
               break;
             case 18:
-              if (!(d.status === "error")) {
+              if (!(u.status === "error")) {
                 _context48.next = 20;
                 break;
               }
-              throw new Error("Transcription failed: ".concat(d.error));
+              throw new Error("Transcription failed: ".concat(u.error));
             case 20:
               _context48.next = 22;
               return new Promise(function (h) {
@@ -5886,20 +5918,20 @@ var AzureSpeechIO = /*#__PURE__*/function (_DirectServiceIO7) {
   return _createClass(AzureSpeechIO);
 }(DirectServiceIO);
 var _AzureTextToSpeechIO = /*#__PURE__*/function (_AzureSpeechIO) {
-  _inherits(V, _AzureSpeechIO);
-  var _super27 = _createSuper(V);
+  _inherits(K, _AzureSpeechIO);
+  var _super27 = _createSuper(K);
   // prettier-ignore
-  function V(e) {
-    var _l$lang, _c$name, _u$gender;
+  function K(e) {
+    var _l$lang, _c$name, _d$gender;
     var _this20;
-    _classCallCheck(this, V);
-    var s, o, a, l, c, u;
+    _classCallCheck(this, K);
+    var s, o, a, l, c, d;
     var t = (o = (s = e.directConnection) == null ? void 0 : s.azure) == null ? void 0 : o.textToSpeech,
       n = (a = e.directConnection) == null ? void 0 : a.azure;
-    _this20 = _super27.call(this, e, AzureUtils.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, n), _this20.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(V.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this20.url = "", Object.assign(_this20.rawBody, t), (_l$lang = (l = _this20.rawBody).lang) !== null && _l$lang !== void 0 ? _l$lang : l.lang = "en-US", (_c$name = (c = _this20.rawBody).name) !== null && _c$name !== void 0 ? _c$name : c.name = "en-US-JennyNeural", (_u$gender = (u = _this20.rawBody).gender) !== null && _u$gender !== void 0 ? _u$gender : u.gender = "Female", _this20.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1");
+    _this20 = _super27.call(this, e, AzureUtils.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, n), _this20.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(K.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this20.url = "", Object.assign(_this20.rawBody, t), (_l$lang = (l = _this20.rawBody).lang) !== null && _l$lang !== void 0 ? _l$lang : l.lang = "en-US", (_c$name = (c = _this20.rawBody).name) !== null && _c$name !== void 0 ? _c$name : c.name = "en-US-JennyNeural", (_d$gender = (d = _this20.rawBody).gender) !== null && _d$gender !== void 0 ? _d$gender : d.gender = "Female", _this20.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1");
     return _this20;
   }
-  _createClass(V, [{
+  _createClass(K, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var n = t[t.length - 1].text;
@@ -5962,18 +5994,18 @@ var _AzureTextToSpeechIO = /*#__PURE__*/function (_AzureSpeechIO) {
       return extractResultData;
     }()
   }]);
-  return V;
+  return K;
 }(AzureSpeechIO);
 _AzureTextToSpeechIO.HELP_LINK =
 // eslint-disable-next-line max-len
 "https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest";
 var AzureTextToSpeechIO = _AzureTextToSpeechIO;
 var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
-  _inherits(j, _AzureSpeechIO2);
-  var _super28 = _createSuper(j);
-  function j(e) {
+  _inherits(z, _AzureSpeechIO2);
+  var _super28 = _createSuper(z);
+  function z(e) {
     var _this21;
-    _classCallCheck(this, j);
+    _classCallCheck(this, z);
     var a, l, c;
     var t = (l = (a = e.directConnection) == null ? void 0 : a.azure) == null ? void 0 : l.speechToText,
       n = (c = e.directConnection) == null ? void 0 : c.azure,
@@ -5984,12 +6016,12 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
           }
         }
       };
-    _this21 = _super28.call(this, e, AzureUtils.buildSpeechToTextHeaders, t.region, n, s), _this21.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(j.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this21.url = "", _this21.isTextInputDisabled = !0, _this21.textInputPlaceholderText = "Upload an audio file", _this21.canSendMessage = j.canFileSendMessage;
+    _this21 = _super28.call(this, e, AzureUtils.buildSpeechToTextHeaders, t.region, n, s), _this21.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(z.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this21.url = "", _this21.isTextInputDisabled = !0, _this21.textInputPlaceholderText = "Upload an audio file", _this21.canSendMessage = z.canFileSendMessage;
     var o = t.lang || "en-US";
     _this21.url = "https://".concat(t.region, ".stt.speech.microsoft.com/speech/recognition/conversation/cognitiveservices/v1?language=").concat(o, "&format=detailed"), _this21.recordAudio = void 0;
     return _this21;
   }
-  _createClass(j, [{
+  _createClass(z, [{
     key: "callServiceAPI",
     value: function () {
       var _callServiceAPI14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee53(e, t, n) {
@@ -6054,7 +6086,7 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
       return !!(t != null && t[0]);
     }
   }]);
-  return j;
+  return z;
 }(AzureSpeechIO);
 _AzureSpeechToTextIO.HELP_LINK =
 // eslint-disable-next-line max-len
@@ -6303,39 +6335,39 @@ _OpenAIImagesIO.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variati
 _OpenAIImagesIO.IMAGE_EDIT_URL = "https://api.openai.com/v1/images/edits";
 var OpenAIImagesIO = _OpenAIImagesIO;
 var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
-  _inherits(k, _DirectServiceIO10);
-  var _super31 = _createSuper(k);
-  function k(e) {
+  _inherits(M, _DirectServiceIO10);
+  var _super31 = _createSuper(M);
+  function M(e) {
     var _l$model2;
     var _this24;
-    _classCallCheck(this, k);
+    _classCallCheck(this, M);
     var a, l;
     var t = e.textInput,
       n = JSON.parse(JSON.stringify(e.directConnection)),
       s = n == null ? void 0 : n.openAI;
     _this24 = _super31.call(this, e, OpenAIUtils.buildKeyVerificationDetails(), OpenAIUtils.buildHeaders, s, {
       audio: {}
-    }), _this24.insertKeyPlaceholderText = "OpenAI API Key", _this24.getKeyLink = "https://platform.openai.com/account/api-keys", _this24.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI Whisper</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/api-reference/audio/create\">here</a> for more info.</p>", _this24.url = "", _this24.permittedErrorPrefixes = ["Invalid"], _this24._maxCharLength = OpenAIUtils.FILE_MAX_CHAR_LENGTH, _this24._service_url = k.AUDIO_TRANSCRIPTIONS_URL, t != null && t.characterLimit && (_this24._maxCharLength = t.characterLimit);
+    }), _this24.insertKeyPlaceholderText = "OpenAI API Key", _this24.getKeyLink = "https://platform.openai.com/account/api-keys", _this24.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI Whisper</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/api-reference/audio/create\">here</a> for more info.</p>", _this24.url = "", _this24.permittedErrorPrefixes = ["Invalid"], _this24._maxCharLength = OpenAIUtils.FILE_MAX_CHAR_LENGTH, _this24._service_url = M.AUDIO_TRANSCRIPTIONS_URL, t != null && t.characterLimit && (_this24._maxCharLength = t.characterLimit);
     var o = (a = n == null ? void 0 : n.openAI) == null ? void 0 : a.audio;
-    _typeof(o) == "object" && (_this24.processConfig(o), k.cleanConfig(o), Object.assign(_this24.rawBody, o)), (_l$model2 = (l = _this24.rawBody).model) !== null && _l$model2 !== void 0 ? _l$model2 : l.model = k.DEFAULT_MODEL, _this24.rawBody.response_format = "json", _this24.canSendMessage = k.canSendFileMessage;
+    _typeof(o) == "object" && (_this24.processConfig(o), M.cleanConfig(o), Object.assign(_this24.rawBody, o)), (_l$model2 = (l = _this24.rawBody).model) !== null && _l$model2 !== void 0 ? _l$model2 : l.model = M.DEFAULT_MODEL, _this24.rawBody.response_format = "json", _this24.canSendMessage = M.canSendFileMessage;
     return _this24;
   }
-  _createClass(k, [{
+  _createClass(M, [{
     key: "processConfig",
     value: function processConfig(e) {
-      e != null && e.type && e.type === "translation" && (this._service_url = k.AUDIO_TRANSLATIONS_URL, delete e.language);
+      e != null && e.type && e.type === "translation" && (this._service_url = M.AUDIO_TRANSLATIONS_URL, delete e.language);
     }
   }, {
     key: "preprocessBody",
-    value: function preprocessBody(e, t, n) {
-      var a, l;
-      var s = JSON.parse(JSON.stringify(e)),
-        o = (l = (a = t[t.length - n.length + 1]) == null ? void 0 : a.text) == null ? void 0 : l.trim();
-      if (o && o !== "") {
-        var c = o.substring(0, this._maxCharLength);
-        s.prompt = c;
+    value: function preprocessBody(e, t) {
+      var o, a;
+      var n = JSON.parse(JSON.stringify(e)),
+        s = (a = (o = t[t.length - 1]) == null ? void 0 : o.text) == null ? void 0 : a.trim();
+      if (s && s !== "") {
+        var l = s.substring(0, this._maxCharLength);
+        n.prompt = l;
       }
-      return s;
+      return n;
     }
     // prettier-ignore
   }, {
@@ -6359,7 +6391,7 @@ var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
               throw new Error("No file was added");
             case 4:
               this.url = this.requestSettings.url || this._service_url;
-              s = this.preprocessBody(this.rawBody, t, n), o = k.createFormDataBody(s, n[0]);
+              s = this.preprocessBody(this.rawBody, t), o = M.createFormDataBody(s, n[0]);
               RequestUtils.temporarilyRemoveHeader(this.requestSettings, HTTPRequest.request.bind(this, this, o, e), !1);
             case 7:
             case "end":
@@ -6418,7 +6450,7 @@ var _OpenAIAudioIO = /*#__PURE__*/function (_DirectServiceIO10) {
       }), n;
     }
   }]);
-  return k;
+  return M;
 }(DirectServiceIO);
 _OpenAIAudioIO.AUDIO_TRANSCRIPTIONS_URL = "https://api.openai.com/v1/audio/transcriptions";
 _OpenAIAudioIO.AUDIO_TRANSLATIONS_URL = "https://api.openai.com/v1/audio/translations";
@@ -6428,7 +6460,7 @@ var OpenAIChatIO = /*#__PURE__*/function (_DirectServiceIO11) {
   _inherits(OpenAIChatIO, _DirectServiceIO11);
   var _super32 = _createSuper(OpenAIChatIO);
   function OpenAIChatIO(e) {
-    var _a$model;
+    var _this25$maxMessages, _a$model;
     var _this25;
     _classCallCheck(this, OpenAIChatIO);
     var o, a;
@@ -6436,7 +6468,7 @@ var OpenAIChatIO = /*#__PURE__*/function (_DirectServiceIO11) {
       n = t.openAI;
     _this25 = _super32.call(this, e, OpenAIUtils.buildKeyVerificationDetails(), OpenAIUtils.buildHeaders, n), _this25.insertKeyPlaceholderText = "OpenAI API Key", _this25.getKeyLink = "https://platform.openai.com/account/api-keys", _this25.url = "https://api.openai.com/v1/chat/completions", _this25.permittedErrorPrefixes = ["Incorrect"], _this25._systemMessage = OpenAIChatIO.generateSystemMessage("You are a helpful assistant.");
     var s = (o = t.openAI) == null ? void 0 : o.chat;
-    _typeof(s) == "object" && (s.system_prompt && (_this25._systemMessage = OpenAIChatIO.generateSystemMessage(s.system_prompt)), _this25.cleanConfig(s), Object.assign(_this25.rawBody, s)), _this25.maxMessages === void 0 && (_this25.maxMessages = -1), (_a$model = (a = _this25.rawBody).model) !== null && _a$model !== void 0 ? _a$model : a.model = OpenAIConverseBaseBody.GPT_CHAT_TURBO_MODEL;
+    _typeof(s) == "object" && (s.system_prompt && (_this25._systemMessage = OpenAIChatIO.generateSystemMessage(s.system_prompt)), _this25.cleanConfig(s), Object.assign(_this25.rawBody, s)), (_this25$maxMessages = _this25.maxMessages) !== null && _this25$maxMessages !== void 0 ? _this25$maxMessages : _this25.maxMessages = -1, (_a$model = (a = _this25.rawBody).model) !== null && _a$model !== void 0 ? _a$model : a.model = OpenAIConverseBaseBody.GPT_CHAT_TURBO_MODEL;
     return _this25;
   }
   _createClass(OpenAIChatIO, [{
@@ -6531,13 +6563,14 @@ var CohereChatIO = /*#__PURE__*/function (_CohereIO3) {
   _inherits(CohereChatIO, _CohereIO3);
   var _super33 = _createSuper(CohereChatIO);
   function CohereChatIO(e) {
+    var _this26$maxMessages;
     var _this26;
     _classCallCheck(this, CohereChatIO);
     var o;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       n = (o = t.cohere) == null ? void 0 : o.chat,
       s = t.cohere;
-    _this26 = _super33.call(this, e, "https://api.cohere.ai/v1/chat", "Ask me anything!", n, s), _this26.username = "USER", _typeof(n) == "object" && (n.user_name && (_this26.username = n.user_name), _this26.cleanConfig(n), Object.assign(_this26.rawBody, n)), _this26.maxMessages === void 0 && (_this26.maxMessages = -1);
+    _this26 = _super33.call(this, e, "https://api.cohere.ai/v1/chat", "Ask me anything!", n, s), _this26.username = "USER", _typeof(n) == "object" && (n.user_name && (_this26.username = n.user_name), _this26.cleanConfig(n), Object.assign(_this26.rawBody, n)), (_this26$maxMessages = _this26.maxMessages) !== null && _this26$maxMessages !== void 0 ? _this26$maxMessages : _this26.maxMessages = -1;
     return _this26;
   }
   _createClass(CohereChatIO, [{
@@ -6643,22 +6676,22 @@ var ServiceIOFactory = /*#__PURE__*/function () {
   return ServiceIOFactory;
 }();
 var _GoogleFont = /*#__PURE__*/function () {
-  function z() {
-    _classCallCheck(this, z);
+  function H() {
+    _classCallCheck(this, H);
   }
-  _createClass(z, null, [{
+  _createClass(H, null, [{
     key: "appendStyleSheetToHead",
     value: function appendStyleSheetToHead() {
       var e = document.getElementsByTagName("head")[0];
       if (!Array.from(e.getElementsByTagName("link")).some(function (n) {
-        return n.getAttribute("href") === z.FONT_URL;
+        return n.getAttribute("href") === H.FONT_URL;
       })) {
         var n = document.createElement("link");
-        n.rel = "stylesheet", n.href = z.FONT_URL, e.appendChild(n);
+        n.rel = "stylesheet", n.href = H.FONT_URL, e.appendChild(n);
       }
     }
   }]);
-  return z;
+  return H;
 }();
 _GoogleFont.FONT_URL = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";
 var GoogleFont = _GoogleFont;
@@ -6722,10 +6755,10 @@ var FireEvents = /*#__PURE__*/function () {
   return FireEvents;
 }();
 var _ElementUtils = /*#__PURE__*/function () {
-  function K() {
-    _classCallCheck(this, K);
+  function $() {
+    _classCallCheck(this, $);
   }
-  _createClass(K, null, [{
+  _createClass($, null, [{
     key: "addElements",
     value: function addElements(e) {
       for (var _len = arguments.length, t = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -6742,7 +6775,7 @@ var _ElementUtils = /*#__PURE__*/function () {
         n = e.clientHeight,
         s = e.scrollTop,
         o = t - n;
-      return s >= o - K.CODE_SNIPPET_GENERATION_JUMP;
+      return s >= o - $.CODE_SNIPPET_GENERATION_JUMP;
     }
   }, {
     key: "cloneElement",
@@ -6751,15 +6784,15 @@ var _ElementUtils = /*#__PURE__*/function () {
       return e.parentNode.replaceChild(t, e), t;
     }
   }]);
-  return K;
+  return $;
 }();
 _ElementUtils.CODE_SNIPPET_GENERATION_JUMP = 0.5;
 var ElementUtils = _ElementUtils;
 var _TextToSpeech = /*#__PURE__*/function () {
-  function $() {
-    _classCallCheck(this, $);
+  function Y() {
+    _classCallCheck(this, Y);
   }
-  _createClass($, null, [{
+  _createClass(Y, null, [{
     key: "speak",
     value: function speak(e, t) {
       if (window.SpeechSynthesisUtterance) {
@@ -6780,10 +6813,10 @@ var _TextToSpeech = /*#__PURE__*/function () {
           s && (n.voice = s);
         }
         t(n);
-      }, $.LOAD_VOICES_MS);
+      }, Y.LOAD_VOICES_MS);
     }
   }]);
-  return $;
+  return Y;
 }();
 _TextToSpeech.LOAD_VOICES_MS = 200;
 var TextToSpeech = _TextToSpeech;
@@ -6881,7 +6914,7 @@ var HTMLUtils = /*#__PURE__*/function () {
   }, {
     key: "apply",
     value: function apply(e, t) {
-      HTMLDeepChatElements.applyDeepChatUtilities(e, e._htmlClassUtilities, t), HTMLUtils.applyCustomClassUtilities(e._htmlClassUtilities, t);
+      HTMLDeepChatElements.applyDeepChatUtilities(e, e.htmlClassUtilities, t), HTMLUtils.applyCustomClassUtilities(e.htmlClassUtilities, t);
     }
   }]);
   return HTMLUtils;
@@ -6927,7 +6960,8 @@ var HTMLDeepChatElements = /*#__PURE__*/function () {
   }, {
     key: "isElementTemporary",
     value: function isElementTemporary(e) {
-      return e ? e.bubbleElement.children[0].classList.contains(DEEP_CHAT_TEMPORARY_MESSAGE) : !1;
+      var t;
+      return e ? (t = e.bubbleElement.children[0]) == null ? void 0 : t.classList.contains(DEEP_CHAT_TEMPORARY_MESSAGE) : !1;
     }
   }, {
     key: "doesElementContainDeepChatClass",
@@ -6948,9 +6982,9 @@ var HTMLDeepChatElements = /*#__PURE__*/function () {
     key: "getProcessedStyles",
     value: function getProcessedStyles(e, t, n) {
       var s = Array.from(t.classList).reduce(function (l, c) {
-          var d;
-          var u = (d = e[c]) == null ? void 0 : d.styles;
-          return u && e[c].styles && l.push(u), l;
+          var u;
+          var d = (u = e[c]) == null ? void 0 : u.styles;
+          return d && e[c].styles && l.push(d), l;
         }, []),
         o = DEEP_CHAT_ELEMENTS[n].styles;
       if (o) {
@@ -7021,8 +7055,8 @@ var MessageStyleUtils = /*#__PURE__*/function () {
           media: {}
         };
       return e.forEach(function (o) {
-        var a, l, c, u;
-        s.outerContainer[o] = ((a = n.outerContainer) == null ? void 0 : a[o]) || "", s.innerContainer[o] = ((l = n.innerContainer) == null ? void 0 : l[o]) || "", s.bubble[o] = ((c = n.bubble) == null ? void 0 : c[o]) || "", s.media[o] = ((u = n.media) == null ? void 0 : u[o]) || "";
+        var a, l, c, d;
+        s.outerContainer[o] = ((a = n.outerContainer) == null ? void 0 : a[o]) || "", s.innerContainer[o] = ((l = n.innerContainer) == null ? void 0 : l[o]) || "", s.bubble[o] = ((c = n.bubble) == null ? void 0 : c[o]) || "", s.media[o] = ((d = n.media) == null ? void 0 : d[o]) || "";
       }), s;
     }
   }]);
@@ -7065,21 +7099,14 @@ var IntroPanel = /*#__PURE__*/function () {
   return IntroPanel;
 }();
 var _FileMessageUtils = /*#__PURE__*/function () {
-  function B() {
-    _classCallCheck(this, B);
+  function U() {
+    _classCallCheck(this, U);
   }
-  _createClass(B, null, [{
-    key: "updateMessages",
-    value:
-    // prettier-ignore
-    function updateMessages(e, t, n, s, o) {
-      var a = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !1;
-      var c;
-      e.applyCustomStyles(t, o, !0, (c = e.messageStyles) == null ? void 0 : c[s]), e.elementRef.scrollTop = e.elementRef.scrollHeight;
-      var l = Messages.createMessageContent(o, {
-        file: n
-      });
-      e.messages.push(l), e.sendClientUpdate(l, a);
+  _createClass(U, null, [{
+    key: "addMessage",
+    value: function addMessage(e, t, n, s) {
+      var o;
+      e.elementRef.appendChild(t.outerContainer), e.applyCustomStyles(t, s, !0, (o = e.messageStyles) == null ? void 0 : o[n]), e.elementRef.scrollTop = e.elementRef.scrollHeight;
     }
   }, {
     key: "wrapInLink",
@@ -7090,7 +7117,7 @@ var _FileMessageUtils = /*#__PURE__*/function () {
   }, {
     key: "processContent",
     value: function processContent(e, t) {
-      return !t || t.startsWith("data") ? e : B.wrapInLink(e, t);
+      return !t || t.startsWith("data") ? e : U.wrapInLink(e, t);
     }
   }, {
     key: "waitToLoadThenScroll",
@@ -7102,18 +7129,18 @@ var _FileMessageUtils = /*#__PURE__*/function () {
   }, {
     key: "scrollDownOnImageLoad",
     value: function scrollDownOnImageLoad(e, t) {
-      if (e.startsWith("data")) B.waitToLoadThenScroll(t);else try {
+      if (e.startsWith("data")) U.waitToLoadThenScroll(t);else try {
         fetch(e, {
           mode: "no-cors"
         })["catch"](function () {})["finally"](function () {
-          B.waitToLoadThenScroll(t);
+          U.waitToLoadThenScroll(t);
         });
       } catch (_unused5) {
         t.scrollTop = t.scrollHeight;
       }
     }
   }]);
-  return B;
+  return U;
 }();
 _FileMessageUtils.DEFAULT_FILE_NAME = "file";
 var FileMessageUtils = _FileMessageUtils;
@@ -7126,27 +7153,18 @@ var HTMLMessages = /*#__PURE__*/function () {
     value: function addElement(e, t) {
       e.elementRef.appendChild(t), e.elementRef.scrollTop = e.elementRef.scrollHeight;
     }
-  }, {
-    key: "update",
-    value: function update(e, t, n, s) {
-      var o = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-      var a = Messages.createMessageContent(n, {
-        html: t
-      });
-      o || e.messages.push(a), s && e.sendClientUpdate(a, o);
-    }
   }, {
     key: "createElements",
     value: function createElements(e, t, n) {
       var s = e.createNewMessageElement("", n);
-      return s.bubbleElement.style.maxWidth = "unset", s.bubbleElement.innerHTML = t, s;
+      return s.bubbleElement.classList.add("html-message"), s.bubbleElement.innerHTML = t, s;
     }
   }, {
     key: "addNewHTMLMessage",
-    value: function addNewHTMLMessage(e, t, n, s) {
-      var o = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
-      var a = HTMLMessages.createElements(e, t, n);
-      return t.trim().length === 0 && Messages.editEmptyMessageElement(a.bubbleElement), HTMLUtils.apply(e, a.outerContainer), HTMLDeepChatElements.isElementTemporary(a) || HTMLMessages.update(e, t, n, s, o), HTMLMessages.addElement(e, a.outerContainer), a;
+    value: function addNewHTMLMessage(e, t, n) {
+      var o;
+      var s = HTMLMessages.createElements(e, t, n);
+      return t.trim().length === 0 && Messages.editEmptyMessageElement(s.bubbleElement), HTMLUtils.apply(e, s.outerContainer), e.applyCustomStyles(s, n, !1, (o = e.messageStyles) == null ? void 0 : o.html), HTMLMessages.addElement(e, s.outerContainer), s;
     }
   }]);
   return HTMLMessages;
@@ -7184,17 +7202,13 @@ var FileMessages = /*#__PURE__*/function () {
     key: "addNewImageMessage",
     value: function () {
       var _addNewImageMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee65(e, t, n) {
-        var s,
-          o,
-          a,
-          _args65 = arguments;
+        var s, o;
         return _regeneratorRuntime().wrap(function _callee65$(_context65) {
           while (1) switch (_context65.prev = _context65.next) {
             case 0:
-              s = _args65.length > 3 && _args65[3] !== undefined ? _args65[3] : !1;
-              o = FileMessages.createImage(t, e.elementRef), a = e.createNewMessageElement("", n);
-              a.bubbleElement.appendChild(o), a.bubbleElement.classList.add("image-message"), e.elementRef.appendChild(a.outerContainer), FileMessageUtils.updateMessages(e, a, t, "image", n, s);
-            case 3:
+              s = FileMessages.createImage(t, e.elementRef), o = e.createNewMessageElement("", n);
+              o.bubbleElement.appendChild(s), o.bubbleElement.classList.add("image-message"), FileMessageUtils.addMessage(e, o, "image", n);
+            case 2:
             case "end":
               return _context65.stop();
           }
@@ -7214,10 +7228,9 @@ var FileMessages = /*#__PURE__*/function () {
   }, {
     key: "addNewAudioMessage",
     value: function addNewAudioMessage(e, t, n) {
-      var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      var o = FileMessages.createAudioElement(t, n),
-        a = e.createNewMessageElement("", n);
-      a.bubbleElement.appendChild(o), a.bubbleElement.classList.add("audio-message"), e.elementRef.appendChild(a.outerContainer), FileMessageUtils.updateMessages(e, a, t, "audio", n, s);
+      var s = FileMessages.createAudioElement(t, n),
+        o = e.createNewMessageElement("", n);
+      o.bubbleElement.appendChild(s), o.bubbleElement.classList.add("audio-message"), FileMessageUtils.addMessage(e, o, "audio", n);
     }
   }, {
     key: "createAnyFile",
@@ -7234,10 +7247,17 @@ var FileMessages = /*#__PURE__*/function () {
   }, {
     key: "addNewAnyFileMessage",
     value: function addNewAnyFileMessage(e, t, n) {
-      var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      var o = e.createNewMessageElement("", n),
-        a = FileMessages.createAnyFile(t);
-      o.bubbleElement.classList.add("any-file-message-bubble"), o.bubbleElement.appendChild(a), e.elementRef.appendChild(o.outerContainer), FileMessageUtils.updateMessages(e, o, t, "file", n, s);
+      var s = e.createNewMessageElement("", n),
+        o = FileMessages.createAnyFile(t);
+      s.bubbleElement.classList.add("any-file-message-bubble"), s.bubbleElement.appendChild(o), FileMessageUtils.addMessage(e, s, "file", n);
+    }
+  }, {
+    key: "addMessages",
+    value: function addMessages(e, t, n) {
+      t.forEach(function (s) {
+        var o, a;
+        s.type === "audio" || (o = s.src) != null && o.startsWith("data:audio") ? FileMessages.addNewAudioMessage(e, s, n) : s.type === "image" || s.type === "gif" || (a = s.src) != null && a.startsWith("data:image") ? FileMessages.addNewImageMessage(e, s, n) : FileMessages.addNewAnyFileMessage(e, s, n);
+      });
     }
   }]);
   return FileMessages;
@@ -7274,9 +7294,9 @@ var AvatarEl = /*#__PURE__*/function () {
     key: "getPosition",
     value: function getPosition(e, t) {
       var _n, _n2;
-      var s, o, a, l, c, u;
+      var s, o, a, l, c, d;
       var n = e ? (o = (s = t == null ? void 0 : t.ai) == null ? void 0 : s.styles) == null ? void 0 : o.position : (l = (a = t == null ? void 0 : t.user) == null ? void 0 : a.styles) == null ? void 0 : l.position;
-      return (_n = n) !== null && _n !== void 0 ? _n : n = (u = (c = t == null ? void 0 : t["default"]) == null ? void 0 : c.styles) == null ? void 0 : u.position, (_n2 = n) !== null && _n2 !== void 0 ? _n2 : n = e ? "left" : "right", n;
+      return (_n = n) !== null && _n !== void 0 ? _n : n = (d = (c = t == null ? void 0 : t["default"]) == null ? void 0 : c.styles) == null ? void 0 : d.position, (_n2 = n) !== null && _n2 !== void 0 ? _n2 : n = e ? "left" : "right", n;
     }
   }, {
     key: "add",
@@ -7334,14 +7354,14 @@ var Messages = /*#__PURE__*/function () {
     var _this28 = this;
     _classCallCheck(this, Messages);
     var l, c;
-    this._messageElementRefs = [], this._streamedText = "", this._htmlClassUtilities = {}, this.messages = [];
+    this._messageElementRefs = [], this._textElementsToText = [], this._streamedText = "", this.htmlClassUtilities = {}, this.messages = [];
     var s = t.permittedErrorPrefixes,
       o = t.introPanelMarkUp,
       a = t.demo;
-    this._remarkable = RemarkableConfig.createNew(), this.elementRef = Messages.createContainerElement(), this.messageStyles = e.messageStyles, this._avatars = e.avatars, this._names = e.names, this._errorMessageOverrides = (l = e.errorMessages) == null ? void 0 : l.overrides, e.htmlClassUtilities && (this._htmlClassUtilities = e.htmlClassUtilities), this._onNewMessage = FireEvents.onNewMessage.bind(this, e), this._onClearMessages = FireEvents.onClearMessages.bind(this, e), this._displayLoadingMessage = Messages.getDisplayLoadingMessage(e, t), this._permittedErrorPrefixes = s, this.addSetupMessageIfNeeded(e, t), this.populateIntroPanel(n, o, e.introPanelStyle), e.introMessage && this.addIntroductoryMessage(e.introMessage), e.initialMessages && this.populateInitialMessages(e.initialMessages), this.displayServiceErrorMessages = (c = e.errorMessages) == null ? void 0 : c.displayServiceErrorMessages, e.getMessages = function () {
+    this._remarkable = RemarkableConfig.createNew(), this.elementRef = Messages.createContainerElement(), this.messageStyles = e.messageStyles, this._avatars = e.avatars, this._names = e.names, this._errorMessageOverrides = (l = e.errorMessages) == null ? void 0 : l.overrides, e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), this._onNewMessage = FireEvents.onNewMessage.bind(this, e), this._onClearMessages = FireEvents.onClearMessages.bind(this, e), this._displayLoadingMessage = Messages.getDisplayLoadingMessage(e, t), this._permittedErrorPrefixes = s, this.addSetupMessageIfNeeded(e, t), this.populateIntroPanel(n, o, e.introPanelStyle), e.introMessage && this.addIntroductoryMessage(e.introMessage), e.initialMessages && this.populateInitialMessages(e.initialMessages), this._displayServiceErrorMessages = (c = e.errorMessages) == null ? void 0 : c.displayServiceErrorMessages, e.getMessages = function () {
       return JSON.parse(JSON.stringify(_this28.messages));
-    }, e.clearMessages = this.clearMessages.bind(this), e.refreshMessages = this.refreshTextMessages.bind(this), e.scrollToBottom = this.scrollToBottom.bind(this), a && this.prepareDemo(a), e.textToSpeech && TextToSpeech.processConfig(e.textToSpeech, function (u) {
-      _this28._textToSpeech = u;
+    }, e.clearMessages = this.clearMessages.bind(this), e.refreshMessages = this.refreshTextMessages.bind(this), e.scrollToBottom = this.scrollToBottom.bind(this), a && this.prepareDemo(a), e.textToSpeech && TextToSpeech.processConfig(e.textToSpeech, function (d) {
+      _this28._textToSpeech = d;
     }), setTimeout(function () {
       _this28.submitUserMessage = e.submitUserMessage;
     });
@@ -7363,13 +7383,13 @@ var Messages = /*#__PURE__*/function () {
   }, {
     key: "addIntroductoryMessage",
     value: function addIntroductoryMessage(e) {
-      var t, n, s, o, a;
+      var t, n, s, o;
       if (e && (this._introMessage = e), (t = this._introMessage) != null && t.text) {
-        var l = this.createAndAppendNewMessageElement(this._introMessage.text, !0);
-        this.applyCustomStyles(l, !0, !1, (n = this.messageStyles) == null ? void 0 : n.intro);
+        var a = this.createAndAppendNewMessageElement(this._introMessage.text, !0);
+        this.applyCustomStyles(a, !0, !1, (n = this.messageStyles) == null ? void 0 : n.intro);
       } else if ((s = this._introMessage) != null && s.html) {
-        var _l = HTMLMessages.addNewHTMLMessage(this, this._introMessage.html, !0, !1, !0);
-        this.applyCustomStyles(_l, !0, !1, (o = this.messageStyles) == null ? void 0 : o.html), this.applyCustomStyles(_l, !0, !1, (a = this.messageStyles) == null ? void 0 : a.intro);
+        var _a = HTMLMessages.addNewHTMLMessage(this, this._introMessage.html, !0);
+        this.applyCustomStyles(_a, !0, !1, (o = this.messageStyles) == null ? void 0 : o.intro);
       }
     }
   }, {
@@ -7377,9 +7397,7 @@ var Messages = /*#__PURE__*/function () {
     value: function populateInitialMessages(e) {
       var _this29 = this;
       e.forEach(function (t) {
-        t.file ? _this29.addNewMessage({
-          files: [t.file]
-        }, t.role === "ai", !0, !0) : _this29.addNewMessage(t, t.role === "ai", !0, !0);
+        Legacy.processInitialMessageFile(t), _this29.addNewMessage(t, t.role === "ai", !0);
       }), setTimeout(function () {
         return _this29.scrollToBottom();
       });
@@ -7423,28 +7441,27 @@ var Messages = /*#__PURE__*/function () {
     // makes sure the bubble has dimensions when there is no text
   }, {
     key: "addNewTextMessage",
-    value: function addNewTextMessage(e, t, n) {
-      var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      var o = this.createAndAppendNewMessageElement(e, t);
-      this.applyCustomStyles(o, t, !1);
-      var a = Messages.createMessageContent(t, {
-        text: e
-      });
-      return e.trim().length === 0 && Messages.editEmptyMessageElement(o.bubbleElement), this.messages.push(a), n && this.sendClientUpdate(a, s), o;
+    value: function addNewTextMessage(e, t) {
+      var n = this.createAndAppendNewMessageElement(e, t);
+      return this.applyCustomStyles(n, t, !1), e.trim().length === 0 && Messages.editEmptyMessageElement(n.bubbleElement), this._textElementsToText.push([n, e]), n;
     }
+    // this should not be activated by streamed messages
   }, {
     key: "addNewMessage",
-    value: function addNewMessage(e, t, n) {
-      var _this30 = this;
-      var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      var o;
-      if (e.text !== void 0 && e.text !== null && (this.addNewTextMessage(e.text, t, n, s), !s && this._textToSpeech && t && TextToSpeech.speak(e.text, this._textToSpeech)), e.files && e.files.forEach(function (a) {
-        var l, c;
-        a.type === "audio" || (l = a.src) != null && l.startsWith("data:audio") ? FileMessages.addNewAudioMessage(_this30, a, t, s) : a.type === "image" || a.type === "gif" || (c = a.src) != null && c.startsWith("data:image") ? FileMessages.addNewImageMessage(_this30, a, t, s) : FileMessages.addNewAnyFileMessage(_this30, a, t, s);
-      }), e.html !== void 0 && e.html !== null) {
-        var a = HTMLMessages.addNewHTMLMessage(this, e.html, t, n, s);
-        this.applyCustomStyles(a, t, !1, (o = this.messageStyles) == null ? void 0 : o.html);
+    value: function addNewMessage(e, t) {
+      var n = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+      var s = Messages.createMessageContent(t, e);
+      if (s.text !== void 0 && e.text !== null && (this.addNewTextMessage(s.text, t), !n && this._textToSpeech && t && TextToSpeech.speak(s.text, this._textToSpeech)), s.files && Array.isArray(s.files) && FileMessages.addMessages(this, s.files, t), s.html !== void 0 && s.html !== null) {
+        var o = HTMLMessages.addNewHTMLMessage(this, s.html, t);
+        HTMLDeepChatElements.isElementTemporary(o) && delete s.html;
       }
+      this.updateStateOnMessage(s, n);
+    }
+  }, {
+    key: "updateStateOnMessage",
+    value: function updateStateOnMessage(e) {
+      var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+      this.messages.push(e), this.sendClientUpdate(e, t);
     }
   }, {
     key: "sendClientUpdate",
@@ -7465,22 +7482,22 @@ var Messages = /*#__PURE__*/function () {
   }, {
     key: "addNewErrorMessage",
     value: function addNewErrorMessage(e, t) {
-      var c, u, d, h;
+      var c, d, u, h;
       this.removeMessageOnError();
       var n = Messages.createBaseElements(),
         s = n.outerContainer,
         o = n.bubbleElement;
       o.classList.add("error-message-text");
-      var a = this.getPermittedMessage(t) || ((c = this._errorMessageOverrides) == null ? void 0 : c[e]) || ((u = this._errorMessageOverrides) == null ? void 0 : u["default"]) || "Error, please try again.";
+      var a = this.getPermittedMessage(t) || ((c = this._errorMessageOverrides) == null ? void 0 : c[e]) || ((d = this._errorMessageOverrides) == null ? void 0 : d["default"]) || "Error, please try again.";
       o.innerHTML = a;
-      var l = MessageStyleUtils.extractParticularSharedStyles(["fontSize", "fontFamily"], (d = this.messageStyles) == null ? void 0 : d["default"]);
+      var l = MessageStyleUtils.extractParticularSharedStyles(["fontSize", "fontFamily"], (u = this.messageStyles) == null ? void 0 : u["default"]);
       MessageStyleUtils.applyCustomStylesToElements(n, !1, l), MessageStyleUtils.applyCustomStylesToElements(n, !1, (h = this.messageStyles) == null ? void 0 : h.error), this.elementRef.appendChild(s), this.scrollToBottom(), this._textToSpeech && TextToSpeech.speak(a, this._textToSpeech), this._streamedText = "";
     }
   }, {
     key: "getPermittedMessage",
     value: function getPermittedMessage(e) {
       if (e) {
-        if (this.displayServiceErrorMessages) return e;
+        if (this._displayServiceErrorMessages) return e;
         if (typeof e == "string" && this._permittedErrorPrefixes) {
           var t = Messages.checkPermittedErrorPrefixes(this._permittedErrorPrefixes, e);
           if (t) return t;
@@ -7529,9 +7546,12 @@ var Messages = /*#__PURE__*/function () {
   }, {
     key: "addNewStreamedMessage",
     value: function addNewStreamedMessage() {
-      var _this$addNewTextMessa = this.addNewTextMessage("", !0, !1),
-        e = _this$addNewTextMessa.bubbleElement;
-      return e.classList.add("streamed-message"), this.scrollToBottom(), e;
+      var _this$addNewTextMessa = this.addNewTextMessage("", !0),
+        e = _this$addNewTextMessa.bubbleElement,
+        t = Messages.createMessageContent(!0, {
+          text: ""
+        });
+      return this.messages.push(t), e.classList.add("streamed-message"), this.scrollToBottom(), e;
     }
   }, {
     key: "updateStreamedMessage",
@@ -7539,16 +7559,16 @@ var Messages = /*#__PURE__*/function () {
       var s, o, a, l, c;
       var n = ElementUtils.isScrollbarAtBottomOfElement(this.elementRef);
       if (e.trim().length !== 0) {
-        var u = (s = this.messageStyles) == null ? void 0 : s["default"];
-        t.style.color = ((a = (o = u == null ? void 0 : u.ai) == null ? void 0 : o.bubble) == null ? void 0 : a.color) || ((c = (l = u == null ? void 0 : u.shared) == null ? void 0 : l.bubble) == null ? void 0 : c.color) || "";
+        var d = (s = this.messageStyles) == null ? void 0 : s["default"];
+        t.style.color = ((a = (o = d == null ? void 0 : d.ai) == null ? void 0 : o.bubble) == null ? void 0 : a.color) || ((c = (l = d == null ? void 0 : d.shared) == null ? void 0 : l.bubble) == null ? void 0 : c.color) || "";
       }
-      this._streamedText += e, t.innerHTML = this._remarkable.render(this._streamedText), n && this.scrollToBottom();
+      this._streamedText += e, this._textElementsToText[this._textElementsToText.length - 1][1] = this._streamedText, t.innerHTML = this._remarkable.render(this._streamedText), n && this.scrollToBottom();
     }
   }, {
     key: "finaliseStreamedMessage",
     value: function finaliseStreamedMessage() {
       var e;
-      (e = this.getLastMessageBubbleElement()) != null && e.classList.contains("streamed-message") && (this.messages[this.messages.length - 1].text = this._streamedText, this.sendClientUpdate(Messages.createMessageContent(!0, {
+      (e = this.getLastMessageBubbleElement()) != null && e.classList.contains("streamed-message") && (this._textElementsToText[this._textElementsToText.length - 1][1] = this._streamedText, this.messages[this.messages.length - 1].text = this._streamedText, this.sendClientUpdate(Messages.createMessageContent(!0, {
         text: this._streamedText
       }), !1), this._textToSpeech && TextToSpeech.speak(this._streamedText, this._textToSpeech), this._streamedText = "");
     }
@@ -7561,7 +7581,6 @@ var Messages = /*#__PURE__*/function () {
     key: "addMultipleFiles",
     value: function () {
       var _addMultipleFiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee66(e) {
-        var _this31 = this;
         return _regeneratorRuntime().wrap(function _callee66$(_context66) {
           while (1) switch (_context66.prev = _context66.next) {
             case 0:
@@ -7569,21 +7588,17 @@ var Messages = /*#__PURE__*/function () {
                 return new Promise(function (n) {
                   if (!t.type || t.type === "any") {
                     var s = t.file.name || FileMessageUtils.DEFAULT_FILE_NAME;
-                    _this31.addNewMessage({
-                      files: [{
-                        name: s,
-                        type: "any"
-                      }]
-                    }, !1, !0), n(!0);
+                    n({
+                      name: s,
+                      type: "any"
+                    });
                   } else {
                     var _s = new FileReader();
                     _s.readAsDataURL(t.file), _s.onload = function () {
-                      _this31.addNewMessage({
-                        files: [{
-                          src: _s.result,
-                          type: t.type
-                        }]
-                      }, !1, !0), n(!0);
+                      n({
+                        src: _s.result,
+                        type: t.type
+                      });
                     };
                   }
                 });
@@ -7611,20 +7626,20 @@ var Messages = /*#__PURE__*/function () {
         var l;
         var a = (l = o.children[0]) == null ? void 0 : l.children[0];
         a != null && a.classList.contains("error-message-text") && o.remove();
-      }), this._messageElementRefs = t, e !== !1 && ((n = this._introPanel) != null && n._elementRef && this._introPanel.display(), this.addIntroductoryMessage()), this.messages.splice(0, this.messages.length), (s = this._onClearMessages) == null || s.call(this);
+      }), this._messageElementRefs = t, e !== !1 && ((n = this._introPanel) != null && n._elementRef && this._introPanel.display(), this.addIntroductoryMessage()), this.messages.splice(0, this.messages.length), this._textElementsToText.splice(0, this._textElementsToText.length), (s = this._onClearMessages) == null || s.call(this);
     }
   }, {
     key: "scrollToBottom",
     value: function scrollToBottom() {
       this.elementRef.scrollTop = this.elementRef.scrollHeight;
     }
-    // this is mostly used for enabling highlight.js to highlight code if it is downloads later
+    // this is mostly used for enabling highlight.js to highlight code if it downloads later
   }, {
     key: "refreshTextMessages",
     value: function refreshTextMessages() {
-      var _this32 = this;
-      this._remarkable = RemarkableConfig.createNew(), this.messages.forEach(function (e, t) {
-        e.text && (_this32._messageElementRefs[t].bubbleElement.innerHTML = _this32._remarkable.render(e.text));
+      var _this30 = this;
+      this._remarkable = RemarkableConfig.createNew(), this._textElementsToText.forEach(function (e) {
+        e[0].bubbleElement.innerHTML = _this30._remarkable.render(e[1]);
       });
     }
   }], [{
@@ -7642,20 +7657,13 @@ var Messages = /*#__PURE__*/function () {
   }, {
     key: "createMessageContent",
     value: function createMessageContent(e, t) {
-      var n = e ? "ai" : "user",
+      var n = {
+          role: e ? "ai" : "user"
+        },
         s = t.text,
-        o = t.file,
+        o = t.files,
         a = t.html;
-      return o ? {
-        role: n,
-        file: o
-      } : a ? {
-        role: n,
-        html: a
-      } : {
-        role: n,
-        text: s || ""
-      };
+      return s && (n.text = s), o && (n.files = o), a && (n.html = a), Object.keys(n).length === 1 && (n.text = ""), n;
     }
   }, {
     key: "createBaseElements",
@@ -7689,10 +7697,10 @@ var Messages = /*#__PURE__*/function () {
   return Messages;
 }();
 var _InputButtonStyleAdjustments = /*#__PURE__*/function () {
-  function C() {
-    _classCallCheck(this, C);
+  function T() {
+    _classCallCheck(this, T);
   }
-  _createClass(C, null, [{
+  _createClass(T, null, [{
     key: "adjustInputPadding",
     value: function adjustInputPadding(e, t) {
       t["inside-left"].length > 0 && e.classList.add("text-input-inner-left-adjustment"), t["inside-right"].length > 0 && e.classList.add("text-input-inner-right-adjustment");
@@ -7700,7 +7708,7 @@ var _InputButtonStyleAdjustments = /*#__PURE__*/function () {
   }, {
     key: "adjustForOutsideButton",
     value: function adjustForOutsideButton(e, t, n) {
-      n["outside-right"].length === 0 && n["outside-left"].length > 0 ? (e[0].classList.add(C.INPUT_OUTSIDE_LEFT_SMALL_ADJUSTMENT_CLASS), t.classList.add(C.INPUT_OUTSIDE_LEFT_SMALL_ADJUSTMENT_CLASS)) : n["outside-left"].length === 0 && n["outside-right"].length > 0 && (e[3].classList.add(C.INPUT_OUTSIDE_RIGHT_SMALL_ADJUSTMENT_CLASS), t.classList.add(C.INPUT_OUTSIDE_RIGHT_SMALL_ADJUSTMENT_CLASS));
+      n["outside-right"].length === 0 && n["outside-left"].length > 0 ? (e[0].classList.add(T.INPUT_OUTSIDE_LEFT_SMALL_ADJUSTMENT_CLASS), t.classList.add(T.INPUT_OUTSIDE_LEFT_SMALL_ADJUSTMENT_CLASS)) : n["outside-left"].length === 0 && n["outside-right"].length > 0 && (e[3].classList.add(T.INPUT_OUTSIDE_RIGHT_SMALL_ADJUSTMENT_CLASS), t.classList.add(T.INPUT_OUTSIDE_RIGHT_SMALL_ADJUSTMENT_CLASS));
     }
     // when submit is the only button
     // when submit button is outside by itself - we increase the height for a better look
@@ -7708,10 +7716,10 @@ var _InputButtonStyleAdjustments = /*#__PURE__*/function () {
     key: "adjustOutsideSubmit",
     value: function adjustOutsideSubmit(e, t, n) {
       if (!(n["inside-left"].length > 0 || n["inside-right"].length > 0)) {
-        if (n["outside-right"].length === 0 && n["outside-left"].length > 0) return e[0].classList.add(C.INPUT_OUTSIDE_LEFT_ADJUSTMENT_CLASS), t.classList.add(C.INPUT_OUTSIDE_LEFT_ADJUSTMENT_CLASS), n["outside-left"].map(function (s) {
+        if (n["outside-right"].length === 0 && n["outside-left"].length > 0) return e[0].classList.add(T.INPUT_OUTSIDE_LEFT_ADJUSTMENT_CLASS), t.classList.add(T.INPUT_OUTSIDE_LEFT_ADJUSTMENT_CLASS), n["outside-left"].map(function (s) {
           return s.button.elementRef.classList.add("submit-button-enlarged");
         });
-        if (n["outside-left"].length === 0 && n["outside-right"].length > 0) return e[3].classList.add(C.INPUT_OUTSIDE_RIGHT_ADJUSTMENT_CLASS), t.classList.add(C.INPUT_OUTSIDE_RIGHT_ADJUSTMENT_CLASS), n["outside-right"].map(function (s) {
+        if (n["outside-left"].length === 0 && n["outside-right"].length > 0) return e[3].classList.add(T.INPUT_OUTSIDE_RIGHT_ADJUSTMENT_CLASS), t.classList.add(T.INPUT_OUTSIDE_RIGHT_ADJUSTMENT_CLASS), n["outside-right"].map(function (s) {
           return s.button.elementRef.classList.add("submit-button-enlarged");
         });
       }
@@ -7719,10 +7727,10 @@ var _InputButtonStyleAdjustments = /*#__PURE__*/function () {
   }, {
     key: "set",
     value: function set(e, t, n, s) {
-      !!C.adjustOutsideSubmit(t, n, s) || C.adjustForOutsideButton(t, n, s), C.adjustInputPadding(e, s);
+      !!T.adjustOutsideSubmit(t, n, s) || T.adjustForOutsideButton(t, n, s), T.adjustInputPadding(e, s);
     }
   }]);
-  return C;
+  return T;
 }();
 _InputButtonStyleAdjustments.INPUT_OUTSIDE_LEFT_ADJUSTMENT_CLASS = "text-input-container-left-adjustment";
 _InputButtonStyleAdjustments.INPUT_OUTSIDE_RIGHT_ADJUSTMENT_CLASS = "text-input-container-right-adjustment";
@@ -7977,11 +7985,11 @@ var DropupItem = /*#__PURE__*/function () {
 }();
 var DropupMenu = /*#__PURE__*/function () {
   function DropupMenu(e, t) {
-    var _this33 = this;
+    var _this31 = this;
     _classCallCheck(this, DropupMenu);
     var n;
     this._isOpen = !0, this._styles = t, this.elementRef = DropupMenu.createElement((n = this._styles) == null ? void 0 : n.container), this.close(), setTimeout(function () {
-      return _this33.addWindowEvents(e);
+      return _this31.addWindowEvents(e);
     });
   }
   _createClass(DropupMenu, [{
@@ -8009,13 +8017,13 @@ var DropupMenu = /*#__PURE__*/function () {
   }, {
     key: "addWindowEvents",
     value: function addWindowEvents(e) {
-      var _this34 = this;
+      var _this32 = this;
       window.addEventListener("click", function (t) {
         var n;
-        e.parentElement !== ((n = t.target.shadowRoot) == null ? void 0 : n.children[0]) && _this34.close();
+        e.parentElement !== ((n = t.target.shadowRoot) == null ? void 0 : n.children[0]) && _this32.close();
       }), window.addEventListener("keydown", function (t) {
         var n, s, o;
-        _this34._isOpen && (t.key === KEYBOARD_KEY.ESCAPE ? (_this34.close(), (n = _this34.highlightedItem) == null || n.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === KEYBOARD_KEY.ENTER ? ((s = _this34.highlightedItem) == null || s.click(), (o = _this34.highlightedItem) == null || o.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === KEYBOARD_KEY.ARROW_DOWN ? DropupItemNavigation.focusSiblingItem(_this34.highlightedItem || _this34.elementRef.children[_this34.elementRef.children.length - 1], _this34.elementRef, !0) : t.key === KEYBOARD_KEY.ARROW_UP && DropupItemNavigation.focusSiblingItem(_this34.highlightedItem || _this34.elementRef.children[0], _this34.elementRef, !1));
+        _this32._isOpen && (t.key === KEYBOARD_KEY.ESCAPE ? (_this32.close(), (n = _this32.highlightedItem) == null || n.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === KEYBOARD_KEY.ENTER ? ((s = _this32.highlightedItem) == null || s.click(), (o = _this32.highlightedItem) == null || o.dispatchEvent(new MouseEvent("mouseleave"))) : t.key === KEYBOARD_KEY.ARROW_DOWN ? DropupItemNavigation.focusSiblingItem(_this32.highlightedItem || _this32.elementRef.children[_this32.elementRef.children.length - 1], _this32.elementRef, !0) : t.key === KEYBOARD_KEY.ARROW_UP && DropupItemNavigation.focusSiblingItem(_this32.highlightedItem || _this32.elementRef.children[0], _this32.elementRef, !1));
       });
     }
   }], [{
@@ -8031,15 +8039,15 @@ var Dropup = /*#__PURE__*/function (_InputButton) {
   _inherits(Dropup, _InputButton);
   var _super34 = _createSuper(Dropup);
   function Dropup(e, t) {
-    var _this35;
+    var _this33;
     _classCallCheck(this, Dropup);
     var s;
-    _this35 = _super34.call(this, Dropup.createButtonElement(), void 0, {
+    _this33 = _super34.call(this, Dropup.createButtonElement(), void 0, {
       styles: (s = t == null ? void 0 : t.button) == null ? void 0 : s.styles
     });
-    var n = _this35.createInnerElements(_this35._customStyles);
-    _this35._menu = new DropupMenu(e, t == null ? void 0 : t.menu), _this35.addClickEvent(), _this35.buttonContainer = Dropup.createButtonContainer(), _this35.elementRef.appendChild(n.styles), _this35.buttonContainer.appendChild(_this35.elementRef), _this35.elementRef.classList.add("dropup-icon", "upload-file-button"), _this35.buttonContainer.appendChild(_this35._menu.elementRef), _this35.reapplyStateStyle("styles"), _this35.addContainerEvents(e);
-    return _this35;
+    var n = _this33.createInnerElements(_this33._customStyles);
+    _this33._menu = new DropupMenu(e, t == null ? void 0 : t.menu), _this33.addClickEvent(), _this33.buttonContainer = Dropup.createButtonContainer(), _this33.elementRef.appendChild(n.styles), _this33.buttonContainer.appendChild(_this33.elementRef), _this33.elementRef.classList.add("dropup-icon", "upload-file-button"), _this33.buttonContainer.appendChild(_this33._menu.elementRef), _this33.reapplyStateStyle("styles"), _this33.addContainerEvents(e);
+    return _this33;
   }
   _createClass(Dropup, [{
     key: "createInnerElements",
@@ -8066,9 +8074,9 @@ var Dropup = /*#__PURE__*/function (_InputButton) {
   }, {
     key: "addContainerEvents",
     value: function addContainerEvents(e) {
-      var _this36 = this;
+      var _this34 = this;
       e.addEventListener("click", function (t) {
-        t.target.classList.contains("dropup-icon") || _this36._menu.close();
+        t.target.classList.contains("dropup-icon") || _this34._menu.close();
       });
     }
   }], [{
@@ -8109,11 +8117,11 @@ var InputButtonPositions = /*#__PURE__*/function () {
     function addToDropup(e, t, n, s) {
       var o = new Dropup(n, s);
       BUTTON_ORDER.forEach(function (l) {
-        var c = t["dropup-menu"].findIndex(function (d) {
-            return d.buttonType === l;
+        var c = t["dropup-menu"].findIndex(function (u) {
+            return u.buttonType === l;
           }),
-          u = t["dropup-menu"][c];
-        u && (o.addItem(u.button), t["dropup-menu"].splice(c, 1));
+          d = t["dropup-menu"][c];
+        d && (o.addItem(d.button), t["dropup-menu"].splice(c, 1));
       });
       var a = Dropup.getPosition(t, s);
       ButtonContainers.addButton(e, o.buttonContainer, a), t[a].push({});
@@ -8324,21 +8332,21 @@ var FileAttachmentsType = /*#__PURE__*/function () {
 var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  <title>play</title>\n  <path d=\"M5.92 24.096q0 1.088 0.928 1.728 0.512 0.288 1.088 0.288 0.448 0 0.896-0.224l16.16-8.064q0.48-0.256 0.8-0.736t0.288-1.088-0.288-1.056-0.8-0.736l-16.16-8.064q-0.448-0.224-0.896-0.224-0.544 0-1.088 0.288-0.928 0.608-0.928 1.728v16.16z\"></path>\n</svg>",
   STOP_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n<title>stop</title>\n<path d=\"M5.92 24.096q0 0.832 0.576 1.408t1.44 0.608h16.128q0.832 0 1.44-0.608t0.576-1.408v-16.16q0-0.832-0.576-1.44t-1.44-0.576h-16.128q-0.832 0-1.44 0.576t-0.576 1.44v16.16z\"></path>\n</svg>",
   _AudioFileAttachmentType = /*#__PURE__*/function (_FileAttachmentsType) {
-    _inherits(I, _FileAttachmentsType);
-    var _super35 = _createSuper(I);
-    function I(e, t, n) {
-      _classCallCheck(this, I);
+    _inherits(k, _FileAttachmentsType);
+    var _super35 = _createSuper(k);
+    function k(e, t, n) {
+      _classCallCheck(this, k);
       return _super35.call(this, e, t, n);
     }
-    _createClass(I, [{
+    _createClass(k, [{
       key: "createTimer",
       value: function createTimer(e, t) {
-        var _this37 = this;
+        var _this35 = this;
         var n = 0;
-        var s = t !== void 0 && t < I.TIMER_LIMIT_S ? t : I.TIMER_LIMIT_S;
+        var s = t !== void 0 && t < k.TIMER_LIMIT_S ? t : k.TIMER_LIMIT_S;
         return setInterval(function () {
           var l;
-          n += 1, n === s && ((l = _this37.stopPlaceholderCallback) == null || l.call(_this37), _this37.clearTimer()), n === 600 && e.classList.add("audio-placeholder-text-4-digits");
+          n += 1, n === s && ((l = _this35.stopPlaceholderCallback) == null || l.call(_this35), _this35.clearTimer()), n === 600 && e.classList.add("audio-placeholder-text-4-digits");
           var o = Math.floor(n / 60),
             a = (n % 60).toString().padStart(2, "0");
           e.textContent = "".concat(o, ":").concat(a);
@@ -8347,7 +8355,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
     }, {
       key: "createPlaceholderAudioAttachment",
       value: function createPlaceholderAudioAttachment(e) {
-        var t = I.createAudioContainer(),
+        var t = k.createAudioContainer(),
           n = document.createElement("div");
         n.classList.add("audio-placeholder-text-3-digits");
         var s = document.createElement("div");
@@ -8358,7 +8366,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
     }, {
       key: "addPlaceholderAudioAttachmentEvents",
       value: function addPlaceholderAudioAttachmentEvents(e, t, n) {
-        var _this38 = this;
+        var _this36 = this;
         var s = function s() {
           return e.replaceChildren(t);
         };
@@ -8369,7 +8377,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
         e.addEventListener("mouseleave", o);
         var a = function a() {
           var l;
-          return (l = _this38.stopPlaceholderCallback) == null ? void 0 : l.call(_this38);
+          return (l = _this36.stopPlaceholderCallback) == null ? void 0 : l.call(_this36);
         };
         e.addEventListener("click", a);
       }
@@ -8384,7 +8392,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
       key: "completePlaceholderAttachment",
       value: function completePlaceholderAttachment(e, t) {
         var n = this._activePlaceholderAttachment;
-        n && (n.file = e, I.addAudioElements(n.attachmentContainerElement.children[0], t), n.removeButton = this.createRemoveAttachmentButton(n), n.attachmentContainerElement.appendChild(n.removeButton), this._activePlaceholderAttachment = void 0, this.clearTimer());
+        n && (n.file = e, k.addAudioElements(n.attachmentContainerElement.children[0], t), n.removeButton = this.createRemoveAttachmentButton(n), n.attachmentContainerElement.appendChild(n.removeButton), this._activePlaceholderAttachment = void 0, this.clearTimer());
       }
     }, {
       key: "removePlaceholderAttachment",
@@ -8424,8 +8432,8 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
     }, {
       key: "createAudioAttachment",
       value: function createAudioAttachment(e) {
-        var t = I.createAudioContainer();
-        return I.addAudioElements(t, e), t;
+        var t = k.createAudioContainer();
+        return k.addAudioElements(t, e), t;
       }
     }, {
       key: "stopAttachmentPlayback",
@@ -8434,7 +8442,7 @@ var PLAY_ICON_STRING = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox
         (s = (n = (t = e.children[0]) == null ? void 0 : t.children) == null ? void 0 : n[0]) != null && s.classList.contains("stop-icon") && e.children[0].click();
       }
     }]);
-    return I;
+    return k;
   }(FileAttachmentsType);
 _AudioFileAttachmentType.TIMER_LIMIT_S = 5999;
 var AudioFileAttachmentType = _AudioFileAttachmentType;
@@ -8552,11 +8560,11 @@ var FileAttachments = /*#__PURE__*/function () {
   return FileAttachments;
 }();
 var _Modal = /*#__PURE__*/function () {
-  function T(e, t, n) {
-    _classCallCheck(this, T);
-    this._isOpen = !1, this._contentRef = T.createModalContent(t, n == null ? void 0 : n.backgroundColor), this._buttonPanel = T.createButtonPanel(n == null ? void 0 : n.backgroundColor), this._elementRef = T.createContainer(this._contentRef, n), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = T.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents();
+  function C(e, t, n) {
+    _classCallCheck(this, C);
+    this._isOpen = !1, this._contentRef = C.createModalContent(t, n == null ? void 0 : n.backgroundColor), this._buttonPanel = C.createButtonPanel(n == null ? void 0 : n.backgroundColor), this._elementRef = C.createContainer(this._contentRef, n), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = C.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents();
   }
-  _createClass(T, [{
+  _createClass(C, [{
     key: "isOpen",
     value: function isOpen() {
       return this._isOpen;
@@ -8564,21 +8572,21 @@ var _Modal = /*#__PURE__*/function () {
   }, {
     key: "addButtons",
     value: function addButtons() {
-      var _this39 = this;
+      var _this37 = this;
       for (var _len2 = arguments.length, e = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         e[_key2] = arguments[_key2];
       }
       e.forEach(function (t) {
-        return _this39._buttonPanel.appendChild(t);
+        return _this37._buttonPanel.appendChild(t);
       });
     }
   }, {
     key: "close",
     value: function close() {
-      var _this40 = this;
+      var _this38 = 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 () {
-        _this40._elementRef.style.display = "none", _this40._backgroundPanelRef.style.display = "none";
-      }, T.MODAL_CLOSE_TIMEOUT_MS);
+        _this38._elementRef.style.display = "none", _this38._backgroundPanelRef.style.display = "none";
+      }, C.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "displayModalElements",
@@ -8593,10 +8601,10 @@ var _Modal = /*#__PURE__*/function () {
   }, {
     key: "addCloseButton",
     value: function addCloseButton(e, t, n) {
-      var _this41 = this;
-      var s = t ? T.createSVGButton(e) : T.createTextButton(e);
+      var _this39 = this;
+      var s = t ? C.createSVGButton(e) : C.createTextButton(e);
       return this.addButtons(s), s.onclick = function () {
-        _this41.close(), setTimeout(function () {
+        _this39.close(), setTimeout(function () {
           n == null || n();
         }, 140);
       }, s;
@@ -8604,10 +8612,10 @@ var _Modal = /*#__PURE__*/function () {
   }, {
     key: "addWindowEvents",
     value: function addWindowEvents() {
-      var _this42 = this;
+      var _this40 = this;
       window.addEventListener("keydown", function (e) {
         var t, n;
-        _this42._isOpen && (e.key === KEYBOARD_KEY.ESCAPE ? (_this42.close(), (t = _this42.extensionCloseCallback) == null || t.call(_this42)) : e.key === KEYBOARD_KEY.ENTER && (_this42.close(), (n = _this42.extensionCloseCallback) == null || n.call(_this42)));
+        _this40._isOpen && (e.key === KEYBOARD_KEY.ESCAPE ? (_this40.close(), (t = _this40.extensionCloseCallback) == null || t.call(_this40)) : e.key === KEYBOARD_KEY.ENTER && (_this40.close(), (n = _this40.extensionCloseCallback) == null || n.call(_this40)));
       });
     }
   }], [{
@@ -8654,12 +8662,12 @@ var _Modal = /*#__PURE__*/function () {
     value: function createTextModalFunc(e, t, n) {
       var s;
       if (_typeof(t) == "object" && (s = t.files) != null && s.infoModal) {
-        var o = new T(e, ["modal-content"], t.files.infoModal.containerStyle);
+        var o = new C(e, ["modal-content"], t.files.infoModal.containerStyle);
         return o.addCloseButton("OK", !1, n), o.openTextModal.bind(o, t.infoModalTextMarkUp || "");
       }
     }
   }]);
-  return T;
+  return C;
 }();
 _Modal.MODAL_CLOSE_TIMEOUT_MS = 190;
 var Modal = _Modal;
@@ -8668,13 +8676,13 @@ var UploadFileButton = /*#__PURE__*/function (_InputButton2) {
   var _super36 = _createSuper(UploadFileButton);
   // prettier-ignore
   function UploadFileButton(e, t, n, s, o, a) {
-    var _this43;
+    var _this41;
     _classCallCheck(this, UploadFileButton);
-    var c, u, d, h, f, p;
-    _this43 = _super36.call(this, UploadFileButton.createButtonElement(), (c = n.button) == null ? void 0 : c.position, n.button, a);
-    var l = _this43.createInnerElements(s, o, _this43._customStyles);
-    _this43._inputElement = UploadFileButton.createInputElement((u = n == null ? void 0 : n.files) == null ? void 0 : u.acceptedFormats), _this43.addClickEvent(e, n), _this43.elementRef.replaceChildren(l.styles), _this43.reapplyStateStyle("styles"), _this43._fileAttachmentsType = t, _this43._openModalOnce = ((h = (d = n.files) == null ? void 0 : d.infoModal) == null ? void 0 : h.openModalOnce) === !1 || (p = (f = n.files) == null ? void 0 : f.infoModal) == null ? void 0 : p.openModalOnce;
-    return _this43;
+    var c, d, u, h, f, p;
+    _this41 = _super36.call(this, UploadFileButton.createButtonElement(), (c = n.button) == null ? void 0 : c.position, n.button, a);
+    var l = _this41.createInnerElements(s, o, _this41._customStyles);
+    _this41._inputElement = UploadFileButton.createInputElement((d = n == null ? void 0 : n.files) == null ? void 0 : d.acceptedFormats), _this41.addClickEvent(e, n), _this41.elementRef.replaceChildren(l.styles), _this41.reapplyStateStyle("styles"), _this41._fileAttachmentsType = t, _this41._openModalOnce = ((h = (u = n.files) == null ? void 0 : u.infoModal) == null ? void 0 : h.openModalOnce) === !1 || (p = (f = n.files) == null ? void 0 : f.infoModal) == null ? void 0 : p.openModalOnce;
+    return _this41;
   }
   _createClass(UploadFileButton, [{
     key: "createInnerElements",
@@ -8791,10 +8799,10 @@ var MicrophoneButton = /*#__PURE__*/function (_InputButton3) {
   _inherits(MicrophoneButton, _InputButton3);
   var _super37 = _createSuper(MicrophoneButton);
   function MicrophoneButton(e) {
-    var _this44;
+    var _this42;
     _classCallCheck(this, MicrophoneButton);
-    (e == null ? void 0 : e.position) === "dropup-menu" && (e.position = "outside-right"), _this44 = _super37.call(this, MicrophoneButton.createMicrophoneElement(), e == null ? void 0 : e.position, e), _this44.isActive = !1, _this44._innerElements = _this44.createInnerElements(_this44._customStyles), _this44.changeToDefault();
-    return _this44;
+    (e == null ? void 0 : e.position) === "dropup-menu" && (e.position = "outside-right"), _this42 = _super37.call(this, MicrophoneButton.createMicrophoneElement(), e == null ? void 0 : e.position, e), _this42.isActive = !1, _this42._innerElements = _this42.createInnerElements(_this42._customStyles), _this42.changeToDefault();
+    return _this42;
   }
   _createClass(MicrophoneButton, [{
     key: "createInnerElements",
@@ -9001,9 +9009,9 @@ var EventListeners = /*#__PURE__*/function () {
   }, {
     key: "keyDownWindow",
     value: function keyDownWindow(e) {
-      var _this45 = this;
+      var _this43 = this;
       e.element && EventListeners.getElementIfFocusedOnAvailable(e.element, document.activeElement) && (EventListeners.KEY_DOWN_TIMEOUT !== null && clearTimeout(EventListeners.KEY_DOWN_TIMEOUT), EventListeners.KEY_DOWN_TIMEOUT = setTimeout(function () {
-        EventListeners.KEY_DOWN_TIMEOUT = null, _this45.resetRecording(e);
+        EventListeners.KEY_DOWN_TIMEOUT = null, _this43.resetRecording(e);
       }, 500));
     }
   }, {
@@ -9171,10 +9179,10 @@ var Cursor = /*#__PURE__*/function () {
           n += l;
         } else if (a.textContent !== null) {
           if (n + a.textContent.length > t) {
-            var _l2 = document.createRange();
-            _l2.setStart(a, t - n), _l2.collapse(!0);
+            var _l = document.createRange();
+            _l.setStart(a, t - n), _l.collapse(!0);
             var c = window.getSelection();
-            return c == null || c.removeAllRanges(), c == null || c.addRange(_l2), e.focus(), -1;
+            return c == null || c.removeAllRanges(), c == null || c.addRange(_l), e.focus(), -1;
           }
           n += a.textContent.length, s += a.textContent.length;
         }
@@ -9304,35 +9312,35 @@ var CommandUtils = /*#__PURE__*/function () {
     key: "execCommand",
     value: function execCommand(e, t, n, s, o) {
       var a, l, c;
-      var u = e.commands;
-      if (!u || !s || !n) return;
-      var d = ((a = u.settings) === null || a === void 0 ? void 0 : a.caseSensitive) === !0 ? t : t.toLowerCase(),
-        h = text_1$2.Text.breakupIntoWordsArr(d),
-        f = ((l = u.settings) === null || l === void 0 ? void 0 : l.substrings) === !1 ? CommandUtils.checkIfMatchesWord : CommandUtils.checkIfMatchesSubstring;
-      if (u.commandMode && f(u.commandMode, d, h)) return e.setInterimColorToFinal(), setTimeout(function () {
+      var d = e.commands;
+      if (!d || !s || !n) return;
+      var u = ((a = d.settings) === null || a === void 0 ? void 0 : a.caseSensitive) === !0 ? t : t.toLowerCase(),
+        h = text_1$2.Text.breakupIntoWordsArr(u),
+        f = ((l = d.settings) === null || l === void 0 ? void 0 : l.substrings) === !1 ? CommandUtils.checkIfMatchesWord : CommandUtils.checkIfMatchesSubstring;
+      if (d.commandMode && f(d.commandMode, u, h)) return e.setInterimColorToFinal(), setTimeout(function () {
         return CommandUtils.toggleCommandModeOn(e);
       }), {
         doNotProcessTranscription: !1
       };
-      if (!(u.commandMode && !e.isWaitingForCommand)) {
-        if (u.stop && f(u.stop, d, h)) return CommandUtils.toggleCommandModeOff(e), setTimeout(function () {
+      if (!(d.commandMode && !e.isWaitingForCommand)) {
+        if (d.stop && f(d.stop, u, h)) return CommandUtils.toggleCommandModeOff(e), setTimeout(function () {
           return e.stop();
         }), {
           doNotProcessTranscription: !1
         };
-        if (u.pause && f(u.pause, d, h)) return CommandUtils.toggleCommandModeOff(e), e.setInterimColorToFinal(), setTimeout(function () {
+        if (d.pause && f(d.pause, u, h)) return CommandUtils.toggleCommandModeOff(e), e.setInterimColorToFinal(), setTimeout(function () {
           var p;
           e.isPaused = !0, (p = e.onPauseTrigger) === null || p === void 0 || p.call(e, !0);
         }), {
           doNotProcessTranscription: !1
         };
-        if (u.resume && f(u.resume, d, h)) return e.isPaused = !1, (c = e.onPauseTrigger) === null || c === void 0 || c.call(e, !1), CommandUtils.toggleCommandModeOff(e), e.resetRecording(n), {
+        if (d.resume && f(d.resume, u, h)) return e.isPaused = !1, (c = e.onPauseTrigger) === null || c === void 0 || c.call(e, !1), CommandUtils.toggleCommandModeOff(e), e.resetRecording(n), {
           doNotProcessTranscription: !0
         };
-        if (u.reset && f(u.reset, d, h)) return o !== void 0 && CommandUtils.setText(e, n, o, s), {
+        if (d.reset && f(d.reset, u, h)) return o !== void 0 && CommandUtils.setText(e, n, o, s), {
           doNotProcessTranscription: !0
         };
-        if (u.removeAllText && f(u.removeAllText, d, h)) return CommandUtils.setText(e, n, "", s), {
+        if (d.removeAllText && f(d.removeAllText, u, h)) return CommandUtils.setText(e, n, "", s), {
           doNotProcessTranscription: !0
         };
       }
@@ -9432,10 +9440,10 @@ var Padding = /*#__PURE__*/function () {
         var l = window.getSelection();
         if (l != null && l.focusNode) {
           var c = cursor_1$1.Cursor.getGenericElementCursorOffset(t, l, !0),
-            u = (n = t.textContent) === null || n === void 0 ? void 0 : n[c - 1],
-            d = cursor_1$1.Cursor.getGenericElementCursorOffset(t, l, !1),
-            h = (s = t.textContent) === null || s === void 0 ? void 0 : s[d];
-          text_1$1.Text.isCharDefined(u) && (e.startPadding = " "), text_1$1.Text.isCharDefined(h) && (e.endPadding = " "), e.isCursorAtEnd = ((o = t.textContent) === null || o === void 0 ? void 0 : o.length) === d;
+            d = (n = t.textContent) === null || n === void 0 ? void 0 : n[c - 1],
+            u = cursor_1$1.Cursor.getGenericElementCursorOffset(t, l, !1),
+            h = (s = t.textContent) === null || s === void 0 ? void 0 : s[u];
+          text_1$1.Text.isCharDefined(d) && (e.startPadding = " "), text_1$1.Text.isCharDefined(h) && (e.endPadding = " "), e.isCursorAtEnd = ((o = t.textContent) === null || o === void 0 ? void 0 : o.length) === u;
           return;
         }
       }
@@ -9624,22 +9632,22 @@ var WebSpeech = /*#__PURE__*/function (_speech_1$1$Speech) {
   }, {
     key: "setEvents",
     value: function setEvents() {
-      var _this46 = this;
+      var _this44 = this;
       this._service && (this._service.onstart = function () {
-        _this46.setStateOnStart();
+        _this44.setStateOnStart();
       }, this._service.onerror = function (e) {
-        browser_1.Browser.IS_SAFARI() && e.message === "Another request is started" || e.error === "aborted" && _this46.isRestarting || e.error !== "no-speech" && _this46.error(e.message || e.error);
+        browser_1.Browser.IS_SAFARI() && e.message === "Another request is started" || e.error === "aborted" && _this44.isRestarting || e.error !== "no-speech" && _this44.error(e.message || e.error);
       }, this._service.onaudioend = function () {
-        _this46.setStateOnStop();
+        _this44.setStateOnStop();
       }, this._service.onend = function () {
-        _this46._stopping = !1;
+        _this44._stopping = !1;
       }, this._service.onresult = function (e) {
-        if (_typeof(e.results) > "u" && _this46._service) _this46._service.onend = null, _this46._service.stop();else if (_this46._extractText && !_this46._stopping) {
-          var _this46$_extractText = _this46._extractText(e, _this46.finalTranscript, _this46._translations),
-            t = _this46$_extractText.interimTranscript,
-            n = _this46$_extractText.finalTranscript,
-            s = _this46$_extractText.newText;
-          _this46.updateElements(t, n, s);
+        if (_typeof(e.results) > "u" && _this44._service) _this44._service.onend = null, _this44._service.stop();else if (_this44._extractText && !_this44._stopping) {
+          var _this44$_extractText = _this44._extractText(e, _this44.finalTranscript, _this44._translations),
+            t = _this44$_extractText.interimTranscript,
+            n = _this44$_extractText.finalTranscript,
+            s = _this44$_extractText.newText;
+          _this44.updateElements(t, n, s);
         }
       });
     }
@@ -9859,10 +9867,10 @@ var Azure = /*#__PURE__*/function (_speech_1$Speech) {
   _inherits(Azure, _speech_1$Speech);
   var _super39 = _createSuper(Azure);
   function Azure() {
-    var _this47;
+    var _this45;
     _classCallCheck(this, Azure);
-    _this47 = _super39.apply(this, arguments), _this47._newTextPadding = "";
-    return _this47;
+    _this45 = _super39.apply(this, arguments), _this45._newTextPadding = "";
+    return _this45;
   }
   _createClass(Azure, [{
     key: "start",
@@ -9990,12 +9998,12 @@ var Azure = /*#__PURE__*/function (_speech_1$Speech) {
   }, {
     key: "retrieveTokenInterval",
     value: function retrieveTokenInterval(e) {
-      var _this48 = this;
+      var _this46 = this;
       this._retrieveTokenInterval = setInterval(function () {
         e == null || e().then(function (t) {
-          _this48._service && (_this48._service.authorizationToken = (t == null ? void 0 : t.trim()) || "");
+          _this46._service && (_this46._service.authorizationToken = (t == null ? void 0 : t.trim()) || "");
         })["catch"](function (t) {
-          _this48.error(t);
+          _this46.error(t);
         });
       }, 1e4);
     }
@@ -10077,18 +10085,18 @@ var SpeechToText = /*#__PURE__*/function (_MicrophoneButton) {
   _inherits(SpeechToText, _MicrophoneButton);
   var _super40 = _createSuper(SpeechToText);
   function SpeechToText(e, t, n) {
-    var _this49;
+    var _this47;
     _classCallCheck(this, SpeechToText);
     var a;
-    _this49 = _super40.call(this, _typeof(e.speechToText) == "object" ? (a = e.speechToText) == null ? void 0 : a.button : {});
+    _this47 = _super40.call(this, _typeof(e.speechToText) == "object" ? (a = e.speechToText) == null ? void 0 : a.button : {});
     var _SpeechToText$process = SpeechToText.processConfiguration(t, e.speechToText),
       s = _SpeechToText$process.serviceName,
       o = _SpeechToText$process.processedConfig;
-    if (_this49._addErrorMessage = n, s === "webspeech" && !_default.isWebSpeechSupported()) _this49.changeToUnsupported();else {
+    if (_this47._addErrorMessage = n, s === "webspeech" && !_default.isWebSpeechSupported()) _this47.changeToUnsupported();else {
       var l = !e.textInput || !e.textInput.disabled;
-      _this49.elementRef.onclick = _this49.buttonClick.bind(_assertThisInitialized(_this49), t, l, s, o);
+      _this47.elementRef.onclick = _this47.buttonClick.bind(_assertThisInitialized(_this47), t, l, s, o);
     }
-    return _this49;
+    return _this47;
   }
   // prettier-ignore
   _createClass(SpeechToText, [{
@@ -10117,7 +10125,7 @@ var SpeechToText = /*#__PURE__*/function (_MicrophoneButton) {
     key: "processConfiguration",
     value: function processConfiguration(e, t) {
       var _n$displayInterimResu, _n$textColor, _n$translations, _n$commands;
-      var u;
+      var d;
       var n = _typeof(t) == "object" ? t : {},
         s = _typeof(n.webSpeech) == "object" ? n.webSpeech : {},
         o = n.azure || {},
@@ -10127,9 +10135,9 @@ var SpeechToText = /*#__PURE__*/function (_MicrophoneButton) {
           translations: (_n$translations = n.translations) !== null && _n$translations !== void 0 ? _n$translations : void 0,
           commands: (_n$commands = n.commands) !== null && _n$commands !== void 0 ? _n$commands : void 0
         }, s), o),
-        l = (u = n.commands) == null ? void 0 : u.submit;
-      return l && (a.onPreResult = function (d) {
-        return d.toLowerCase().includes(l) ? (setTimeout(function () {
+        l = (d = n.commands) == null ? void 0 : d.submit;
+      return l && (a.onPreResult = function (u) {
+        return u.toLowerCase().includes(l) ? (setTimeout(function () {
           var h;
           return (h = e.submit) == null ? void 0 : h.call(e);
         }), _default.endCommandMode(), {
@@ -10169,11 +10177,11 @@ var RecordAudio = /*#__PURE__*/function (_MicrophoneButton2) {
   _inherits(RecordAudio, _MicrophoneButton2);
   var _super41 = _createSuper(RecordAudio);
   function RecordAudio(e, t) {
-    var _this50;
+    var _this48;
     _classCallCheck(this, RecordAudio);
     var n, s;
-    _this50 = _super41.call(this, t.button), _this50._waitingForBrowserApproval = !1, _this50._audioType = e, _this50._extension = ((n = t.files) == null ? void 0 : n.format) || "mp3", _this50._maxDurationSeconds = (s = t.files) == null ? void 0 : s.maxDurationSeconds, _this50.elementRef.onclick = _this50.buttonClick.bind(_assertThisInitialized(_this50));
-    return _this50;
+    _this48 = _super41.call(this, t.button), _this48._waitingForBrowserApproval = !1, _this48._audioType = e, _this48._extension = ((n = t.files) == null ? void 0 : n.format) || "mp3", _this48._maxDurationSeconds = (s = t.files) == null ? void 0 : s.maxDurationSeconds, _this48.elementRef.onclick = _this48.buttonClick.bind(_assertThisInitialized(_this48));
+    return _this48;
   }
   _createClass(RecordAudio, [{
     key: "buttonClick",
@@ -10183,10 +10191,10 @@ var RecordAudio = /*#__PURE__*/function (_MicrophoneButton2) {
   }, {
     key: "stop",
     value: function stop() {
-      var _this51 = this;
+      var _this49 = this;
       return new Promise(function (e) {
         var t, n;
-        _this51.changeToDefault(), (t = _this51._mediaRecorder) == null || t.stop(), (n = _this51._mediaStream) == null || n.getTracks().forEach(function (s) {
+        _this49.changeToDefault(), (t = _this49._mediaRecorder) == null || t.stop(), (n = _this49._mediaStream) == null || n.getTracks().forEach(function (s) {
           return s.stop();
         }), setTimeout(function () {
           e();
@@ -10196,23 +10204,23 @@ var RecordAudio = /*#__PURE__*/function (_MicrophoneButton2) {
   }, {
     key: "record",
     value: function record() {
-      var _this52 = this;
+      var _this50 = this;
       navigator.mediaDevices.getUserMedia({
         audio: !0
       }).then(function (e) {
-        _this52.changeToActive(), _this52._mediaRecorder = new MediaRecorder(e), _this52._audioType.addPlaceholderAttachment(_this52.stop.bind(_this52), _this52._maxDurationSeconds), _this52._mediaStream = e, _this52._mediaRecorder.addEventListener("dataavailable", function (t) {
-          _this52.createFile(t);
-        }), _this52._mediaRecorder.start();
+        _this50.changeToActive(), _this50._mediaRecorder = new MediaRecorder(e), _this50._audioType.addPlaceholderAttachment(_this50.stop.bind(_this50), _this50._maxDurationSeconds), _this50._mediaStream = e, _this50._mediaRecorder.addEventListener("dataavailable", function (t) {
+          _this50.createFile(t);
+        }), _this50._mediaRecorder.start();
       })["catch"](function (e) {
-        console.error(e), _this52.stop();
+        console.error(e), _this50.stop();
       })["finally"](function () {
-        _this52._waitingForBrowserApproval = !1;
+        _this50._waitingForBrowserApproval = !1;
       });
     }
   }, {
     key: "createFile",
     value: function createFile(e) {
-      var _this53 = this;
+      var _this51 = this;
       var t = new Blob([e.data], {
           type: "audio/".concat(this._extension)
         }),
@@ -10222,7 +10230,7 @@ var RecordAudio = /*#__PURE__*/function (_MicrophoneButton2) {
         }),
         o = new FileReader();
       o.readAsDataURL(s), o.onload = function (a) {
-        _this53._audioType.completePlaceholderAttachment(s, a.target.result);
+        _this51._audioType.completePlaceholderAttachment(s, a.target.result);
       };
     }
   }]);
@@ -10246,13 +10254,13 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
   var _super42 = _createSuper(SubmitButton);
   // prettier-ignore
   function SubmitButton(e, t, n, s, o) {
-    var _this54;
+    var _this52;
     _classCallCheck(this, SubmitButton);
     var a;
-    _this54 = _super42.call(this, SubmitButton.createButtonContainerElement(), (a = e.submitButtonStyles) == null ? void 0 : a.position, e.submitButtonStyles), _this54._isRequestInProgress = !1, _this54._isLoadingActive = !1, _this54._isSVGLoadingIconOverriden = !1, _this54._messages = n, _this54._inputElementRef = t, _this54._fileAttachments = o, _this54._innerElements = _this54.createInnerElements(), _this54._abortStream = new AbortController(), _this54._stopClicked = {
+    _this52 = _super42.call(this, SubmitButton.createButtonContainerElement(), (a = e.submitButtonStyles) == null ? void 0 : a.position, e.submitButtonStyles), _this52._isRequestInProgress = !1, _this52._isLoadingActive = !1, _this52._isSVGLoadingIconOverriden = !1, _this52._messages = n, _this52._inputElementRef = t, _this52._fileAttachments = o, _this52._innerElements = _this52.createInnerElements(), _this52._abortStream = new AbortController(), _this52._stopClicked = {
       listener: function listener() {}
-    }, _this54._serviceIO = s, _this54.attemptOverwriteLoadingStyle(e), _this54.changeToSubmitIcon(), _this54.assignHandlers();
-    return _this54;
+    }, _this52._serviceIO = s, _this52.attemptOverwriteLoadingStyle(e), _this52.changeToSubmitIcon(), _this52.assignHandlers();
+    return _this52;
   }
   // prettier-ignore
   _createClass(SubmitButton, [{
@@ -10273,10 +10281,10 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
     value:
     // prettier-ignore
     function attemptOverwriteLoadingStyle(e) {
-      var t, n, s, o, a, l, c, u, d;
-      if (!((n = (t = this._customStyles) == null ? void 0 : t.submit) != null && n.svg || (a = (o = (s = this._customStyles) == null ? void 0 : s.loading) == null ? void 0 : o.svg) != null && a.content || (u = (c = (l = this._customStyles) == null ? void 0 : l.loading) == null ? void 0 : c.text) != null && u.content) && (e.displayLoadingBubble === void 0 || e.displayLoadingBubble === !0)) {
+      var t, n, s, o, a, l, c, d, u;
+      if (!((n = (t = this._customStyles) == null ? void 0 : t.submit) != null && n.svg || (a = (o = (s = this._customStyles) == null ? void 0 : s.loading) == null ? void 0 : o.svg) != null && a.content || (d = (c = (l = this._customStyles) == null ? void 0 : l.loading) == null ? void 0 : c.text) != null && d.content) && (e.displayLoadingBubble === void 0 || e.displayLoadingBubble === !0)) {
         var h = document.createElement("style");
-        h.textContent = "\n        .loading-button > * {\n          filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(3044%) hue-rotate(322deg) brightness(100%)\n            contrast(96%) !important;\n        }", (d = e.shadowRoot) == null || d.appendChild(h), this._isSVGLoadingIconOverriden = !0;
+        h.textContent = "\n        .loading-button > * {\n          filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(3044%) hue-rotate(322deg) brightness(100%)\n            contrast(96%) !important;\n        }", (u = e.shadowRoot) == null || u.appendChild(h), this._isSVGLoadingIconOverriden = !0;
       }
     }
   }, {
@@ -10323,8 +10331,8 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
               return this._fileAttachments.completePlaceholders();
             case 4:
               n = this._fileAttachments.getAllFileData();
-              s = n == null ? void 0 : n.map(function (u) {
-                return u.file;
+              s = n == null ? void 0 : n.map(function (d) {
+                return d.file;
               });
             case 6:
               o = t === "" ? void 0 : t;
@@ -10354,28 +10362,20 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
               return _context73.abrupt("return");
             case 16:
               this.changeToLoadingIcon();
-              t !== "" && this._messages.addNewMessage({
-                text: t
-              }, !1, !0);
-              _context73.t1 = n;
-              if (!_context73.t1) {
-                _context73.next = 22;
-                break;
-              }
-              _context73.next = 22;
-              return this._messages.addMultipleFiles(n);
-            case 22:
+              _context73.next = 19;
+              return this.addNewMessages(t, n);
+            case 19:
               this._messages.addLoadingMessage();
               e || TextInputEl.clear(this._inputElementRef);
               a = {
                 text: o,
                 files: s
               };
-              _context73.next = 27;
+              _context73.next = 24;
               return this._serviceIO.callAPI(a, this._messages);
-            case 27:
+            case 24:
               e || (c = this._fileAttachments) == null || c.removeAllFiles();
-            case 28:
+            case 25:
             case "end":
               return _context73.stop();
           }
@@ -10386,6 +10386,38 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
       }
       return submit;
     }()
+  }, {
+    key: "addNewMessages",
+    value: function () {
+      var _addNewMessages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee74(e, t) {
+        var n;
+        return _regeneratorRuntime().wrap(function _callee74$(_context74) {
+          while (1) switch (_context74.prev = _context74.next) {
+            case 0:
+              n = {};
+              e !== "" && (n.text = e);
+              _context74.t0 = t;
+              if (!_context74.t0) {
+                _context74.next = 7;
+                break;
+              }
+              _context74.next = 6;
+              return this._messages.addMultipleFiles(t);
+            case 6:
+              n.files = _context74.sent;
+            case 7:
+              Object.keys(n).length > 0 && this._messages.addNewMessage(n, !1);
+            case 8:
+            case "end":
+              return _context74.stop();
+          }
+        }, _callee74, this);
+      }));
+      function addNewMessages(_x124, _x125) {
+        return _addNewMessages.apply(this, arguments);
+      }
+      return addNewMessages;
+    }()
   }, {
     key: "stopStream",
     value: function stopStream() {
@@ -10444,14 +10476,14 @@ var CameraModal = /*#__PURE__*/function (_Modal2) {
   var _super43 = _createSuper(CameraModal);
   // prettier-ignore
   function CameraModal(e, t, n, s) {
-    var _this55;
+    var _this53;
     _classCallCheck(this, CameraModal);
-    _this55 = _super43.call(this, e, ["modal-content", "modal-camera-content"], n), _this55._stopped = !1, _this55._format = "image/png", _this55._canvas = document.createElement("canvas"), _this55._canvas.classList.add("camera-modal-canvas");
-    var _this55$addButtonsAnd = _this55.addButtonsAndTheirEvents(t),
-      o = _this55$addButtonsAnd.captureButton,
-      a = _this55$addButtonsAnd.submitButton;
-    _this55._captureButton = o, _this55._submitButton = a, _this55._captureIcon = _this55._captureButton.children[0], _this55._refreshIcon = SVGIconUtils.createSVGElement(REFRESH_ICON_STRING), _this55._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (s == null ? void 0 : s.format) === "jpeg" && (_this55._format = "image/jpeg"), s != null && s.dimensions && (_this55._dimensions = s.dimensions), _this55._contentRef.appendChild(_this55._canvas), _this55.extensionCloseCallback = _this55.stop;
-    return _this55;
+    _this53 = _super43.call(this, e, ["modal-content", "modal-camera-content"], n), _this53._stopped = !1, _this53._format = "image/png", _this53._canvas = document.createElement("canvas"), _this53._canvas.classList.add("camera-modal-canvas");
+    var _this53$addButtonsAnd = _this53.addButtonsAndTheirEvents(t),
+      o = _this53$addButtonsAnd.captureButton,
+      a = _this53$addButtonsAnd.submitButton;
+    _this53._captureButton = o, _this53._submitButton = a, _this53._captureIcon = _this53._captureButton.children[0], _this53._refreshIcon = SVGIconUtils.createSVGElement(REFRESH_ICON_STRING), _this53._refreshIcon.classList.add("modal-svg-button-icon", "modal-svg-refresh-icon"), (s == null ? void 0 : s.format) === "jpeg" && (_this53._format = "image/jpeg"), s != null && s.dimensions && (_this53._dimensions = s.dimensions), _this53._contentRef.appendChild(_this53._canvas), _this53.extensionCloseCallback = _this53.stop;
+    return _this53;
   }
   _createClass(CameraModal, [{
     key: "addButtonsAndTheirEvents",
@@ -10470,38 +10502,38 @@ var CameraModal = /*#__PURE__*/function (_Modal2) {
   }, {
     key: "addButtonEvents",
     value: function addButtonEvents(e, t, n, s) {
-      var _this56 = this;
+      var _this54 = this;
       e.onclick = function () {
-        _this56.capture();
+        _this54.capture();
       }, t.addEventListener("click", this.stop.bind(this)), n.onclick = function () {
-        var o = _this56.getFile();
-        o && FileAttachments.addFilesToType([o], [s]), _this56.stop(), _this56.close();
+        var o = _this54.getFile();
+        o && FileAttachments.addFilesToType([o], [s]), _this54.stop(), _this54.close();
       };
     }
   }, {
     key: "stop",
     value: function stop() {
-      var _this57 = this;
+      var _this55 = this;
       this._mediaStream && this._mediaStream.getTracks().forEach(function (e) {
         return e.stop();
       }), this._stopped = !0, setTimeout(function () {
-        _this57._captureButton.replaceChildren(_this57._captureIcon), _this57._captureButton.classList.replace("modal-svg-refresh-button", "modal-svg-camera-button");
-        var e = _this57._canvas.getContext("2d");
-        e == null || e.clearRect(0, 0, _this57._canvas.width, _this57._canvas.height);
+        _this55._captureButton.replaceChildren(_this55._captureIcon), _this55._captureButton.classList.replace("modal-svg-refresh-button", "modal-svg-camera-button");
+        var e = _this55._canvas.getContext("2d");
+        e == null || e.clearRect(0, 0, _this55._canvas.width, _this55._canvas.height);
       }, Modal.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "start",
     value: function start() {
-      var _this58 = this;
+      var _this56 = this;
       this._dataURL = void 0, this._submitButton.classList.add("modal-svg-submit-disabled"), this._stopped = !1, navigator.mediaDevices.getUserMedia({
         video: this._dimensions || !0
       }).then(function (e) {
-        if (_this58._mediaStream = e, !_this58.isOpen()) return _this58.stop();
+        if (_this56._mediaStream = e, !_this56.isOpen()) return _this56.stop();
         var t = document.createElement("video");
-        t.srcObject = e, t.play(), requestAnimationFrame(_this58.updateCanvas.bind(_this58, t, _this58._canvas));
+        t.srcObject = e, t.play(), requestAnimationFrame(_this56.updateCanvas.bind(_this56, t, _this56._canvas));
       })["catch"](function (e) {
-        console.error(e), _this58.stop(), _this58.close();
+        console.error(e), _this56.stop(), _this56.close();
       });
     }
   }, {
@@ -10559,13 +10591,13 @@ var CameraButton = /*#__PURE__*/function (_InputButton5) {
   _inherits(CameraButton, _InputButton5);
   var _super44 = _createSuper(CameraButton);
   function CameraButton(e, t, n) {
-    var _this59;
+    var _this57;
     _classCallCheck(this, CameraButton);
     var o;
-    _this59 = _super44.call(this, CameraButton.createButtonElement(), (o = n == null ? void 0 : n.button) == null ? void 0 : o.position, (n == null ? void 0 : n.button) || {}, "Photo");
-    var s = _this59.createInnerElements(_this59._customStyles);
-    n && _this59.addClickEvent(e, t, n.modalContainerStyle, n.files), _this59.elementRef.classList.add("upload-file-button"), _this59.elementRef.appendChild(s.styles), _this59.reapplyStateStyle("styles");
-    return _this59;
+    _this57 = _super44.call(this, CameraButton.createButtonElement(), (o = n == null ? void 0 : n.button) == null ? void 0 : o.position, (n == null ? void 0 : n.button) || {}, "Photo");
+    var s = _this57.createInnerElements(_this57._customStyles);
+    n && _this57.addClickEvent(e, t, n.modalContainerStyle, n.files), _this57.elementRef.classList.add("upload-file-button"), _this57.elementRef.appendChild(s.styles), _this57.reapplyStateStyle("styles");
+    return _this57;
   }
   _createClass(CameraButton, [{
     key: "createInnerElements",
@@ -10623,18 +10655,18 @@ var Input = /*#__PURE__*/function () {
     value:
     // prettier-ignore
     function createFileUploadComponents(e, t, n, s) {
-      var a, l, c, u;
+      var a, l, c, d;
       var o = new FileAttachments(this.elementRef, e.attachmentContainerStyle, t.demo);
       if (Input.createUploadButtons(t.fileTypes || {}, o, n, s), (a = t.camera) != null && a.files) {
-        var d = ((l = s.images) == null ? void 0 : l.fileType) || o.addType(t.camera.files, "images");
+        var u = ((l = s.images) == null ? void 0 : l.fileType) || o.addType(t.camera.files, "images");
         s.camera = {
-          button: new CameraButton(n, d, t.camera)
+          button: new CameraButton(n, u, t.camera)
         };
       }
       if ((c = t.recordAudio) != null && c.files) {
-        var _d = ((u = s.audio) == null ? void 0 : u.fileType) || o.addType(t.recordAudio.files, "audio");
+        var _u = ((d = s.audio) == null ? void 0 : d.fileType) || o.addType(t.recordAudio.files, "audio");
         s.microphone = {
-          button: new RecordAudio(_d, t.recordAudio)
+          button: new RecordAudio(_u, t.recordAudio)
         };
       }
       return DragAndDrop.isEnabled(o, e.dragAndDrop) && DragAndDrop.create(n, o, e.dragAndDrop), o;
@@ -10655,10 +10687,10 @@ var Input = /*#__PURE__*/function () {
         if (l.files) {
           var c = t.addType(l.files, a),
             _FILE_TYPE_BUTTON_ICO = FILE_TYPE_BUTTON_ICONS[a],
-            u = _FILE_TYPE_BUTTON_ICO.id,
-            d = _FILE_TYPE_BUTTON_ICO.svgString,
+            d = _FILE_TYPE_BUTTON_ICO.id,
+            u = _FILE_TYPE_BUTTON_ICO.svgString,
             h = _FILE_TYPE_BUTTON_ICO.dropupText,
-            f = new UploadFileButton(n, c, l, u, d, h);
+            f = new UploadFileButton(n, c, l, d, u, h);
           s[a] = {
             button: f,
             fileType: c
@@ -10701,101 +10733,82 @@ var ChatView = /*#__PURE__*/function () {
   }]);
   return ChatView;
 }();
-var style = "#validate-property-key-view{height:100%;position:relative;display:flex;justify-content:center;align-items:center;padding:8px}#large-loading-ring{display:inline-block;width:50px;height:50px}#large-loading-ring:after{content:\" \";display:block;width:38px;height:38px;margin:1px;border-radius:50%;border:5px solid #5fb2ff;border-color:#5fb2ff transparent #5fb2ff transparent;animation:large-loading-ring 1.4s linear infinite}@keyframes large-loading-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#insert-key-view{height:100%;position:relative}#insert-key-contents{text-align:center;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:82%;display:flex;max-width:700px}#insert-key-title{margin-bottom:15px}#insert-key-input-container{margin-right:2.7em;width:calc(100% - 80px)}#insert-key-input{padding:.3em 1.7em .3em .3em;border-width:1px;border-style:solid;border-radius:3px;width:100%;font-size:inherit}.insert-key-input-valid{border-color:gray}.insert-key-input-invalid{border-color:red}#visibility-icon-container{position:relative;float:right;cursor:pointer;-webkit-user-select:none;user-select:none}.visibility-icon{filter:brightness(0) saturate(100%) invert(63%) sepia(1%) saturate(9%) hue-rotate(43deg) brightness(98%) contrast(92%);position:absolute;right:-1.7em;top:-1.43em}#visible-icon{top:-1.4em}.visibility-icon:hover{filter:unset}.visibility-icon>*{pointer-events:none}#start-button{border:1px solid grey;color:#454545;border-radius:4px;width:3em;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.28em .3em;-webkit-user-select:none;user-select:none;background-color:#fff}#start-button:hover{background-color:#f2f2f2}#start-button:active{background-color:#d2d2d2}#insert-key-help-text-container{width:100%;position:absolute;margin-top:32px;margin-bottom:20px}#insert-key-help-text-contents{width:100%;position:absolute}#insert-key-input-invalid-text{display:block;margin-top:1em;margin-bottom:.5em;color:red}.insert-key-input-help-text{display:block;margin-top:16px}#loading-ring{display:inline-block;width:16px;height:16px}#loading-ring:after{content:\" \";display:block;width:11px;height:11px;margin:1px;border-radius:50%;border:2px solid #0084ff;border-color:#0084ff transparent #0084ff transparent;animation:loading-ring 1.2s linear infinite}@keyframes loading-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#error-view{color:red;font-size:1.2em;line-height:1.3em;margin-top:-5px;text-align:center;height:100%;display:flex;justify-content:center;align-items:center;padding-left:8px;padding-right:8px}.intro-panel{position:absolute;display:flex;justify-content:center;right:0;bottom:0;left:0;margin:auto;height:fit-content;top:-2.5em}#internal-intro-panel{width:250px;height:min-content;display:block;border-radius:5px;overflow:auto;border:1px solid rgb(203,203,203);padding:10px;max-height:calc(100% - 6.8em)}#internal-intro-panel>p{margin-block-start:.8em;margin-block-end:.8em}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!\n  Theme: a11y-dark\n  Author: @ericwbailey\n  Maintainer: @ericwbailey\n\n  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css\n*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}#messages{overflow:auto}.outer-message-container:last-child{margin-bottom:5px}.inner-message-container{display:flex;width:90%;margin-left:auto;margin-right:auto;max-width:100%}.message-bubble{margin-top:10px;word-wrap:break-word;width:fit-content;max-width:60%;border-radius:10px;padding:.42em .55em;height:fit-content}.user-message-text{color:#fff;background-color:#0084ff;margin-right:0;margin-left:auto}.ai-message-text{color:#000;background-color:#e4e6eb;margin-left:0;margin-right:auto}.error-message-text{margin:14px auto 10px;background-color:#f4c0c0;color:#474747;text-align:center;max-width:95%}.loading-message-text{width:1em;padding:.6em .75em .6em 1.3em}.message-bubble>p{line-height:1.26em}.message-bubble>p:first-child{margin-top:0}.message-bubble>p:last-child{margin-bottom:0}pre{overflow:auto;display:block;word-break:break-all;word-wrap:break-word;border-radius:7px;background:#2b2b2b;color:#f8f8f2;margin-top:.8em;margin-bottom:.8em;padding:.6em;font-size:.9em;line-height:1.5em}.image-message{padding:0;display:flex;background-color:#ddd}.image-message>*,.image-message>*>*{width:100%;border-radius:8px;display:flex}.audio-message{width:60%;max-width:300px;height:2.2em;max-height:54px;padding:0;background-color:unset}.audio-player{width:100%;height:100%}.audio-player-safari{height:fit-content;width:40px}.audio-player-safari-left{float:left}.audio-player-safari-right{float:right}.any-file-message-bubble{padding:1px}.any-file-message-contents{display:flex}.any-file-message-icon-container{width:1.3em;min-width:1.3em;position:relative;border-radius:4px;margin-left:6px;margin-right:2px}.any-file-message-icon{background-color:#fff;border-radius:4px;position:absolute;width:1em;height:1.25em;padding:1px;margin-top:auto;margin-bottom:auto;top:0;bottom:0}.any-file-message-text{padding-top:5px;overflow-wrap:anywhere;padding-bottom:5px;padding-right:7px}.message-bubble>a{color:inherit}.left-item-position{margin-right:10px}.right-item-position{margin-left:10px}.avatar{padding-top:5px;width:1.5em;height:1.5em;border-radius:1px}.avatar-container{margin-top:9px}.name{margin-top:16px;font-size:15px}#drag-and-drop{position:absolute;display:none;z-index:10;height:calc(100% - 10px);width:calc(100% - 10px);background-color:#70c6ff4d;border:5px dashed #6dafff}#file-attachment-container{position:absolute;height:3.6em;width:calc(80% - 4px);top:-2.5em;border-radius:5px;overflow:auto;text-align:left;background-color:#d7d7d73b;padding-left:4px}.file-attachment{width:2.85em;height:2.85em;display:inline-flex;margin-right:.6em;margin-bottom:.44em;margin-top:4px;position:relative;background-color:#fff;border-radius:5px}.image-attachment{width:100%;height:100%;object-fit:cover;border-radius:5px}.border-bound-attachment{width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #c3c3c3;border-radius:5px;overflow:hidden}.border-bound-attachment-safari{width:calc(100% - 1px);height:calc(100% - 1px)}.audio-attachment-icon-container{cursor:pointer}.audio-attachment-icon-container:hover{background-color:#f8f8f8}.attachment-icon{left:0;right:0;bottom:0;top:2px;margin:auto;position:absolute;width:25px;-webkit-user-select:none;user-select:none}.not-removable-attachment-icon{top:0;right:0;bottom:0;left:0}.play-icon{filter:brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(1392%) hue-rotate(67deg) brightness(98%) contrast(97%)}.stop-icon{filter:brightness(0) saturate(100%) invert(29%) sepia(90%) saturate(1228%) hue-rotate(198deg) brightness(93%) contrast(98%)}.audio-placeholder-text-3-digits{padding-left:.26rem}.audio-placeholder-text-4-digits{padding-left:.1rem}.any-file-attachment{padding:2px 0}.file-attachment-text-container{position:absolute;width:inherit;display:flex;align-items:center;height:100%;top:-1px}.audio-placeholder-text-3-digits-container{padding-top:1px;cursor:default}.any-file-attachment-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:.13em;margin-left:auto;margin-right:auto}.remove-file-attachment-button{height:1.25em;width:1.25em;border:1px solid #cfcfcf;border-radius:25px;background-color:#fff;top:-4px;right:-5px;position:absolute;display:flex;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.remove-file-attachment-button:hover{background-color:#e4e4e4}.remove-file-attachment-button:active{background-color:#d7d7d7}.x-icon{color:#4e4e4e;top:-.075em;position:relative;font-size:1.05em}.modal{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:80%;max-width:420px;max-height:80%;margin:auto;top:0;right:0;bottom:0;left:0;z-index:2}.modal-content{border-top:1px solid rgb(217,217,217);border-left:1px solid rgb(217,217,217);border-right:1px solid rgb(217,217,217);border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:#fff;overflow-y:auto;height:fit-content;max-height:calc(100% - 3.3em);width:100%}.modal-content>p{margin-left:1em;margin-right:1em}.modal-content>ul{margin-right:1em}.modal-button-panel{height:3.3em;border:1px solid;border-color:rgb(223,223,223) rgb(217,217,217) rgb(217,217,217);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background-color:#fff;text-align:center;justify-content:center;display:flex;width:100%}.modal-button{min-width:2.5em;text-align:center;color:#fff;border-radius:5px;padding:.4em .4em .3em;height:1.25em;background-color:#3279b2;top:0;bottom:0;cursor:pointer;-webkit-user-select:none;user-select:none;margin:auto .31em}.modal-button:hover{background-color:#276da7}.modal-button:active{background-color:#1b5687}.modal-svg-button{padding:0 0 2px;width:2em;height:1.8em}.modal-svg-button-icon{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(4%) hue-rotate(346deg) brightness(101%) contrast(102%)}#modal-background-panel{position:absolute;width:100%;height:100%;background-color:#00000042;z-index:1;display:none}.show-modal-background{animation:fadeInBackground .3s ease-in-out}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}.show-modal{animation:fadeInModal .3s ease-in-out}@keyframes fadeInModal{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.hide-modal-background{animation:fadeOutBackground .2s ease-in-out}@keyframes fadeOutBackground{0%{opacity:1}to{opacity:0}}.hide-modal{animation:fadeOutModal .2s ease-in-out}@keyframes fadeOutModal{0%{opacity:1;scale:1}to{opacity:0;scale:.95}}.modal-camera-content{overflow:hidden;text-align:center;border:unset;height:100%;background-color:#2a2a2a;display:flex;justify-content:center}.camera-modal-canvas{max-width:100%;max-height:100%;margin-top:auto;margin-bottom:auto}.modal-svg-submit-button{background-color:green}.modal-svg-submit-button:hover{background-color:#007500}.modal-svg-submit-button:active{background-color:#006500}.modal-svg-submit-disabled{pointer-events:none;background-color:#747474}.modal-svg-close-button{height:1.56em;padding-top:.37em;padding-bottom:0;background-color:#c13e3e}.modal-svg-close-button:hover{background-color:#b43434}.modal-svg-close-button:active{background-color:#972929}.modal-svg-close-icon{width:80%;height:80%}.modal-svg-camera-button{height:1.6em;padding-top:.38em;padding-bottom:0}.modal-svg-camera-icon{height:76%}.modal-svg-refresh-icon{height:105%}.modal-svg-refresh-button{height:1.66em;padding-top:.11em;padding-bottom:.21em}.input-button-container{position:relative;z-index:1}.inside-right{position:absolute;right:calc(10% + .35em);bottom:.85em}.inside-left{position:absolute;left:calc(10% + .35em);bottom:.85em}.outside-left{position:absolute;right:calc(11px - .55em);bottom:.88em}.outside-right{position:absolute;left:calc(11px - .55em);bottom:.88em}#upload-images-icon{position:absolute;pointer-events:none;width:1.45em;height:1.45em;left:.11em;bottom:.08em;filter:brightness(0) saturate(100%) invert(43%) sepia(0%) saturate(740%) hue-rotate(77deg) brightness(99%) contrast(92%)}#upload-gifs-icon{position:absolute;pointer-events:none;width:1.5em;height:1.48em;left:.07em;bottom:.08em;filter:brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(2586%) hue-rotate(12deg) brightness(93%) contrast(90%)}#upload-audio-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.17em;bottom:.2em;filter:brightness(0) saturate(100%) invert(15%) sepia(0%) saturate(337%) hue-rotate(125deg) brightness(91%) contrast(94%);transform:scaleX(.95)}#camera-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.23em;bottom:.2em;filter:brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(161%) hue-rotate(164deg) brightness(91%) contrast(92%);transform:scaleX(.95)}#upload-mixed-files-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.25em;bottom:.2em;filter:brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(36%) hue-rotate(74deg) brightness(98%) contrast(93%);transform:scaleX(.95)}#interim-text{color:gray}#microphone-button{padding-top:.5px}.outer-button-container>#microphone-button{padding-bottom:1px}#microphone-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.25em;bottom:.25em}.default-microphone-icon{filter:brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(924%) hue-rotate(46deg) brightness(95%) contrast(99%)}.active-microphone-icon{filter:brightness(0) saturate(100%) invert(10%) sepia(97%) saturate(7495%) hue-rotate(0deg) brightness(101%) contrast(107%);border-radius:10px}.command-microphone-icon{filter:brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1067%) hue-rotate(77deg) brightness(99%) contrast(102%)}.unsupported-microphone{display:none}#submit-icon{height:100%;filter:brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(924%) hue-rotate(46deg) brightness(95%) contrast(99%);width:1.21em}#stop-icon{background-color:#acacac;position:absolute;width:.95em;height:.95em;left:.35em;bottom:.35em;border-radius:2px}.submit-button-enlarged{scale:1.1;margin-right:.3em;margin-left:.3em}.dots-jumping{position:relative;left:calc(-9990px + .275em);width:.22em;height:.22em;border-radius:5px;background-color:#848484;color:#848484;box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484;animation:dots-jumping 1.5s infinite linear;bottom:-.7em}@keyframes dots-jumping{0%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}16.667%{box-shadow:9990px -6px #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}33.333%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}50%{box-shadow:9990px 0 #848484,calc(9990px + .44em) -6px 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}66.667%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}83.333%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) -6px 0 0 #848484}to{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}}.dots-flashing{position:relative;width:.45em;height:.45em;border-radius:5px;background-color:var(--message-dots-color);color:var(--message-dots-color);animation:dots-flashing 1s infinite linear alternate;animation-delay:.5s}.dots-flashing:before,.dots-flashing:after{content:\"\";display:inline-block;position:absolute;top:0}.dots-flashing:before{left:-.7em;width:.45em;height:.45em;border-radius:5px;background-color:var(--message-dots-color);color:var(--message-dots-color);animation:dots-flashing 1s infinite alternate;animation-delay:0s}.dots-flashing:after{left:.7em;width:.45em;height:.45em;border-radius:5px;background-color:var(--message-dots-color);color:var(--message-dots-color);animation:dots-flashing 1s infinite alternate;animation-delay:1s}@keyframes dots-flashing{0%{background-color:var(--message-dots-color)}50%,to{background-color:var(--message-dots-color-fade)}}.input-button{border-radius:4px;cursor:pointer;margin-bottom:.2em;-webkit-user-select:none;user-select:none}.input-button-svg{width:1.65em;height:1.65em}.input-button:hover{background-color:#9c9c9c2e}.input-button:active{background-color:#9c9c9c5e}.loading-button{background-color:#fff;cursor:auto}.loading-button:hover,.loading-button:active{background-color:#fff}.text-button{filter:unset!important;display:flex;justify-content:center;align-items:center;margin-left:4px;margin-right:4px;height:1.6em}#text-input-container{background-color:#fff;width:80%;display:flex;border:1px solid #0000001a;border-radius:5px;margin-top:.8em;margin-bottom:.8em;box-shadow:#959da533 0 1px 12px;overflow-y:auto;max-height:200px;position:relative}.text-input-container-left-adjustment{margin-left:1.5em}.text-input-container-right-adjustment{margin-right:1.5em}.text-input-container-left-small-adjustment{margin-left:1.1em}.text-input-container-left-small-adjustment>.outside-left{right:calc(14px - .55em)}.text-input-container-right-small-adjustment{margin-right:1.1em}.text-input-container-right-small-adjustment>.outside-right{left:calc(14px - .55em)}#text-input{text-align:left;outline:none;word-wrap:break-word;line-break:auto}.text-input-styling{padding:.4em .5em;overflow:overlay;width:100%}.text-input-inner-left-adjustment{padding-left:2.2em}.text-input-inner-right-adjustment{padding-right:2em}.text-input-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.text-input-placeholder{color:gray}.outside-right>#dropup-menu,.inside-right>#dropup-menu{right:0}#dropup-icon{position:absolute;pointer-events:none;width:1.16em;height:1.2em;left:.265em;bottom:.43em;filter:brightness(0) saturate(100%) invert(54%) sepia(0%) saturate(724%) hue-rotate(6deg) brightness(92%) contrast(90%)}#dropup-menu{background-color:#fff;position:absolute;transform:translateY(-100%);border-radius:5px;z-index:1;top:-.49em;box-shadow:#0003 -1px 2px 10px,#0000001a 0 2px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.dropup-menu-item{height:1.4em;padding:.28em .84em .28em .35em;display:flex;position:relative}.dropup-menu-item:first-child{padding-top:.49em;border-top-left-radius:inherit;border-top-right-radius:inherit}.dropup-menu-item:last-child{padding-bottom:.45em;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dropup-menu-item-icon{width:1.39em;position:relative;margin-right:.56em}.dropup-menu-item-icon>svg{bottom:0!important;top:0!important;margin-bottom:auto;margin-top:auto}.dropup-menu-item-text{margin-top:.08em;width:max-content}#input{width:100%;display:inline-flex;text-align:center;margin-left:auto;margin-right:auto;margin-top:auto;position:relative;justify-content:center}#chat-view{height:100%;display:grid;grid-template-columns:100%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:5px}::-webkit-scrollbar-track{background-color:#f2f2f2}:host{all:initial;display:table-cell}#container{height:100%}\n";
+var style = "#validate-property-key-view{height:100%;position:relative;display:flex;justify-content:center;align-items:center;padding:8px}#large-loading-ring{display:inline-block;width:50px;height:50px}#large-loading-ring:after{content:\" \";display:block;width:38px;height:38px;margin:1px;border-radius:50%;border:5px solid #5fb2ff;border-color:#5fb2ff transparent #5fb2ff transparent;animation:large-loading-ring 1.4s linear infinite}@keyframes large-loading-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#insert-key-view{height:100%;position:relative}#insert-key-contents{text-align:center;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:82%;display:flex;max-width:700px}#insert-key-title{margin-bottom:15px}#insert-key-input-container{margin-right:2.7em;width:calc(100% - 80px)}#insert-key-input{padding:.3em 1.7em .3em .3em;border-width:1px;border-style:solid;border-radius:3px;width:100%;font-size:inherit}.insert-key-input-valid{border-color:gray}.insert-key-input-invalid{border-color:red}#visibility-icon-container{position:relative;float:right;cursor:pointer;-webkit-user-select:none;user-select:none}.visibility-icon{filter:brightness(0) saturate(100%) invert(63%) sepia(1%) saturate(9%) hue-rotate(43deg) brightness(98%) contrast(92%);position:absolute;right:-1.7em;top:-1.43em}#visible-icon{top:-1.4em}.visibility-icon:hover{filter:unset}.visibility-icon>*{pointer-events:none}#start-button{border:1px solid grey;color:#454545;border-radius:4px;width:3em;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.28em .3em;-webkit-user-select:none;user-select:none;background-color:#fff}#start-button:hover{background-color:#f2f2f2}#start-button:active{background-color:#d2d2d2}#insert-key-help-text-container{width:100%;position:absolute;margin-top:32px;margin-bottom:20px}#insert-key-help-text-contents{width:100%;position:absolute}#insert-key-input-invalid-text{display:block;margin-top:1em;margin-bottom:.5em;color:red}.insert-key-input-help-text{display:block;margin-top:16px}#loading-ring{display:inline-block;width:16px;height:16px}#loading-ring:after{content:\" \";display:block;width:11px;height:11px;margin:1px;border-radius:50%;border:2px solid #0084ff;border-color:#0084ff transparent #0084ff transparent;animation:loading-ring 1.2s linear infinite}@keyframes loading-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#error-view{color:red;font-size:1.2em;line-height:1.3em;margin-top:-5px;text-align:center;height:100%;display:flex;justify-content:center;align-items:center;padding-left:8px;padding-right:8px}.intro-panel{position:absolute;display:flex;justify-content:center;right:0;bottom:0;left:0;margin:auto;height:fit-content;top:-2.5em}#internal-intro-panel{width:250px;height:min-content;display:block;border-radius:5px;overflow:auto;border:1px solid rgb(203,203,203);padding:10px;max-height:calc(100% - 6.8em)}#internal-intro-panel>p{margin-block-start:.8em;margin-block-end:.8em}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!\n  Theme: a11y-dark\n  Author: @ericwbailey\n  Maintainer: @ericwbailey\n\n  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css\n*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}#messages{overflow:auto}.outer-message-container:last-child{margin-bottom:5px}.inner-message-container{display:flex;width:90%;margin-left:auto;margin-right:auto;max-width:100%}.message-bubble{margin-top:10px;word-wrap:break-word;width:fit-content;max-width:60%;border-radius:10px;padding:.42em .55em;height:fit-content}.user-message-text{color:#fff;background-color:#0084ff;margin-right:0;margin-left:auto}.ai-message-text{color:#000;background-color:#e4e6eb;margin-left:0;margin-right:auto}.html-message{max-width:unset}.error-message-text{margin:14px auto 10px;background-color:#f4c0c0;color:#474747;text-align:center;max-width:95%}.loading-message-text{width:1em;padding:.6em .75em .6em 1.3em}.message-bubble>p{line-height:1.26em}.message-bubble>p:first-child{margin-top:0}.message-bubble>p:last-child{margin-bottom:0}pre{overflow:auto;display:block;word-break:break-all;word-wrap:break-word;border-radius:7px;background:#2b2b2b;color:#f8f8f2;margin-top:.8em;margin-bottom:.8em;padding:.6em;font-size:.9em;line-height:1.5em}.image-message{padding:0;display:flex;background-color:#ddd}.image-message>*,.image-message>*>*{width:100%;border-radius:8px;display:flex}.audio-message{width:60%;max-width:300px;height:2.2em;max-height:54px;padding:0;background-color:unset}.audio-player{width:100%;height:100%}.audio-player-safari{height:fit-content;width:40px}.audio-player-safari-left{float:left}.audio-player-safari-right{float:right}.any-file-message-bubble{padding:1px}.any-file-message-contents{display:flex}.any-file-message-icon-container{width:1.3em;min-width:1.3em;position:relative;border-radius:4px;margin-left:6px;margin-right:2px}.any-file-message-icon{background-color:#fff;border-radius:4px;position:absolute;width:1em;height:1.25em;padding:1px;margin-top:auto;margin-bottom:auto;top:0;bottom:0}.any-file-message-text{padding-top:5px;overflow-wrap:anywhere;padding-bottom:5px;padding-right:7px}.message-bubble>a{color:inherit}.left-item-position{margin-right:10px}.right-item-position{margin-left:10px}.avatar{padding-top:5px;width:1.5em;height:1.5em;border-radius:1px}.avatar-container{margin-top:9px}.name{margin-top:16px;font-size:15px}#drag-and-drop{position:absolute;display:none;z-index:10;height:calc(100% - 10px);width:calc(100% - 10px);background-color:#70c6ff4d;border:5px dashed #6dafff}#file-attachment-container{position:absolute;height:3.6em;width:calc(80% - 4px);top:-2.5em;border-radius:5px;overflow:auto;text-align:left;background-color:#d7d7d73b;padding-left:4px}.file-attachment{width:2.85em;height:2.85em;display:inline-flex;margin-right:.6em;margin-bottom:.44em;margin-top:4px;position:relative;background-color:#fff;border-radius:5px}.image-attachment{width:100%;height:100%;object-fit:cover;border-radius:5px}.border-bound-attachment{width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #c3c3c3;border-radius:5px;overflow:hidden}.border-bound-attachment-safari{width:calc(100% - 1px);height:calc(100% - 1px)}.audio-attachment-icon-container{cursor:pointer}.audio-attachment-icon-container:hover{background-color:#f8f8f8}.attachment-icon{left:0;right:0;bottom:0;top:2px;margin:auto;position:absolute;width:25px;-webkit-user-select:none;user-select:none}.not-removable-attachment-icon{top:0;right:0;bottom:0;left:0}.play-icon{filter:brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(1392%) hue-rotate(67deg) brightness(98%) contrast(97%)}.stop-icon{filter:brightness(0) saturate(100%) invert(29%) sepia(90%) saturate(1228%) hue-rotate(198deg) brightness(93%) contrast(98%)}.audio-placeholder-text-3-digits{padding-left:.26rem}.audio-placeholder-text-4-digits{padding-left:.1rem}.any-file-attachment{padding:2px 0}.file-attachment-text-container{position:absolute;width:inherit;display:flex;align-items:center;height:100%;top:-1px}.audio-placeholder-text-3-digits-container{padding-top:1px;cursor:default}.any-file-attachment-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:.13em;margin-left:auto;margin-right:auto}.remove-file-attachment-button{height:1.25em;width:1.25em;border:1px solid #cfcfcf;border-radius:25px;background-color:#fff;top:-4px;right:-5px;position:absolute;display:flex;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.remove-file-attachment-button:hover{background-color:#e4e4e4}.remove-file-attachment-button:active{background-color:#d7d7d7}.x-icon{color:#4e4e4e;top:-.075em;position:relative;font-size:1.05em}.modal{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:80%;max-width:420px;max-height:80%;margin:auto;top:0;right:0;bottom:0;left:0;z-index:2}.modal-content{border-top:1px solid rgb(217,217,217);border-left:1px solid rgb(217,217,217);border-right:1px solid rgb(217,217,217);border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:#fff;overflow-y:auto;height:fit-content;max-height:calc(100% - 3.3em);width:100%}.modal-content>p{margin-left:1em;margin-right:1em}.modal-content>ul{margin-right:1em}.modal-button-panel{height:3.3em;border:1px solid;border-color:rgb(223,223,223) rgb(217,217,217) rgb(217,217,217);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background-color:#fff;text-align:center;justify-content:center;display:flex;width:100%}.modal-button{min-width:2.5em;text-align:center;color:#fff;border-radius:5px;padding:.4em .4em .3em;height:1.25em;background-color:#3279b2;top:0;bottom:0;cursor:pointer;-webkit-user-select:none;user-select:none;margin:auto .31em}.modal-button:hover{background-color:#276da7}.modal-button:active{background-color:#1b5687}.modal-svg-button{padding:0 0 2px;width:2em;height:1.8em}.modal-svg-button-icon{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(4%) hue-rotate(346deg) brightness(101%) contrast(102%)}#modal-background-panel{position:absolute;width:100%;height:100%;background-color:#00000042;z-index:1;display:none}.show-modal-background{animation:fadeInBackground .3s ease-in-out}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}.show-modal{animation:fadeInModal .3s ease-in-out}@keyframes fadeInModal{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.hide-modal-background{animation:fadeOutBackground .2s ease-in-out}@keyframes fadeOutBackground{0%{opacity:1}to{opacity:0}}.hide-modal{animation:fadeOutModal .2s ease-in-out}@keyframes fadeOutModal{0%{opacity:1;scale:1}to{opacity:0;scale:.95}}.modal-camera-content{overflow:hidden;text-align:center;border:unset;height:100%;background-color:#2a2a2a;display:flex;justify-content:center}.camera-modal-canvas{max-width:100%;max-height:100%;margin-top:auto;margin-bottom:auto}.modal-svg-submit-button{background-color:green}.modal-svg-submit-button:hover{background-color:#007500}.modal-svg-submit-button:active{background-color:#006500}.modal-svg-submit-disabled{pointer-events:none;background-color:#747474}.modal-svg-close-button{height:1.56em;padding-top:.37em;padding-bottom:0;background-color:#c13e3e}.modal-svg-close-button:hover{background-color:#b43434}.modal-svg-close-button:active{background-color:#972929}.modal-svg-close-icon{width:80%;height:80%}.modal-svg-camera-button{height:1.6em;padding-top:.38em;padding-bottom:0}.modal-svg-camera-icon{height:76%}.modal-svg-refresh-icon{height:105%}.modal-svg-refresh-button{height:1.66em;padding-top:.11em;padding-bottom:.21em}.input-button-container{position:relative;z-index:1}.inside-right{position:absolute;right:calc(10% + .35em);bottom:.85em}.inside-left{position:absolute;left:calc(10% + .35em);bottom:.85em}.outside-left{position:absolute;right:calc(11px - .55em);bottom:.88em}.outside-right{position:absolute;left:calc(11px - .55em);bottom:.88em}#upload-images-icon{position:absolute;pointer-events:none;width:1.45em;height:1.45em;left:.11em;bottom:.08em;filter:brightness(0) saturate(100%) invert(43%) sepia(0%) saturate(740%) hue-rotate(77deg) brightness(99%) contrast(92%)}#upload-gifs-icon{position:absolute;pointer-events:none;width:1.5em;height:1.48em;left:.07em;bottom:.08em;filter:brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(2586%) hue-rotate(12deg) brightness(93%) contrast(90%)}#upload-audio-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.17em;bottom:.2em;filter:brightness(0) saturate(100%) invert(15%) sepia(0%) saturate(337%) hue-rotate(125deg) brightness(91%) contrast(94%);transform:scaleX(.95)}#camera-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.23em;bottom:.2em;filter:brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(161%) hue-rotate(164deg) brightness(91%) contrast(92%);transform:scaleX(.95)}#upload-mixed-files-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.25em;bottom:.2em;filter:brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(36%) hue-rotate(74deg) brightness(98%) contrast(93%);transform:scaleX(.95)}#interim-text{color:gray}#microphone-button{padding-top:.5px}.outer-button-container>#microphone-button{padding-bottom:1px}#microphone-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.25em;bottom:.25em}.default-microphone-icon{filter:brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(924%) hue-rotate(46deg) brightness(95%) contrast(99%)}.active-microphone-icon{filter:brightness(0) saturate(100%) invert(10%) sepia(97%) saturate(7495%) hue-rotate(0deg) brightness(101%) contrast(107%);border-radius:10px}.command-microphone-icon{filter:brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1067%) hue-rotate(77deg) brightness(99%) contrast(102%)}.unsupported-microphone{display:none}#submit-icon{height:100%;filter:brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(924%) hue-rotate(46deg) brightness(95%) contrast(99%);width:1.21em}#stop-icon{background-color:#acacac;position:absolute;width:.95em;height:.95em;left:.35em;bottom:.35em;border-radius:2px}.submit-button-enlarged{scale:1.1;margin-right:.3em;margin-left:.3em}.dots-jumping{position:relative;left:calc(-9990px + .275em);width:.22em;height:.22em;border-radius:5px;background-color:#848484;color:#848484;box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484;animation:dots-jumping 1.5s infinite linear;bottom:-.7em}@keyframes dots-jumping{0%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}16.667%{box-shadow:9990px -6px #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}33.333%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}50%{box-shadow:9990px 0 #848484,calc(9990px + .44em) -6px 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}66.667%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}83.333%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) -6px 0 0 #848484}to{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}}.dots-flashing{position:relative;width:.45em;height:.45em;border-radius:5px;background-color:var(--message-dots-color);color:var(--message-dots-color);animation:dots-flashing 1s infinite linear alternate;animation-delay:.5s}.dots-flashing:before,.dots-flashing:after{content:\"\";display:inline-block;position:absolute;top:0}.dots-flashing:before{left:-.7em;width:.45em;height:.45em;border-radius:5px;background-color:var(--message-dots-color);color:var(--message-dots-color);animation:dots-flashing 1s infinite alternate;animation-delay:0s}.dots-flashing:after{left:.7em;width:.45em;height:.45em;border-radius:5px;background-color:var(--message-dots-color);color:var(--message-dots-color);animation:dots-flashing 1s infinite alternate;animation-delay:1s}@keyframes dots-flashing{0%{background-color:var(--message-dots-color)}50%,to{background-color:var(--message-dots-color-fade)}}.input-button{border-radius:4px;cursor:pointer;margin-bottom:.2em;-webkit-user-select:none;user-select:none}.input-button-svg{width:1.65em;height:1.65em}.input-button:hover{background-color:#9c9c9c2e}.input-button:active{background-color:#9c9c9c5e}.loading-button{background-color:#fff;cursor:auto}.loading-button:hover,.loading-button:active{background-color:#fff}.text-button{filter:unset!important;display:flex;justify-content:center;align-items:center;margin-left:4px;margin-right:4px;height:1.6em}#text-input-container{background-color:#fff;width:80%;display:flex;border:1px solid #0000001a;border-radius:5px;margin-top:.8em;margin-bottom:.8em;box-shadow:#959da533 0 1px 12px;overflow-y:auto;max-height:200px;position:relative}.text-input-container-left-adjustment{margin-left:1.5em}.text-input-container-right-adjustment{margin-right:1.5em}.text-input-container-left-small-adjustment{margin-left:1.1em}.text-input-container-left-small-adjustment>.outside-left{right:calc(14px - .55em)}.text-input-container-right-small-adjustment{margin-right:1.1em}.text-input-container-right-small-adjustment>.outside-right{left:calc(14px - .55em)}#text-input{text-align:left;outline:none;word-wrap:break-word;line-break:auto}.text-input-styling{padding:.4em .5em;overflow:overlay;width:100%}.text-input-inner-left-adjustment{padding-left:2.2em}.text-input-inner-right-adjustment{padding-right:2em}.text-input-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.text-input-placeholder{color:gray}.outside-right>#dropup-menu,.inside-right>#dropup-menu{right:0}#dropup-icon{position:absolute;pointer-events:none;width:1.16em;height:1.2em;left:.265em;bottom:.43em;filter:brightness(0) saturate(100%) invert(54%) sepia(0%) saturate(724%) hue-rotate(6deg) brightness(92%) contrast(90%)}#dropup-menu{background-color:#fff;position:absolute;transform:translateY(-100%);border-radius:5px;z-index:1;top:-.49em;box-shadow:#0003 -1px 2px 10px,#0000001a 0 2px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.dropup-menu-item{height:1.4em;padding:.28em .84em .28em .35em;display:flex;position:relative}.dropup-menu-item:first-child{padding-top:.49em;border-top-left-radius:inherit;border-top-right-radius:inherit}.dropup-menu-item:last-child{padding-bottom:.45em;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dropup-menu-item-icon{width:1.39em;position:relative;margin-right:.56em}.dropup-menu-item-icon>svg{bottom:0!important;top:0!important;margin-bottom:auto;margin-top:auto}.dropup-menu-item-text{margin-top:.08em;width:max-content}#input{width:100%;display:inline-flex;text-align:center;margin-left:auto;margin-right:auto;margin-top:auto;position:relative;justify-content:center}#chat-view{height:100%;display:grid;grid-template-columns:100%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:5px}::-webkit-scrollbar-track{background-color:#f2f2f2}:host{all:initial;display:table-cell}#container{height:inherit;overflow:hidden}\n";
 var __defProp = Object.defineProperty,
   __getOwnPropDesc = Object.getOwnPropertyDescriptor,
   __decorateClass = function __decorateClass(r, e, t, n) {
     for (var s = n > 1 ? void 0 : n ? __getOwnPropDesc(e, t) : e, o = r.length - 1, a; o >= 0; o--) (a = r[o]) && (s = (n ? a(e, t, s) : a(s)) || s);
     return n && s && __defProp(e, t, s), s;
   };
-var _DeepChat = /*#__PURE__*/function (_InternalHTML2) {
-  _inherits(Y, _InternalHTML2);
-  var _super45 = _createSuper(Y);
+var DeepChat = /*#__PURE__*/function (_InternalHTML2) {
+  _inherits(DeepChat, _InternalHTML2);
+  var _super45 = _createSuper(DeepChat);
   // TO-DO - key view style
-  function Y() {
-    var _this60;
-    _classCallCheck(this, Y);
-    _this60 = _super45.call(this), _this60.getMessages = function () {
+  function DeepChat() {
+    var _this58;
+    _classCallCheck(this, DeepChat);
+    _this58 = _super45.call(this), _this58.getMessages = function () {
       return [];
-    }, _this60.submitUserMessage = function () {
+    }, _this58.submitUserMessage = function () {
       return console.warn("submitUserMessage failed - please wait for chat view to render before calling this property.");
-    }, _this60.focusInput = function () {
-      FocusUtils.focusFromParentElement(_this60._elementRef);
-    }, _this60.refreshMessages = function () {}, _this60.clearMessages = function () {}, _this60.scrollToBottom = function () {}, _this60.onNewMessage = function () {}, _this60.onClearMessages = function () {}, _this60.onComponentRender = function () {}, _this60._hasBeenRendered = !1, _this60._auxiliaryStyleApplied = !1, GoogleFont.appendStyleSheetToHead(), _this60._elementRef = document.createElement("div"), _this60._elementRef.id = "container", _this60.attachShadow({
+    }, _this58.focusInput = function () {
+      return FocusUtils.focusFromParentElement(_this58._elementRef);
+    }, _this58.refreshMessages = function () {}, _this58.clearMessages = function () {}, _this58.scrollToBottom = function () {}, _this58.onNewMessage = function () {}, _this58.onClearMessages = function () {}, _this58.onComponentRender = function () {}, _this58._hasBeenRendered = !1, _this58._auxiliaryStyleApplied = !1, GoogleFont.appendStyleSheetToHead(), _this58._elementRef = document.createElement("div"), _this58._elementRef.id = "container", _this58.attachShadow({
       mode: "open"
-    }).appendChild(_this60._elementRef), WebComponentStyleUtils.apply(style, _this60.shadowRoot), setTimeout(function () {
-      _this60._hasBeenRendered || _this60.onRender();
+    }).appendChild(_this58._elementRef), WebComponentStyleUtils.apply(style, _this58.shadowRoot), setTimeout(function () {
+      _this58._hasBeenRendered || _this58.onRender();
     }, 20);
-    return _this60;
+    return _this58;
   }
-  _createClass(Y, [{
+  _createClass(DeepChat, [{
     key: "changeToChatView",
     value: function changeToChatView() {
       this._activeService && (this._activeService.validateConfigKey = !1), this.onRender();
     }
+    // prettier-ignore
   }, {
     key: "onRender",
-    value:
-    // prettier-ignore
-    function onRender() {
+    value: function onRender() {
       var _this$_activeService, _this$_childElement;
-      if ((_this$_activeService = this._activeService) !== null && _this$_activeService !== void 0 ? _this$_activeService : this._activeService = ServiceIOFactory.create(this), !this._activeService) return;
-      this.auxiliaryStyle && !this._auxiliaryStyleApplied && (WebComponentStyleUtils.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0);
-      var e = {
-        height: "350px",
-        width: "320px",
-        border: "1px solid #cacaca",
-        fontFamily: "'Inter', sans-serif, Avenir, Helvetica, Arial",
-        fontSize: "0.9rem",
-        backgroundColor: "white",
-        position: "relative",
-        overflow: "hidden"
-      };
-      Y.customAssign(this.style, e), this._activeService.key && this._activeService.validateConfigKey ? ValidateKeyPropertyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof DirectServiceIO) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], ChatView.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof DirectServiceIO && InsertKeyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, FireEvents.onRender(this);
-    }
-  }], [{
-    key: "customAssign",
-    value: function customAssign(e, t) {
-      for (var n in t) e[n] === "" && (e[n] = t[n]);
+      (_this$_activeService = this._activeService) !== null && _this$_activeService !== void 0 ? _this$_activeService : this._activeService = ServiceIOFactory.create(this), this._activeService && (this.auxiliaryStyle && !this._auxiliaryStyleApplied && (WebComponentStyleUtils.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), WebComponentStyleUtils.applyDefaultStyleToComponent(this.style), Legacy.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateConfigKey ? ValidateKeyPropertyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof DirectServiceIO) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], ChatView.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof DirectServiceIO && InsertKeyView.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, FireEvents.onRender(this));
     }
   }]);
-  return Y;
+  return DeepChat;
 }(InternalHTML);
-__decorateClass([Property("object")], _DeepChat.prototype, "directConnection", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "request", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "stream", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "requestBodyLimits", 2);
-__decorateClass([Property("function")], _DeepChat.prototype, "requestInterceptor", 2);
-__decorateClass([Property("function")], _DeepChat.prototype, "responseInterceptor", 2);
-__decorateClass([Property("function")], _DeepChat.prototype, "validateMessageBeforeSending", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "attachmentContainerStyle", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "dropupStyles", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "inputAreaStyle", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "textInput", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "submitButtonStyles", 2);
-__decorateClass([Property("string")], _DeepChat.prototype, "auxiliaryStyle", 2);
-__decorateClass([Property("array")], _DeepChat.prototype, "initialMessages", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "introMessage", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "avatars", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "names", 2);
-__decorateClass([Property("boolean")], _DeepChat.prototype, "displayLoadingBubble", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "errorMessages", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "messageStyles", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "textToSpeech", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "speechToText", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "images", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "gifs", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "camera", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "audio", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "microphone", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "mixedFiles", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "dragAndDrop", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "introPanelStyle", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "htmlClassUtilities", 2);
-__decorateClass([Property("function")], _DeepChat.prototype, "onNewMessage", 2);
-__decorateClass([Property("function")], _DeepChat.prototype, "onClearMessages", 2);
-__decorateClass([Property("function")], _DeepChat.prototype, "onComponentRender", 2);
-__decorateClass([Property("object")], _DeepChat.prototype, "demo", 2);
-var DeepChat = _DeepChat;
+__decorateClass([Property("object")], DeepChat.prototype, "directConnection", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "request", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "stream", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "requestBodyLimits", 2);
+__decorateClass([Property("function")], DeepChat.prototype, "requestInterceptor", 2);
+__decorateClass([Property("function")], DeepChat.prototype, "responseInterceptor", 2);
+__decorateClass([Property("function")], DeepChat.prototype, "validateMessageBeforeSending", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "attachmentContainerStyle", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "dropupStyles", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "inputAreaStyle", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "textInput", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "submitButtonStyles", 2);
+__decorateClass([Property("string")], DeepChat.prototype, "auxiliaryStyle", 2);
+__decorateClass([Property("array")], DeepChat.prototype, "initialMessages", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "introMessage", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "avatars", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "names", 2);
+__decorateClass([Property("boolean")], DeepChat.prototype, "displayLoadingBubble", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "errorMessages", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "messageStyles", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "textToSpeech", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "speechToText", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "images", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "gifs", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "camera", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "audio", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "microphone", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "mixedFiles", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "dragAndDrop", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "introPanelStyle", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "htmlClassUtilities", 2);
+__decorateClass([Property("function")], DeepChat.prototype, "onNewMessage", 2);
+__decorateClass([Property("function")], DeepChat.prototype, "onClearMessages", 2);
+__decorateClass([Property("function")], DeepChat.prototype, "onComponentRender", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "demo", 2);
 customElements.define("deep-chat", DeepChat);
 export { DeepChat };