deep-chat-dev 9.0.198 → 9.0.200

package/dist/deepChat.js

@@ -9,6 +9,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
@@ -490,11 +494,11 @@ var Ri = /*#__PURE__*/function () {
 }();
 Ri.LOAD_VOICES_MS = 200;
 var bt = Ri;
-var ae = /*#__PURE__*/function () {
-  function ae() {
-    _classCallCheck(this, ae);
+var le = /*#__PURE__*/function () {
+  function le() {
+    _classCallCheck(this, le);
   }
-  return _createClass(ae, null, [{
+  return _createClass(le, null, [{
     key: "checkForContainerStyles",
     value: function checkForContainerStyles(e, t) {
       var i = e.containerStyle;
@@ -605,7 +609,7 @@ var ft = /*#__PURE__*/function () {
   }]);
 }();
 ft.BUBBLE_CLASS = "deep-chat-loading-message-bubble", ft.DOTS_CONTAINER_CLASS = "deep-chat-loading-message-dots-container";
-var ke = ft;
+var Me = ft;
 var Ln = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3csvg%20fill='%23000000'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2032%2032'%20xml:space='preserve'%3e%3cpath%20d='M23,30.36H9c-2.404,0-4.36-1.956-4.36-4.36V15c0-2.404,1.956-4.36,4.36-4.36h3.659%20c0.167-1.566,1.415-2.813,2.981-2.981V5.333c-1.131-0.174-2-1.154-2-2.333c0-1.301,1.059-2.36,2.36-2.36%20c1.302,0,2.36,1.059,2.36,2.36c0,1.179-0.869,2.159-2,2.333V7.66c1.566,0.167,2.814,1.415,2.981,2.981H23%20c2.404,0,4.36,1.956,4.36,4.36v11C27.36,28.404,25.404,30.36,23,30.36z%20M9,11.36c-2.007,0-3.64,1.633-3.64,3.64v11%20c0,2.007,1.633,3.64,3.64,3.64h14c2.007,0,3.64-1.633,3.64-3.64V15c0-2.007-1.633-3.64-3.64-3.64H9z%20M13.384,10.64h5.231%20C18.439,9.354,17.334,8.36,16,8.36C14.667,8.36,13.561,9.354,13.384,10.64z%20M16,1.36c-0.904,0-1.64,0.736-1.64,1.64%20S15.096,4.64,16,4.64c0.904,0,1.64-0.736,1.64-1.64S16.904,1.36,16,1.36z%20M20,27.36h-8c-1.301,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36h8c1.302,0,2.36,1.059,2.36,2.36S21.302,27.36,20,27.36z%20M12,23.36c-0.904,0-1.64,0.735-1.64,1.64%20s0.736,1.64,1.64,1.64h8c0.904,0,1.64-0.735,1.64-1.64s-0.735-1.64-1.64-1.64H12z%20M31,23.86h-2c-0.199,0-0.36-0.161-0.36-0.36V15%20c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5C31.36,23.699,31.199,23.86,31,23.86z%20M29.36,23.14h1.279v-7.78%20H29.36V23.14z%20M3,23.86H1c-0.199,0-0.36-0.161-0.36-0.36V15c0-0.199,0.161-0.36,0.36-0.36h2c0.199,0,0.36,0.161,0.36,0.36v8.5%20C3.36,23.699,3.199,23.86,3,23.86z%20M1.36,23.14h1.28v-7.78H1.36V23.14z%20M20,20.36c-1.302,0-2.36-1.059-2.36-2.36%20s1.059-2.36,2.36-2.36s2.36,1.059,2.36,2.36C22.36,19.302,21.302,20.36,20,20.36z%20M20,16.36c-0.904,0-1.64,0.736-1.64,1.64%20s0.735,1.64,1.64,1.64s1.64-0.735,1.64-1.64S20.904,16.36,20,16.36z%20M12,20.36c-1.301,0-2.36-1.059-2.36-2.36s1.059-2.36,2.36-2.36%20s2.36,1.059,2.36,2.36C14.36,19.302,13.301,20.36,12,20.36z%20M12,16.36c-0.904,0-1.64,0.736-1.64,1.64s0.736,1.64,1.64,1.64%20s1.64-0.735,1.64-1.64S12.904,16.36,12,16.36z'/%3e%3crect%20style='fill:none;'%20width='32'%20height='32'/%3e%3c/svg%3e",
   Pn = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD6CAMAAAC/MqoPAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAADNQTFRF////9vX18vLy/Pz86enp4+Li2tnZ1tbWzczM+fn57Ozs4N/f09LS0M/P5uXl7+/v3dzcwtncCAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAZNSURBVHja7d3bdtsqEABQYABZSLH9/3+ZpnUsIcF5iOM6PfElNoMHMfPQdq3GmL0GkLhEUqLaUExnOtOZznSmM53pTGc605nOdKYznelMZzrTmV4LXSqllKyJDkob26xWq8Zae/iH0QoWTm9d1xur4WuypQJtTd+5dqn0VjcxzNO5/57mEBvdLo8Oron6aseWOjYOFkVvjQs3DmgyONMuht52EfztP+4hdu0i6LCO808/M8c1lE/fuPGej41uUzgdtoO/75N+2ELJ9I3b3//hPXbiMenm3pR/Jt4USgcLBIp4Bh10gqKVhvLo0klCxeSky96nKcj3siw6pJIL4XsoiQ7apyvMY/V3HHrSRioLopvEhSpTCn2TPEuwKYMOIX0tAxRBf/Hpa+lfSqBv9gi1FPsNfTrMAiVmIE/vJhz61FGnQxRIEYE4vfNYdN8Rp6MlHaHotHTn8ejekaZPAjEmyvQWdZFTtYTpXqCGJ0zvcek9Yfoel76nS0ffv1NMp1ca+pkgyfRCGind4L7OWWc605l+cxjsyhqy9AGbPpClc1/nvl5VX0c/3Alk6RU3+Am7shNZ+h6bvidLr7jBB+zKBrL0irOOudmIUDzTmf5gIP+iEuXtRuTVaEmY/oZLfyNMrzjryPc0gerMTdpVg0tvjJUU6bLPcGOoUv46SLL6Wi8yhLf06C7TUyekI0efRaaYqdFltkeNpPumRPSMDxgBYvSM035FrKAmH72hRW99PrpvSdEHkTEGUvSsK3yKVDkuJ92RohcZaehzzirPpOg+J92Tolfc4Cumx5xVXpGiZ34+ICX6W84qv5GiR5NPbiIpOv6BCoSvSkTX+eiaGP092zINvBOj4x8mSf9FqejvNo/cvpOji19ZbmviL0GPLsYMFzgzCor0+Bv/ePDvSJKOb9dJ5UlnbnEHiHgzv6cdTpJOWuc/u3FEucLDOL75xGtBiefrcwgoC9NDSH/jkH6pAuXmBqPQ9HSUPVdZBH1GGOrMXAQdYxcKZfxAoK+KKBKFLosoEoX+u4giUehz8jlcnAuhp78I46yDYNAd+QLR6K+pr+yvxdBTHyVDubQh0UfSxaHSd0lbvNkVRE87JGOtc+PQd2QLQ6fHhJkKsSh6yg13tO08JPprsgrrXWH0dJd2vH1MLPprot4eXoujpzrdhngiD40ek2y92lggPcnWa8qN1Yz0BFuvZhRl0uOfR0v4Ewuli/Bg4Qr3lArqGdndQ3UPO1EunXYwnelMZzrTmc50pjOd6UxnOtOZznSmM53pTGf6kuj6oedFKV0s3fX6sX1S3bsi6a4PD7+/YAqYeBw6pIB/4qEgOqxdSPbGiim4NRRCbzs3Jj0L4UfXtQXQVRfn5IdA/Bw7RZzurEV6EtdsLeGXkIPuA+K1UoVeA0l62zmN/LqfSSft9KkepmoRuvi3nd5uKNFB9zbbXEANqdr941XO0NJx2v2jdJenpf+/3bvn0ts16ph+sd6hX7dPo2+2cZzE02Ia43bzDHqr+2Evnhz74ZHU30ffbKOeng1/NPV30Ns1gYQnSP2P6e65Pfxc6h02XZqXQCjhJ6kPL6bFo4NrGvAU4UII4SE2P1vQuZkuOxckVfehisF1MjUddN/MZBN+kvq5uf0O/xa66gyNS9ktMWlz44rO1Z8C19i5FPdHzPamXn+F3hryPfxMr78+4F+kq22kO6Rf6fUQt+puuustyWv4rbG3l/duztFB96GYoe1cTBdXMr+nw9qVM6ZfxOvzezff0nXi/ZOndvrR6Zvpm0c3h6nhdb+5iS7tsIim/qXZD9+97/Jf+rpZ5BET1ayv0GUzLhEuhBBjIy/RdVPgndutIRt9nt7p5cKFEEJ3Z+jQFDZL+XnMDXxHB73gxn5s9Kc3d3/pFciFkN/QTSXHJpX5l66gDrkQoP6hL3xsPw39la4qOiV8tH78XeSbue6N9mvWa6J/ybpc1CT1Wnh5Qq9meP8IOKH3ddH7E/ri1iYux/SXDrXR4UiPdck/wUpU+FtPf6/orja6O9KL3l56LOvVxe5Ib2qjN0d6Vbex4ghWlU3bPqI90If66MNng680FNpbJijH6kCvaF3uMzQ3+IrpFerV4Y9dffQdN3im10ivbuImhD3Qq5u4HdZkua8znelMZ/pS4z9CPVKkxowNxgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0wMy0yN1QxNTo0NToxNSswMDowMN1xSg4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMDMtMjdUMTU6NDU6MTUrMDA6MDCsLPKyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==",
   Y = /*#__PURE__*/function () {
@@ -643,7 +647,7 @@ var Ln = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e
       value: function createAvatar(e, t) {
         var r, o, a, l, c;
         var i = document.createElement("img");
-        e === b.USER_ROLE ? i.src = ((r = t == null ? void 0 : t.user) == null ? void 0 : r.src) || ((o = t == null ? void 0 : t["default"]) == null ? void 0 : o.src) || Pn : i.src = ((a = t == null ? void 0 : t[e]) == null ? void 0 : a.src) || ((l = t == null ? void 0 : t.ai) == null ? void 0 : l.src) || ((c = t == null ? void 0 : t["default"]) == null ? void 0 : c.src) || Ln, i.classList.add("avatar");
+        e === b.USER_ROLE ? i.src = ((r = t == null ? void 0 : t.user) == null ? void 0 : r.src) || ((o = t == null ? void 0 : t["default"]) == null ? void 0 : o.src) || Pn : i.src = ((a = t == null ? void 0 : t[e]) == null ? void 0 : a.src) || ((l = t == null ? void 0 : t.ai) == null ? void 0 : l.src) || ((c = t == null ? void 0 : t["default"]) == null ? void 0 : c.src) || Ln, i.classList.add("avatar"), i.alt = "".concat(e, " avatar");
         var s = document.createElement("div");
         return s.classList.add(Y.CONTAINER_CLASS), s.appendChild(i), t && Y.applyCustomStyles(s, i, t, e), s;
       }
@@ -667,20 +671,20 @@ var Ln = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e
   }();
 Y.CONTAINER_CLASS = "avatar-container";
 var Mt = Y;
-var pe = /*#__PURE__*/function () {
-  function pe() {
-    _classCallCheck(this, pe);
+var ge = /*#__PURE__*/function () {
+  function ge() {
+    _classCallCheck(this, ge);
   }
-  return _createClass(pe, null, [{
+  return _createClass(ge, null, [{
     key: "hide",
     value: function hide(e) {
       var t;
-      (t = e.getElementsByClassName(pe.NAME_CLASS)[0].style).visibility || (t.visibility = "hidden");
+      (t = e.getElementsByClassName(ge.NAME_CLASS)[0].style).visibility || (t.visibility = "hidden");
     }
   }, {
     key: "reveal",
     value: function reveal(e) {
-      e.getElementsByClassName(pe.NAME_CLASS)[0].style.visibility = "";
+      e.getElementsByClassName(ge.NAME_CLASS)[0].style.visibility = "";
     }
   }, {
     key: "getPosition",
@@ -706,20 +710,20 @@ var pe = /*#__PURE__*/function () {
     key: "createName",
     value: function createName(e, t) {
       var i = document.createElement("div");
-      return i.classList.add(pe.NAME_CLASS), i.textContent = pe.getNameText(e, t), pe.applyStyle(i, e, t), i;
+      return i.classList.add(ge.NAME_CLASS), i.textContent = ge.getNameText(e, t), ge.applyStyle(i, e, t), i;
     }
   }, {
     key: "add",
     value: function add(e, t, i) {
       var s = typeof i == "boolean" ? {} : i,
-        r = pe.createName(t, s),
-        o = pe.getPosition(t, s);
+        r = ge.createName(t, s),
+        o = ge.getPosition(t, s);
       r.classList.add(o === "left" ? "left-item-position" : "right-item-position"), e.insertAdjacentElement(o === "left" ? "beforebegin" : "afterend", r);
     }
   }]);
 }();
-pe.NAME_CLASS = "name";
-var Rt = pe;
+ge.NAME_CLASS = "name";
+var Rt = ge;
 var C = /*#__PURE__*/function () {
   function C() {
     _classCallCheck(this, C);
@@ -750,9 +754,9 @@ var C = /*#__PURE__*/function () {
   }, {
     key: "getLastMessage",
     value: function getLastMessage(e, t, i) {
-      for (var s = e.length - 1; s >= 0; s -= 1) if (e[s].role === t) if (i) {
-        if (e[s][i]) return e[s];
-      } else return e[s];
+      for (var s = e.length - 1; s >= 0; s -= 1) if (e[s][0].role === t) if (i) {
+        if (e[s][0][i]) return e[s][0];
+      } else return e[s][0];
     }
   }, {
     key: "getLastTextToElement",
@@ -765,7 +769,7 @@ var C = /*#__PURE__*/function () {
   }, {
     key: "overwriteMessage",
     value: function overwriteMessage(e, t, i, s, r, o) {
-      var a = C.getLastElementsByClass(t, [C.getRoleClass(s), o], [ke.BUBBLE_CLASS]),
+      var a = C.getLastElementsByClass(t, [C.getRoleClass(s), o], [Me.BUBBLE_CLASS]),
         l = C.getLastMessage(e, s, r);
       return l && (l[r] = i), a;
     }
@@ -830,6 +834,12 @@ var C = /*#__PURE__*/function () {
       var _e$outerContainer$cla;
       e.outerContainer.classList.remove(C.POSITION_TOP_MESSAGE_CLASS, C.POSITION_MIDDLE_MESSAGE_CLASS, C.POSITION_BOTTOM_MESSAGE_CLASS), (_e$outerContainer$cla = e.outerContainer.classList).add.apply(_e$outerContainer$cla, _toConsumableArray(t));
     }
+  }, {
+    key: "getNumberOfElements",
+    value: function getNumberOfElements(e) {
+      var t = 0;
+      return e.text !== void 0 && (t += 1), e.html !== void 0 && (t += 1), e.files && (t += e.files.length), t;
+    }
   }, {
     key: "classifyMessages",
     value: function classifyMessages(e, t) {
@@ -902,11 +912,11 @@ var On = "deep-chat-temporary-message",
     }
   },
   Ds = Object.keys(ns);
-var Me = /*#__PURE__*/function () {
-  function Me() {
-    _classCallCheck(this, Me);
+var Re = /*#__PURE__*/function () {
+  function Re() {
+    _classCallCheck(this, Re);
   }
-  return _createClass(Me, null, [{
+  return _createClass(Re, null, [{
     key: "applySuggestionEvent",
     value: function applySuggestionEvent(e, t) {
       setTimeout(function () {
@@ -961,13 +971,13 @@ var Me = /*#__PURE__*/function () {
       Ds.forEach(function (r) {
         var o = i.getElementsByClassName(r);
         Array.from(o || []).forEach(function (a) {
-          var l = Me.getProcessedStyles(t, a, r);
-          te.applyStylesToElement(a, l), Me.applyEvents(a, r);
+          var l = Re.getProcessedStyles(t, a, r);
+          te.applyStylesToElement(a, l), Re.applyEvents(a, r);
         });
       });
       var s = i.getElementsByClassName(Nn);
       Array.from(s).forEach(function (r) {
-        return Me.applySuggestionEvent(e, r);
+        return Re.applySuggestionEvent(e, r);
       });
     }
   }]);
@@ -995,7 +1005,7 @@ var te = /*#__PURE__*/function () {
     value: function applyClassUtilitiesToElement(e, t) {
       var i = t.events,
         s = t.styles;
-      i && te.applyEventsToElement(e, i), s && !Me.doesElementContainDeepChatClass(e) && te.applyStylesToElement(e, s);
+      i && te.applyEventsToElement(e, i), s && !Re.doesElementContainDeepChatClass(e) && te.applyStylesToElement(e, s);
     }
   }, {
     key: "applyCustomClassUtilities",
@@ -1010,7 +1020,7 @@ var te = /*#__PURE__*/function () {
   }, {
     key: "apply",
     value: function apply(e, t) {
-      Me.applyDeepChatUtilities(e, e.htmlClassUtilities, t), te.applyCustomClassUtilities(e.htmlClassUtilities, t);
+      Re.applyDeepChatUtilities(e, e.htmlClassUtilities, t), te.applyCustomClassUtilities(e.htmlClassUtilities, t);
     }
   }, {
     key: "traverseNodes",
@@ -1030,11 +1040,11 @@ var te = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Be = /*#__PURE__*/function () {
-  function Be() {
-    _classCallCheck(this, Be);
+var be = /*#__PURE__*/function () {
+  function be() {
+    _classCallCheck(this, be);
   }
-  return _createClass(Be, null, [{
+  return _createClass(be, null, [{
     key: "addElement",
     value: function addElement(e, t) {
       e.elementRef.appendChild(t), e.elementRef.scrollTop = e.elementRef.scrollHeight;
@@ -1047,10 +1057,15 @@ var Be = /*#__PURE__*/function () {
     }
   }, {
     key: "overwrite",
-    value: function overwrite(e, t, i, s) {
-      var r = e.messages,
+    value: function overwrite(e, t, i) {
+      i.bubbleElement.innerHTML = t, te.apply(e, i.outerContainer), le.flagHTMLUpdateClass(i.bubbleElement);
+    }
+  }, {
+    key: "overwriteLast",
+    value: function overwriteLast(e, t, i, s) {
+      var r = e.messageToElements,
         o = b.overwriteMessage(r, s, t, i, "html", "html-message");
-      return o && (o.bubbleElement.innerHTML = t, te.apply(e, o.outerContainer), ae.flagHTMLUpdateClass(o.bubbleElement)), o;
+      return o && be.overwrite(e, t, o), o;
     }
     // prettier-ignore
   }, {
@@ -1059,12 +1074,12 @@ var Be = /*#__PURE__*/function () {
       var o = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !1;
       var l;
       if (r != null && r.status) {
-        var c = this.overwrite(e, t, i, s);
+        var c = this.overwriteLast(e, t, i, s);
         if (c) return c;
         r.status = !1;
       }
-      var a = Be.createElements(e, t, i, o);
-      return b.fillEmptyMessageElement(a.bubbleElement, t), te.apply(e, a.outerContainer), ae.flagHTMLUpdateClass(a.bubbleElement), e.applyCustomStyles(a, i, !1, (l = e.messageStyles) == null ? void 0 : l.html), o || Be.addElement(e, a.outerContainer), a;
+      var a = be.createElements(e, t, i, o);
+      return b.fillEmptyMessageElement(a.bubbleElement, t), te.apply(e, a.outerContainer), le.flagHTMLUpdateClass(a.bubbleElement), e.applyCustomStyles(a, i, !1, (l = e.messageStyles) == null ? void 0 : l.html), o || be.addElement(e, a.outerContainer), a;
     }
   }]);
 }();
@@ -1720,11 +1735,11 @@ function ct(n, e, t) {
   return n.substr(0, e) + t + n.substr(e + 1);
 }
 function ar(n) {
-  var e, t, i, s, r, o, a, l, c, d, h, u, f, m, p, y, x;
+  var e, t, i, s, r, o, a, l, c, d, h, u, f, m, p, v, x;
   if (n.options.typographer) {
     for (x = [], p = n.tokens.length - 1; p >= 0; p--) if (n.tokens[p].type === "inline") {
-      for (y = n.tokens[p].children, x.length = 0, e = 0; e < y.length; e++) if (t = y[e], !(t.type !== "text" || rr.test(t.text))) {
-        for (a = y[e].level, f = x.length - 1; f >= 0 && !(x[f].level <= a); f--);
+      for (v = n.tokens[p].children, x.length = 0, e = 0; e < v.length; e++) if (t = v[e], !(t.type !== "text" || rr.test(t.text))) {
+        for (a = v[e].level, f = x.length - 1; f >= 0 && !(x[f].level <= a); f--);
         x.length = f + 1, i = t.content, r = 0, o = i.length;
         e: for (; r < o && (Bs.lastIndex = r, s = Bs.exec(i), !!s);) {
           if (l = !js(i, s.index - 1), r = s.index + 1, m = s[0] === "'", c = !js(i, r), !c && !l) {
@@ -1733,7 +1748,7 @@ function ar(n) {
           }
           if (h = !c, u = !l, u) {
             for (f = x.length - 1; f >= 0 && (d = x[f], !(x[f].level < a)); f--) if (d.single === m && x[f].level === a) {
-              d = x[f], m ? (y[d.token].content = ct(y[d.token].content, d.pos, n.options.quotes[2]), t.content = ct(t.content, s.index, n.options.quotes[3])) : (y[d.token].content = ct(y[d.token].content, d.pos, n.options.quotes[0]), t.content = ct(t.content, s.index, n.options.quotes[1])), x.length = f;
+              d = x[f], m ? (v[d.token].content = ct(v[d.token].content, d.pos, n.options.quotes[2]), t.content = ct(t.content, s.index, n.options.quotes[3])) : (v[d.token].content = ct(v[d.token].content, d.pos, n.options.quotes[0]), t.content = ct(t.content, s.index, n.options.quotes[1])), x.length = f;
               continue e;
             }
           }
@@ -1858,12 +1873,12 @@ function dr(n, e, t, i) {
     f,
     m,
     p = n.bMarks[e] + n.tShift[e],
-    y = n.eMarks[e];
-  if (p > y || n.src.charCodeAt(p++) !== 62 || n.level >= n.options.maxNesting) return !1;
+    v = n.eMarks[e];
+  if (p > v || n.src.charCodeAt(p++) !== 62 || n.level >= n.options.maxNesting) return !1;
   if (i) return !0;
-  for (n.src.charCodeAt(p) === 32 && p++, l = n.blkIndent, n.blkIndent = 0, a = [n.bMarks[e]], n.bMarks[e] = p, p = p < y ? n.skipSpaces(p) : p, r = p >= y, o = [n.tShift[e]], n.tShift[e] = p - n.bMarks[e], h = n.parser.ruler.getRules("blockquote"), s = e + 1; s < t && (p = n.bMarks[s] + n.tShift[s], y = n.eMarks[s], !(p >= y)); s++) {
+  for (n.src.charCodeAt(p) === 32 && p++, l = n.blkIndent, n.blkIndent = 0, a = [n.bMarks[e]], n.bMarks[e] = p, p = p < v ? n.skipSpaces(p) : p, r = p >= v, o = [n.tShift[e]], n.tShift[e] = p - n.bMarks[e], h = n.parser.ruler.getRules("blockquote"), s = e + 1; s < t && (p = n.bMarks[s] + n.tShift[s], v = n.eMarks[s], !(p >= v)); s++) {
     if (n.src.charCodeAt(p++) === 62) {
-      n.src.charCodeAt(p) === 32 && p++, a.push(n.bMarks[s]), n.bMarks[s] = p, p = p < y ? n.skipSpaces(p) : p, r = p >= y, o.push(n.tShift[s]), n.tShift[s] = p - n.bMarks[s];
+      n.src.charCodeAt(p) === 32 && p++, a.push(n.bMarks[s]), n.bMarks[s] = p, p = p < v ? n.skipSpaces(p) : p, r = p >= v, o.push(n.tShift[s]), n.tShift[s] = p - n.bMarks[s];
       continue;
     }
     if (r) break;
@@ -1938,28 +1953,28 @@ function fr(n, e, t, i) {
     f,
     m,
     p,
-    y,
+    v,
     x,
     j,
     G,
-    Le,
+    Pe,
     I,
     Z = !0,
     X,
     D,
     je,
     Tt;
-  if ((h = qs(n, e)) >= 0) y = !0;else if ((h = Hs(n, e)) >= 0) y = !1;else return !1;
+  if ((h = qs(n, e)) >= 0) v = !0;else if ((h = Hs(n, e)) >= 0) v = !1;else return !1;
   if (n.level >= n.options.maxNesting) return !1;
   if (p = n.src.charCodeAt(h - 1), i) return !0;
-  for (j = n.tokens.length, y ? (d = n.bMarks[e] + n.tShift[e], m = Number(n.src.substr(d, h - d - 1)), n.tokens.push({
+  for (j = n.tokens.length, v ? (d = n.bMarks[e] + n.tShift[e], m = Number(n.src.substr(d, h - d - 1)), n.tokens.push({
     type: "ordered_list_open",
     order: m,
-    lines: Le = [e, 0],
+    lines: Pe = [e, 0],
     level: n.level++
   })) : n.tokens.push({
     type: "bullet_list_open",
-    lines: Le = [e, 0],
+    lines: Pe = [e, 0],
     level: n.level++
   }), s = e, G = !1, X = n.parser.ruler.getRules("list"); s < t && (x = n.skipSpaces(h), u = n.eMarks[s], x >= u ? f = 1 : f = x - h, f > 4 && (f = 1), f < 1 && (f = 1), r = h - n.bMarks[s] + f, n.tokens.push({
     type: "list_item_open",
@@ -1974,15 +1989,15 @@ function fr(n, e, t, i) {
       break;
     }
     if (Tt) break;
-    if (y) {
+    if (v) {
       if (h = qs(n, s), h < 0) break;
     } else if (h = Hs(n, s), h < 0) break;
     if (p !== n.src.charCodeAt(h - 1)) break;
   }
   return n.tokens.push({
-    type: y ? "ordered_list_close" : "bullet_list_close",
+    type: v ? "ordered_list_close" : "bullet_list_close",
     level: --n.level
-  }), Le[1] = s, n.line = s, Z && ur(n, j), !0;
+  }), Pe[1] = s, n.line = s, Z && ur(n, j), !0;
 }
 function pr(n, e, t, i) {
   var s,
@@ -2187,7 +2202,7 @@ function Sr(n, e) {
   for (t = e + 2, i = n.tokens.length - 2; t < i; t++) n.tokens[t].level === s && n.tokens[t].type === "paragraph_open" && (n.tokens[t + 2].tight = !0, n.tokens[t].tight = !0, t += 2);
 }
 function _r(n, e, t, i) {
-  var s, r, o, a, l, c, d, h, u, f, m, p, y, x;
+  var s, r, o, a, l, c, d, h, u, f, m, p, v, x;
   if (i) return n.ddIndent < 0 ? !1 : ni(n, e) >= 0;
   if (d = e + 1, n.isEmpty(d) && ++d > t || n.tShift[d] < n.blkIndent || (s = ni(n, d), s < 0) || n.level >= n.options.maxNesting) return !1;
   c = n.tokens.length, n.tokens.push({
@@ -2196,7 +2211,7 @@ function _r(n, e, t, i) {
     level: n.level++
   }), o = e, r = d;
   e: for (;;) {
-    for (x = !0, y = !1, n.tokens.push({
+    for (x = !0, v = !1, n.tokens.push({
       type: "dt_open",
       lines: [o, o],
       level: n.level++
@@ -2214,7 +2229,7 @@ function _r(n, e, t, i) {
         type: "dd_open",
         lines: a = [d, 0],
         level: n.level++
-      }), p = n.tight, u = n.ddIndent, h = n.blkIndent, m = n.tShift[r], f = n.parentType, n.blkIndent = n.ddIndent = n.tShift[r] + 2, n.tShift[r] = s - n.bMarks[r], n.tight = !0, n.parentType = "deflist", n.parser.tokenize(n, r, t, !0), (!n.tight || y) && (x = !1), y = n.line - r > 1 && n.isEmpty(n.line - 1), n.tShift[r] = m, n.tight = p, n.parentType = f, n.blkIndent = h, n.ddIndent = u, n.tokens.push({
+      }), p = n.tight, u = n.ddIndent, h = n.blkIndent, m = n.tShift[r], f = n.parentType, n.blkIndent = n.ddIndent = n.tShift[r] + 2, n.tShift[r] = s - n.bMarks[r], n.tight = !0, n.parentType = "deflist", n.parser.tokenize(n, r, t, !0), (!n.tight || v) && (x = !1), v = n.line - r > 1 && n.isEmpty(n.line - 1), n.tShift[r] = m, n.tight = p, n.parentType = f, n.blkIndent = h, n.ddIndent = u, n.tokens.push({
         type: "dd_close",
         level: --n.level
       }), a[1] = d = n.line, d >= t || n.tShift[d] < n.blkIndent) break e;
@@ -2906,34 +2921,34 @@ var po = {
 function Sn(n, e, t) {
   this.src = e, this.env = t, this.options = n.options, this.tokens = [], this.inlineMode = !1, this.inline = n.inline, this.block = n.block, this.renderer = n.renderer, this.typographer = n.typographer;
 }
-function Re(n, e) {
+function Ie(n, e) {
   typeof n != "string" && (e = n, n = "default"), e && e.linkify != null && console.warn("linkify option is removed. Use linkify plugin instead:\n\nimport Remarkable from 'remarkable';\nimport linkify from 'remarkable/linkify';\nnew Remarkable().use(linkify)\n"), this.inline = new Pi(), this.block = new _s(), this.core = new En(), this.renderer = new Ss(), this.ruler = new se(), this.options = {}, this.configure(bo[n]), this.set(e || {});
 }
-Re.prototype.set = function (n) {
+Ie.prototype.set = function (n) {
   pn(this.options, n);
 };
-Re.prototype.configure = function (n) {
+Ie.prototype.configure = function (n) {
   var e = this;
   if (!n) throw new Error("Wrong `remarkable` preset, check name/content");
   n.options && e.set(n.options), n.components && Object.keys(n.components).forEach(function (t) {
     n.components[t].rules && e[t].ruler.enable(n.components[t].rules, !0);
   });
 };
-Re.prototype.use = function (n, e) {
+Ie.prototype.use = function (n, e) {
   return n(this, e), this;
 };
-Re.prototype.parse = function (n, e) {
+Ie.prototype.parse = function (n, e) {
   var t = new Sn(this, n, e);
   return this.core.process(t), t.tokens;
 };
-Re.prototype.render = function (n, e) {
+Ie.prototype.render = function (n, e) {
   return e = e || {}, this.renderer.render(this.parse(n, e), this.options, e);
 };
-Re.prototype.parseInline = function (n, e) {
+Ie.prototype.parseInline = function (n, e) {
   var t = new Sn(this, n, e);
   return t.inlineMode = !0, this.core.process(t), t.tokens;
 };
-Re.prototype.renderInline = function (n, e) {
+Ie.prototype.renderInline = function (n, e) {
   return e = e || {}, this.renderer.render(this.parseInline(n, e), this.options, e);
 };
 var jt = /*#__PURE__*/function () {
@@ -2944,7 +2959,7 @@ var jt = /*#__PURE__*/function () {
     key: "instantiate",
     value: function instantiate() {
       var e = window.hljs;
-      return e ? new Re({
+      return e ? new Ie({
         highlight: function highlight(t, i) {
           if (i && e.getLanguage(i)) try {
             return e.highlight(i, t).value;
@@ -2970,7 +2985,7 @@ var jt = /*#__PURE__*/function () {
         // set target to open in a new tab
         typographer: !0
         // Enable smartypants and other sweet transforms
-      }) : new Re({
+      }) : new Ie({
         breaks: !0,
         linkTarget: "_blank"
         // set target to open in a new tab
@@ -2986,11 +3001,11 @@ var jt = /*#__PURE__*/function () {
     }
   }]);
 }();
-var xe = /*#__PURE__*/function () {
-  function xe() {
-    _classCallCheck(this, xe);
+var Se = /*#__PURE__*/function () {
+  function Se() {
+    _classCallCheck(this, Se);
   }
-  return _createClass(xe, null, [{
+  return _createClass(Se, null, [{
     key: "addMessage",
     value:
     // prettier-ignore
@@ -3002,7 +3017,7 @@ var xe = /*#__PURE__*/function () {
     key: "wrapInLink",
     value: function wrapInLink(e, t, i) {
       var s = document.createElement("a");
-      return s.href = t, s.download = i || xe.DEFAULT_FILE_NAME, s.target = "_blank", s.appendChild(e), s;
+      return s.href = t, s.download = i || Se.DEFAULT_FILE_NAME, s.target = "_blank", s.appendChild(e), s;
     }
   }, {
     key: "isNonLinkableDataUrl",
@@ -3012,7 +3027,7 @@ var xe = /*#__PURE__*/function () {
   }, {
     key: "processContent",
     value: function processContent(e, t, i, s) {
-      return !i || xe.isNonLinkableDataUrl(e, i) ? t : xe.wrapInLink(t, i, s);
+      return !i || Se.isNonLinkableDataUrl(e, i) ? t : Se.wrapInLink(t, i, s);
     }
   }, {
     key: "waitToLoadThenScroll",
@@ -3024,11 +3039,11 @@ var xe = /*#__PURE__*/function () {
   }, {
     key: "scrollDownOnImageLoad",
     value: function scrollDownOnImageLoad(e, t) {
-      if (e.startsWith("data")) xe.waitToLoadThenScroll(t);else try {
+      if (e.startsWith("data")) Se.waitToLoadThenScroll(t);else try {
         fetch(e, {
           mode: "no-cors"
         })["catch"](function () {})["finally"](function () {
-          xe.waitToLoadThenScroll(t);
+          Se.waitToLoadThenScroll(t);
         });
       } catch (_unused5) {
         t.scrollTop = t.scrollHeight;
@@ -3066,7 +3081,7 @@ var xe = /*#__PURE__*/function () {
     value: function isImageFile(e) {
       var t = e.type,
         i = e.src;
-      return t === "image" || (i == null ? void 0 : i.startsWith("data:image")) || i && xe.isImageFileExtension(i);
+      return t === "image" || (i == null ? void 0 : i.startsWith("data:image")) || i && Se.isImageFileExtension(i);
     }
   }, {
     key: "isImageFileExtension",
@@ -3075,8 +3090,8 @@ var xe = /*#__PURE__*/function () {
     }
   }]);
 }();
-xe.DEFAULT_FILE_NAME = "file";
-var B = xe;
+Se.DEFAULT_FILE_NAME = "file";
+var B = Se;
 var hi = /*#__PURE__*/function () {
   function hi() {
     _classCallCheck(this, hi);
@@ -3092,7 +3107,7 @@ var hi = /*#__PURE__*/function () {
       }));
       B.reAddFileRefToObject(t, s), (r = e.onMessage) == null || r.call(e, s), e.dispatchEvent(new CustomEvent("message", {
         detail: s
-      })), ae.fireOnNewMessage(e, s);
+      })), le.fireOnNewMessage(e, s);
     }
   }, {
     key: "onClearMessages",
@@ -3131,7 +3146,7 @@ var F = /*#__PURE__*/function () {
   }, {
     key: "apply",
     value: function apply(e, t, i) {
-      ke.setRing(t.bubbleElement, i == null ? void 0 : i.bubble), i != null && i.bubble && (i = JSON.parse(JSON.stringify(i)), delete i.bubble), e.applyCustomStyles(t, "history", !1, i);
+      Me.setRing(t.bubbleElement, i == null ? void 0 : i.bubble), i != null && i.bubble && (i = JSON.parse(JSON.stringify(i)), delete i.bubble), e.applyCustomStyles(t, "history", !1, i);
     }
   }, {
     key: "addLoadHistoryMessage",
@@ -3158,7 +3173,7 @@ var F = /*#__PURE__*/function () {
       var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
       var r, o, a, l;
       var i = (l = (a = (o = (r = e.messageStyles) == null ? void 0 : r.loading) == null ? void 0 : o.history) == null ? void 0 : a.full) == null ? void 0 : l.html,
-        s = i ? Be.createElements(e, i, b.AI_ROLE, !0) : F.createDefaultElements(e);
+        s = i ? be.createElements(e, i, b.AI_ROLE, !0) : F.createDefaultElements(e);
       return F.addLoadHistoryMessage(s, e, t), s;
     }
   }, {
@@ -3226,15 +3241,15 @@ var q = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Fe = /*#__PURE__*/function () {
-  function Fe(e) {
+var Be = /*#__PURE__*/function () {
+  function Be(e) {
     var _this3 = this;
-    _classCallCheck(this, Fe);
-    this.messageElementRefs = [], this.messages = [], this.htmlClassUtilities = {}, this.textElementsToText = [], this.elementRef = Fe.createContainerElement(), this.messageStyles = e.messageStyles, this._remarkable = jt.createNew(), this._avatars = e.avatars, this._names = e.names, this._onMessage = hi.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), setTimeout(function () {
+    _classCallCheck(this, Be);
+    this.messageElementRefs = [], this.htmlClassUtilities = {}, this.messageToElements = [], this.textElementsToText = [], this.htmlElementsToMessage = [], this.elementRef = Be.createContainerElement(), this.messageStyles = e.messageStyles, this._remarkable = jt.createNew(), this._avatars = e.avatars, this._names = e.names, this._onMessage = hi.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), setTimeout(function () {
       _this3.submitUserMessage = e.submitUserMessage;
     });
   }
-  return _createClass(Fe, [{
+  return _createClass(Be, [{
     key: "addNewTextMessage",
     value: function addNewTextMessage(e, t, i) {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
@@ -3251,7 +3266,7 @@ var Fe = /*#__PURE__*/function () {
   }, {
     key: "overwriteText",
     value: function overwriteText(e, t, i) {
-      var s = b.overwriteMessage(this.messages, i, t, e, "text", "text-message");
+      var s = b.overwriteMessage(this.messageToElements, i, t, e, "text", "text-message");
       if (s) {
         this.renderText(s.bubbleElement, t);
         var r = b.getLastTextToElement(this.textElementsToText, s);
@@ -3292,7 +3307,7 @@ var Fe = /*#__PURE__*/function () {
       var r;
       (r = this._introPanel) == null || r.hide();
       var s = this.messageElementRefs[this.messageElementRefs.length - 1];
-      return Qe.changeFullViewToSmall(this, s), Fe.isTemporaryElement(s) && (this.revealRoleElementsIfTempRemoved(s, t), s.outerContainer.remove(), this.messageElementRefs.pop()), this.createMessageElements(e, t, i);
+      return Qe.changeFullViewToSmall(this, s), Be.isTemporaryElement(s) && (this.revealRoleElementsIfTempRemoved(s, t), s.outerContainer.remove(), this.messageElementRefs.pop()), this.createMessageElements(e, t, i);
     }
     // this can be tested by having an ai message, then a temp ai message with html that submits new user message:
     // https://github.com/OvidijusParsiunas/deep-chat/issues/258
@@ -3300,16 +3315,16 @@ var Fe = /*#__PURE__*/function () {
   }, {
     key: "revealRoleElementsIfTempRemoved",
     value: function revealRoleElementsIfTempRemoved(e, t) {
-      if ((this._avatars || this._names) && Me.isElementTemporary(e)) {
+      if ((this._avatars || this._names) && Re.isElementTemporary(e)) {
         var i = this.messageElementRefs[this.messageElementRefs.length - 2];
-        i && this.messages[this.messages.length - 1] && !e.bubbleElement.classList.contains(b.getRoleClass(t)) && b.revealRoleElements(i.innerContainer, this._avatars, this._names);
+        i && this.messageToElements.length > 0 && !e.bubbleElement.classList.contains(b.getRoleClass(t)) && b.revealRoleElements(i.innerContainer, this._avatars, this._names);
       }
     }
   }, {
     key: "createMessageElements",
     value: function createMessageElements(e, t) {
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      var s = Fe.createBaseElements(t),
+      var s = Be.createBaseElements(t),
         r = s.outerContainer,
         o = s.innerContainer,
         a = s.bubbleElement;
@@ -3321,7 +3336,7 @@ var Fe = /*#__PURE__*/function () {
     // prettier-ignore
     function addInnerContainerElements(e, t, i) {
       var s;
-      return ((s = this.messages[this.messages.length - 1]) == null ? void 0 : s.role) === i && !this.isLastMessageError() && b.hideRoleElements(this.messageElementRefs, !!this._avatars, !!this._names), e.classList.add("message-bubble", b.getRoleClass(i), i === b.USER_ROLE ? "user-message-text" : "ai-message-text"), this.renderText(e, t), b.addRoleElements(e, i, this._avatars, this._names), {
+      return ((s = this.messageToElements[this.messageToElements.length - 1]) == null ? void 0 : s[0].role) === i && !this.isLastMessageError() && b.hideRoleElements(this.messageElementRefs, !!this._avatars, !!this._names), e.classList.add("message-bubble", b.getRoleClass(i), i === b.USER_ROLE ? "user-message-text" : "ai-message-text"), this.renderText(e, t), b.addRoleElements(e, i, this._avatars, this._names), {
         bubbleElement: e
       };
     }
@@ -3381,7 +3396,7 @@ var Fe = /*#__PURE__*/function () {
   }, {
     key: "isTemporaryElement",
     value: function isTemporaryElement(e) {
-      return Fe.isLoadingMessage(e) || Me.isElementTemporary(e);
+      return Be.isLoadingMessage(e) || Re.isElementTemporary(e);
     }
   }, {
     key: "createBaseElements",
@@ -3412,17 +3427,17 @@ var Fe = /*#__PURE__*/function () {
   }, {
     key: "isLoadingMessage",
     value: function isLoadingMessage(e) {
-      return e == null ? void 0 : e.bubbleElement.classList.contains(ke.BUBBLE_CLASS);
+      return e == null ? void 0 : e.bubbleElement.classList.contains(Me.BUBBLE_CLASS);
     }
   }]);
 }();
-var Se = /*#__PURE__*/function () {
+var _e = /*#__PURE__*/function () {
   // used for extracting at end and for isStreaming
-  function Se(e) {
-    _classCallCheck(this, Se);
+  function _e(e) {
+    _classCallCheck(this, _e);
     this._fileAdded = !1, this._streamedContent = "", this._streamType = "", this._hasStreamEnded = !1, this._messages = e;
   }
-  return _createClass(Se, [{
+  return _createClass(_e, [{
     key: "upsertStreamedMessage",
     value: function upsertStreamedMessage(e) {
       var r;
@@ -3441,9 +3456,9 @@ var Se = /*#__PURE__*/function () {
     key: "setInitialState",
     value: function setInitialState(e, t, i) {
       var _i8;
-      this._streamType = e, (_i8 = i) !== null && _i8 !== void 0 ? _i8 : i = b.AI_ROLE, this._elements = e === "text" ? this._messages.addNewTextMessage(t, i) : Be.add(this._messages, t, i, this._messages.messageElementRefs), this._elements.bubbleElement.classList.add(Se.MESSAGE_CLASS), this._streamedContent = t, this._activeMessageRole = i, this._message = _defineProperty({
+      this._streamType = e, (_i8 = i) !== null && _i8 !== void 0 ? _i8 : i = b.AI_ROLE, this._elements = e === "text" ? this._messages.addNewTextMessage(t, i) : be.add(this._messages, t, i, this._messages.messageElementRefs), this._elements.bubbleElement.classList.add(_e.MESSAGE_CLASS), this._streamedContent = t, this._activeMessageRole = i, this._message = _defineProperty({
         role: this._activeMessageRole
-      }, e, this._streamedContent), this._messages.messages.push(this._message);
+      }, e, this._streamedContent), this._messages.messageToElements.push([this._message, [this._elements]]);
     }
   }, {
     key: "updateBasedOnType",
@@ -3461,7 +3476,7 @@ var Se = /*#__PURE__*/function () {
     value: function updateHTML(e, t, i) {
       if (i) this._streamedContent = e, t.innerHTML = e;else {
         var s = document.createElement("span");
-        s.innerHTML = e, t.appendChild(s), this._streamedContent = Se.HTML_CONTENT_PLACEHOLDER;
+        s.innerHTML = e, t.appendChild(s), this._streamedContent = _e.HTML_CONTENT_PLACEHOLDER;
       }
     }
   }, {
@@ -3471,7 +3486,7 @@ var Se = /*#__PURE__*/function () {
       var e = this._messages.textElementsToText;
       if (!this._endStreamAfterOperation && !(this._fileAdded && !this._elements)) {
         if (!this._elements) throw Error(M.NO_VALID_STREAM_EVENTS_SENT);
-        (t = this._elements.bubbleElement) != null && t.classList.contains(Se.MESSAGE_CLASS) && (this._streamType === "text" ? (e[e.length - 1][1] = this._streamedContent, this._message && (this._message.text = this._streamedContent), this._messages.textToSpeech && bt.speak(this._streamedContent, this._messages.textToSpeech)) : this._streamType === "html" && (this._streamedContent === Se.HTML_CONTENT_PLACEHOLDER && (this._streamedContent = ((i = this._elements.bubbleElement) == null ? void 0 : i.innerHTML) || ""), this._elements && te.apply(this._messages, this._elements.outerContainer), this._message && (this._message.html = this._streamedContent)), this._elements.bubbleElement.classList.remove(Se.MESSAGE_CLASS), this._message && this._messages.sendClientUpdate(Fe.createMessageContent(this._message), !1), this._hasStreamEnded = !0);
+        (t = this._elements.bubbleElement) != null && t.classList.contains(_e.MESSAGE_CLASS) && (this._streamType === "text" ? (e[e.length - 1][1] = this._streamedContent, this._message && (this._message.text = this._streamedContent), this._messages.textToSpeech && bt.speak(this._streamedContent, this._messages.textToSpeech)) : this._streamType === "html" && (this._streamedContent === _e.HTML_CONTENT_PLACEHOLDER && (this._streamedContent = ((i = this._elements.bubbleElement) == null ? void 0 : i.innerHTML) || ""), this._elements && te.apply(this._messages, this._elements.outerContainer), this._message && (this._message.html = this._streamedContent)), this._elements.bubbleElement.classList.remove(_e.MESSAGE_CLASS), this._message && this._messages.sendClientUpdate(Be.createMessageContent(this._message), !1), this._hasStreamEnded = !0);
       }
     }
   }, {
@@ -3516,8 +3531,8 @@ var Se = /*#__PURE__*/function () {
     }()
   }]);
 }();
-Se.MESSAGE_CLASS = "streamed-message", Se.HTML_CONTENT_PLACEHOLDER = "htmlplaceholder";
-var ge = Se;
+_e.MESSAGE_CLASS = "streamed-message", _e.HTML_CONTENT_PLACEHOLDER = "htmlplaceholder";
+var ve = _e;
 var We = /*#__PURE__*/function () {
   function We() {
     _classCallCheck(this, We);
@@ -3646,7 +3661,7 @@ var We = /*#__PURE__*/function () {
   }]);
 }();
 We.CONTENT_TYPE = "Content-Type";
-var v = We;
+var y = We;
 function vo(_x12, _x13) {
   return _vo.apply(this, arguments);
 }
@@ -3770,7 +3785,7 @@ function wo(n, e) {
       m.abort(), document.hidden || I();
     }
     l || document.addEventListener("visibilitychange", p);
-    var y = _o,
+    var v = _o,
       x = 0;
     function j() {
       document.removeEventListener("visibilitychange", p), window.clearTimeout(x), m.abort();
@@ -3779,7 +3794,7 @@ function wo(n, e) {
       j(), h();
     });
     var G = c !== null && c !== void 0 ? c : window.fetch,
-      Le = s !== null && s !== void 0 ? s : To;
+      Pe = s !== null && s !== void 0 ? s : To;
     function I() {
       return _I.apply(this, arguments);
     }
@@ -3799,13 +3814,13 @@ function wo(n, e) {
             case 4:
               X = _context4.sent;
               _context4.next = 7;
-              return Le(X);
+              return Pe(X);
             case 7:
               _context4.next = 9;
               return vo(X.body, yo(Eo(function (D) {
                 D ? f[Ws] = D : delete f[Ws];
               }, function (D) {
-                y = D;
+                v = D;
               }, r)));
             case 9:
               o == null || o();
@@ -3817,7 +3832,7 @@ function wo(n, e) {
               _context4.prev = 14;
               _context4.t0 = _context4["catch"](1);
               if (!m.signal.aborted) try {
-                D = (Z = a == null ? void 0 : a(_context4.t0)) !== null && Z !== void 0 ? Z : y;
+                D = (Z = a == null ? void 0 : a(_context4.t0)) !== null && Z !== void 0 ? Z : v;
                 window.clearTimeout(x), x = window.setTimeout(I, D);
               } catch (D) {
                 j(), u(D);
@@ -3849,13 +3864,13 @@ var A = /*#__PURE__*/function () {
         var s,
           r,
           p,
-          y,
+          v,
           x,
           j,
           G,
-          Le,
+          Pe,
           o,
-          _yield$v$processReque,
+          _yield$y$processReque,
           a,
           l,
           c,
@@ -3876,12 +3891,12 @@ var A = /*#__PURE__*/function () {
                 headers: (p = e.connectSettings) == null ? void 0 : p.headers
               };
               _context7.next = 5;
-              return v.processRequestInterceptor(e.deepChat, o);
+              return y.processRequestInterceptor(e.deepChat, o);
             case 5:
-              _yield$v$processReque = _context7.sent;
-              a = _yield$v$processReque.body;
-              l = _yield$v$processReque.headers;
-              c = _yield$v$processReque.error;
+              _yield$y$processReque = _context7.sent;
+              a = _yield$y$processReque.body;
+              l = _yield$y$processReque.headers;
+              c = _yield$y$processReque.error;
               _e$streamHandlers = e.streamHandlers;
               d = _e$streamHandlers.onOpen;
               h = _e$streamHandlers.onClose;
@@ -3890,25 +3905,25 @@ var A = /*#__PURE__*/function () {
                 _context7.next = 15;
                 break;
               }
-              return _context7.abrupt("return", v.onInterceptorError(i, c, h));
+              return _context7.abrupt("return", y.onInterceptorError(i, c, h));
             case 15:
-              if (!((y = e.connectSettings) != null && y.handler)) {
+              if (!((v = e.connectSettings) != null && v.handler)) {
                 _context7.next = 17;
                 break;
               }
-              return _context7.abrupt("return", Ce.stream(e, a, i));
+              return _context7.abrupt("return", Ae.stream(e, a, i));
             case 17:
-              if (!(((x = e.connectSettings) == null ? void 0 : x.url) === be.URL)) {
+              if (!(((x = e.connectSettings) == null ? void 0 : x.url) === ye.URL)) {
                 _context7.next = 19;
                 break;
               }
-              return _context7.abrupt("return", be.requestStream(i, e.streamHandlers));
+              return _context7.abrupt("return", ye.requestStream(i, e.streamHandlers));
             case 19:
-              f = new ge(i), m = v.fetch.bind(this, e, l, s);
+              f = new ve(i), m = y.fetch.bind(this, e, l, s);
               return _context7.abrupt("return", (wo(((j = e.connectSettings) == null ? void 0 : j.url) || e.url || "", {
                 method: ((G = e.connectSettings) == null ? void 0 : G.method) || "POST",
                 headers: l,
-                credentials: (Le = e.connectSettings) == null ? void 0 : Le.credentials,
+                credentials: (Pe = e.connectSettings) == null ? void 0 : Pe.credentials,
                 body: s ? JSON.stringify(a) : a,
                 openWhenHidden: !0,
                 // keep stream open when browser tab not open
@@ -3924,7 +3939,7 @@ var A = /*#__PURE__*/function () {
                           return _context5.abrupt("return", d());
                         case 2:
                           _context5.next = 4;
-                          return v.processResponseByType(I);
+                          return y.processResponseByType(I);
                         case 4:
                           throw _context5.sent;
                         case 5:
@@ -3963,7 +3978,7 @@ var A = /*#__PURE__*/function () {
                           (D = e.extractResultData) == null || D.call(e, Tt, m, a).then(function (He) {
                             e.asyncCallInProgress && He && He.text !== "" ? (A.simulate(i, e.streamHandlers, He), h(), e.asyncCallInProgress = !1) : A.upsertWFiles(i, f.upsertStreamedMessage.bind(f), f, He);
                           })["catch"](function (He) {
-                            return v.displayError(i, He);
+                            return y.displayError(i, He);
                           });
                         case 9:
                         case "end":
@@ -3986,9 +4001,9 @@ var A = /*#__PURE__*/function () {
               })["catch"](function (I) {
                 var Z;
                 i.isLastMessageError() || (Z = e.extractResultData) == null || Z.call(e, I).then(function () {
-                  v.displayError(i, I);
+                  y.displayError(i, I);
                 })["catch"](function (X) {
-                  v.displayError(i, X);
+                  y.displayError(i, X);
                 });
               }), f));
             case 21:
@@ -4012,12 +4027,12 @@ var A = /*#__PURE__*/function () {
       }, i), !1), i.text) {
         t.onOpen();
         var r = i.text.split("");
-        A.populateMessages(r, new ge(e), s, "text");
+        A.populateMessages(r, new ve(e), s, "text");
       }
       if (i.html) {
         t.onOpen();
         var _r2 = te.splitHTML(i.html);
-        A.populateMessages(_r2, new ge(e), s, "html");
+        _r2.length === 0 && (_r2 = i.html.split("")), A.populateMessages(_r2, new ve(e), s, "html");
       }
     }
     // prettier-ignore
@@ -4072,7 +4087,7 @@ var Ke = /*#__PURE__*/function () {
   return _createClass(Ke, null, [{
     key: "generateResponse",
     value: function generateResponse(e) {
-      var t = e.messages[e.messages.length - 1];
+      var t = e[e.length - 1][0];
       if (t.files && t.files.length > 0) {
         if (t.files.length > 1) return "These are interesting files!";
         var i = t.files[0];
@@ -4091,9 +4106,11 @@ var Ke = /*#__PURE__*/function () {
     }
   }, {
     key: "getResponse",
-    value: function getResponse(e) {
-      return e.customDemoResponse ? Ke.getCustomResponse(e.customDemoResponse, e.messages[e.messages.length - 1]) : {
-        text: Ke.generateResponse(e)
+    value: function getResponse(_ref2) {
+      var e = _ref2.customDemoResponse,
+        t = _ref2.messageToElements;
+      return e ? Ke.getCustomResponse(e, t[t.length - 1][0]) : {
+        text: Ke.generateResponse(t)
       };
     }
     // timeout is used to simulate a timeout for a response to come back
@@ -4137,7 +4154,7 @@ var Ke = /*#__PURE__*/function () {
   }]);
 }();
 Ke.URL = "deep-chat-demo";
-var be = Ke;
+var ye = Ke;
 var U = /*#__PURE__*/function () {
   function U() {
     _classCallCheck(this, U);
@@ -4145,7 +4162,7 @@ var U = /*#__PURE__*/function () {
   return _createClass(U, null, [{
     key: "setup",
     value: function setup(e) {
-      e.connectSettings.url !== be.URL && (e.permittedErrorPrefixes = ["Connection error", "Error in server message"], e.websocket = "pending");
+      e.connectSettings.url !== ye.URL && (e.permittedErrorPrefixes = ["Connection error", "Error in server message"], e.websocket = "pending");
     }
   }, {
     key: "isElementPresentInDOM",
@@ -4160,7 +4177,7 @@ var U = /*#__PURE__*/function () {
       if (!U.isElementPresentInDOM(e.deepChat)) return;
       var i = e.connectSettings.websocket;
       if (i) {
-        if (e.connectSettings.handler) return Ce.websocket(e, t);
+        if (e.connectSettings.handler) return Ae.websocket(e, t);
         try {
           var s = typeof i != "boolean" ? i : void 0,
             r = new WebSocket(e.connectSettings.url || "", s);
@@ -4189,7 +4206,7 @@ var U = /*#__PURE__*/function () {
       var _this6 = this;
       var s = {};
       t.onmessage = /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(r) {
+        var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(r) {
           var o, a, l, c, d, h, u;
           return _regeneratorRuntime().wrap(function _callee9$(_context9) {
             while (1) switch (_context9.prev = _context9.next) {
@@ -4230,7 +4247,7 @@ var U = /*#__PURE__*/function () {
               case 17:
                 _context9.prev = 17;
                 _context9.t1 = _context9["catch"](1);
-                v.displayError(i, _context9.t1, "Error in server message");
+                y.displayError(i, _context9.t1, "Error in server message");
               case 20:
               case "end":
                 return _context9.stop();
@@ -4238,7 +4255,7 @@ var U = /*#__PURE__*/function () {
           }, _callee9, null, [[1, 17]]);
         }));
         return function (_x17) {
-          return _ref3.apply(this, arguments);
+          return _ref4.apply(this, arguments);
         };
       }(), t.onclose = function () {
         console.error("Connection closed"), i.isLastMessageError() || i.addNewErrorMessage("service", "Connection error"), e.stream && e.streamHandlers.abortStream.abort(), U.createConnection(e, i);
@@ -4253,7 +4270,7 @@ var U = /*#__PURE__*/function () {
           h,
           r,
           o,
-          _yield$v$processReque2,
+          _yield$y$processReque2,
           a,
           l,
           c,
@@ -4274,11 +4291,11 @@ var U = /*#__PURE__*/function () {
                 headers: (d = e.connectSettings) == null ? void 0 : d.headers
               };
               _context10.next = 7;
-              return v.processRequestInterceptor(e.deepChat, o);
+              return y.processRequestInterceptor(e.deepChat, o);
             case 7:
-              _yield$v$processReque2 = _context10.sent;
-              a = _yield$v$processReque2.body;
-              l = _yield$v$processReque2.error;
+              _yield$y$processReque2 = _context10.sent;
+              a = _yield$y$processReque2.body;
+              l = _yield$y$processReque2.error;
               if (!l) {
                 _context10.next = 12;
                 break;
@@ -4292,11 +4309,11 @@ var U = /*#__PURE__*/function () {
               return _context10.abrupt("return", r.newUserMessage.listener(a));
             case 14:
               c = s ? JSON.stringify(a) : a;
-              if (!(((h = e.connectSettings) == null ? void 0 : h.url) === be.URL)) {
+              if (!(((h = e.connectSettings) == null ? void 0 : h.url) === ye.URL)) {
                 _context10.next = 17;
                 break;
               }
-              return _context10.abrupt("return", be.request(e, i));
+              return _context10.abrupt("return", ye.request(e, i));
             case 17:
               r.readyState === void 0 || r.readyState !== r.OPEN ? (console.error("Connection is not open"), i.isLastMessageError() || i.addNewErrorMessage("service", "Connection error")) : (r.send(JSON.stringify(c)), e.completionsHandlers.onFinish());
             case 18:
@@ -4330,16 +4347,16 @@ var U = /*#__PURE__*/function () {
         var _i$o;
         var o = s.role || b.AI_ROLE,
           a = i[o];
-        s.text === r || s.html === r ? (a == null || a.finaliseStreamedMessage(), delete i[o]) : ((_i$o = i[o]) !== null && _i$o !== void 0 ? _i$o : i[o] = new ge(t), i[o].upsertStreamedMessage(s));
+        s.text === r || s.html === r ? (a == null || a.finaliseStreamedMessage(), delete i[o]) : ((_i$o = i[o]) !== null && _i$o !== void 0 ? _i$o : i[o] = new ve(t), i[o].upsertStreamedMessage(s));
       } else A.simulate(t, e.streamHandlers, s);
     }
   }]);
 }();
-var Ce = /*#__PURE__*/function () {
-  function Ce() {
-    _classCallCheck(this, Ce);
+var Ae = /*#__PURE__*/function () {
+  function Ae() {
+    _classCallCheck(this, Ae);
   }
-  return _createClass(Ce, null, [{
+  return _createClass(Ae, null, [{
     key: "request",
     value: function () {
       var _request2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(e, t, i) {
@@ -4349,7 +4366,7 @@ var Ce = /*#__PURE__*/function () {
             case 0:
               s = !0;
               r = /*#__PURE__*/function () {
-                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(c) {
+                var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(c) {
                   var h, u, d;
                   return _regeneratorRuntime().wrap(function _callee11$(_context11) {
                     while (1) switch (_context11.prev = _context11.next) {
@@ -4372,7 +4389,7 @@ var Ce = /*#__PURE__*/function () {
                         _context11.t0 = c;
                       case 8:
                         d = _context11.t0;
-                        v.validateResponseFormat(d) ? typeof d.error == "string" ? (console.error(d.error), i.addNewErrorMessage("service", d.error), e.completionsHandlers.onFinish()) : A.isSimulatable(e.stream, d) ? A.simulate(i, e.streamHandlers, d) : (i.addNewMessage(d), e.completionsHandlers.onFinish()) : (console.error(M.INVALID_RESPONSE(c, "server", !!e.deepChat.responseInterceptor, d)), i.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish());
+                        y.validateResponseFormat(d) ? typeof d.error == "string" ? (console.error(d.error), i.addNewErrorMessage("service", d.error), e.completionsHandlers.onFinish()) : A.isSimulatable(e.stream, d) ? A.simulate(i, e.streamHandlers, d) : (i.addNewMessage(d), e.completionsHandlers.onFinish()) : (console.error(M.INVALID_RESPONSE(c, "server", !!e.deepChat.responseInterceptor, d)), i.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish());
                       case 10:
                       case "end":
                         return _context11.stop();
@@ -4380,9 +4397,9 @@ var Ce = /*#__PURE__*/function () {
                   }, _callee11);
                 }));
                 return function r(_x24) {
-                  return _ref4.apply(this, arguments);
+                  return _ref5.apply(this, arguments);
                 };
-              }(), o = Ce.generateOptionalSignals();
+              }(), o = Ae.generateOptionalSignals();
               (l = (a = e.connectSettings).handler) == null || l.call(a, t, _objectSpread(_objectSpread({}, o), {}, {
                 onResponse: r
               }));
@@ -4402,7 +4419,7 @@ var Ce = /*#__PURE__*/function () {
     value: function attemptToFinaliseStream(e, t) {
       try {
         var i = t.messageElementRefs[t.messageElementRefs.length - 1];
-        Fe.isLoadingMessage(i) ? t.removeLastMessage() : e.finaliseStreamedMessage();
+        Be.isLoadingMessage(i) ? t.removeLastMessage() : e.finaliseStreamedMessage();
       } catch (i) {
         console.error(i), t.addNewErrorMessage("service", i);
       }
@@ -4414,16 +4431,16 @@ var Ce = /*#__PURE__*/function () {
       var h, u;
       var s = !0,
         r = !1;
-      var o = new ge(i),
+      var o = new ve(i),
         a = function a() {
           r || !s || (e.streamHandlers.onOpen(), r = !0);
         },
         l = function l() {
-          s && (Ce.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1);
+          s && (Ae.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1);
         },
         c = /*#__PURE__*/function () {
-          var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(f) {
-            var p, y, m;
+          var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(f) {
+            var p, v, m;
             return _regeneratorRuntime().wrap(function _callee13$(_context13) {
               while (1) switch (_context13.prev = _context13.next) {
                 case 0:
@@ -4434,7 +4451,7 @@ var Ce = /*#__PURE__*/function () {
                   return _context13.abrupt("return");
                 case 2:
                   _context13.next = 4;
-                  return (y = (p = e.deepChat).responseInterceptor) == null ? void 0 : y.call(p, f);
+                  return (v = (p = e.deepChat).responseInterceptor) == null ? void 0 : v.call(p, f);
                 case 4:
                   _context13.t0 = _context13.sent;
                   if (_context13.t0) {
@@ -4444,7 +4461,7 @@ var Ce = /*#__PURE__*/function () {
                   _context13.t0 = f;
                 case 7:
                   m = _context13.t0;
-                  v.validateResponseFormat(m) ? m.error ? (console.error(m.error), o.finaliseStreamedMessage(), i.addNewErrorMessage("service", m.error), e.streamHandlers.onClose(), s = !1) : A.upsertWFiles(i, o.upsertStreamedMessage.bind(o), o, m) : console.error(M.INVALID_RESPONSE(f, "server", !!e.deepChat.responseInterceptor, m));
+                  y.validateResponseFormat(m) ? m.error ? (console.error(m.error), o.finaliseStreamedMessage(), i.addNewErrorMessage("service", m.error), e.streamHandlers.onClose(), s = !1) : A.upsertWFiles(i, o.upsertStreamedMessage.bind(o), o, m) : console.error(M.INVALID_RESPONSE(f, "server", !!e.deepChat.responseInterceptor, m));
                 case 9:
                 case "end":
                   return _context13.stop();
@@ -4452,13 +4469,13 @@ var Ce = /*#__PURE__*/function () {
             }, _callee13);
           }));
           return function c(_x25) {
-            return _ref5.apply(this, arguments);
+            return _ref6.apply(this, arguments);
           };
         }();
       e.streamHandlers.abortStream.abort = function () {
-        Ce.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1;
+        Ae.attemptToFinaliseStream(o, i), e.streamHandlers.onClose(), s = !1;
       };
-      var d = Ce.generateOptionalSignals();
+      var d = Ae.generateOptionalSignals();
       (u = (h = e.connectSettings).handler) == null || u.call(h, t, _objectSpread(_objectSpread({}, d), {}, {
         onOpen: a,
         onResponse: c,
@@ -4487,7 +4504,7 @@ var Ce = /*#__PURE__*/function () {
           i.isOpen = !1;
         },
         o = /*#__PURE__*/function () {
-          var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(d) {
+          var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(d) {
             var u, f, h, m, p;
             return _regeneratorRuntime().wrap(function _callee14$(_context14) {
               while (1) switch (_context14.prev = _context14.next) {
@@ -4509,7 +4526,7 @@ var Ce = /*#__PURE__*/function () {
                   _context14.t0 = d;
                 case 7:
                   h = _context14.t0;
-                  if (!v.validateResponseFormat(h)) console.error(M.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message");else if (typeof h.error == "string") console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error);else if (A.isSimulation(e.stream)) {
+                  if (!y.validateResponseFormat(h)) console.error(M.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message");else if (typeof h.error == "string") console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error);else if (A.isSimulation(e.stream)) {
                     m = U.stream.bind(_this7, e, t, i.roleToStream), p = i.roleToStream[d.role || b.AI_ROLE];
                     A.upsertWFiles(t, m, p, d);
                   } else t.addNewMessage(h);
@@ -4520,10 +4537,10 @@ var Ce = /*#__PURE__*/function () {
             }, _callee14);
           }));
           return function o(_x26) {
-            return _ref6.apply(this, arguments);
+            return _ref7.apply(this, arguments);
           };
         }(),
-        a = Ce.generateOptionalSignals();
+        a = Ae.generateOptionalSignals();
       (c = (l = e.connectSettings).handler) == null || c.call(l, void 0, _objectSpread(_objectSpread({}, a), {}, {
         onOpen: s,
         onResponse: o,
@@ -4561,7 +4578,7 @@ var T = /*#__PURE__*/function () {
           f,
           m,
           r,
-          _yield$v$processReque3,
+          _yield$y$processReque3,
           o,
           a,
           l,
@@ -4578,40 +4595,40 @@ var T = /*#__PURE__*/function () {
                 headers: (u = e.connectSettings) == null ? void 0 : u.headers
               };
               _context16.next = 4;
-              return v.processRequestInterceptor(e.deepChat, r);
+              return y.processRequestInterceptor(e.deepChat, r);
             case 4:
-              _yield$v$processReque3 = _context16.sent;
-              o = _yield$v$processReque3.body;
-              a = _yield$v$processReque3.headers;
-              l = _yield$v$processReque3.error;
+              _yield$y$processReque3 = _context16.sent;
+              o = _yield$y$processReque3.body;
+              a = _yield$y$processReque3.headers;
+              l = _yield$y$processReque3.error;
               c = e.completionsHandlers.onFinish;
               if (!l) {
                 _context16.next = 11;
                 break;
               }
-              return _context16.abrupt("return", v.onInterceptorError(i, l, c));
+              return _context16.abrupt("return", y.onInterceptorError(i, l, c));
             case 11:
               if (!((f = e.connectSettings) != null && f.handler)) {
                 _context16.next = 13;
                 break;
               }
-              return _context16.abrupt("return", Ce.request(e, o, i));
+              return _context16.abrupt("return", Ae.request(e, o, i));
             case 13:
-              if (!(((m = e.connectSettings) == null ? void 0 : m.url) === be.URL)) {
+              if (!(((m = e.connectSettings) == null ? void 0 : m.url) === ye.URL)) {
                 _context16.next = 15;
                 break;
               }
-              return _context16.abrupt("return", be.request(e, i));
+              return _context16.abrupt("return", ye.request(e, i));
             case 15:
               d = !0;
-              h = v.fetch.bind(this, e, a, s);
+              h = y.fetch.bind(this, e, a, s);
               h(o).then(function (p) {
                 return d = !!p.ok, p;
               }).then(function (p) {
-                return v.processResponseByType(p);
+                return y.processResponseByType(p);
               }).then(/*#__PURE__*/function () {
-                var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(p) {
-                  var j, G, y, x;
+                var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(p) {
+                  var j, G, v, x;
                   return _regeneratorRuntime().wrap(function _callee15$(_context15) {
                     while (1) switch (_context15.prev = _context15.next) {
                       case 0:
@@ -4631,9 +4648,9 @@ var T = /*#__PURE__*/function () {
                         }
                         _context15.t0 = p;
                       case 7:
-                        y = _context15.t0;
+                        v = _context15.t0;
                         _context15.next = 10;
-                        return e.extractResultData(y, h, o);
+                        return e.extractResultData(v, h, o);
                       case 10:
                         x = _context15.sent;
                         if (d) {
@@ -4646,7 +4663,7 @@ var T = /*#__PURE__*/function () {
                           _context15.next = 15;
                           break;
                         }
-                        throw Error(M.INVALID_RESPONSE(p, "response", !!e.deepChat.responseInterceptor, y));
+                        throw Error(M.INVALID_RESPONSE(p, "response", !!e.deepChat.responseInterceptor, v));
                       case 15:
                         x.makingAnotherRequest || (A.isSimulatable(e.stream, x) ? A.simulate(i, e.streamHandlers, x) : (i.addNewMessage(x), c()));
                       case 16:
@@ -4656,10 +4673,10 @@ var T = /*#__PURE__*/function () {
                   }, _callee15);
                 }));
                 return function (_x30) {
-                  return _ref7.apply(this, arguments);
+                  return _ref8.apply(this, arguments);
                 };
               }())["catch"](function (p) {
-                v.displayError(i, p), c();
+                y.displayError(i, p), c();
               });
             case 18:
             case "end":
@@ -4679,7 +4696,7 @@ var T = /*#__PURE__*/function () {
       fetch(t, i).then(function (o) {
         return o.json();
       }).then(/*#__PURE__*/function () {
-        var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee17(o) {
+        var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee17(o) {
           var l, c, a;
           return _regeneratorRuntime().wrap(function _callee17$(_context17) {
             while (1) switch (_context17.prev = _context17.next) {
@@ -4716,10 +4733,10 @@ var T = /*#__PURE__*/function () {
           }, _callee17);
         }));
         return function (_x31) {
-          return _ref8.apply(this, arguments);
+          return _ref9.apply(this, arguments);
         };
       }())["catch"](function (o) {
-        v.displayError(s, o), r();
+        y.displayError(s, o), r();
       });
     }
     // prettier-ignore
@@ -4732,7 +4749,7 @@ var T = /*#__PURE__*/function () {
           m,
           p,
           r,
-          _yield$v$processReque4,
+          _yield$y$processReque4,
           o,
           a,
           l,
@@ -4750,17 +4767,17 @@ var T = /*#__PURE__*/function () {
                 headers: (f = e.connectSettings) == null ? void 0 : f.headers
               };
               _context18.next = 4;
-              return v.processRequestInterceptor(e.deepChat, r);
+              return y.processRequestInterceptor(e.deepChat, r);
             case 4:
-              _yield$v$processReque4 = _context18.sent;
-              o = _yield$v$processReque4.body;
-              a = _yield$v$processReque4.headers;
-              l = _yield$v$processReque4.error;
+              _yield$y$processReque4 = _context18.sent;
+              o = _yield$y$processReque4.body;
+              a = _yield$y$processReque4.headers;
+              l = _yield$y$processReque4.error;
               if (!l) {
                 _context18.next = 10;
                 break;
               }
-              return _context18.abrupt("return", v.onInterceptorError(i, l));
+              return _context18.abrupt("return", y.onInterceptorError(i, l));
             case 10:
               c = ((m = e.connectSettings) == null ? void 0 : m.url) || e.url || "", d = ((p = e.connectSettings) == null ? void 0 : p.method) || "POST", h = s ? JSON.stringify(o) : o, u = {
                 method: d,
@@ -4788,7 +4805,7 @@ var T = /*#__PURE__*/function () {
         headers: i,
         body: c || null
       }).then(function (d) {
-        return v.processResponseByType(d);
+        return y.processResponseByType(d);
       }).then(function (d) {
         l(d, e, r, o);
       })["catch"](function (d) {
@@ -4836,21 +4853,31 @@ var pt = /*#__PURE__*/function () {
     key: "processLoadedHistory",
     value: function processLoadedHistory(e) {
       var _this9 = this;
-      var s;
-      var t = (s = this._messages.messageElementRefs[0]) == null ? void 0 : s.outerContainer,
-        i = this._messages.elementRef.scrollTop;
-      e == null || e.reverse().map(function (r) {
-        if (r) {
-          var o = _this9._messages.addAnyMessage(_objectSpread(_objectSpread({}, r), {}, {
+      var c;
+      var _this$_messages = this._messages,
+        t = _this$_messages.messageElementRefs,
+        i = _this$_messages.messageToElements,
+        s = _this$_messages.elementRef,
+        r = _this$_messages.addAnyMessage,
+        o = _this$_messages.sendClientUpdate,
+        a = (c = t[0]) == null ? void 0 : c.outerContainer,
+        l = s.scrollTop;
+      e == null || e.reverse().map(function (d) {
+        if (d) {
+          var h = r(_objectSpread(_objectSpread({}, d), {}, {
             sendUpdate: !0
           }), !0, !0);
-          return o && _this9._messages.messages.unshift(o), o;
+          if (h) {
+            var u = b.getNumberOfElements(h);
+            i.unshift([h, t.slice(0, u)]);
+          }
+          return h;
         } else _this9._isPaginationComplete = !0;
-      }).filter(function (r) {
-        return !!r;
-      }).reverse().forEach(function (r) {
-        return _this9._messages.sendClientUpdate(r, !0);
-      }), t && (this._messages.elementRef.scrollTop = i + t.offsetTop);
+      }).filter(function (d) {
+        return !!d;
+      }).reverse().forEach(function (d) {
+        return o(d, !0);
+      }), a && (s.scrollTop = l + a.offsetTop);
     }
   }, {
     key: "setupLoadHistoryOnScroll",
@@ -4905,7 +4932,7 @@ var pt = /*#__PURE__*/function () {
     value: function populateInitialHistory(e) {
       var _this11 = this;
       e.forEach(function (t) {
-        ae.processHistoryFile(t), _this11._messages.addNewMessage(t, !0);
+        le.processHistoryFile(t), _this11._messages.addNewMessage(t, !0);
       });
     }
   }, {
@@ -4962,7 +4989,7 @@ var pt = /*#__PURE__*/function () {
           while (1) switch (_context23.prev = _context23.next) {
             case 0:
               e.loadHistory && this.loadInitialHistory(e.loadHistory);
-              t = e.history || ae.processHistory(e);
+              t = e.history || le.processHistory(e);
               t && (this.populateInitialHistory(t), this._index += 1);
             case 3:
             case "end":
@@ -5010,7 +5037,6 @@ var St = /*#__PURE__*/function () {
     value: function getMaxMessages(e, t) {
       return e.slice(Math.max(e.length - t, 0));
     }
-    // prettier-ignore
     // if maxMessages is not defined we send all messages
     // if maxMessages above 0 we send that number
     // if maxMessages 0 or below we send only what is in the request
@@ -5035,7 +5061,7 @@ var P = /*#__PURE__*/function () {
         files: t
       };
       if (_typeof(s) == "object") {
-        ae.processFileConfigConnect(s);
+        le.processFileConfigConnect(s);
         var a = s.files,
           l = s.connect,
           c = s.button;
@@ -5134,7 +5160,7 @@ var it = /*#__PURE__*/function () {
     var _a$url;
     _classCallCheck(this, it);
     var s, r, o, a, l;
-    this.rawBody = {}, this.validateKeyProperty = !1, this.canSendMessage = it.canSendMessage, this.connectSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = i, Object.assign(this.rawBody, (s = e.connect) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (r = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : r.totalMessagesMaxCharLength, this.maxMessages = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.maxMessages, P.set(e, this, t), e.connect && (this.connectSettings = e.connect), this.demo && ((_a$url = (a = this.connectSettings).url) !== null && _a$url !== void 0 ? _a$url : a.url = be.URL), this.connectSettings.websocket && U.setup(this), this.stream = ((l = this.deepChat.connect) == null ? void 0 : l.stream) || ae.checkForStream(this.deepChat), e.loadHistory && Ht.addErrorPrefix(this);
+    this.rawBody = {}, this.validateKeyProperty = !1, this.canSendMessage = it.canSendMessage, this.connectSettings = {}, this.fileTypes = {}, this.completionsHandlers = {}, this.streamHandlers = {}, this.deepChat = e, this.demo = i, Object.assign(this.rawBody, (s = e.connect) == null ? void 0 : s.additionalBodyProps), this.totalMessagesMaxCharLength = (r = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : r.totalMessagesMaxCharLength, this.maxMessages = (o = e == null ? void 0 : e.requestBodyLimits) == null ? void 0 : o.maxMessages, P.set(e, this, t), e.connect && (this.connectSettings = e.connect), this.demo && ((_a$url = (a = this.connectSettings).url) !== null && _a$url !== void 0 ? _a$url : a.url = ye.URL), this.connectSettings.websocket && U.setup(this), this.stream = ((l = this.deepChat.connect) == null ? void 0 : l.stream) || le.checkForStream(this.deepChat), e.loadHistory && Ht.addErrorPrefix(this);
   }
   return _createClass(it, [{
     key: "verifyKey",
@@ -5259,7 +5285,11 @@ var it = /*#__PURE__*/function () {
               }
               throw new Error("Request settings have not been set up");
             case 2:
-              i = St.processMessages(t.messages, this.maxMessages, this.totalMessagesMaxCharLength);
+              i = St.processMessages(t.messageToElements.map(function (_ref11) {
+                var _ref12 = _slicedToArray(_ref11, 1),
+                  s = _ref12[0];
+                return s;
+              }), this.maxMessages, this.totalMessagesMaxCharLength);
               if (this.connectSettings.websocket) {
                 s = _objectSpread({
                   messages: i
@@ -5294,9 +5324,9 @@ var it = /*#__PURE__*/function () {
                 _context29.next = 4;
                 break;
               }
-              return _context29.abrupt("return", ae.handleResponseProperty(e));
+              return _context29.abrupt("return", le.handleResponseProperty(e));
             case 4:
-              if (!v.validateResponseFormat(e)) {
+              if (!y.validateResponseFormat(e)) {
                 _context29.next = 6;
                 break;
               }
@@ -5410,19 +5440,19 @@ var ui = /*#__PURE__*/function () {
     }
   }]);
 }();
-var _e = /*#__PURE__*/function (_HTMLElement) {
+var we = /*#__PURE__*/function (_HTMLElement) {
   // If this is not working, try using propertyName directly
-  function _e() {
+  function we() {
     var _this14;
-    _classCallCheck(this, _e);
-    _this14 = _callSuper(this, _e), _this14._waitingToRender_ = !1, _this14._propUpdated_ = !1, Object.keys(_e._attributeToProperty_).forEach(function (e) {
-      var t = _e._attributeToProperty_[e];
+    _classCallCheck(this, we);
+    _this14 = _callSuper(this, we), _this14._waitingToRender_ = !1, _this14._propUpdated_ = !1, Object.keys(we._attributeToProperty_).forEach(function (e) {
+      var t = we._attributeToProperty_[e];
       _this14.constructPropertyAccessors(t), _this14.hasOwnProperty(e) || _this14.constructPropertyAccessors(t, e);
     });
     return _this14;
   }
-  _inherits(_e, _HTMLElement);
-  return _createClass(_e, [{
+  _inherits(we, _HTMLElement);
+  return _createClass(we, [{
     key: "constructPropertyAccessors",
     value:
     // need to be called here as accessors need to be set for the class instance
@@ -5441,8 +5471,8 @@ var _e = /*#__PURE__*/function (_HTMLElement) {
     key: "attributeChangedCallback",
     value: function attributeChangedCallback(e, t, i) {
       if (t === i) return;
-      var s = _e._attributes_[e](i),
-        r = _e._attributeToProperty_[e];
+      var s = we._attributes_[e](i),
+        r = we._attributeToProperty_[e];
       this[r] = s;
     }
   }, {
@@ -5451,12 +5481,12 @@ var _e = /*#__PURE__*/function (_HTMLElement) {
   }], [{
     key: "observedAttributes",
     get: function get() {
-      return Object.keys(_e._attributes_) || [];
+      return Object.keys(we._attributes_) || [];
     }
   }]);
 }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
-_e._attributes_ = {}, _e._attributeToProperty_ = {};
-var ls = _e;
+we._attributes_ = {}, we._attributeToProperty_ = {};
+var ls = we;
 var Co = "<?xml version=\"1.0\" standalone=\"no\"?>\n<svg version=\"1.1\"\n\txmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\" xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"\n\txmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"0.9em\" height=\"0.9em\"\n\tviewBox=\"0 0 1200 1200\" enable-background=\"new 0 0 1200 1200\">\n\t\t<path d=\"\n\t\t\tM669.727,273.516c-22.891-2.476-46.15-3.895-69.727-4.248c-103.025,0.457-209.823,25.517-310.913,73.536\n\t\t\tc-75.058,37.122-148.173,89.529-211.67,154.174C46.232,529.978,6.431,577.76,0,628.74c0.76,44.162,48.153,98.67,77.417,131.764\n\t\t\tc59.543,62.106,130.754,113.013,211.67,154.174c2.75,1.335,5.51,2.654,8.276,3.955l-75.072,131.102l102.005,60.286l551.416-960.033\n\t\t\tl-98.186-60.008L669.727,273.516z M902.563,338.995l-74.927,129.857c34.47,44.782,54.932,100.006,54.932,159.888\n\t\t\tc0,149.257-126.522,270.264-282.642,270.264c-6.749,0-13.29-0.728-19.922-1.172l-49.585,85.84c22.868,2.449,45.99,4.233,69.58,4.541\n\t\t\tc103.123-0.463,209.861-25.812,310.84-73.535c75.058-37.122,148.246-89.529,211.743-154.174\n\t\t\tc31.186-32.999,70.985-80.782,77.417-131.764c-0.76-44.161-48.153-98.669-77.417-131.763\n\t\t\tc-59.543-62.106-130.827-113.013-211.743-154.175C908.108,341.478,905.312,340.287,902.563,338.995L902.563,338.995z\n\t\t\tM599.927,358.478c6.846,0,13.638,0.274,20.361,0.732l-58.081,100.561c-81.514,16.526-142.676,85.88-142.676,168.897\n\t\t\tc0,20.854,3.841,40.819,10.913,59.325c0.008,0.021-0.008,0.053,0,0.074l-58.228,100.854\n\t\t\tc-34.551-44.823-54.932-100.229-54.932-160.182C317.285,479.484,443.808,358.477,599.927,358.478L599.927,358.478z M768.896,570.513\n\t\t\tL638.013,797.271c81.076-16.837,141.797-85.875,141.797-168.603C779.81,608.194,775.724,588.729,768.896,570.513L768.896,570.513z\"\n\t\t\t/>\n</svg>\n",
   Ao = "<?xml version=\"1.0\" standalone=\"no\"?>\n<svg version=\"1.1\"\n\txmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\" xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"\n\txmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"0.9em\" height=\"0.9em\"\n\tviewBox=\"0 0 1200 1200\" enable-background=\"new 0 0 1200 1200\">\n\t\t<path id=\"path6686\" inkscape:connector-curvature=\"0\" d=\"M779.843,599.925c0,95.331-80.664,172.612-180.169,172.612\n\t\t\tc-99.504,0-180.168-77.281-180.168-172.612c0-95.332,80.664-172.612,180.168-172.612\n\t\t\tC699.179,427.312,779.843,504.594,779.843,599.925z M600,240.521c-103.025,0.457-209.814,25.538-310.904,73.557\n\t\t\tc-75.058,37.122-148.206,89.496-211.702,154.141C46.208,501.218,6.431,549,0,599.981c0.76,44.161,48.13,98.669,77.394,131.763\n\t\t\tc59.543,62.106,130.786,113.018,211.702,154.179c94.271,45.751,198.616,72.092,310.904,73.557\n\t\t\tc103.123-0.464,209.888-25.834,310.866-73.557c75.058-37.122,148.243-89.534,211.74-154.179\n\t\t\tc31.185-32.999,70.962-80.782,77.394-131.763c-0.76-44.161-48.13-98.671-77.394-131.764\n\t\t\tc-59.543-62.106-130.824-112.979-211.74-154.141C816.644,268.36,712.042,242.2,600,240.521z M599.924,329.769\n\t\t\tc156.119,0,282.675,120.994,282.675,270.251c0,149.256-126.556,270.25-282.675,270.25S317.249,749.275,317.249,600.02\n\t\t\tC317.249,450.763,443.805,329.769,599.924,329.769L599.924,329.769z\"/>\n</svg>\n";
 var ie = /*#__PURE__*/function () {
@@ -5470,16 +5500,16 @@ var ie = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Oe = /*#__PURE__*/function () {
-  function Oe() {
-    _classCallCheck(this, Oe);
+var Ne = /*#__PURE__*/function () {
+  function Ne() {
+    _classCallCheck(this, Ne);
   }
-  return _createClass(Oe, null, [{
+  return _createClass(Ne, null, [{
     key: "changeVisibility",
     value:
     // prettier-ignore
     function changeVisibility(e, t, i, s) {
-      s.target.id === Oe.VISIBLE_ICON_ID ? (t.style.display = "none", i.style.display = "block", e.type = "password") : (t.style.display = "block", i.style.display = "none", e.type = "text");
+      s.target.id === Ne.VISIBLE_ICON_ID ? (t.style.display = "none", i.style.display = "block", e.type = "password") : (t.style.display = "block", i.style.display = "none", e.type = "text");
     }
   }, {
     key: "createIconElement",
@@ -5493,15 +5523,15 @@ var Oe = /*#__PURE__*/function () {
     value: function create(e) {
       var t = document.createElement("div");
       t.id = "visibility-icon-container";
-      var i = Oe.createIconElement(Ao, Oe.VISIBLE_ICON_ID);
+      var i = Ne.createIconElement(Ao, Ne.VISIBLE_ICON_ID);
       i.style.display = "none", t.appendChild(i);
-      var s = Oe.createIconElement(Co, "not-visible-icon");
-      return t.appendChild(s), t.onclick = Oe.changeVisibility.bind(this, e, i, s), t;
+      var s = Ne.createIconElement(Co, "not-visible-icon");
+      return t.appendChild(s), t.onclick = Ne.changeVisibility.bind(this, e, i, s), t;
     }
   }]);
 }();
-Oe.VISIBLE_ICON_ID = "visible-icon";
-var cs = Oe;
+Ne.VISIBLE_ICON_ID = "visible-icon";
+var cs = Ne;
 var H = /*#__PURE__*/function () {
   function H() {
     _classCallCheck(this, H);
@@ -6110,10 +6140,10 @@ var Ks = {
                 this.streamHandlers.abortStream.abort = function () {
                   i.interruptGenerate();
                 }, this.streamHandlers.onOpen();
-                s = new ge(e);
+                s = new ve(e);
                 _context36.next = 4;
                 return i.generate(t, /*#__PURE__*/function () {
-                  var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee35(r, o) {
+                  var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee35(r, o) {
                     var a;
                     return _regeneratorRuntime().wrap(function _callee35$(_context35) {
                       while (1) switch (_context35.prev = _context35.next) {
@@ -6135,7 +6165,7 @@ var Ks = {
                     }, _callee35);
                   }));
                   return function (_x63, _x64) {
-                    return _ref10.apply(this, arguments);
+                    return _ref13.apply(this, arguments);
                   };
                 }());
               case 4:
@@ -6195,30 +6225,30 @@ var Ks = {
       key: "generateResp",
       value: function () {
         var _generateResp = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee38(e, t, i) {
-          var s, _yield$v$processReque5, r, o, a, l, c;
+          var s, _yield$y$processReque5, r, o, a, l, c;
           return _regeneratorRuntime().wrap(function _callee38$(_context38) {
             while (1) switch (_context38.prev = _context38.next) {
               case 0:
                 s = t[t.length - 1].text;
                 _context38.next = 3;
-                return v.processRequestInterceptor(this.deepChat, {
+                return y.processRequestInterceptor(this.deepChat, {
                   body: {
                     text: s
                   }
                 });
               case 3:
-                _yield$v$processReque5 = _context38.sent;
-                r = _yield$v$processReque5.body;
-                o = _yield$v$processReque5.error;
+                _yield$y$processReque5 = _context38.sent;
+                r = _yield$y$processReque5.body;
+                o = _yield$y$processReque5.error;
                 a = !!this.stream;
                 try {
-                  if (o) v.displayError(e, new Error(o)), (a ? this.streamHandlers.onClose : this.completionsHandlers.onFinish)();else if (!r || !r.text) {
+                  if (o) y.displayError(e, new Error(o)), (a ? this.streamHandlers.onClose : this.completionsHandlers.onFinish)();else if (!r || !r.text) {
                     l = M.INVALID_MODEL_REQUEST({
                       body: r
                     }, !1);
                     console.error(l);
                     c = a ? this.streamHandlers.onClose : this.completionsHandlers.onFinish;
-                    v.onInterceptorError(e, l, c);
+                    y.onInterceptorError(e, l, c);
                   } else this.generateRespByType(e, r.text, !!this.stream, i);
                 } catch (l) {
                   this.unloadChat(l);
@@ -6313,7 +6343,7 @@ var Ks = {
                   _context40.next = 11;
                   break;
                 }
-                v.displayError(t, new Error(s.error));
+                y.displayError(t, new Error(s.error));
                 return _context40.abrupt("return");
               case 11:
                 if (!(!s || !s.text)) {
@@ -6321,7 +6351,7 @@ var Ks = {
                   break;
                 }
                 o = M.INVALID_MODEL_RESPONSE(i, !!e.responseInterceptor, s);
-                v.displayError(t, new Error(o));
+                y.displayError(t, new Error(o));
                 return _context40.abrupt("return");
               case 15:
                 return _context40.abrupt("return", s);
@@ -6437,8 +6467,8 @@ var Nt = /*#__PURE__*/function (_z) {
   }]);
 }(z);
 Nt.URL_PREFIX = "https://api-inference.huggingface.co/models/";
-var Ie = Nt;
-var Jt = /*#__PURE__*/function (_Ie) {
+var Le = Nt;
+var Jt = /*#__PURE__*/function (_Le) {
   // prettier-ignore
   function Jt(e, t, i, s, r, o) {
     var _this22;
@@ -6446,7 +6476,7 @@ var Jt = /*#__PURE__*/function (_Ie) {
     _this22 = _callSuper(this, Jt, [e, t, i, s, r, o]), _this22.isTextInputDisabled = !0, _this22.canSendMessage = Jt.canSendFile;
     return _this22;
   }
-  _inherits(Jt, _Ie);
+  _inherits(Jt, _Le);
   return _createClass(Jt, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, i) {
@@ -6490,7 +6520,7 @@ var Jt = /*#__PURE__*/function (_Ie) {
       return !!(t != null && t[0]);
     }
   }]);
-}(Ie);
+}(Le);
 var ko = /*#__PURE__*/function (_Jt) {
   // prettier-ignore
   function ko(e) {
@@ -6591,11 +6621,11 @@ var Mo = /*#__PURE__*/function (_Jt2) {
   }]);
 }(Jt);
 var Zt = "data:image/png;base64,";
-var ve = /*#__PURE__*/function () {
-  function ve() {
-    _classCallCheck(this, ve);
+var Ee = /*#__PURE__*/function () {
+  function Ee() {
+    _classCallCheck(this, Ee);
   }
-  return _createClass(ve, null, [{
+  return _createClass(Ee, null, [{
     key: "buildHeaders",
     value: function buildHeaders(e) {
       return {
@@ -6615,7 +6645,7 @@ var ve = /*#__PURE__*/function () {
       return {
         url: "https://api.stability.ai/v1/engines/list",
         method: "GET",
-        handleVerificationResult: ve.handleVerificationResult
+        handleVerificationResult: Ee.handleVerificationResult
       };
     }
   }]);
@@ -6646,7 +6676,7 @@ var mi = /*#__PURE__*/function (_Oi) {
           }
         }
       };
-    _this24 = _callSuper(this, mi, [e, ve.buildKeyVerificationDetails(), ve.buildHeaders, i, s]), _this24.url = "https://api.stability.ai/v1/generation/esrgan-v1-x2plus/image-to-image/upscale", _this24.textInputPlaceholderText = "Describe image changes", _this24.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Upscale</b></div>\n    <p>Upload an image to generate a new one with higher resolution.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
+    _this24 = _callSuper(this, mi, [e, Ee.buildKeyVerificationDetails(), Ee.buildHeaders, i, s]), _this24.url = "https://api.stability.ai/v1/generation/esrgan-v1-x2plus/image-to-image/upscale", _this24.textInputPlaceholderText = "Describe image changes", _this24.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Upscale</b></div>\n    <p>Upload an image to generate a new one with higher resolution.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var r = (o = t == null ? void 0 : t.stabilityAI) == null ? void 0 : o.imageToImageUpscale;
     _typeof(r) == "object" && (r.engine_id && (_this24.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/image-to-image/upscale")), mi.cleanConfig(r), Object.assign(_this24.rawBody, r)), _this24.canSendMessage = mi.canSendFileMessage;
     return _this24;
@@ -6682,7 +6712,7 @@ var mi = /*#__PURE__*/function (_Oi) {
               throw new Error("Image was not found");
             case 4:
               s = this.createFormDataBody(this.rawBody, i[0]);
-              v.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, s, e), !1);
+              y.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, s, e), !1);
             case 6:
             case "end":
               return _context45.stop();
@@ -6753,7 +6783,7 @@ var gi = /*#__PURE__*/function (_Oi2) {
           }
         }
       };
-    _this25 = _callSuper(this, gi, [e, ve.buildKeyVerificationDetails(), ve.buildHeaders, i, s]), _this25.url = "https://api.stability.ai/v1/generation/stable-diffusion-xl-1024-v1-0/image-to-image/masking", _this25._maskSource = "MASK_IMAGE_WHITE", _this25.textInputPlaceholderText = "Describe image changes", _this25.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Masking</b></div>\n    <p>Upload an image, its mask image to create a new one based on the changes you have described for the mask area.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
+    _this25 = _callSuper(this, gi, [e, Ee.buildKeyVerificationDetails(), Ee.buildHeaders, i, s]), _this25.url = "https://api.stability.ai/v1/generation/stable-diffusion-xl-1024-v1-0/image-to-image/masking", _this25._maskSource = "MASK_IMAGE_WHITE", _this25.textInputPlaceholderText = "Describe image changes", _this25.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI</b></div>\n    <div style=\"width: 100%; text-align: center; margin-left: -10px; margin-top: 5px\"><b>Image to Image Masking</b></div>\n    <p>Upload an image, its mask image to create a new one based on the changes you have described for the mask area.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var r = (o = t == null ? void 0 : t.stabilityAI) == null ? void 0 : o.imageToImageMasking;
     _typeof(r) == "object" && (r.engine_id && (_this25.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/image-to-image/masking")), r.weight !== void 0 && r.weight !== null && (_this25._imageWeight = r.weight), r.mask_source !== void 0 && r.mask_source !== null && (_this25._maskSource = r.mask_source), gi.cleanConfig(r), Object.assign(_this25.rawBody, r)), _this25.canSendMessage = gi.canSendFileTextMessage;
     return _this25;
@@ -6789,7 +6819,7 @@ var gi = /*#__PURE__*/function (_Oi2) {
               throw new Error("Image was not found");
             case 4:
               s = (a = (o = t[t.length - 1]) == null ? void 0 : o.text) == null ? void 0 : a.trim(), r = this.createFormDataBody(this.rawBody, i[0], i[1], s);
-              v.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, r, e), !1);
+              y.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, r, e), !1);
             case 6:
             case "end":
               return _context47.stop();
@@ -6893,7 +6923,7 @@ var Ro = /*#__PURE__*/function (_Jt3) {
     }()
   }]);
 }(Jt);
-var Io = /*#__PURE__*/function (_Ie2) {
+var Io = /*#__PURE__*/function (_Le2) {
   function Io(e) {
     _classCallCheck(this, Io);
     var s, r, o;
@@ -6901,7 +6931,7 @@ var Io = /*#__PURE__*/function (_Ie2) {
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
     return _callSuper(this, Io, [e, "Once upon a time", "gpt2", t, i]);
   }
-  _inherits(Io, _Ie2);
+  _inherits(Io, _Le2);
   return _createClass(Io, [{
     key: "extractResultData",
     value: function () {
@@ -6931,8 +6961,8 @@ var Io = /*#__PURE__*/function (_Ie2) {
       return extractResultData;
     }()
   }]);
-}(Ie);
-var Lo = /*#__PURE__*/function (_Ie3) {
+}(Le);
+var Lo = /*#__PURE__*/function (_Le3) {
   function Lo(e) {
     var _this26;
     _classCallCheck(this, Lo);
@@ -6942,7 +6972,7 @@ var Lo = /*#__PURE__*/function (_Ie3) {
     _this26 = _callSuper(this, Lo, [e, "Ask a question", "bert-large-uncased-whole-word-masking-finetuned-squad", t, i]), _this26.permittedErrorPrefixes = ["Authorization header", "Error in"], _this26.context = t.context;
     return _this26;
   }
-  _inherits(Lo, _Ie3);
+  _inherits(Lo, _Le3);
   return _createClass(Lo, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
@@ -6985,8 +7015,8 @@ var Lo = /*#__PURE__*/function (_Ie3) {
       return extractResultData;
     }()
   }]);
-}(Ie);
-var Po = /*#__PURE__*/function (_Ie4) {
+}(Le);
+var Po = /*#__PURE__*/function (_Le4) {
   function Po(e) {
     _classCallCheck(this, Po);
     var s, r, o;
@@ -6994,7 +7024,7 @@ var Po = /*#__PURE__*/function (_Ie4) {
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
     return _callSuper(this, Po, [e, "Insert text to summarize", "facebook/bart-large-cnn", t, i]);
   }
-  _inherits(Po, _Ie4);
+  _inherits(Po, _Le4);
   return _createClass(Po, [{
     key: "extractResultData",
     value: function () {
@@ -7024,8 +7054,8 @@ var Po = /*#__PURE__*/function (_Ie4) {
       return extractResultData;
     }()
   }]);
-}(Ie);
-var Oo = /*#__PURE__*/function (_Ie5) {
+}(Le);
+var Oo = /*#__PURE__*/function (_Le5) {
   function Oo(e) {
     var _this27$maxMessages;
     var _this27;
@@ -7037,7 +7067,7 @@ var Oo = /*#__PURE__*/function (_Ie5) {
     return _this27;
   }
   // prettier-ignore
-  _inherits(Oo, _Ie5);
+  _inherits(Oo, _Le5);
   return _createClass(Oo, [{
     key: "processMessages",
     value: function processMessages(e) {
@@ -7106,7 +7136,7 @@ var Oo = /*#__PURE__*/function (_Ie5) {
       return extractResultData;
     }()
   }]);
-}(Ie);
+}(Le);
 var bi = /*#__PURE__*/function (_Oi3) {
   function bi(e) {
     var _this28;
@@ -7122,7 +7152,7 @@ var bi = /*#__PURE__*/function (_Oi3) {
           }
         }
       };
-    _this28 = _callSuper(this, bi, [e, ve.buildKeyVerificationDetails(), ve.buildHeaders, i, s]), _this28.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/image-to-image", _this28.textInputPlaceholderText = "Describe image changes", _this28.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI: Image to Image</b></div>\n    <p>Upload an image to create a new one with the changes you have described.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
+    _this28 = _callSuper(this, bi, [e, Ee.buildKeyVerificationDetails(), Ee.buildHeaders, i, s]), _this28.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/image-to-image", _this28.textInputPlaceholderText = "Describe image changes", _this28.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI: Image to Image</b></div>\n    <p>Upload an image to create a new one with the changes you have described.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var r = (o = t.stabilityAI) == null ? void 0 : o.imageToImage;
     _typeof(r) == "object" && (r.engine_id && (_this28.url = "https://api.stability.ai/v1/generation/".concat(r.engine_id, "/text-to-image")), r.weight !== void 0 && r.weight !== null && (_this28._imageWeight = r.weight), bi.cleanConfig(r), Object.assign(_this28.rawBody, r)), _this28.canSendMessage = bi.canSendFileTextMessage;
     return _this28;
@@ -7158,7 +7188,7 @@ var bi = /*#__PURE__*/function (_Oi3) {
               throw new Error("Image was not found");
             case 4:
               s = (a = (o = t[t.length - 1]) == null ? void 0 : o.text) == null ? void 0 : a.trim(), r = this.createFormDataBody(this.rawBody, i[0], s);
-              v.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, r, e), !1);
+              y.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, r, e), !1);
             case 6:
             case "end":
               return _context54.stop();
@@ -7214,7 +7244,7 @@ var bi = /*#__PURE__*/function (_Oi3) {
     }
   }]);
 }(Oi);
-var No = /*#__PURE__*/function (_Ie6) {
+var No = /*#__PURE__*/function (_Le6) {
   function No(e) {
     _classCallCheck(this, No);
     var s, r, o;
@@ -7222,7 +7252,7 @@ var No = /*#__PURE__*/function (_Ie6) {
       i = (o = e.directConnection) == null ? void 0 : o.huggingFace;
     return _callSuper(this, No, [e, "Insert text to translate", "Helsinki-NLP/opus-tatoeba-en-ja", t, i]);
   }
-  _inherits(No, _Ie6);
+  _inherits(No, _Le6);
   return _createClass(No, [{
     key: "extractResultData",
     value: function () {
@@ -7252,7 +7282,7 @@ var No = /*#__PURE__*/function (_Ie6) {
       return extractResultData;
     }()
   }]);
-}(Ie);
+}(Le);
 var vi = /*#__PURE__*/function (_Oi4) {
   function vi(e) {
     var _this29;
@@ -7260,7 +7290,7 @@ var vi = /*#__PURE__*/function (_Oi4) {
     var r;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.stabilityAI;
-    _this29 = _callSuper(this, vi, [e, ve.buildKeyVerificationDetails(), ve.buildHeaders, i]), _this29.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/text-to-image", _this29.textInputPlaceholderText = "Describe an image", _this29.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI: Text to Image</b></div>\n    <p>Insert text to generate an image.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
+    _this29 = _callSuper(this, vi, [e, Ee.buildKeyVerificationDetails(), Ee.buildHeaders, i]), _this29.url = "https://api.stability.ai/v1/generation/stable-diffusion-v1-6/text-to-image", _this29.textInputPlaceholderText = "Describe an image", _this29.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Stability AI: Text to Image</b></div>\n    <p>Insert text to generate an image.</p>\n    <p>Click <a href=\"https://platform.stability.ai/\">here</a> for more info.</p>";
     var s = (r = t.stabilityAI) == null ? void 0 : r.textToImage;
     _typeof(s) == "object" && (s.engine_id && (_this29.url = "https://api.stability.ai/v1/generation/".concat(s.engine_id, "/text-to-image")), s.weight !== void 0 && s.weight !== null && (_this29._imageWeight = s.weight), vi.cleanConfig(s), Object.assign(_this29.rawBody, s)), _this29.canSendMessage = vi.canSendTextMessage;
     return _this29;
@@ -7346,7 +7376,7 @@ var vi = /*#__PURE__*/function (_Oi4) {
     }
   }]);
 }(Oi);
-var Do = /*#__PURE__*/function (_Ie7) {
+var Do = /*#__PURE__*/function (_Le7) {
   function Do(e) {
     var _this30;
     _classCallCheck(this, Do);
@@ -7356,7 +7386,7 @@ var Do = /*#__PURE__*/function (_Ie7) {
     _this30 = _callSuper(this, Do, [e, "The goal of life is [MASK].", "bert-base-uncased", t, i]), _this30.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>Insert a sentence with the word [MASK] and the model will try to fill it for you. E.g. I want [MASK].</p>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this30.permittedErrorPrefixes = ["Authorization header", "No mask_token"];
     return _this30;
   }
-  _inherits(Do, _Ie7);
+  _inherits(Do, _Le7);
   return _createClass(Do, [{
     key: "extractResultData",
     value: function () {
@@ -7386,7 +7416,7 @@ var Do = /*#__PURE__*/function (_Ie7) {
       return extractResultData;
     }()
   }]);
-}(Ie);
+}(Le);
 var L = /*#__PURE__*/function () {
   function L() {
     _classCallCheck(this, L);
@@ -7429,8 +7459,8 @@ var L = /*#__PURE__*/function () {
               s = _args60.length > 3 && _args60[3] !== undefined ? _args60[3] : !0;
               e.connectSettings.method = i;
               _context60.next = 4;
-              return v.fetch(e, e.connectSettings.headers, s, t).then(function (o) {
-                return v.processResponseByType(o);
+              return y.fetch(e, e.connectSettings.headers, s, t).then(function (o) {
+                return y.processResponseByType(o);
               });
             case 4:
               r = _context60.sent;
@@ -7474,10 +7504,10 @@ var ee = /*#__PURE__*/function () {
               return _context62.abrupt("return");
             case 3:
               e.url = s;
-              o = r[v.CONTENT_TYPE];
-              delete r[v.CONTENT_TYPE];
+              o = r[y.CONTENT_TYPE];
+              delete r[y.CONTENT_TYPE];
               a = i.map(/*#__PURE__*/function () {
-                var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee61(l) {
+                var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee61(l) {
                   var c;
                   return _regeneratorRuntime().wrap(function _callee61$(_context61) {
                     while (1) switch (_context61.prev = _context61.next) {
@@ -7493,7 +7523,7 @@ var ee = /*#__PURE__*/function () {
                   }, _callee61);
                 }));
                 return function (_x114) {
-                  return _ref11.apply(this, arguments);
+                  return _ref14.apply(this, arguments);
                 };
               }());
               _context62.prev = 7;
@@ -7506,11 +7536,11 @@ var ee = /*#__PURE__*/function () {
                   name: c.filename
                 };
               });
-              return _context62.abrupt("return", (r[v.CONTENT_TYPE] = o, l));
+              return _context62.abrupt("return", (r[y.CONTENT_TYPE] = o, l));
             case 14:
               _context62.prev = 14;
               _context62.t0 = _context62["catch"](7);
-              throw r[v.CONTENT_TYPE] = o, v.displayError(t, _context62.t0), e.completionsHandlers.onFinish(), _context62.t0;
+              throw r[y.CONTENT_TYPE] = o, y.displayError(t, _context62.t0), e.completionsHandlers.onFinish(), _context62.t0;
             case 17:
             case "end":
               return _context62.stop();
@@ -7536,8 +7566,8 @@ var ee = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee63$(_context63) {
           while (1) switch (_context63.prev = _context63.next) {
             case 0:
-              r = t.map(function (_ref12) {
-                var l = _ref12.fileId;
+              r = t.map(function (_ref15) {
+                var l = _ref15.fileId;
                 return e.url = "".concat(i).concat(l).concat(s), new Promise(function (c) {
                   c(L.directFetch(e, void 0, "GET", !1));
                 });
@@ -7687,7 +7717,7 @@ var ee = /*#__PURE__*/function () {
     value: function parseMessages(e, t, i) {
       var s = [];
       return t.forEach(/*#__PURE__*/function () {
-        var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee67(r) {
+        var _ref16 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee67(r) {
           return _regeneratorRuntime().wrap(function _callee67$(_context67) {
             while (1) switch (_context67.prev = _context67.next) {
               case 0:
@@ -7696,7 +7726,7 @@ var ee = /*#__PURE__*/function () {
                 }).sort(function (o) {
                   return o.text ? -1 : o.image_file ? 1 : 0;
                 }).forEach(/*#__PURE__*/function () {
-                  var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee66(o) {
+                  var _ref17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee66(o) {
                     return _regeneratorRuntime().wrap(function _callee66$(_context66) {
                       while (1) switch (_context66.prev = _context66.next) {
                         case 0:
@@ -7708,7 +7738,7 @@ var ee = /*#__PURE__*/function () {
                     }, _callee66);
                   }));
                   return function (_x129) {
-                    return _ref14.apply(this, arguments);
+                    return _ref17.apply(this, arguments);
                   };
                 }());
               case 1:
@@ -7718,7 +7748,7 @@ var ee = /*#__PURE__*/function () {
           }, _callee67);
         }));
         return function (_x128) {
-          return _ref13.apply(this, arguments);
+          return _ref16.apply(this, arguments);
         };
       }()), Promise.all(s);
     }
@@ -7768,28 +7798,27 @@ var ee = /*#__PURE__*/function () {
   }]);
 }();
 ee.FILES_WITH_TEXT_ERROR = "content with type `text` must have `text` values", ee.FUNCTION_TOOL_RESP_ERROR = "Response must contain an array of strings for each individual function/tool_call, see https://deepchat.dev/docs/directConnection/OpenAI/#assistant-functions.";
-var ye = ee;
-var Ne = /*#__PURE__*/function (_z3) {
-  function Ne(e, t, i, s) {
+var xe = ee;
+var De = /*#__PURE__*/function (_z3) {
+  // prettier-ignore
+  function De(e, t, i, s, r, o) {
     var _this31;
-    _classCallCheck(this, Ne);
-    if (_this31 = _callSuper(this, Ne, [e, L.buildKeyVerificationDetails(), L.buildHeaders, s]), _this31.insertKeyPlaceholderText = "OpenAI API Key", _this31.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this31.url = "", _this31.permittedErrorPrefixes = ["Incorrect", "Please send text", Ht.FAILED_ERROR_MESSAGE], _this31.shouldFetchHistory = !1, _this31.searchedForThreadId = !1, _this31.config = {}, _this31.newAssistantDetails = {
+    _classCallCheck(this, De);
+    if (_this31 = _callSuper(this, De, [e, s, r, o]), _this31.insertKeyPlaceholderText = "OpenAI API Key", _this31.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this31.url = "", _this31.permittedErrorPrefixes = ["Incorrect", "Please send text", Ht.FAILED_ERROR_MESSAGE], _this31.shouldFetchHistory = !1, _this31.searchedForThreadId = !1, _this31.config = {}, _this31.newAssistantDetails = {
       model: "gpt-4"
     }, _this31.waitingForStreamResponse = !1, _this31.isSSEStream = !1, _this31.urlSegments = i, _typeof(t) == "object") {
       _this31.config = t;
       var _this31$config = _this31.config,
-        r = _this31$config.new_assistant,
-        o = _this31$config.thread_id,
-        a = _this31$config.load_thread_history;
-      Object.assign(_this31.newAssistantDetails, r), o && (_this31.sessionId = o), a && (_this31.shouldFetchHistory = !0);
-      var l = t.function_handler;
-      l && (_this31._functionHandler = l), _this31.filesToolType = t.files_tool_type;
+        a = _this31$config.new_assistant,
+        l = _this31$config.thread_id,
+        c = _this31$config.load_thread_history;
+      Object.assign(_this31.newAssistantDetails, a), l && (_this31.sessionId = l), c && (_this31.shouldFetchHistory = !0), _this31.filesToolType = t.files_tool_type;
     }
     _this31.maxMessages = 1, _this31.isSSEStream = !!(_this31.stream && (_typeof(_this31.stream) != "object" || !_this31.stream.simulation));
     return _assertThisInitialized(_this31);
   }
-  _inherits(Ne, _z3);
-  return _createClass(Ne, [{
+  _inherits(De, _z3);
+  return _createClass(De, [{
     key: "fetchHistoryFunc",
     value: function () {
       var _fetchHistoryFunc = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee70() {
@@ -7832,19 +7861,19 @@ var Ne = /*#__PURE__*/function (_z3) {
       if (t && t.length > 0) {
         var r = this.filesToolType;
         if (typeof this.filesToolType == "function") {
-          var a = this.filesToolType(t.map(function (_ref15) {
-            var l = _ref15.name;
+          var a = this.filesToolType(t.map(function (_ref18) {
+            var l = _ref18.name;
             return l;
           }));
           a === "code_interpreter" || a === "file_search" || a === "images" ? r = a : (console.error("Tool type \"".concat(a, "\" is not valid")), console.error('Expected "code_interpreter" or "file_search" or "images". Going to default to "images"'));
         }
-        if (r === "file_search") return Ne.processAttachmentsMessage(s, t, "file_search");
-        if (r === "code_interpreter") return Ne.processAttachmentsMessage(s, t, "code_interpreter");
-        if (t.find(function (_ref16) {
-          var a = _ref16.name;
+        if (r === "file_search") return De.processAttachmentsMessage(s, t, "file_search");
+        if (r === "code_interpreter") return De.processAttachmentsMessage(s, t, "code_interpreter");
+        if (t.find(function (_ref19) {
+          var a = _ref19.name;
           return !B.isImageFileExtension(a);
         })) console.error("The uploaded files contained a non-image file"), console.error('Make sure only images can be uploaded or define a "code_interpreter" or "file_search" value in the "files_tool_type" property'), console.warn('Make sure your existing assistant supports these "tools" or specify them in the "new_assistant" property');else {
-          var _a2 = Ne.processImageMessage(s, t);
+          var _a2 = De.processImageMessage(s, t);
           if (_a2) return _a2;
         }
       }
@@ -7910,13 +7939,13 @@ var Ne = /*#__PURE__*/function (_z3) {
             case 11:
               r.assistant_id = _context71.t0;
             case 12:
-              this.searchedForThreadId || this.searchPreviousMessagesForThreadId(e.messages);
+              this.searchedForThreadId || this.searchPreviousMessagesForThreadId(e.messageToElements);
               if (!i) {
                 _context71.next = 19;
                 break;
               }
               _context71.next = 16;
-              return ye.storeFiles(this, e, i, this.urlSegments.storeFiles);
+              return xe.storeFiles(this, e, i, this.urlSegments.storeFiles);
             case 16:
               _context71.t1 = _context71.sent;
               _context71.next = 20;
@@ -7970,10 +7999,12 @@ var Ne = /*#__PURE__*/function (_z3) {
   }, {
     key: "searchPreviousMessagesForThreadId",
     value: function searchPreviousMessagesForThreadId(e) {
-      var t = e.find(function (i) {
+      var t = e.find(function (_ref20) {
+        var _ref21 = _slicedToArray(_ref20, 1),
+          i = _ref21[0];
         return i._sessionId;
       });
-      t && (this.sessionId = t._sessionId), this.searchedForThreadId = !0;
+      t && (this.sessionId = t[0]._sessionId), this.searchedForThreadId = !0;
     }
     // prettier-ignore
   }, {
@@ -7997,7 +8028,7 @@ var Ne = /*#__PURE__*/function (_z3) {
                 _context73.next = 6;
                 break;
               }
-              throw e.error.message.startsWith(ye.FILES_WITH_TEXT_ERROR) ? Error("Please send text with your file(s)") : e.error.message;
+              throw e.error.message.startsWith(xe.FILES_WITH_TEXT_ERROR) ? Error("Please send text with your file(s)") : e.error.message;
             case 6:
               _context73.next = 8;
               return this.assignThreadAndRun(e);
@@ -8041,7 +8072,7 @@ var Ne = /*#__PURE__*/function (_z3) {
               _context74.next = 9;
               break;
             case 8:
-              this.sessionId = e.thread_id, this.run_id = e.id, this.messages && this.messages.messages.length > 0 && (this.messages.messages[this.messages.messages.length - 1]._sessionId = this.sessionId);
+              this.sessionId = e.thread_id, this.run_id = e.id, this.messages && this.messages.messageToElements.length > 0 && (this.messages.messageToElements[this.messages.messageToElements.length - 1][0]._sessionId = this.sessionId);
             case 9:
             case "end":
               return _context74.stop();
@@ -8081,7 +8112,7 @@ var Ne = /*#__PURE__*/function (_z3) {
             case 9:
               i = _context75.sent;
             case 10:
-              return _context75.abrupt("return", ye.processAPIMessages(this, i, t, this.urlSegments));
+              return _context75.abrupt("return", xe.processAPIMessages(this, i, t, this.urlSegments));
             case 11:
             case "end":
               return _context75.stop();
@@ -8108,7 +8139,7 @@ var Ne = /*#__PURE__*/function (_z3) {
                 break;
               }
               return _context76.abrupt("return", {
-                timeoutMS: Ne.POLLING_TIMEOUT_MS
+                timeoutMS: De.POLLING_TIMEOUT_MS
               });
             case 3:
               if (!(t === "completed" && this.messages)) {
@@ -8182,7 +8213,7 @@ var Ne = /*#__PURE__*/function (_z3) {
                 _context77.next = 8;
                 break;
               }
-              throw Error(ye.FUNCTION_TOOL_RESP_ERROR);
+              throw Error(xe.FUNCTION_TOOL_RESP_ERROR);
             case 8:
               _context77.next = 10;
               return Promise.all(i);
@@ -8194,7 +8225,7 @@ var Ne = /*#__PURE__*/function (_z3) {
                 _context77.next = 13;
                 break;
               }
-              throw Error(ye.FUNCTION_TOOL_RESP_ERROR);
+              throw Error(xe.FUNCTION_TOOL_RESP_ERROR);
             case 13:
               r = s.map(function (l, c) {
                 return {
@@ -8221,7 +8252,7 @@ var Ne = /*#__PURE__*/function (_z3) {
               }, "POST");
             case 22:
               return _context77.abrupt("return", {
-                timeoutMS: Ne.POLLING_TIMEOUT_MS
+                timeoutMS: De.POLLING_TIMEOUT_MS
               });
             case 23:
             case "end":
@@ -8299,7 +8330,7 @@ var Ne = /*#__PURE__*/function (_z3) {
               }
               l = e.content.find(function (d) {
                 return !!d.text;
-              }) || e.content[0], c = ye.getFilesAndText.bind(this, this, {
+              }) || e.content[0], c = xe.getFilesAndText.bind(this, this, {
                 role: "assistant",
                 content: e.content
               }, this.urlSegments, l);
@@ -8323,7 +8354,7 @@ var Ne = /*#__PURE__*/function (_z3) {
                 break;
               }
               _context79.next = 11;
-              return ye.processStreamMessages(this, e.delta.content, this.urlSegments);
+              return xe.processStreamMessages(this, e.delta.content, this.urlSegments);
             case 11:
               _l = _context79.sent;
               return _context79.abrupt("return", {
@@ -8416,19 +8447,23 @@ var Ne = /*#__PURE__*/function (_z3) {
     }
   }]);
 }(z);
-Ne.POLLING_TIMEOUT_MS = 800;
-var yi = Ne;
+De.POLLING_TIMEOUT_MS = 800;
+var yi = De;
 var Ii = /*#__PURE__*/function (_yi) {
   function Ii(e) {
     var _o$headers2, _a$OpenAIBeta;
     var _this34;
     _classCallCheck(this, Ii);
-    var r, o, a;
+    var r, o, a, l, c;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.openAI,
       s = (r = t.openAI) == null ? void 0 : r.assistant;
-    _this34 = _callSuper(this, Ii, [e, s, Ii.URL_SEGMENTS, i]), (_o$headers2 = (o = _this34.connectSettings).headers) !== null && _o$headers2 !== void 0 ? _o$headers2 : o.headers = {}, (_a$OpenAIBeta = (a = _this34.connectSettings.headers)["OpenAI-Beta"]) !== null && _a$OpenAIBeta !== void 0 ? _a$OpenAIBeta : a["OpenAI-Beta"] = "assistants=v2", _this34.shouldFetchHistory && _this34.sessionId && (_this34.fetchHistory = _this34.fetchHistoryFunc.bind(_assertThisInitialized(_this34)));
-    return _this34;
+    if (_this34 = _callSuper(this, Ii, [e, s, Ii.URL_SEGMENTS, L.buildKeyVerificationDetails(), L.buildHeaders, i]), (_o$headers2 = (o = _this34.connectSettings).headers) !== null && _o$headers2 !== void 0 ? _o$headers2 : o.headers = {}, (_a$OpenAIBeta = (a = _this34.connectSettings.headers)["OpenAI-Beta"]) !== null && _a$OpenAIBeta !== void 0 ? _a$OpenAIBeta : a["OpenAI-Beta"] = "assistants=v2", _this34.shouldFetchHistory && _this34.sessionId && (_this34.fetchHistory = _this34.fetchHistoryFunc.bind(_assertThisInitialized(_this34))), _typeof(s) == "object") {
+      var _ref22 = (c = (l = e.directConnection) == null ? void 0 : l.openAI) == null ? void 0 : c.assistant,
+        d = _ref22.function_handler;
+      d && (_this34._functionHandler = d);
+    }
+    return _assertThisInitialized(_this34);
   }
   _inherits(Ii, _yi);
   return _createClass(Ii);
@@ -8595,13 +8630,13 @@ var Ls = /*#__PURE__*/function () {
   }]);
 }();
 Ls.URL_DETAILS_ERROR_MESSAGE = "Please define the Azure URL Details. [More Information](https://deepchat.dev/docs/directConnection/Azure)";
-var me = Ls;
+var oe = Ls;
 var mt = /*#__PURE__*/function (_yi2) {
   function mt(e) {
-    var _f$headers;
+    var _p$headers;
     var _this36;
     _classCallCheck(this, mt);
-    var c, d, h, u, f;
+    var c, d, h, u, f, m, p;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.azure,
       s = (c = t.azure) == null ? void 0 : c.openAI,
@@ -8612,20 +8647,25 @@ var mt = /*#__PURE__*/function (_yi2) {
         threadsPrefix: "".concat(o).concat(mt.THREAD_RESOURCE),
         threadsPosfix: a,
         newAssistantUrl: "".concat(o).concat(mt.NEW_ASSISTANT_RESOURCE).concat(a),
-        createMessagePostfix: "?order=desc&api-version=".concat((u = s == null ? void 0 : s.urlDetails) == null ? void 0 : u.version),
-        listMessagesPostfix: a,
+        createMessagePostfix: a,
+        listMessagesPostfix: "order=desc&api-version=".concat((u = s == null ? void 0 : s.urlDetails) == null ? void 0 : u.version),
         storeFiles: "".concat(o, "files").concat(a),
         getFilesPrefix: "".concat(o, "files/"),
         getFilesPostfix: "/content".concat(a)
       };
-    _this36 = _callSuper(this, mt, [e, s == null ? void 0 : s.assistant, l, i]), _this36.permittedErrorPrefixes = [me.URL_DETAILS_ERROR_MESSAGE], _this36.isTextInputDisabled = !1, me.validateURLDetails(r) ? (_f$headers = (f = _this36.connectSettings).headers) !== null && _f$headers !== void 0 ? _f$headers : f.headers = {} : (_this36.isTextInputDisabled = !0, _this36.canSendMessage = function () {
+    if (_this36 = _callSuper(this, mt, [e, s == null ? void 0 : s.assistant, l, oe.buildKeyVerificationDetails(r), oe.buildHeaders, i]), _this36.permittedErrorPrefixes = [oe.URL_DETAILS_ERROR_MESSAGE], _this36.insertKeyPlaceholderText = "Azure OpenAI API Key", _this36.keyHelpUrl = "https://learn.microsoft.com/en-us/answers/questions/1193991/how-to-get-the-value-of-openai-api-key", _this36.isTextInputDisabled = !1, _typeof(s) == "object") {
+      var _ref23 = (m = (f = e.directConnection) == null ? void 0 : f.azure) == null ? void 0 : m.openAI,
+        v = _ref23.function_handler;
+      v && (_this36._functionHandler = v);
+    }
+    oe.validateURLDetails(r) ? (_p$headers = (p = _this36.connectSettings).headers) !== null && _p$headers !== void 0 ? _p$headers : p.headers = {} : (_this36.isTextInputDisabled = !0, _this36.canSendMessage = function () {
       return !1;
     }, setTimeout(function () {
       e.addMessage({
-        error: me.URL_DETAILS_ERROR_MESSAGE
+        error: oe.URL_DETAILS_ERROR_MESSAGE
       });
     }));
-    return _this36;
+    return _assertThisInitialized(_this36);
   }
   _inherits(mt, _yi2);
   return _createClass(mt);
@@ -8803,26 +8843,26 @@ var gt = /*#__PURE__*/function (_z5) {
 }(z);
 gt.DEFAULT_MODEL = "tts-1", gt.DEFAULT_VOIDE = "alloy";
 var us = gt;
-var ce = /*#__PURE__*/function (_z6) {
-  function ce(e) {
+var de = /*#__PURE__*/function (_z6) {
+  function de(e) {
     var _o$model2;
     var _this38;
-    _classCallCheck(this, ce);
+    _classCallCheck(this, de);
     var r, o;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t == null ? void 0 : t.openAI;
-    _this38 = _callSuper(this, ce, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, {
+    _this38 = _callSuper(this, de, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, {
       audio: {}
-    }]), _this38.insertKeyPlaceholderText = "OpenAI API Key", _this38.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this38.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI : Speech To Text</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text. You can optionally provide text to guide the audio\n      processing.\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/speech-to-text\">here</a> for more info.</p>", _this38.url = "", _this38.permittedErrorPrefixes = ["Invalid"], _this38.textInputPlaceholderText = "Upload an audio file", _this38._service_url = ce.AUDIO_TRANSCRIPTIONS_URL;
+    }]), _this38.insertKeyPlaceholderText = "OpenAI API Key", _this38.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this38.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI : Speech To Text</b></div>\n    <p><b>Upload an audio file</b> to transcribe it into text. You can optionally provide text to guide the audio\n      processing.\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/speech-to-text\">here</a> for more info.</p>", _this38.url = "", _this38.permittedErrorPrefixes = ["Invalid"], _this38.textInputPlaceholderText = "Upload an audio file", _this38._service_url = de.AUDIO_TRANSCRIPTIONS_URL;
     var s = (r = t == null ? void 0 : t.openAI) == null ? void 0 : r.audio;
-    _typeof(s) == "object" && (_this38.processConfig(s), ce.cleanConfig(s), Object.assign(_this38.rawBody, s)), (_o$model2 = (o = _this38.rawBody).model) !== null && _o$model2 !== void 0 ? _o$model2 : o.model = ce.DEFAULT_MODEL, _this38.rawBody.response_format = "json", _this38.canSendMessage = ce.canSendFileMessage;
+    _typeof(s) == "object" && (_this38.processConfig(s), de.cleanConfig(s), Object.assign(_this38.rawBody, s)), (_o$model2 = (o = _this38.rawBody).model) !== null && _o$model2 !== void 0 ? _o$model2 : o.model = de.DEFAULT_MODEL, _this38.rawBody.response_format = "json", _this38.canSendMessage = de.canSendFileMessage;
     return _this38;
   }
-  _inherits(ce, _z6);
-  return _createClass(ce, [{
+  _inherits(de, _z6);
+  return _createClass(de, [{
     key: "processConfig",
     value: function processConfig(e) {
-      e != null && e.type && e.type === "translation" && (this._service_url = ce.AUDIO_TRANSLATIONS_URL, delete e.language);
+      e != null && e.type && e.type === "translation" && (this._service_url = de.AUDIO_TRANSLATIONS_URL, delete e.language);
     }
   }, {
     key: "preprocessBody",
@@ -8854,8 +8894,8 @@ var ce = /*#__PURE__*/function (_z6) {
               throw new Error("No file was added");
             case 4:
               this.url = this.connectSettings.url || this._service_url;
-              s = this.preprocessBody(this.rawBody, t), r = ce.createFormDataBody(s, i[0]);
-              v.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, r, e), !1);
+              s = this.preprocessBody(this.rawBody, t), r = de.createFormDataBody(s, i[0]);
+              y.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, r, e), !1);
             case 7:
             case "end":
               return _context87.stop();
@@ -8914,13 +8954,13 @@ var ce = /*#__PURE__*/function (_z6) {
     }
   }]);
 }(z);
-ce.AUDIO_TRANSCRIPTIONS_URL = "https://api.openai.com/v1/audio/transcriptions", ce.AUDIO_TRANSLATIONS_URL = "https://api.openai.com/v1/audio/translations", ce.DEFAULT_MODEL = "whisper-1";
-var fs = ce;
-var oe = /*#__PURE__*/function () {
-  function oe() {
-    _classCallCheck(this, oe);
+de.AUDIO_TRANSCRIPTIONS_URL = "https://api.openai.com/v1/audio/transcriptions", de.AUDIO_TRANSLATIONS_URL = "https://api.openai.com/v1/audio/translations", de.DEFAULT_MODEL = "whisper-1";
+var fs = de;
+var ae = /*#__PURE__*/function () {
+  function ae() {
+    _classCallCheck(this, ae);
   }
-  return _createClass(oe, null, [{
+  return _createClass(ae, null, [{
     key: "buildTextToSpeechHeaders",
     value: function buildTextToSpeechHeaders(e, t) {
       return {
@@ -8954,7 +8994,7 @@ var oe = /*#__PURE__*/function () {
             "Ocp-Apim-Subscription-Key": "".concat(t)
           };
         },
-        handleVerificationResult: oe.handleSpeechVerificationResult
+        handleVerificationResult: ae.handleSpeechVerificationResult
       };
     }
   }, {
@@ -8983,7 +9023,7 @@ var oe = /*#__PURE__*/function () {
             "Ocp-Apim-Subscription-Key": "".concat(t)
           };
         },
-        handleVerificationResult: oe.handleLanguageVerificationResult
+        handleVerificationResult: ae.handleLanguageVerificationResult
       };
     }
     // prettier-ignore
@@ -9001,9 +9041,9 @@ var oe = /*#__PURE__*/function () {
         url: "https://api.cognitive.microsofttranslator.com/translate?api-version=3.0&to=es",
         method: "POST",
         createHeaders: function createHeaders(t) {
-          return oe.buildTranslationHeaders(e, t);
+          return ae.buildTranslationHeaders(e, t);
         },
-        handleVerificationResult: oe.handleTranslationVerificationResult
+        handleVerificationResult: ae.handleTranslationVerificationResult
       };
     }
   }, {
@@ -9022,7 +9062,7 @@ var Uo = /*#__PURE__*/function (_z7) {
   function Uo(e, t, i, s, r) {
     var _this39;
     _classCallCheck(this, Uo);
-    _this39 = _callSuper(this, Uo, [e, oe.buildLanguageKeyVerificationDetails(i), t, s, r]), _this39.insertKeyPlaceholderText = "Azure Language Subscription Key", _this39.keyHelpUrl =
+    _this39 = _callSuper(this, Uo, [e, ae.buildLanguageKeyVerificationDetails(i), t, s, r]), _this39.insertKeyPlaceholderText = "Azure Language Subscription Key", _this39.keyHelpUrl =
     // eslint-disable-next-line max-len
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal", _this39.permittedErrorPrefixes = ["Access"];
     return _this39;
@@ -9038,7 +9078,7 @@ var Dt = /*#__PURE__*/function (_Uo) {
     var s, r, o, a;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.azure) == null ? void 0 : r.summarization,
       i = (o = e.directConnection) == null ? void 0 : o.azure;
-    _this40 = _callSuper(this, Dt, [e, oe.buildSummarizationHeader, t.endpoint, i]), _this40.permittedErrorPrefixes = [Dt.ENDPOINT_ERROR_MESSAGE], _this40.url = "", _this40.textInputPlaceholderText = "Insert text to summarize", _this40.isTextInputDisabled = !1, t.endpoint ? ((_a$language = (a = _this40.rawBody).language) !== null && _a$language !== void 0 ? _a$language : a.language = "en", Object.assign(_this40.rawBody, t), _this40.url = "".concat(t.endpoint, "/language/analyze-text/jobs?api-version=2022-10-01-preview")) : (_this40.isTextInputDisabled = !0, _this40.canSendMessage = function () {
+    _this40 = _callSuper(this, Dt, [e, ae.buildSummarizationHeader, t.endpoint, i]), _this40.permittedErrorPrefixes = [Dt.ENDPOINT_ERROR_MESSAGE], _this40.url = "", _this40.textInputPlaceholderText = "Insert text to summarize", _this40.isTextInputDisabled = !1, t.endpoint ? ((_a$language = (a = _this40.rawBody).language) !== null && _a$language !== void 0 ? _a$language : a.language = "en", Object.assign(_this40.rawBody, t), _this40.url = "".concat(t.endpoint, "/language/analyze-text/jobs?api-version=2022-10-01-preview")) : (_this40.isTextInputDisabled = !0, _this40.canSendMessage = function () {
       return !1;
     }, setTimeout(function () {
       e.addMessage({
@@ -9387,7 +9427,7 @@ var _n = /*#__PURE__*/function (_z9) {
   function _n(e, t, i, s, r) {
     var _this42;
     _classCallCheck(this, _n);
-    _this42 = _callSuper(this, _n, [e, oe.buildSpeechKeyVerificationDetails(i), t, s, r]), _this42.insertKeyPlaceholderText = "Azure Speech Subscription Key", _this42.keyHelpUrl =
+    _this42 = _callSuper(this, _n, [e, ae.buildSpeechKeyVerificationDetails(i), t, s, r]), _this42.insertKeyPlaceholderText = "Azure Speech Subscription Key", _this42.keyHelpUrl =
     // eslint-disable-next-line max-len
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal";
     return _this42;
@@ -9404,7 +9444,7 @@ var Je = /*#__PURE__*/function (_n2) {
     var s, r, o, a, l, c;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.azure) == null ? void 0 : r.textToSpeech,
       i = (o = e.directConnection) == null ? void 0 : o.azure;
-    _this43 = _callSuper(this, Je, [e, oe.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, i]), _this43.permittedErrorPrefixes = [Je.REGION_ERROR_MESSAGE], _this43.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(Je.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this43.isTextInputDisabled = !1, _this43.url = "", t.region ? (Object.assign(_this43.rawBody, t), (_a$lang = (a = _this43.rawBody).lang) !== null && _a$lang !== void 0 ? _a$lang : a.lang = "en-US", (_l$name = (l = _this43.rawBody).name) !== null && _l$name !== void 0 ? _l$name : l.name = "en-US-JennyNeural", (_c$gender = (c = _this43.rawBody).gender) !== null && _c$gender !== void 0 ? _c$gender : c.gender = "Female", _this43.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1")) : (_this43.isTextInputDisabled = !0, _this43.canSendMessage = function () {
+    _this43 = _callSuper(this, Je, [e, ae.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, i]), _this43.permittedErrorPrefixes = [Je.REGION_ERROR_MESSAGE], _this43.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(Je.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this43.isTextInputDisabled = !1, _this43.url = "", t.region ? (Object.assign(_this43.rawBody, t), (_a$lang = (a = _this43.rawBody).lang) !== null && _a$lang !== void 0 ? _a$lang : a.lang = "en-US", (_l$name = (l = _this43.rawBody).name) !== null && _l$name !== void 0 ? _l$name : l.name = "en-US-JennyNeural", (_c$gender = (c = _this43.rawBody).gender) !== null && _c$gender !== void 0 ? _c$gender : c.gender = "Female", _this43.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1")) : (_this43.isTextInputDisabled = !0, _this43.canSendMessage = function () {
       return !1;
     }, setTimeout(function () {
       e.addMessage({
@@ -9484,10 +9524,10 @@ Je.HELP_LINK =
 // eslint-disable-next-line max-len
 "Please define a region config property. [More Information](https://deepchat.dev/docs/directConnection/Azure#TextToSpeech)";
 var ms = Je;
-var De = /*#__PURE__*/function (_n3) {
-  function De(e) {
+var Fe = /*#__PURE__*/function (_n3) {
+  function Fe(e) {
     var _this44;
-    _classCallCheck(this, De);
+    _classCallCheck(this, Fe);
     var r, o, a;
     var t = (o = (r = e.directConnection) == null ? void 0 : r.azure) == null ? void 0 : o.speechToText,
       i = (a = e.directConnection) == null ? void 0 : a.azure,
@@ -9498,21 +9538,21 @@ var De = /*#__PURE__*/function (_n3) {
           }
         }
       };
-    if (_this44 = _callSuper(this, De, [e, oe.buildSpeechToTextHeaders, t.region, i, s]), _this44.permittedErrorPrefixes = [De.REGION_ERROR_MESSAGE], _this44.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(De.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this44.url = "", _this44.isTextInputDisabled = !0, _this44.textInputPlaceholderText = "Upload an audio file", !t.region) _this44.isTextInputDisabled = !0, _this44.canSendMessage = function () {
+    if (_this44 = _callSuper(this, Fe, [e, ae.buildSpeechToTextHeaders, t.region, i, s]), _this44.permittedErrorPrefixes = [Fe.REGION_ERROR_MESSAGE], _this44.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(Fe.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this44.url = "", _this44.isTextInputDisabled = !0, _this44.textInputPlaceholderText = "Upload an audio file", !t.region) _this44.isTextInputDisabled = !0, _this44.canSendMessage = function () {
       return !1;
     }, setTimeout(function () {
       e.addMessage({
-        error: De.REGION_ERROR_MESSAGE
+        error: Fe.REGION_ERROR_MESSAGE
       });
     });else {
-      _this44.canSendMessage = De.canFileSendMessage;
+      _this44.canSendMessage = Fe.canFileSendMessage;
       var l = t.lang || "en-US";
       _this44.url = "https://".concat(t.region, ".stt.speech.microsoft.com/speech/recognition/conversation/cognitiveservices/v1?language=").concat(l, "&format=detailed"), _this44.recordAudio = void 0;
     }
     return _assertThisInitialized(_this44);
   }
-  _inherits(De, _n3);
-  return _createClass(De, [{
+  _inherits(Fe, _n3);
+  return _createClass(Fe, [{
     key: "callServiceAPI",
     value: function () {
       var _callServiceAPI17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee97(e, t, i) {
@@ -9578,12 +9618,12 @@ var De = /*#__PURE__*/function (_n3) {
     }
   }]);
 }(_n);
-De.HELP_LINK =
+Fe.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", De.REGION_ERROR_MESSAGE =
+"https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest", Fe.REGION_ERROR_MESSAGE =
 // eslint-disable-next-line max-len
 "Please define a region config property. [More Information](https://deepchat.dev/docs/directConnection/Azure#SpeechToText)";
-var gs = De;
+var gs = Fe;
 var jo = /*#__PURE__*/function (_z10) {
   // prettier-ignore
   function jo(e) {
@@ -9592,7 +9632,7 @@ var jo = /*#__PURE__*/function (_z10) {
     var s, r, o;
     var t = (r = (s = e.directConnection) == null ? void 0 : s.azure) == null ? void 0 : r.translation,
       i = (o = e.directConnection) == null ? void 0 : o.azure;
-    _this45 = _callSuper(this, jo, [e, oe.buildTranslationKeyVerificationDetails(t.region), oe.buildTranslationHeaders.bind({}, t == null ? void 0 : t.region), i]), _this45.insertKeyPlaceholderText = "Azure Translate Subscription Key", _this45.keyHelpUrl =
+    _this45 = _callSuper(this, jo, [e, ae.buildTranslationKeyVerificationDetails(t.region), ae.buildTranslationHeaders.bind({}, t == null ? void 0 : t.region), i]), _this45.insertKeyPlaceholderText = "Azure Translate Subscription Key", _this45.keyHelpUrl =
     // eslint-disable-next-line max-len
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal", _this45.url = "", _this45.url = "https://api.cognitive.microsofttranslator.com/translate?api-version=3.0&to=".concat(t.language || "es");
     return _this45;
@@ -9678,8 +9718,8 @@ var vt = /*#__PURE__*/function (_z11) {
     var d = r || ((h = o.openAI) == null ? void 0 : h.chat);
     if (_typeof(d) == "object") {
       d.system_prompt && (_this46._systemMessage = vt.generateSystemMessage(d.system_prompt));
-      var _ref17 = (f = (u = e.directConnection) == null ? void 0 : u.openAI) == null ? void 0 : f.chat,
-        p = _ref17.function_handler;
+      var _ref24 = (f = (u = e.directConnection) == null ? void 0 : u.openAI) == null ? void 0 : f.chat,
+        p = _ref24.function_handler;
       p && (_this46._functionHandler = p), _this46.cleanConfig(d), Object.assign(_this46.rawBody, d);
     }
     (_this46$maxMessages = _this46.maxMessages) !== null && _this46$maxMessages !== void 0 ? _this46$maxMessages : _this46.maxMessages = -1, (_m$model = (m = _this46.rawBody).model) !== null && _m$model !== void 0 ? _m$model : m.model = "gpt-4o";
@@ -9870,7 +9910,7 @@ var vt = /*#__PURE__*/function (_z11) {
               _context104.prev = 17;
               _context104.next = 20;
               return t == null ? void 0 : t(s).then(function (f) {
-                return v.processResponseByType(f);
+                return y.processResponseByType(f);
               });
             case 20:
               _u = _context104.sent;
@@ -9944,19 +9984,24 @@ var As = /*#__PURE__*/function (_vt) {
   function As(e) {
     var _this48;
     _classCallCheck(this, As);
-    var o, a, l, c;
+    var o, a, l, c, d, h, u;
     var t = JSON.parse(JSON.stringify(e.directConnection)),
       i = t.azure,
       s = ((a = (o = t.azure) == null ? void 0 : o.openAI) == null ? void 0 : a.urlDetails) || {},
       r = (c = (l = t.azure) == null ? void 0 : l.openAI) == null ? void 0 : c.chat;
-    _this48 = _callSuper(this, As, [e, me.buildKeyVerificationDetails(s), me.buildHeaders, i, r]), _this48.permittedErrorPrefixes = [me.URL_DETAILS_ERROR_MESSAGE], _this48.isTextInputDisabled = !1, me.validateURLDetails(s) ? _this48.url = As.buildURL(s) : (_this48.isTextInputDisabled = !0, _this48.canSendMessage = function () {
+    if (_this48 = _callSuper(this, As, [e, oe.buildKeyVerificationDetails(s), oe.buildHeaders, i, r]), _this48.permittedErrorPrefixes = [oe.URL_DETAILS_ERROR_MESSAGE], _this48.isTextInputDisabled = !1, _typeof(r) == "object") {
+      var _ref25 = (u = (h = (d = e.directConnection) == null ? void 0 : d.azure) == null ? void 0 : h.openAI) == null ? void 0 : u.chat,
+        f = _ref25.function_handler;
+      f && (_this48._functionHandler = f);
+    }
+    oe.validateURLDetails(s) ? _this48.url = As.buildURL(s) : (_this48.isTextInputDisabled = !0, _this48.canSendMessage = function () {
       return !1;
     }, setTimeout(function () {
       e.addMessage({
-        error: me.URL_DETAILS_ERROR_MESSAGE
+        error: oe.URL_DETAILS_ERROR_MESSAGE
       });
     }));
-    return _this48;
+    return _assertThisInitialized(_this48);
   }
   _inherits(As, _vt);
   return _createClass(As, null, [{
@@ -9969,10 +10014,10 @@ var As = /*#__PURE__*/function (_vt) {
     }
   }]);
 }(vt);
-var de = /*#__PURE__*/function (_z12) {
-  function de(e) {
+var he = /*#__PURE__*/function (_z12) {
+  function he(e) {
     var _this49;
-    _classCallCheck(this, de);
+    _classCallCheck(this, he);
     var o;
     var t = e.directConnection,
       i = t == null ? void 0 : t.openAI,
@@ -9984,7 +10029,7 @@ var de = /*#__PURE__*/function (_z12) {
           }
         }
       };
-    _this49 = _callSuper(this, de, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, s]), _this49.insertKeyPlaceholderText = "OpenAI API Key", _this49.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this49.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI DALL\xB7E</b></div>\n    <p><b>Insert text</b> to generate an image.</p>\n    <p><b>Upload 1</b> PNG image to generate its variation and optionally insert text to specify the change.</p>\n    <p><b>Upload 2</b> PNG images where the second is a copy of the first with a transparent area where the edit should\n      take place and text to specify the edit.</p>\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/images/introduction\">here</a> for more info.</p>", _this49.url = "", _this49.permittedErrorPrefixes = ["Incorrect", "Invalid input image"];
+    _this49 = _callSuper(this, he, [e, L.buildKeyVerificationDetails(), L.buildHeaders, i, s]), _this49.insertKeyPlaceholderText = "OpenAI API Key", _this49.keyHelpUrl = "https://platform.openai.com/account/api-keys", _this49.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>OpenAI DALL\xB7E</b></div>\n    <p><b>Insert text</b> to generate an image.</p>\n    <p><b>Upload 1</b> PNG image to generate its variation and optionally insert text to specify the change.</p>\n    <p><b>Upload 2</b> PNG images where the second is a copy of the first with a transparent area where the edit should\n      take place and text to specify the edit.</p>\n    <p>Click <a href=\"https://platform.openai.com/docs/guides/images/introduction\">here</a> for more info.</p>", _this49.url = "", _this49.permittedErrorPrefixes = ["Incorrect", "Invalid input image"];
     var r = (o = t == null ? void 0 : t.openAI) == null ? void 0 : o.images;
     if (_this49.camera) {
       var a = _typeof(r) == "object" && r.size ? Number.parseInt(r.size) : 1024;
@@ -9995,11 +10040,11 @@ var de = /*#__PURE__*/function (_z12) {
         }
       };
     }
-    _typeof(r) == "object" && Object.assign(_this49.rawBody, r), _this49.canSendMessage = de.canFileSendMessage;
+    _typeof(r) == "object" && Object.assign(_this49.rawBody, r), _this49.canSendMessage = he.canFileSendMessage;
     return _this49;
   }
-  _inherits(de, _z12);
-  return _createClass(de, [{
+  _inherits(he, _z12);
+  return _createClass(he, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
       var i = JSON.parse(JSON.stringify(e));
@@ -10013,11 +10058,11 @@ var de = /*#__PURE__*/function (_z12) {
       var s;
       var r = (a = (o = t[t.length - 1]) == null ? void 0 : o.text) == null ? void 0 : a.trim();
       if (i[1] || r && r !== "") {
-        this.url = de.IMAGE_EDIT_URL;
+        this.url = he.IMAGE_EDIT_URL;
         var l = this.preprocessBody(this.rawBody, r);
-        s = de.createFormDataBody(l, i[0], i[1]);
-      } else this.url = de.IMAGE_VARIATIONS_URL, s = de.createFormDataBody(this.rawBody, i[0]);
-      v.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, s, e), !1);
+        s = he.createFormDataBody(l, i[0], i[1]);
+      } else this.url = he.IMAGE_VARIATIONS_URL, s = he.createFormDataBody(this.rawBody, i[0]);
+      y.tempRemoveContentHeader(this.connectSettings, T.request.bind(this, this, s, e), !1);
     }
   }, {
     key: "callServiceAPI",
@@ -10047,7 +10092,7 @@ var de = /*#__PURE__*/function (_z12) {
               }
               throw new Error("Request settings have not been set up");
             case 8:
-              this.url = de.IMAGE_GENERATION_URL;
+              this.url = he.IMAGE_GENERATION_URL;
               r = this.preprocessBody(this.rawBody, t[t.length - 1].text);
               T.request(this, r, e);
             case 11:
@@ -10119,8 +10164,8 @@ var de = /*#__PURE__*/function (_z12) {
     }
   }]);
 }(z);
-de.IMAGE_GENERATION_URL = "https://api.openai.com/v1/images/generations", de.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variations", de.IMAGE_EDIT_URL = "https://api.openai.com/v1/images/edits";
-var bs = de;
+he.IMAGE_GENERATION_URL = "https://api.openai.com/v1/images/generations", he.IMAGE_VARIATIONS_URL = "https://api.openai.com/v1/images/variations", he.IMAGE_EDIT_URL = "https://api.openai.com/v1/images/edits";
+var bs = he;
 var Ho = /*#__PURE__*/function (_Ts3) {
   function Ho(e) {
     var _this50$maxMessages;
@@ -10444,11 +10489,11 @@ var Go = /*#__PURE__*/function () {
   }]);
 }();
 var Vo = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \n\t viewBox=\"50 30 420 450\" xml:space=\"preserve\">\n<g filter=\"brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(1942%) hue-rotate(215deg) brightness(99%) contrast(93%)\">\n\t<g>\n\t\t<path d=\"M447.933,103.629c-0.034-3.076-1.224-6.09-3.485-8.352L352.683,3.511c-0.004-0.004-0.007-0.005-0.011-0.008\n\t\t\tC350.505,1.338,347.511,0,344.206,0H89.278C75.361,0,64.04,11.32,64.04,25.237v461.525c0,13.916,11.32,25.237,25.237,25.237\n\t\t\th333.444c13.916,0,25.237-11.32,25.237-25.237V103.753C447.96,103.709,447.937,103.672,447.933,103.629z M356.194,40.931\n\t\t\tl50.834,50.834h-49.572c-0.695,0-1.262-0.567-1.262-1.262V40.931z M423.983,486.763c0,0.695-0.566,1.261-1.261,1.261H89.278\n\t\t\tc-0.695,0-1.261-0.566-1.261-1.261V25.237c0-0.695,0.566-1.261,1.261-1.261h242.94v66.527c0,13.916,11.322,25.239,25.239,25.239\n\t\t\th66.527V486.763z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,164.014H149.912c-6.62,0-11.988,5.367-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,169.381,368.707,164.014,362.088,164.014z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,236.353H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,241.721,368.707,236.353,362.088,236.353z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,308.691H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C374.076,314.06,368.707,308.691,362.088,308.691z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M256,381.031H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988H256\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C267.988,386.398,262.62,381.031,256,381.031z\"/>\n\t</g>\n</g>\n</svg>";
-var Pe = /*#__PURE__*/function () {
-  function Pe() {
-    _classCallCheck(this, Pe);
+var Oe = /*#__PURE__*/function () {
+  function Oe() {
+    _classCallCheck(this, Oe);
   }
-  return _createClass(Pe, null, [{
+  return _createClass(Oe, null, [{
     key: "createImage",
     value: function createImage(e, t, i) {
       var s = new Image();
@@ -10463,7 +10508,7 @@ var Pe = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee111$(_context111) {
           while (1) switch (_context111.prev = _context111.next) {
             case 0:
-              r = Pe.createImage(t, e.elementRef, s), o = e.createNewMessageElement("", i);
+              r = Oe.createImage(t, e.elementRef, s), o = e.createNewMessageElement("", i);
               o.bubbleElement.appendChild(r), o.bubbleElement.classList.add("image-message"), B.addMessage(e, o, "image", i, s);
             case 2:
             case "end":
@@ -10485,7 +10530,7 @@ var Pe = /*#__PURE__*/function () {
   }, {
     key: "addNewAudioMessage",
     value: function addNewAudioMessage(e, t, i, s) {
-      var r = Pe.createAudioElement(t, i),
+      var r = Oe.createAudioElement(t, i),
         o = e.createMessageElementsOnOrientation("", i, s);
       o.bubbleElement.appendChild(r), o.bubbleElement.classList.add("audio-message"), B.addMessage(e, o, "audio", i, s);
     }
@@ -10505,7 +10550,7 @@ var Pe = /*#__PURE__*/function () {
     key: "addNewAnyFileMessage",
     value: function addNewAnyFileMessage(e, t, i, s) {
       var r = e.createMessageElementsOnOrientation("", i, s),
-        o = Pe.createAnyFile(t);
+        o = Oe.createAnyFile(t);
       r.bubbleElement.classList.add("any-file-message-bubble"), r.bubbleElement.appendChild(o), B.addMessage(e, r, "file", i, s);
     }
     // no overwrite previous message logic as it is complex to track which files are to be overwritten
@@ -10513,33 +10558,37 @@ var Pe = /*#__PURE__*/function () {
     key: "addMessages",
     value: function addMessages(e, t, i, s) {
       t.forEach(function (r) {
-        r.ref && (r = B.removeFileRef(r)), B.isAudioFile(r) ? Pe.addNewAudioMessage(e, r, i, s) : B.isImageFile(r) ? Pe.addNewImageMessage(e, r, i, s) : Pe.addNewAnyFileMessage(e, r, i, s);
+        r.ref && (r = B.removeFileRef(r)), B.isAudioFile(r) ? Oe.addNewAudioMessage(e, r, i, s) : B.isImageFile(r) ? Oe.addNewImageMessage(e, r, i, s) : Oe.addNewAnyFileMessage(e, r, i, s);
       });
     }
   }]);
 }();
-var Ee = /*#__PURE__*/function (_Fe) {
-  function Ee(e, t, i) {
+var me = /*#__PURE__*/function (_Be) {
+  function me(e, t, i) {
     var _this52;
-    _classCallCheck(this, Ee);
+    _classCallCheck(this, me);
     var a, l;
-    _this52 = _callSuper(this, Ee, [e]);
+    _this52 = _callSuper(this, me, [e]);
     var s = t.permittedErrorPrefixes,
       r = t.introPanelMarkUp,
       o = t.demo;
-    _this52._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this52._onClearMessages = hi.onClearMessages.bind(_this52, e), _this52._onError = hi.onError.bind(_this52, e), _this52._displayLoadingMessage = Ee.getDisplayLoadingMessage(e, t), _this52._permittedErrorPrefixes = s, _this52.addSetupMessageIfNeeded(e, t) || _this52.populateIntroPanel(i, r, e.introPanelStyle), _this52.addIntroductoryMessages(e, t), new Ht(e, _this52, t), _this52._displayServiceErrorMessages = (l = e.errorMessages) == null ? void 0 : l.displayServiceErrorMessages, e.getMessages = function () {
-      return JSON.parse(JSON.stringify(_this52.messages));
+    _this52._errorMessageOverrides = (a = e.errorMessages) == null ? void 0 : a.overrides, _this52._onClearMessages = hi.onClearMessages.bind(_this52, e), _this52._onError = hi.onError.bind(_this52, e), _this52._displayLoadingMessage = me.getDisplayLoadingMessage(e, t), _this52._permittedErrorPrefixes = s, _this52.addSetupMessageIfNeeded(e, t) || _this52.populateIntroPanel(i, r, e.introPanelStyle), _this52.addIntroductoryMessages(e, t), new Ht(e, _this52, t), _this52._displayServiceErrorMessages = (l = e.errorMessages) == null ? void 0 : l.displayServiceErrorMessages, e.getMessages = function () {
+      return JSON.parse(JSON.stringify(_this52.messageToElements.map(function (_ref26) {
+        var _ref27 = _slicedToArray(_ref26, 1),
+          c = _ref27[0];
+        return c;
+      })));
     }, e.clearMessages = _this52.clearMessages.bind(_this52, t), e.refreshMessages = _this52.refreshTextMessages.bind(_this52), e.scrollToBottom = J.scrollToBottom.bind(_this52, _this52.elementRef), e.addMessage = function (c, d) {
       _this52.addAnyMessage(_objectSpread(_objectSpread({}, c), {}, {
         sendUpdate: !!d
       }), !d);
-    }, t.isWebModel() && t.setUpMessages(_this52), o && _this52.prepareDemo(o), e.textToSpeech && bt.processConfig(e.textToSpeech, function (c) {
+    }, e.updateHTMLMessage = _this52.updateHTMLMessage.bind(_this52), t.isWebModel() && t.setUpMessages(_this52), o && _this52.prepareDemo(o), e.textToSpeech && bt.processConfig(e.textToSpeech, function (c) {
       _this52.textToSpeech = c;
     });
     return _this52;
   }
-  _inherits(Ee, _Fe);
-  return _createClass(Ee, [{
+  _inherits(me, _Be);
+  return _createClass(me, [{
     key: "prepareDemo",
     value: function prepareDemo(e) {
       _typeof(e) == "object" && (e.response && (this.customDemoResponse = e.response), e.displayErrors && (e.displayErrors["default"] && this.addNewErrorMessage("", ""), e.displayErrors.service && this.addNewErrorMessage("service", ""), e.displayErrors.speechToText && this.addNewErrorMessage("speechToText", "")), e.displayLoadingBubble && this.addLoadingMessage());
@@ -10571,7 +10620,7 @@ var Ee = /*#__PURE__*/function (_Fe) {
     value: function addIntroductoryMessage(e) {
       var i;
       var t;
-      e != null && e.text ? t = this.createAndAppendNewMessageElement(e.text, b.AI_ROLE) : e != null && e.html && (t = Be.add(this, e.html, b.AI_ROLE, this.messageElementRefs)), t && (this.applyCustomStyles(t, b.AI_ROLE, !1, (i = this.messageStyles) == null ? void 0 : i.intro), t.outerContainer.classList.add("deep-chat-intro"));
+      e != null && e.text ? t = this.createAndAppendNewMessageElement(e.text, b.AI_ROLE) : e != null && e.html && (t = be.add(this, e.html, b.AI_ROLE, this.messageElementRefs)), t && (this.applyCustomStyles(t, b.AI_ROLE, !1, (i = this.messageStyles) == null ? void 0 : i.intro), t.outerContainer.classList.add("deep-chat-intro"));
     }
   }, {
     key: "removeIntroductoryMessage",
@@ -10592,13 +10641,16 @@ var Ee = /*#__PURE__*/function (_Fe) {
     value: function addNewMessage(e) {
       var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      var s = Ee.createMessageContent(e),
+      var s = me.createMessageContent(e),
         r = {
           status: e.overwrite
         };
-      if (!e.ignoreText && s.text !== void 0 && e.text !== null && (this.addNewTextMessage(s.text, s.role, r, i), !t && this.textToSpeech && s.role !== b.USER_ROLE && bt.speak(s.text, this.textToSpeech)), s.files && Array.isArray(s.files) && Pe.addMessages(this, s.files, s.role, i), s.html !== void 0 && s.html !== null) {
-        var o = Be.add(this, s.html, s.role, this.messageElementRefs, r, i);
-        Me.isElementTemporary(o) && delete s.html;
+      if (!e.ignoreText && s.text !== void 0 && e.text !== null && (this.addNewTextMessage(s.text, s.role, r, i), !t && this.textToSpeech && s.role !== b.USER_ROLE && bt.speak(s.text, this.textToSpeech)), s.files && Array.isArray(s.files) && Oe.addMessages(this, s.files, s.role, i), s.html !== void 0 && s.html !== null) {
+        var o = be.add(this, s.html, s.role, this.messageElementRefs, r, i);
+        if (Re.isElementTemporary(o) && delete s.html, s.html) {
+          var a = [o, s];
+          b.updateRefArr(this.htmlElementsToMessage, a, i);
+        }
       }
       return this.isValidMessageContent(s) && !i && this.updateStateOnMessage(s, e.overwrite, e.sendUpdate, t), s;
     }
@@ -10612,7 +10664,11 @@ var Ee = /*#__PURE__*/function (_Fe) {
     value: function updateStateOnMessage(e, t) {
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      t || this.messages.push(e), i && this.sendClientUpdate(e, s);
+      if (!t) {
+        var r = b.getNumberOfElements(e);
+        this.messageToElements.push([e, this.messageElementRefs.slice(this.messageElementRefs.length - r)]);
+      }
+      i && this.sendClientUpdate(e, s);
     }
     // prettier-ignore
   }, {
@@ -10620,7 +10676,7 @@ var Ee = /*#__PURE__*/function (_Fe) {
     value: function removeMessageOnError() {
       var e = this.messageElementRefs[this.messageElementRefs.length - 1],
         t = e == null ? void 0 : e.bubbleElement;
-      (t != null && t.classList.contains(ge.MESSAGE_CLASS) && t.textContent === "" || Ee.isTemporaryElement(e)) && this.removeLastMessage();
+      (t != null && t.classList.contains(ve.MESSAGE_CLASS) && t.textContent === "" || me.isTemporaryElement(e)) && this.removeLastMessage();
     }
     // prettier-ignore
   }, {
@@ -10642,13 +10698,13 @@ var Ee = /*#__PURE__*/function (_Fe) {
     key: "getPermittedMessage",
     value: function getPermittedMessage(e) {
       if (e) {
-        var t = Ee.extractErrorMessages(e);
+        var t = me.extractErrorMessages(e);
         for (var _i13 = 0; _i13 < t.length; _i13 += 1) {
           var s = t[_i13];
           if (typeof s == "string") {
             if (this._displayServiceErrorMessages) return s;
             if (this._permittedErrorPrefixes) {
-              var r = Ee.checkPermittedErrorPrefixes(this._permittedErrorPrefixes, s);
+              var r = me.checkPermittedErrorPrefixes(this._permittedErrorPrefixes, s);
               if (r) return r;
             }
           }
@@ -10665,9 +10721,9 @@ var Ee = /*#__PURE__*/function (_Fe) {
     value: function addDefaultLoadingMessage() {
       var e = this.createMessageElements("", b.AI_ROLE),
         t = e.bubbleElement;
-      e.bubbleElement.classList.add(ke.DOTS_CONTAINER_CLASS);
+      e.bubbleElement.classList.add(Me.DOTS_CONTAINER_CLASS);
       var i = document.createElement("div");
-      return i.classList.add("loading-message-dots"), t.appendChild(i), ke.setDots(t, this.messageStyles), e;
+      return i.classList.add("loading-message-dots"), t.appendChild(i), Me.setDots(t, this.messageStyles), e;
     }
   }, {
     key: "addLoadingMessage",
@@ -10675,8 +10731,8 @@ var Ee = /*#__PURE__*/function (_Fe) {
       var i, s, r, o, a, l;
       if (!this._displayLoadingMessage) return;
       var e = (r = (s = (i = this.messageStyles) == null ? void 0 : i.loading) == null ? void 0 : s.message) == null ? void 0 : r.html,
-        t = e ? Be.createElements(this, e, b.AI_ROLE, !1) : this.addDefaultLoadingMessage();
-      this.elementRef.appendChild(t.outerContainer), t.bubbleElement.classList.add(ke.BUBBLE_CLASS), this.applyCustomStyles(t, b.AI_ROLE, !1, (l = (a = (o = this.messageStyles) == null ? void 0 : o.loading) == null ? void 0 : a.message) == null ? void 0 : l.styles), J.scrollToBottom(this.elementRef);
+        t = e ? be.createElements(this, e, b.AI_ROLE, !1) : this.addDefaultLoadingMessage();
+      this.elementRef.appendChild(t.outerContainer), t.bubbleElement.classList.add(Me.BUBBLE_CLASS), this.applyCustomStyles(t, b.AI_ROLE, !1, (l = (a = (o = this.messageStyles) == null ? void 0 : o.loading) == null ? void 0 : a.message) == null ? void 0 : l.styles), J.scrollToBottom(this.elementRef);
     }
   }, {
     key: "populateIntroPanel",
@@ -10726,21 +10782,41 @@ var Ee = /*#__PURE__*/function (_Fe) {
     key: "clearMessages",
     value:
     // WORK - update all message classes to use deep-chat prefix
+    // WORK - should retain the messages objects
     function clearMessages(e, t) {
-      var r, o;
+      var _this$messageToElemen;
+      var o, a;
       var i = [],
         s = [];
-      this.messageElementRefs.forEach(function (a) {
-        var l = a.bubbleElement.classList;
-        Ee.isActiveElement(l) ? i.push(a) : a.outerContainer.remove();
-      }), this.textElementsToText.forEach(function (a) {
-        var l = a[0].bubbleElement.classList;
-        Ee.isActiveElement(l) && s.push(a);
-      }), Array.from(this.elementRef.children).forEach(function (a) {
-        var c;
-        var l = (c = a.children[0]) == null ? void 0 : c.children[0];
-        l != null && l.classList.contains("error-message-text") && a.remove();
-      }), this.messageElementRefs = i, this.messages.splice(0, this.messages.length), t !== !1 && ((r = this._introPanel) != null && r._elementRef && this._introPanel.display(), this.addIntroductoryMessages()), this.textElementsToText = s, (o = this._onClearMessages) == null || o.call(this), delete e.sessionId;
+      this.messageElementRefs.forEach(function (l) {
+        me.isActiveElement(l.bubbleElement.classList) ? i.push(l) : l.outerContainer.remove();
+      }), this.textElementsToText.forEach(function (l) {
+        var c = l[0].bubbleElement.classList;
+        me.isActiveElement(c) && s.push(l);
+      }), Array.from(this.elementRef.children).forEach(function (l) {
+        var d;
+        var c = (d = l.children[0]) == null ? void 0 : d.children[0];
+        c != null && c.classList.contains("error-message-text") && l.remove();
+      }), this.messageElementRefs = i;
+      var r = this.messageToElements.filter(function (l) {
+        return l[0].text !== void 0 || l[0].html !== void 0 ? l[1].find(function (c) {
+          return me.isActiveElement(c.bubbleElement.classList);
+        }) : !1;
+      });
+      (_this$messageToElemen = this.messageToElements).splice.apply(_this$messageToElemen, [0, this.messageToElements.length].concat(_toConsumableArray(r))), t !== !1 && ((o = this._introPanel) != null && o._elementRef && this._introPanel.display(), this.addIntroductoryMessages()), this.textElementsToText = s, (a = this._onClearMessages) == null || a.call(this), delete e.sessionId;
+    }
+  }, {
+    key: "updateHTMLMessage",
+    value: function updateHTMLMessage(e, t) {
+      if (e === void 0 || typeof e != "string") return console.error("The first argument of updateHTMLMessage must be of type String");
+      if (t === void 0 || typeof t != "number") return console.error("The second argument of updateHTMLMessage must be of type Number");
+      var i = Math.floor(t),
+        s = this.messageToElements[i][0];
+      if (!(s != null && s.html)) return console.error("The message at index ".concat(i, " does not contain a 'html' message"));
+      var r = this.htmlElementsToMessage.find(function (o) {
+        return o[1] === s;
+      });
+      if (r) be.overwrite(this, e, r[0]), r[1].html = e;else return console.error("Deep Chat error - HTML message was not found");
     }
   }], [{
     key: "getDisplayLoadingMessage",
@@ -10761,10 +10837,10 @@ var Ee = /*#__PURE__*/function (_Fe) {
   }, {
     key: "isActiveElement",
     value: function isActiveElement(e) {
-      return e.contains(ke.BUBBLE_CLASS) || e.contains(Qe.CLASS) || e.contains(ge.MESSAGE_CLASS);
+      return e.contains(Me.BUBBLE_CLASS) || e.contains(Qe.CLASS) || e.contains(ve.MESSAGE_CLASS);
     }
   }]);
-}(Fe);
+}(Be);
 var N = /*#__PURE__*/function () {
   function N() {
     _classCallCheck(this, N);
@@ -10885,11 +10961,11 @@ var W = /*#__PURE__*/function () {
   }]);
 }();
 var $o = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M16 0c-8.836 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 30.032c-7.72 0-14-6.312-14-14.032s6.28-14 14-14 14 6.28 14 14-6.28 14.032-14 14.032zM23 15h-6v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1v6h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h6v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6h6c0.552 0 1-0.448 1-1s-0.448-1-1-1z\"></path>\n</svg>";
-var ue = /*#__PURE__*/function () {
-  function ue() {
-    _classCallCheck(this, ue);
+var fe = /*#__PURE__*/function () {
+  function fe() {
+    _classCallCheck(this, fe);
   }
-  return _createClass(ue, null, [{
+  return _createClass(fe, null, [{
     key: "unsetAllCSS",
     value: function unsetAllCSS(e, t) {
       var i, s;
@@ -10910,7 +10986,7 @@ var ue = /*#__PURE__*/function () {
   }, {
     key: "setElementCssUpToState",
     value: function setElementCssUpToState(e, t, i) {
-      ue.setElementsCSS(e, t, "default"), i !== "default" && (ue.setElementsCSS(e, t, "hover"), i !== "hover" && ue.setElementsCSS(e, t, "click"));
+      fe.setElementsCSS(e, t, "default"), i !== "default" && (fe.setElementsCSS(e, t, "hover"), i !== "hover" && fe.setElementsCSS(e, t, "click"));
     }
   }]);
 }();
@@ -10924,22 +11000,22 @@ var Xt = /*#__PURE__*/function () {
   return _createClass(Xt, [{
     key: "buttonMouseLeave",
     value: function buttonMouseLeave(e) {
-      this._mouseState.state = "default", e && (ue.unsetAllCSS(this.elementRef, e), ue.setElementsCSS(this.elementRef, e, "default"));
+      this._mouseState.state = "default", e && (fe.unsetAllCSS(this.elementRef, e), fe.setElementsCSS(this.elementRef, e, "default"));
     }
   }, {
     key: "buttonMouseEnter",
     value: function buttonMouseEnter(e) {
-      this._mouseState.state = "hover", e && ue.setElementsCSS(this.elementRef, e, "hover");
+      this._mouseState.state = "hover", e && fe.setElementsCSS(this.elementRef, e, "hover");
     }
   }, {
     key: "buttonMouseUp",
     value: function buttonMouseUp(e) {
-      e && ue.unsetActionCSS(this.elementRef, e), this.buttonMouseEnter(e);
+      e && fe.unsetActionCSS(this.elementRef, e), this.buttonMouseEnter(e);
     }
   }, {
     key: "buttonMouseDown",
     value: function buttonMouseDown(e) {
-      this._mouseState.state = "click", e && ue.setElementsCSS(this.elementRef, e, "click");
+      this._mouseState.state = "click", e && fe.setElementsCSS(this.elementRef, e, "click");
     }
     // be careful not to use onclick as that is used for button functionality
   }, {
@@ -10953,7 +11029,7 @@ var Xt = /*#__PURE__*/function () {
       if (this._customStyles) for (var t = 0; t < e.length; t += 1) {
         var _i15 = e[t],
           s = _i15 && this._customStyles[_i15];
-        s && ue.unsetActionCSS(this.elementRef, s);
+        s && fe.unsetActionCSS(this.elementRef, s);
       }
     }
   }, {
@@ -10962,7 +11038,7 @@ var Xt = /*#__PURE__*/function () {
       if (!this._customStyles) return;
       t && this.unsetCustomStateStyles(t);
       var i = this._customStyles[e];
-      i && ue.setElementCssUpToState(this.elementRef, i, this._mouseState.state), this.setEvents(i);
+      i && fe.setElementCssUpToState(this.elementRef, i, this._mouseState.state), this.setEvents(i);
     }
   }]);
 }();
@@ -11939,7 +12015,7 @@ var tn = Fi,
   sn = ei,
   oi = ti,
   Yi = Ui,
-  fe = at,
+  pe = at,
   Qi = ji,
   nn = wt,
   rn = lt,
@@ -11947,7 +12023,7 @@ var tn = Fi,
 var ca = /*#__PURE__*/function () {
   function ca() {
     _classCallCheck(this, ca);
-    this.finalTranscript = "", this.interimSpan = fe.Elements.createInterimSpan(), this.finalSpan = fe.Elements.createGenericSpan(), this.scrollingSpan = fe.Elements.createGenericSpan(), this.isCursorAtEnd = !1, this.spansPopulated = !1, this.startPadding = "", this.endPadding = "", this.numberOfSpacesBeforeNewText = 0, this.numberOfSpacesAfterNewText = 0, this.isHighlighted = !1, this.primitiveTextRecorded = !1, this.recognizing = !1, this._displayInterimResults = !0, this.insertInCursorLocation = !0, this.autoScroll = !0, this.isRestarting = !1, this.isPaused = !1, this.isWaitingForCommand = !1, this.isTargetInShadow = !1, this.cannotBeStopped = !1, this.resetState();
+    this.finalTranscript = "", this.interimSpan = pe.Elements.createInterimSpan(), this.finalSpan = pe.Elements.createGenericSpan(), this.scrollingSpan = pe.Elements.createGenericSpan(), this.isCursorAtEnd = !1, this.spansPopulated = !1, this.startPadding = "", this.endPadding = "", this.numberOfSpacesBeforeNewText = 0, this.numberOfSpacesAfterNewText = 0, this.isHighlighted = !1, this.primitiveTextRecorded = !1, this.recognizing = !1, this._displayInterimResults = !0, this.insertInCursorLocation = !0, this.autoScroll = !0, this.isRestarting = !1, this.isPaused = !1, this.isWaitingForCommand = !1, this.isTargetInShadow = !1, this.cannotBeStopped = !1, this.resetState();
   }
   return _createClass(ca, [{
     key: "prepareBeforeStart",
@@ -11960,12 +12036,12 @@ var ca = /*#__PURE__*/function () {
         if (!r) return;
         this.prepare(r);
       } else this.prepare(e.element);
-      (e == null ? void 0 : e.displayInterimResults) !== void 0 && (this._displayInterimResults = e.displayInterimResults), e != null && e.textColor && (this._finalTextColor = (t = e == null ? void 0 : e.textColor) === null || t === void 0 ? void 0 : t["final"], fe.Elements.applyCustomColors(this, e.textColor)), (e == null ? void 0 : e.insertInCursorLocation) !== void 0 && (this.insertInCursorLocation = e.insertInCursorLocation), (e == null ? void 0 : e.autoScroll) !== void 0 && (this.autoScroll = e.autoScroll), this._onResult = e == null ? void 0 : e.onResult, this._onPreResult = e == null ? void 0 : e.onPreResult, this._onStart = e == null ? void 0 : e.onStart, this._onStop = e == null ? void 0 : e.onStop, this._onError = e == null ? void 0 : e.onError, this.onCommandModeTrigger = e == null ? void 0 : e.onCommandModeTrigger, this.onPauseTrigger = e == null ? void 0 : e.onPauseTrigger, this._options = e, !((i = this._options) === null || i === void 0) && i.commands && (this.commands = sn.CommandUtils.process(this._options.commands));
+      (e == null ? void 0 : e.displayInterimResults) !== void 0 && (this._displayInterimResults = e.displayInterimResults), e != null && e.textColor && (this._finalTextColor = (t = e == null ? void 0 : e.textColor) === null || t === void 0 ? void 0 : t["final"], pe.Elements.applyCustomColors(this, e.textColor)), (e == null ? void 0 : e.insertInCursorLocation) !== void 0 && (this.insertInCursorLocation = e.insertInCursorLocation), (e == null ? void 0 : e.autoScroll) !== void 0 && (this.autoScroll = e.autoScroll), this._onResult = e == null ? void 0 : e.onResult, this._onPreResult = e == null ? void 0 : e.onPreResult, this._onStart = e == null ? void 0 : e.onStart, this._onStop = e == null ? void 0 : e.onStop, this._onError = e == null ? void 0 : e.onError, this.onCommandModeTrigger = e == null ? void 0 : e.onCommandModeTrigger, this.onPauseTrigger = e == null ? void 0 : e.onPauseTrigger, this._options = e, !((i = this._options) === null || i === void 0) && i.commands && (this.commands = sn.CommandUtils.process(this._options.commands));
     }
   }, {
     key: "prepare",
     value: function prepare(e) {
-      Qi.Padding.setState(this, e), Yi.Highlight.setState(this, e), this.isTargetInShadow = fe.Elements.isInsideShadowDOM(e), fe.Elements.isPrimitiveElement(e) ? (this._primitiveElement = e, this._originalText = this._primitiveElement.value) : (this._genericElement = e, this._originalText = this._genericElement.textContent);
+      Qi.Padding.setState(this, e), Yi.Highlight.setState(this, e), this.isTargetInShadow = pe.Elements.isInsideShadowDOM(e), pe.Elements.isPrimitiveElement(e) ? (this._primitiveElement = e, this._originalText = this._primitiveElement.value) : (this._genericElement = e, this._originalText = this._genericElement.textContent);
     }
     // there was an attempt to optimize this by not having to restart the service and just reset state:
     // unfortunately it did not work because the service would still continue firing the intermediate and final results
@@ -12009,7 +12085,7 @@ var ca = /*#__PURE__*/function () {
   }, {
     key: "updateGenericElement",
     value: function updateGenericElement(e, t, i) {
-      this.isHighlighted && Yi.Highlight.removeForGeneric(this, e), this.spansPopulated || fe.Elements.appendSpans(this, e);
+      this.isHighlighted && Yi.Highlight.removeForGeneric(this, e), this.spansPopulated || pe.Elements.appendSpans(this, e);
       var s = (i ? "" : this.startPadding) + es.Text.lineBreak(this.finalTranscript);
       this.finalSpan.innerHTML = s;
       var r = oi.AutoScroll.isRequired(this.autoScroll, e);
@@ -12020,7 +12096,7 @@ var ca = /*#__PURE__*/function () {
   }, {
     key: "finalise",
     value: function finalise(e) {
-      this._genericElement && (e ? (this.finalSpan = fe.Elements.createGenericSpan(), this.setInterimColorToFinal(), this.interimSpan = fe.Elements.createInterimSpan(), this.scrollingSpan = fe.Elements.createGenericSpan()) : this._genericElement.textContent = this._genericElement.textContent, this.spansPopulated = !1), tn.EventListeners.remove(this);
+      this._genericElement && (e ? (this.finalSpan = pe.Elements.createGenericSpan(), this.setInterimColorToFinal(), this.interimSpan = pe.Elements.createInterimSpan(), this.scrollingSpan = pe.Elements.createGenericSpan()) : this._genericElement.textContent = this._genericElement.textContent, this.spansPopulated = !1), tn.EventListeners.remove(this);
     }
   }, {
     key: "setInterimColorToFinal",
@@ -12484,7 +12560,7 @@ Object.defineProperty(wn, "__esModule", {
 });
 var hn = Ni,
   ma = ei,
-  le = Hi,
+  ce = Hi,
   ga = qi;
 var ht = /*#__PURE__*/function () {
   function ht() {
@@ -12495,12 +12571,12 @@ var ht = /*#__PURE__*/function () {
     value: function toggle(e, t) {
       var i, s;
       var r = e.toLocaleLowerCase().trim();
-      !((i = le.GlobalState.service) === null || i === void 0) && i.recognizing ? this.stop() : r === "webspeech" ? ht.startWebSpeech(t) : r === "azure" ? ht.startAzure(t) : (console.error("service not found - must be either 'webspeech' or 'azure'"), (s = t == null ? void 0 : t.onError) === null || s === void 0 || s.call(t, "service not found - must be either 'webspeech' or 'azure'"));
+      !((i = ce.GlobalState.service) === null || i === void 0) && i.recognizing ? this.stop() : r === "webspeech" ? ht.startWebSpeech(t) : r === "azure" ? ht.startAzure(t) : (console.error("service not found - must be either 'webspeech' or 'azure'"), (s = t == null ? void 0 : t.onError) === null || s === void 0 || s.call(t, "service not found - must be either 'webspeech' or 'azure'"));
     }
   }, {
     key: "startWebSpeech",
     value: function startWebSpeech(e) {
-      ht.stop() || (le.GlobalState.service = new hn.WebSpeech(), le.GlobalState.service.start(e));
+      ht.stop() || (ce.GlobalState.service = new hn.WebSpeech(), ce.GlobalState.service.start(e));
     }
   }, {
     key: "isWebSpeechSupported",
@@ -12511,18 +12587,18 @@ var ht = /*#__PURE__*/function () {
     key: "startAzure",
     value: function startAzure(e) {
       var t;
-      ht.stop() || !((t = le.GlobalState.service) === null || t === void 0) && t.cannotBeStopped || (le.GlobalState.service = new ga.Azure(), le.GlobalState.service.start(e));
+      ht.stop() || !((t = ce.GlobalState.service) === null || t === void 0) && t.cannotBeStopped || (ce.GlobalState.service = new ga.Azure(), ce.GlobalState.service.start(e));
     }
   }, {
     key: "stop",
     value: function stop() {
       var e;
-      return le.GlobalState.doubleClickDetector() ? !0 : (!((e = le.GlobalState.service) === null || e === void 0) && e.recognizing && le.GlobalState.service.stop(), !1);
+      return ce.GlobalState.doubleClickDetector() ? !0 : (!((e = ce.GlobalState.service) === null || e === void 0) && e.recognizing && ce.GlobalState.service.stop(), !1);
     }
   }, {
     key: "endCommandMode",
     value: function endCommandMode() {
-      le.GlobalState.service && ma.CommandUtils.toggleCommandModeOff(le.GlobalState.service);
+      ce.GlobalState.service && ma.CommandUtils.toggleCommandModeOff(ce.GlobalState.service);
     }
   }]);
 }();
@@ -12672,32 +12748,32 @@ var Ft = /*#__PURE__*/function (_Gt) {
 }(Gt);
 Ft.MICROPHONE_RESET_TIMEOUT_MS = 300;
 var $t = Ft;
-var Ae = /*#__PURE__*/function () {
+var ke = /*#__PURE__*/function () {
   // prettier-ignore
-  function Ae(e, t, i, s) {
+  function ke(e, t, i, s) {
     var _this65 = this;
-    _classCallCheck(this, Ae);
+    _classCallCheck(this, ke);
     this._attachments = [], this._fileCountLimit = 99, this._acceptedFormat = "", t.maxNumberOfFiles && (this._fileCountLimit = t.maxNumberOfFiles), this._toggleContainerDisplay = i, this._fileAttachmentsContainerRef = s, t.acceptedFormats && (this._acceptedFormat = t.acceptedFormats), setTimeout(function () {
       _this65._validationHandler = e._validationHandler;
     });
   }
-  return _createClass(Ae, [{
+  return _createClass(ke, [{
     key: "attemptAddFile",
     value: function attemptAddFile(e, t) {
-      return Ae.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), !0) : !1;
+      return ke.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), !0) : !1;
     }
   }, {
     key: "addAttachmentBasedOnType",
     value: function addAttachmentBasedOnType(e, t, i) {
-      var s = Ae.getTypeFromBlob(e);
+      var s = ke.getTypeFromBlob(e);
       if (s === "image") {
-        var r = Ae.createImageAttachment(t);
+        var r = ke.createImageAttachment(t);
         this.addFileAttachment(e, "image", r, i);
       } else if (s === "audio") {
         var _r3 = Wt.createAudioAttachment(t);
         this.addFileAttachment(e, "audio", _r3, i);
       } else {
-        var _r4 = Ae.createAnyFileAttachment(e.name);
+        var _r4 = ke.createAnyFileAttachment(e.name);
         this.addFileAttachment(e, "any", _r4, i);
       }
     }
@@ -12705,7 +12781,7 @@ var Ae = /*#__PURE__*/function () {
     key: "addFileAttachment",
     value: function addFileAttachment(e, t, i, s) {
       var a;
-      var r = Ae.createContainer(i);
+      var r = ke.createContainer(i);
       if (this._attachments.length >= this._fileCountLimit) {
         var l = this._attachments[this._attachments.length - 1].removeButton;
         l == null || l.click();
@@ -12807,19 +12883,19 @@ var Ae = /*#__PURE__*/function () {
 }();
 var va = "<?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>",
   un = "<?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>",
-  we = /*#__PURE__*/function (_Ae) {
+  Te = /*#__PURE__*/function (_ke) {
     // prettier-ignore
-    function we(e, t, i, s) {
-      _classCallCheck(this, we);
-      return _callSuper(this, we, [e, t, i, s]);
+    function Te(e, t, i, s) {
+      _classCallCheck(this, Te);
+      return _callSuper(this, Te, [e, t, i, s]);
     }
-    _inherits(we, _Ae);
-    return _createClass(we, [{
+    _inherits(Te, _ke);
+    return _createClass(Te, [{
       key: "createTimer",
       value: function createTimer(e, t) {
         var _this66 = this;
         var i = 0;
-        var s = t !== void 0 && t < we.TIMER_LIMIT_S ? t : we.TIMER_LIMIT_S;
+        var s = t !== void 0 && t < Te.TIMER_LIMIT_S ? t : Te.TIMER_LIMIT_S;
         return setInterval(function () {
           var a;
           i += 1, i === s && ((a = _this66.stopPlaceholderCallback) == null || a.call(_this66), _this66.clearTimer()), i === 600 && e.classList.add("audio-placeholder-text-4-digits");
@@ -12831,7 +12907,7 @@ var va = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     }, {
       key: "createPlaceholderAudioAttachment",
       value: function createPlaceholderAudioAttachment(e) {
-        var t = we.createAudioContainer(),
+        var t = Te.createAudioContainer(),
           i = document.createElement("div");
         i.classList.add("audio-placeholder-text-3-digits");
         var s = document.createElement("div");
@@ -12868,7 +12944,7 @@ var va = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
       key: "completePlaceholderAttachment",
       value: function completePlaceholderAttachment(e, t) {
         var i = this._activePlaceholderAttachment;
-        i && (i.file = e, we.addAudioElements(i.attachmentContainerElement.children[0], t), i.removeButton = this.createRemoveAttachmentButton(i), i.attachmentContainerElement.appendChild(i.removeButton), this._activePlaceholderAttachment = void 0, this.clearTimer());
+        i && (i.file = e, Te.addAudioElements(i.attachmentContainerElement.children[0], t), i.removeButton = this.createRemoveAttachmentButton(i), i.attachmentContainerElement.appendChild(i.removeButton), this._activePlaceholderAttachment = void 0, this.clearTimer());
       }
     }, {
       key: "removePlaceholderAttachment",
@@ -12908,8 +12984,8 @@ var va = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     }, {
       key: "createAudioAttachment",
       value: function createAudioAttachment(e) {
-        var t = we.createAudioContainer();
-        return we.addAudioElements(t, e), t;
+        var t = Te.createAudioContainer();
+        return Te.addAudioElements(t, e), t;
       }
     }, {
       key: "stopAttachmentPlayback",
@@ -12918,9 +12994,9 @@ var va = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
         (s = (i = (t = e.children[0]) == null ? void 0 : t.children) == null ? void 0 : i[0]) != null && s.classList.contains("stop-icon") && e.children[0].click();
       }
     }]);
-  }(Ae);
-we.TIMER_LIMIT_S = 5999;
-var Wt = we;
+  }(ke);
+Te.TIMER_LIMIT_S = 5999;
+var Wt = Te;
 var ya = /*#__PURE__*/function () {
   function ya() {
     _classCallCheck(this, ya);
@@ -12930,7 +13006,7 @@ var ya = /*#__PURE__*/function () {
     value:
     // prettier-ignore
     function create(e, t, i, s, r) {
-      return r === "audio" ? new Wt(e, t, i, s) : new Ae(e, t, i, s);
+      return r === "audio" ? new Wt(e, t, i, s) : new ke(e, t, i, s);
     }
   }]);
 }();
@@ -12976,7 +13052,7 @@ var ii = /*#__PURE__*/function () {
             case 0:
               _context118.next = 2;
               return Promise.all(this._fileAttachmentsTypes.map(/*#__PURE__*/function () {
-                var _ref18 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee117(e) {
+                var _ref28 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee117(e) {
                   var t;
                   return _regeneratorRuntime().wrap(function _callee117$(_context117) {
                     while (1) switch (_context117.prev = _context117.next) {
@@ -12989,7 +13065,7 @@ var ii = /*#__PURE__*/function () {
                   }, _callee117);
                 }));
                 return function (_x213) {
-                  return _ref18.apply(this, arguments);
+                  return _ref28.apply(this, arguments);
                 };
               }()));
             case 2:
@@ -13032,12 +13108,12 @@ var ii = /*#__PURE__*/function () {
     }
   }]);
 }();
-var he = /*#__PURE__*/function () {
-  function he(e, t, i) {
-    _classCallCheck(this, he);
-    this._isOpen = !1, this._contentRef = he.createModalContent(t, i == null ? void 0 : i.backgroundColor), this._buttonPanel = he.createButtonPanel(i == null ? void 0 : i.backgroundColor), this._elementRef = he.createContainer(this._contentRef, i), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = he.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents(e);
+var ue = /*#__PURE__*/function () {
+  function ue(e, t, i) {
+    _classCallCheck(this, ue);
+    this._isOpen = !1, this._contentRef = ue.createModalContent(t, i == null ? void 0 : i.backgroundColor), this._buttonPanel = ue.createButtonPanel(i == null ? void 0 : i.backgroundColor), this._elementRef = ue.createContainer(this._contentRef, i), this._elementRef.appendChild(this._buttonPanel), e.appendChild(this._elementRef), this._backgroundPanelRef = ue.createDarkBackgroundPanel(), e.appendChild(this._backgroundPanelRef), this.addWindowEvents(e);
   }
-  return _createClass(he, [{
+  return _createClass(ue, [{
     key: "isOpen",
     value: function isOpen() {
       return this._isOpen;
@@ -13059,7 +13135,7 @@ var he = /*#__PURE__*/function () {
       var _this69 = 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 () {
         _this69._elementRef.style.display = "none", _this69._backgroundPanelRef.style.display = "none";
-      }, he.MODAL_CLOSE_TIMEOUT_MS);
+      }, ue.MODAL_CLOSE_TIMEOUT_MS);
     }
   }, {
     key: "displayModalElements",
@@ -13075,7 +13151,7 @@ var he = /*#__PURE__*/function () {
     key: "addCloseButton",
     value: function addCloseButton(e, t, i) {
       var _this70 = this;
-      var s = t ? he.createSVGButton(e) : he.createTextButton(e);
+      var s = t ? ue.createSVGButton(e) : ue.createTextButton(e);
       return this.addButtons(s), s.onclick = function () {
         _this70.close(), setTimeout(function () {
           i == null || i();
@@ -13137,26 +13213,26 @@ var he = /*#__PURE__*/function () {
     value: function createTextModalFunc(e, t, i) {
       var s;
       if (_typeof(t) == "object" && (s = t.files) != null && s.infoModal) {
-        var r = new he(e, ["modal-content"], t.files.infoModal.containerStyle);
+        var r = new ue(e, ["modal-content"], t.files.infoModal.containerStyle);
         return r.addCloseButton("OK", !1, i), r.openTextModal.bind(r, t.infoModalTextMarkUp || "");
       }
     }
   }]);
 }();
-he.MODAL_CLOSE_TIMEOUT_MS = 190;
-var Xe = he;
+ue.MODAL_CLOSE_TIMEOUT_MS = 190;
+var Xe = ue;
 var Pt = /*#__PURE__*/function (_Xt3) {
   // prettier-ignore
   function Pt(e, t, i, s, r, o) {
     var _this71;
     _classCallCheck(this, Pt);
-    var h, u, f, m, p, y, x, j, G;
+    var h, u, f, m, p, v, x, j, G;
     var a = (h = i == null ? void 0 : i.button) == null ? void 0 : h.position,
       l = ((m = (f = (u = i == null ? void 0 : i.button) == null ? void 0 : u.styles) == null ? void 0 : f.text) == null ? void 0 : m.content) || o;
     _this71 = _callSuper(this, Pt, [Pt.createButtonElement(), a, i.button, l]);
     var c = a === "dropup-menu",
       d = _this71.createInnerElements(s, r, _this71._customStyles, c);
-    _this71._inputElement = Pt.createInputElement((p = i == null ? void 0 : i.files) == null ? void 0 : p.acceptedFormats), _this71.addClickEvent(e, i), _this71.elementRef.replaceChildren(d.styles), _this71.reapplyStateStyle("styles"), _this71._fileAttachmentsType = t, _this71._openModalOnce = ((x = (y = i.files) == null ? void 0 : y.infoModal) == null ? void 0 : x.openModalOnce) === !1 || (G = (j = i.files) == null ? void 0 : j.infoModal) == null ? void 0 : G.openModalOnce;
+    _this71._inputElement = Pt.createInputElement((p = i == null ? void 0 : i.files) == null ? void 0 : p.acceptedFormats), _this71.addClickEvent(e, i), _this71.elementRef.replaceChildren(d.styles), _this71.reapplyStateStyle("styles"), _this71._fileAttachmentsType = t, _this71._openModalOnce = ((x = (v = i.files) == null ? void 0 : v.infoModal) == null ? void 0 : x.openModalOnce) === !1 || (G = (j = i.files) == null ? void 0 : j.infoModal) == null ? void 0 : G.openModalOnce;
     return _this71;
   }
   _inherits(Pt, _Xt3);
@@ -13211,15 +13287,15 @@ var Pt = /*#__PURE__*/function (_Xt3) {
     }
   }]);
 }(Xt);
-var Te = /*#__PURE__*/function () {
-  function Te() {
-    _classCallCheck(this, Te);
+var Ce = /*#__PURE__*/function () {
+  function Ce() {
+    _classCallCheck(this, Ce);
   }
-  return _createClass(Te, null, [{
+  return _createClass(Ce, null, [{
     key: "create",
     value: function create(e, t, i) {
-      var s = Te.createElement(i);
-      Te.addEvents(s, e, t), e.appendChild(s);
+      var s = Ce.createElement(i);
+      Ce.addEvents(s, e, t), e.appendChild(s);
     }
   }, {
     key: "createElement",
@@ -13231,13 +13307,13 @@ var Te = /*#__PURE__*/function () {
     key: "addEvents",
     value: function addEvents(e, t, i) {
       t.ondragenter = function (s) {
-        s.preventDefault(), Te.display(e);
+        s.preventDefault(), Ce.display(e);
       }, e.ondragleave = function (s) {
-        s.preventDefault(), Te.hide(e);
+        s.preventDefault(), Ce.hide(e);
       }, e.ondragover = function (s) {
         s.preventDefault();
       }, e.ondrop = function (s) {
-        s.preventDefault(), Te.uploadFile(i, s), Te.hide(e);
+        s.preventDefault(), Ce.uploadFile(i, s), Ce.hide(e);
       };
     }
   }, {
@@ -13336,9 +13412,9 @@ var ze = /*#__PURE__*/function () {
   }, {
     key: "attach",
     value: function attach(e, t, i, s, r) {
-      var o = e.validateInput || ae.processValidateInput(e);
+      var o = e.validateInput || le.processValidateInput(e);
       e._validationHandler = /*#__PURE__*/function () {
-        var _ref19 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee121(a) {
+        var _ref29 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee121(a) {
           var l;
           return _regeneratorRuntime().wrap(function _callee121$(_context121) {
             while (1) switch (_context121.prev = _context121.next) {
@@ -13358,7 +13434,7 @@ var ze = /*#__PURE__*/function () {
           }, _callee121);
         }));
         return function (_x221) {
-          return _ref19.apply(this, arguments);
+          return _ref29.apply(this, arguments);
         };
       }();
     }
@@ -13636,14 +13712,14 @@ var k = /*#__PURE__*/function (_Xt4) {
         return _regeneratorRuntime().wrap(function _callee123$(_context123) {
           while (1) switch (_context123.prev = _context123.next) {
             case 0:
-              typeof e == "string" && (e = ae.processSubmitUserMessage(e));
+              typeof e == "string" && (e = le.processSubmitUserMessage(e));
               t = {
                 text: e.text
               };
               e.files && (t.files = Array.from(e.files).map(function (i) {
                 return {
                   file: i,
-                  type: Ae.getTypeFromBlob(i)
+                  type: ke.getTypeFromBlob(i)
                 };
               })), setTimeout(function () {
                 return _this78.attemptSubmit(t, !0);
@@ -13715,12 +13791,12 @@ var k = /*#__PURE__*/function (_Xt4) {
   }, {
     key: "addNewMessage",
     value: function () {
-      var _addNewMessage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee125(_ref20) {
+      var _addNewMessage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee125(_ref30) {
         var e, t, i;
         return _regeneratorRuntime().wrap(function _callee125$(_context125) {
           while (1) switch (_context125.prev = _context125.next) {
             case 0:
-              e = _ref20.text, t = _ref20.files;
+              e = _ref30.text, t = _ref30.files;
               i = {
                 role: b.USER_ROLE
               };
@@ -14011,7 +14087,7 @@ var Ot = /*#__PURE__*/function () {
           button: new Ea(_d, t.recordAudio)
         };
       }
-      return Te.isEnabled(r, e.dragAndDrop) && Te.create(i, r, e.dragAndDrop), r;
+      return Ce.isEnabled(r, e.dragAndDrop) && Ce.create(i, r, e.dragAndDrop), r;
     }
     // prettier-ignore
   }], [{
@@ -14060,7 +14136,7 @@ var Is = /*#__PURE__*/function () {
     value: function createElements(e, t, i) {
       var s = document.createElement("div");
       s.id = "chat-view";
-      var r = new Ee(e, t, i);
+      var r = new me(e, t, i);
       t.websocket && U.createConnection(t, r);
       var o = new Ot(e, r, t, s);
       return J.addElements(s, r.elementRef, o.elementRef), s;
@@ -14091,7 +14167,7 @@ var E = /*#__PURE__*/function (_ls) {
       return console.warn("addMessage failed - please wait for chat view to render before calling this property.");
     }, _this85.focusInput = function () {
       return Kt.focusFromParentElement(_this85._elementRef);
-    }, _this85.refreshMessages = function () {}, _this85.clearMessages = function () {}, _this85.scrollToBottom = function () {}, _this85.disableSubmitButton = function () {}, _this85.setPlaceholderText = function () {}, _this85._hasBeenRendered = !1, _this85._auxiliaryStyleApplied = !1, _this85._elementRef = document.createElement("div"), _this85._elementRef.id = "container", _this85.attachShadow({
+    }, _this85.refreshMessages = function () {}, _this85.clearMessages = function () {}, _this85.scrollToBottom = function () {}, _this85.disableSubmitButton = function () {}, _this85.setPlaceholderText = function () {}, _this85.updateHTMLMessage = function () {}, _this85._hasBeenRendered = !1, _this85._auxiliaryStyleApplied = !1, _this85._elementRef = document.createElement("div"), _this85._elementRef.id = "container", _this85.attachShadow({
       mode: "open"
     }).appendChild(_this85._elementRef), kt.apply(Aa, _this85.shadowRoot), setTimeout(function () {
       _this85._hasBeenRendered || _this85.onRender();
@@ -14109,7 +14185,7 @@ var E = /*#__PURE__*/function (_ls) {
     key: "onRender",
     value: function onRender() {
       var _this$_childElement;
-      ci.attemptAppendStyleSheetToHead(this.style), ae.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = zo.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (kt.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), kt.applyDefaultStyleToComponent(this.style, this.chatStyle), ae.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? li.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof z) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Is.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof z && H.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, hi.onRender(this);
+      ci.attemptAppendStyleSheetToHead(this.style), le.processConnect(this), (!this._activeService || this._activeService.demo) && (this._activeService = zo.create(this)), this.auxiliaryStyle && !this._auxiliaryStyleApplied && (kt.apply(this.auxiliaryStyle, this.shadowRoot), this._auxiliaryStyleApplied = !0), kt.applyDefaultStyleToComponent(this.style, this.chatStyle), le.checkForContainerStyles(this, this._elementRef), this._activeService.key && this._activeService.validateKeyProperty ? li.render(this._elementRef, this.changeToChatView.bind(this), this._activeService) : !(this._activeService instanceof z) || this._activeService.key ? ((_this$_childElement = this._childElement) !== null && _this$_childElement !== void 0 ? _this$_childElement : this._childElement = this.children[0], Is.render(this, this._elementRef, this._activeService, this._childElement)) : this._activeService instanceof z && H.render(this._elementRef, this.changeToChatView.bind(this), this._activeService), this._hasBeenRendered = !0, hi.onRender(this);
     }
   }, {
     key: "disconnectedCallback",