deep-chat-dev 9.0.199 → 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); }); }; }
@@ -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 me = /*#__PURE__*/function () {
-  function me() {
-    _classCallCheck(this, me);
+var ge = /*#__PURE__*/function () {
+  function ge() {
+    _classCallCheck(this, ge);
   }
-  return _createClass(me, null, [{
+  return _createClass(ge, null, [{
     key: "hide",
     value: function hide(e) {
       var t;
-      (t = e.getElementsByClassName(me.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(me.NAME_CLASS)[0].style.visibility = "";
+      e.getElementsByClassName(ge.NAME_CLASS)[0].style.visibility = "";
     }
   }, {
     key: "getPosition",
@@ -706,20 +710,20 @@ var me = /*#__PURE__*/function () {
     key: "createName",
     value: function createName(e, t) {
       var i = document.createElement("div");
-      return i.classList.add(me.NAME_CLASS), i.textContent = me.getNameText(e, t), me.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 = me.createName(t, s),
-        o = me.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);
     }
   }]);
 }();
-me.NAME_CLASS = "name";
-var Rt = me;
+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 Re = /*#__PURE__*/function () {
-  function Re() {
-    _classCallCheck(this, Re);
+var be = /*#__PURE__*/function () {
+  function be() {
+    _classCallCheck(this, be);
   }
-  return _createClass(Re, null, [{
+  return _createClass(be, null, [{
     key: "addElement",
     value: function addElement(e, t) {
       e.elementRef.appendChild(t), e.elementRef.scrollTop = e.elementRef.scrollHeight;
@@ -1053,9 +1063,9 @@ var Re = /*#__PURE__*/function () {
   }, {
     key: "overwriteLast",
     value: function overwriteLast(e, t, i, s) {
-      var r = e.messages,
+      var r = e.messageToElements,
         o = b.overwriteMessage(r, s, t, i, "html", "html-message");
-      return o && Re.overwrite(e, t, o), o;
+      return o && be.overwrite(e, t, o), o;
     }
     // prettier-ignore
   }, {
@@ -1068,8 +1078,8 @@ var Re = /*#__PURE__*/function () {
         if (c) return c;
         r.status = !1;
       }
-      var a = Re.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 || Re.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;
     }
   }]);
 }();
@@ -1725,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) {
@@ -1738,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;
             }
           }
@@ -1863,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;
@@ -1943,7 +1953,7 @@ function fr(n, e, t, i) {
     f,
     m,
     p,
-    y,
+    v,
     x,
     j,
     G,
@@ -1954,10 +1964,10 @@ function fr(n, e, t, i) {
     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: Pe = [e, 0],
@@ -1979,13 +1989,13 @@ 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
   }), Pe[1] = s, n.line = s, Z && ur(n, j), !0;
 }
@@ -2192,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({
@@ -2201,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++
@@ -2219,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;
@@ -2991,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
@@ -3007,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",
@@ -3017,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",
@@ -3029,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;
@@ -3071,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",
@@ -3080,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);
@@ -3136,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",
@@ -3163,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 ? Re.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;
     }
   }, {
@@ -3235,7 +3245,7 @@ var Be = /*#__PURE__*/function () {
   function Be(e) {
     var _this3 = this;
     _classCallCheck(this, Be);
-    this.messageElementRefs = [], this.messages = [], this.htmlClassUtilities = {}, this.textElementsToText = [], 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 () {
+    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;
     });
   }
@@ -3256,7 +3266,7 @@ var Be = /*#__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);
@@ -3305,9 +3315,9 @@ var Be = /*#__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);
       }
     }
   }, {
@@ -3326,7 +3336,7 @@ var Be = /*#__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
       };
     }
@@ -3386,7 +3396,7 @@ var Be = /*#__PURE__*/function () {
   }, {
     key: "isTemporaryElement",
     value: function isTemporaryElement(e) {
-      return Be.isLoadingMessage(e) || Me.isElementTemporary(e);
+      return Be.isLoadingMessage(e) || Re.isElementTemporary(e);
     }
   }, {
     key: "createBaseElements",
@@ -3417,17 +3427,17 @@ var Be = /*#__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;
@@ -3446,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) : Re.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",
@@ -3466,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;
       }
     }
   }, {
@@ -3476,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(Be.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);
       }
     }
   }, {
@@ -3521,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);
@@ -3651,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);
 }
@@ -3775,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();
@@ -3810,7 +3820,7 @@ function wo(n, e) {
               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();
@@ -3822,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);
@@ -3854,13 +3864,13 @@ var A = /*#__PURE__*/function () {
         var s,
           r,
           p,
-          y,
+          v,
           x,
           j,
           G,
           Pe,
           o,
-          _yield$v$processReque,
+          _yield$y$processReque,
           a,
           l,
           c,
@@ -3881,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;
@@ -3895,21 +3905,21 @@ 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,
@@ -3929,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:
@@ -3968,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":
@@ -3991,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:
@@ -4017,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
@@ -4077,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];
@@ -4096,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
@@ -4142,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);
@@ -4150,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",
@@ -4165,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);
@@ -4194,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) {
@@ -4235,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();
@@ -4243,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);
@@ -4258,7 +4270,7 @@ var U = /*#__PURE__*/function () {
           h,
           r,
           o,
-          _yield$v$processReque2,
+          _yield$y$processReque2,
           a,
           l,
           c,
@@ -4279,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;
@@ -4297,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:
@@ -4335,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) {
@@ -4354,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) {
@@ -4377,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();
@@ -4385,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
               }));
@@ -4419,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:
@@ -4439,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) {
@@ -4449,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();
@@ -4457,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,
@@ -4492,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) {
@@ -4514,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);
@@ -4525,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,
@@ -4566,7 +4578,7 @@ var T = /*#__PURE__*/function () {
           f,
           m,
           r,
-          _yield$v$processReque3,
+          _yield$y$processReque3,
           o,
           a,
           l,
@@ -4583,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:
@@ -4636,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) {
@@ -4651,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:
@@ -4661,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":
@@ -4684,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) {
@@ -4721,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
@@ -4737,7 +4749,7 @@ var T = /*#__PURE__*/function () {
           m,
           p,
           r,
-          _yield$v$processReque4,
+          _yield$y$processReque4,
           o,
           a,
           l,
@@ -4755,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,
@@ -4793,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) {
@@ -4841,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",
@@ -5015,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
@@ -5139,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) || le.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",
@@ -5264,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
@@ -5301,7 +5326,7 @@ var it = /*#__PURE__*/function () {
               }
               return _context29.abrupt("return", le.handleResponseProperty(e));
             case 4:
-              if (!v.validateResponseFormat(e)) {
+              if (!y.validateResponseFormat(e)) {
                 _context29.next = 6;
                 break;
               }
@@ -5415,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
@@ -5446,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;
     }
   }, {
@@ -5456,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 () {
@@ -6115,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) {
@@ -6140,7 +6165,7 @@ var Ks = {
                     }, _callee35);
                   }));
                   return function (_x63, _x64) {
-                    return _ref10.apply(this, arguments);
+                    return _ref13.apply(this, arguments);
                   };
                 }());
               case 4:
@@ -6200,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);
@@ -6318,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)) {
@@ -6326,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);
@@ -6596,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 {
@@ -6620,7 +6645,7 @@ var ve = /*#__PURE__*/function () {
       return {
         url: "https://api.stability.ai/v1/engines/list",
         method: "GET",
-        handleVerificationResult: ve.handleVerificationResult
+        handleVerificationResult: Ee.handleVerificationResult
       };
     }
   }]);
@@ -6651,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;
@@ -6687,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();
@@ -6758,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;
@@ -6794,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();
@@ -7127,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;
@@ -7163,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();
@@ -7265,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;
@@ -7434,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;
@@ -7479,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) {
@@ -7498,7 +7523,7 @@ var ee = /*#__PURE__*/function () {
                   }, _callee61);
                 }));
                 return function (_x114) {
-                  return _ref11.apply(this, arguments);
+                  return _ref14.apply(this, arguments);
                 };
               }());
               _context62.prev = 7;
@@ -7511,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();
@@ -7541,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));
                 });
@@ -7692,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:
@@ -7701,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:
@@ -7713,7 +7738,7 @@ var ee = /*#__PURE__*/function () {
                     }, _callee66);
                   }));
                   return function (_x129) {
-                    return _ref14.apply(this, arguments);
+                    return _ref17.apply(this, arguments);
                   };
                 }());
               case 1:
@@ -7723,7 +7748,7 @@ var ee = /*#__PURE__*/function () {
           }, _callee67);
         }));
         return function (_x128) {
-          return _ref13.apply(this, arguments);
+          return _ref16.apply(this, arguments);
         };
       }()), Promise.all(s);
     }
@@ -7773,7 +7798,7 @@ 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 xe = ee;
 var De = /*#__PURE__*/function (_z3) {
   // prettier-ignore
   function De(e, t, i, s, r, o) {
@@ -7787,9 +7812,7 @@ var De = /*#__PURE__*/function (_z3) {
         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);
-      var d = t.function_handler;
-      d && (_this31._functionHandler = d), _this31.filesToolType = t.files_tool_type;
+      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);
@@ -7838,16 +7861,16 @@ var De = /*#__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 De.processAttachmentsMessage(s, t, "file_search");
         if (r === "code_interpreter") return De.processAttachmentsMessage(s, t, "code_interpreter");
-        if (t.find(function (_ref16) {
-          var a = _ref16.name;
+        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 = De.processImageMessage(s, t);
@@ -7916,13 +7939,13 @@ var De = /*#__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;
@@ -7976,10 +7999,12 @@ var De = /*#__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
   }, {
@@ -8003,7 +8028,7 @@ var De = /*#__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);
@@ -8047,7 +8072,7 @@ var De = /*#__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();
@@ -8087,7 +8112,7 @@ var De = /*#__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();
@@ -8188,7 +8213,7 @@ var De = /*#__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);
@@ -8200,7 +8225,7 @@ var De = /*#__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 {
@@ -8305,7 +8330,7 @@ var De = /*#__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);
@@ -8329,7 +8354,7 @@ var De = /*#__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", {
@@ -8429,12 +8454,16 @@ var Ii = /*#__PURE__*/function (_yi) {
     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, 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)));
-    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);
@@ -8604,10 +8633,10 @@ Ls.URL_DETAILS_ERROR_MESSAGE = "Please define the Azure URL Details. [More Infor
 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,
@@ -8624,14 +8653,19 @@ var mt = /*#__PURE__*/function (_yi2) {
         getFilesPrefix: "".concat(o, "files/"),
         getFilesPostfix: "/content".concat(a)
       };
-    _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, oe.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: oe.URL_DETAILS_ERROR_MESSAGE
       });
     }));
-    return _this36;
+    return _assertThisInitialized(_this36);
   }
   _inherits(mt, _yi2);
   return _createClass(mt);
@@ -8861,7 +8895,7 @@ var de = /*#__PURE__*/function (_z6) {
             case 4:
               this.url = this.connectSettings.url || this._service_url;
               s = this.preprocessBody(this.rawBody, t), r = de.createFormDataBody(s, i[0]);
-              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 7:
             case "end":
               return _context87.stop();
@@ -9684,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";
@@ -9876,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;
@@ -9950,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, oe.buildKeyVerificationDetails(s), oe.buildHeaders, i, r]), _this48.permittedErrorPrefixes = [oe.URL_DETAILS_ERROR_MESSAGE], _this48.isTextInputDisabled = !1, oe.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: oe.URL_DETAILS_ERROR_MESSAGE
       });
     }));
-    return _this48;
+    return _assertThisInitialized(_this48);
   }
   _inherits(As, _vt);
   return _createClass(As, null, [{
@@ -10023,7 +10062,7 @@ var he = /*#__PURE__*/function (_z12) {
         var l = this.preprocessBody(this.rawBody, r);
         s = he.createFormDataBody(l, i[0], i[1]);
       } else this.url = he.IMAGE_VARIATIONS_URL, s = he.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);
     }
   }, {
     key: "callServiceAPI",
@@ -10524,32 +10563,32 @@ var Oe = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Ee = /*#__PURE__*/function (_Be) {
-  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;
   }
-  // private updateHTMLMessage(html: string, index: number) {
-  //   HTMLMessages.overwrite(this, '<div>overwrite</div>', this.messageElementRefs[2]);
-  //   this.messages[2].html = '<div>overwrite</div>';
-  // }
-  _inherits(Ee, _Be);
-  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());
@@ -10581,7 +10620,7 @@ var Ee = /*#__PURE__*/function (_Be) {
     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 = Re.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",
@@ -10602,13 +10641,16 @@ var Ee = /*#__PURE__*/function (_Be) {
     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) && Oe.addMessages(this, s.files, s.role, i), s.html !== void 0 && s.html !== null) {
-        var o = Re.add(this, s.html, s.role, this.messageElementRefs, r, i);
-        Me.isElementTemporary(o) && delete s.html;
+        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;
     }
@@ -10622,7 +10664,11 @@ var Ee = /*#__PURE__*/function (_Be) {
     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
   }, {
@@ -10630,7 +10676,7 @@ var Ee = /*#__PURE__*/function (_Be) {
     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
   }, {
@@ -10652,13 +10698,13 @@ var Ee = /*#__PURE__*/function (_Be) {
     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;
             }
           }
@@ -10675,9 +10721,9 @@ var Ee = /*#__PURE__*/function (_Be) {
     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",
@@ -10685,8 +10731,8 @@ var Ee = /*#__PURE__*/function (_Be) {
       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 ? Re.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",
@@ -10736,21 +10782,41 @@ var Ee = /*#__PURE__*/function (_Be) {
     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",
@@ -10771,7 +10837,7 @@ var Ee = /*#__PURE__*/function (_Be) {
   }, {
     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);
     }
   }]);
 }(Be);
@@ -12682,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);
       }
     }
@@ -12715,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();
@@ -12817,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");
@@ -12841,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");
@@ -12878,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",
@@ -12918,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",
@@ -12928,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);
@@ -12940,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);
     }
   }]);
 }();
@@ -12986,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) {
@@ -12999,7 +13065,7 @@ var ii = /*#__PURE__*/function () {
                   }, _callee117);
                 }));
                 return function (_x213) {
-                  return _ref18.apply(this, arguments);
+                  return _ref28.apply(this, arguments);
                 };
               }()));
             case 2:
@@ -13160,13 +13226,13 @@ var Pt = /*#__PURE__*/function (_Xt3) {
   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);
@@ -13221,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",
@@ -13241,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);
       };
     }
   }, {
@@ -13348,7 +13414,7 @@ var ze = /*#__PURE__*/function () {
     value: function attach(e, t, i, s, r) {
       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) {
@@ -13368,7 +13434,7 @@ var ze = /*#__PURE__*/function () {
           }, _callee121);
         }));
         return function (_x221) {
-          return _ref19.apply(this, arguments);
+          return _ref29.apply(this, arguments);
         };
       }();
     }
@@ -13653,7 +13719,7 @@ var k = /*#__PURE__*/function (_Xt4) {
               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);
@@ -13725,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
               };
@@ -14021,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
   }], [{
@@ -14070,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;
@@ -14101,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();