deep-chat-dev 9.0.239 → 9.0.241

package/dist/deepChat.js

@@ -71,11 +71,11 @@ var Ei = /*#__PURE__*/function () {
     }
   }]);
 }();
-var P = /*#__PURE__*/function () {
-  function P() {
-    _classCallCheck(this, P);
+var O = /*#__PURE__*/function () {
+  function O() {
+    _classCallCheck(this, O);
   }
-  return _createClass(P, null, [{
+  return _createClass(O, null, [{
     key: "unsetStyle",
     value: function unsetStyle(e, t) {
       var i = Object.keys(t).reduce(function (s, r) {
@@ -86,12 +86,12 @@ var P = /*#__PURE__*/function () {
   }, {
     key: "unsetActivityCSSMouseStates",
     value: function unsetActivityCSSMouseStates(e, t) {
-      t.click && P.unsetStyle(e, t.click), t.hover && P.unsetStyle(e, t.hover);
+      t.click && O.unsetStyle(e, t.click), t.hover && O.unsetStyle(e, t.hover);
     }
   }, {
     key: "unsetAllCSSMouseStates",
     value: function unsetAllCSSMouseStates(e, t) {
-      P.unsetActivityCSSMouseStates(e, t), t["default"] && P.unsetStyle(e, t["default"]);
+      O.unsetActivityCSSMouseStates(e, t), t["default"] && O.unsetStyle(e, t["default"]);
     }
   }, {
     key: "processStateful",
@@ -184,7 +184,7 @@ var ht = /*#__PURE__*/function () {
   }, {
     key: "applyDefaultStyleToComponent",
     value: function applyDefaultStyleToComponent(e, t) {
-      t && P.applyToStyleIfNotDefined(e, t), P.applyToStyleIfNotDefined(e, ht.DEFAULT_COMPONENT_STYLE);
+      t && O.applyToStyleIfNotDefined(e, t), O.applyToStyleIfNotDefined(e, ht.DEFAULT_COMPONENT_STYLE);
     }
   }]);
 }();
@@ -298,7 +298,7 @@ var Qe = /*#__PURE__*/function () {
     key: "removePlaceholderStyle",
     value: function removePlaceholderStyle() {
       var e, t, i, s;
-      !this.inputElementRef.classList.contains("text-input-disabled") && (e = this._config.placeholder) != null && e.style && (P.unsetStyle(this.inputElementRef, (t = this._config.placeholder) == null ? void 0 : t.style), Object.assign(this.inputElementRef.style, (s = (i = this._config) == null ? void 0 : i.styles) == null ? void 0 : s.text));
+      !this.inputElementRef.classList.contains("text-input-disabled") && (e = this._config.placeholder) != null && e.style && (O.unsetStyle(this.inputElementRef, (t = this._config.placeholder) == null ? void 0 : t.style), Object.assign(this.inputElementRef.style, (s = (i = this._config) == null ? void 0 : i.styles) == null ? void 0 : s.text));
     }
   }, {
     key: "addEventListeners",
@@ -313,7 +313,7 @@ var Qe = /*#__PURE__*/function () {
   }, {
     key: "onBlur",
     value: function onBlur(e, t) {
-      P.unsetStyle(this.elementRef, e), t && Object.assign(this.elementRef.style, t);
+      O.unsetStyle(this.elementRef, e), t && Object.assign(this.elementRef.style, t);
     }
   }, {
     key: "onKeydown",
@@ -543,7 +543,7 @@ var ut = /*#__PURE__*/function () {
   }]);
 }();
 ut.BUBBLE_CLASS = "deep-chat-loading-message-bubble", ut.DOTS_CONTAINER_CLASS = "deep-chat-loading-message-dots-container";
-var Oe = ut;
+var Pe = ut;
 var he = /*#__PURE__*/function () {
   function he() {
     _classCallCheck(this, he);
@@ -743,7 +743,7 @@ var Ge = /*#__PURE__*/function () {
   return _createClass(Ge, null, [{
     key: "mouseUp",
     value: function mouseUp(e, t) {
-      P.unsetAllCSSMouseStates(e, t), Object.assign(e.style, t["default"]), Object.assign(e.style, t.hover);
+      O.unsetAllCSSMouseStates(e, t), Object.assign(e.style, t["default"]), Object.assign(e.style, t.hover);
     }
   }, {
     key: "mouseDown",
@@ -753,7 +753,7 @@ var Ge = /*#__PURE__*/function () {
   }, {
     key: "mouseLeave",
     value: function mouseLeave(e, t) {
-      P.unsetAllCSSMouseStates(e, t), Object.assign(e.style, t["default"]);
+      O.unsetAllCSSMouseStates(e, t), Object.assign(e.style, t["default"]);
     }
   }, {
     key: "mouseEnter",
@@ -839,10 +839,10 @@ var Ne = /*#__PURE__*/function () {
         r = ts[i].styles;
       if (r) {
         var a = JSON.parse(JSON.stringify(r));
-        a["default"] && P.overwriteDefaultWithAlreadyApplied(a, t), s.unshift(a);
+        a["default"] && O.overwriteDefaultWithAlreadyApplied(a, t), s.unshift(a);
       }
-      var o = P.mergeStatefulStyles(s);
-      return P.processStateful(o, {}, {});
+      var o = O.mergeStatefulStyles(s);
+      return O.processStateful(o, {}, {});
     }
   }, {
     key: "applyDeepChatUtilities",
@@ -868,7 +868,7 @@ var ie = /*#__PURE__*/function () {
   return _createClass(ie, null, [{
     key: "applyStylesToElement",
     value: function applyStylesToElement(e, t) {
-      var i = P.processStateful(t, {}, {});
+      var i = O.processStateful(t, {}, {});
       Ge.add(e, i), Object.assign(e.style, i["default"]);
     }
   }, {
@@ -952,7 +952,7 @@ var Me = /*#__PURE__*/function () {
     key: "overwrite",
     value: function overwrite(e, t, i, s) {
       var r = e.messageToElements,
-        o = y.overwriteMessage(r, s, t, i, "html", Me.HTML_BUBBLE_CLASS);
+        o = v.overwriteMessage(r, s, t, i, "html", Me.HTML_BUBBLE_CLASS);
       return o && Me.overwriteElements(e, t, o), o;
     }
   }, {
@@ -961,7 +961,7 @@ var Me = /*#__PURE__*/function () {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
       var o;
       var r = Me.createElements(e, t, i, s);
-      return y.fillEmptyMessageElement(r.bubbleElement, t), ie.apply(e, r.outerContainer), ne.flagHTMLUpdateClass(r.bubbleElement), e.applyCustomStyles(r, i, !1, (o = e.messageStyles) == null ? void 0 : o.html), r;
+      return v.fillEmptyMessageElement(r.bubbleElement, t), ie.apply(e, r.outerContainer), ne.flagHTMLUpdateClass(r.bubbleElement), e.applyCustomStyles(r, i, !1, (o = e.messageStyles) == null ? void 0 : o.html), r;
     }
     // prettier-ignore
   }, {
@@ -1632,24 +1632,24 @@ function dt(n, e, t) {
   return n.substr(0, e) + t + n.substr(e + 1);
 }
 function Er(n) {
-  var e, t, i, s, r, o, a, l, c, d, u, h, f, m, p, g, v;
+  var e, t, i, s, r, o, a, l, c, d, u, h, f, m, p, g, y;
   if (n.options.typographer) {
-    for (v = [], p = n.tokens.length - 1; p >= 0; p--) if (n.tokens[p].type === "inline") {
-      for (g = n.tokens[p].children, v.length = 0, e = 0; e < g.length; e++) if (t = g[e], !(t.type !== "text" || vr.test(t.text))) {
-        for (a = g[e].level, f = v.length - 1; f >= 0 && !(v[f].level <= a); f--);
-        v.length = f + 1, i = t.content, r = 0, o = i.length;
+    for (y = [], p = n.tokens.length - 1; p >= 0; p--) if (n.tokens[p].type === "inline") {
+      for (g = n.tokens[p].children, y.length = 0, e = 0; e < g.length; e++) if (t = g[e], !(t.type !== "text" || vr.test(t.text))) {
+        for (a = g[e].level, f = y.length - 1; f >= 0 && !(y[f].level <= a); f--);
+        y.length = f + 1, i = t.content, r = 0, o = i.length;
         e: for (; r < o && (Us.lastIndex = r, s = Us.exec(i), !!s);) {
           if (l = !qs(i, s.index - 1), r = s.index + 1, m = s[0] === "'", c = !qs(i, r), !c && !l) {
             m && (t.content = dt(t.content, s.index, js));
             continue;
           }
           if (u = !c, h = !l, h) {
-            for (f = v.length - 1; f >= 0 && (d = v[f], !(v[f].level < a)); f--) if (d.single === m && v[f].level === a) {
-              d = v[f], m ? (g[d.token].content = dt(g[d.token].content, d.pos, n.options.quotes[2]), t.content = dt(t.content, s.index, n.options.quotes[3])) : (g[d.token].content = dt(g[d.token].content, d.pos, n.options.quotes[0]), t.content = dt(t.content, s.index, n.options.quotes[1])), v.length = f;
+            for (f = y.length - 1; f >= 0 && (d = y[f], !(y[f].level < a)); f--) if (d.single === m && y[f].level === a) {
+              d = y[f], m ? (g[d.token].content = dt(g[d.token].content, d.pos, n.options.quotes[2]), t.content = dt(t.content, s.index, n.options.quotes[3])) : (g[d.token].content = dt(g[d.token].content, d.pos, n.options.quotes[0]), t.content = dt(t.content, s.index, n.options.quotes[1])), y.length = f;
               continue e;
             }
           }
-          u ? v.push({
+          u ? y.push({
             token: e,
             pos: s.index,
             single: m,
@@ -1851,7 +1851,7 @@ function Cr(n, e, t, i) {
     m,
     p,
     g,
-    v,
+    y,
     R,
     B,
     Te,
@@ -1873,14 +1873,14 @@ function Cr(n, e, t, i) {
     type: "bullet_list_open",
     lines: Te = [e, 0],
     level: n.level++
-  }), s = e, B = !1, oe = n.parser.ruler.getRules("list"); s < t && (v = n.skipSpaces(u), h = n.eMarks[s], v >= h ? f = 1 : f = v - u, f > 4 && (f = 1), f < 1 && (f = 1), r = u - n.bMarks[s] + f, n.tokens.push({
+  }), s = e, B = !1, oe = n.parser.ruler.getRules("list"); s < t && (y = n.skipSpaces(u), h = n.eMarks[s], y >= h ? f = 1 : f = y - u, f > 4 && (f = 1), f < 1 && (f = 1), r = u - n.bMarks[s] + f, n.tokens.push({
     type: "list_item_open",
     lines: N = [e, 0],
     level: n.level++
-  }), a = n.blkIndent, l = n.tight, o = n.tShift[e], c = n.parentType, n.tShift[e] = v - n.bMarks[e], n.blkIndent = r, n.tight = !0, n.parentType = "list", n.parser.tokenize(n, e, t, !0), (!n.tight || B) && (re = !1), B = n.line - e > 1 && n.isEmpty(n.line - 1), n.blkIndent = a, n.tShift[e] = o, n.tight = l, n.parentType = c, n.tokens.push({
+  }), a = n.blkIndent, l = n.tight, o = n.tShift[e], c = n.parentType, n.tShift[e] = y - n.bMarks[e], n.blkIndent = r, n.tight = !0, n.parentType = "list", n.parser.tokenize(n, e, t, !0), (!n.tight || B) && (re = !1), B = n.line - e > 1 && n.isEmpty(n.line - 1), n.blkIndent = a, n.tShift[e] = o, n.tight = l, n.parentType = c, n.tokens.push({
     type: "list_item_close",
     level: --n.level
-  }), s = e = n.line, N[1] = s, v = n.bMarks[e], !(s >= t || n.isEmpty(s) || n.tShift[s] < n.blkIndent));) {
+  }), s = e = n.line, N[1] = s, y = n.bMarks[e], !(s >= t || n.isEmpty(s) || n.tShift[s] < n.blkIndent));) {
     for (_t = !1, z = 0, We = oe.length; z < We; z++) if (oe[z](n, s, t, !0)) {
       _t = !0;
       break;
@@ -1975,7 +1975,7 @@ function Ir(n) {
   var e = n | 32;
   return e >= 97 && e <= 122;
 }
-function Pr(n, e, t, i) {
+function Or(n, e, t, i) {
   var s,
     r,
     o,
@@ -2005,7 +2005,7 @@ function Zi(n, e) {
     i = n.eMarks[e];
   return n.src.substr(t, i - t);
 }
-function Or(n, e, t, i) {
+function Pr(n, e, t, i) {
   var s, r, o, a, l, c, d, u, h, f, m;
   if (e + 2 > t || (l = e + 1, n.tShift[l] < n.blkIndent) || (o = n.bMarks[l] + n.tShift[l], o >= n.eMarks[l]) || (s = n.src.charCodeAt(o), s !== 124 && s !== 45 && s !== 58) || (r = Zi(n, e + 1), !/^[-:| ]+$/.test(r)) || (c = r.split("|"), c <= 2)) return !1;
   for (u = [], a = 0; a < c.length; a++) {
@@ -2099,7 +2099,7 @@ function Nr(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 Dr(n, e, t, i) {
-  var s, r, o, a, l, c, d, u, h, f, m, p, g, v;
+  var s, r, o, a, l, c, d, u, h, f, m, p, g, y;
   if (i) return n.ddIndent < 0 ? !1 : gi(n, e) >= 0;
   if (d = e + 1, n.isEmpty(d) && ++d > t || n.tShift[d] < n.blkIndent || (s = gi(n, d), s < 0) || n.level >= n.options.maxNesting) return !1;
   c = n.tokens.length, n.tokens.push({
@@ -2108,7 +2108,7 @@ function Dr(n, e, t, i) {
     level: n.level++
   }), o = e, r = d;
   e: for (;;) {
-    for (v = !0, g = !1, n.tokens.push({
+    for (y = !0, g = !1, n.tokens.push({
       type: "dt_open",
       lines: [o, o],
       level: n.level++
@@ -2126,7 +2126,7 @@ function Dr(n, e, t, i) {
         type: "dd_open",
         lines: a = [d, 0],
         level: n.level++
-      }), p = n.tight, h = n.ddIndent, u = 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 || g) && (v = !1), g = n.line - r > 1 && n.isEmpty(n.line - 1), n.tShift[r] = m, n.tight = p, n.parentType = f, n.blkIndent = u, n.ddIndent = h, n.tokens.push({
+      }), p = n.tight, h = n.ddIndent, u = 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 || g) && (y = !1), g = n.line - r > 1 && n.isEmpty(n.line - 1), n.tShift[r] = m, n.tight = p, n.parentType = f, n.blkIndent = u, n.ddIndent = h, n.tokens.push({
         type: "dd_close",
         level: --n.level
       }), a[1] = d = n.line, d >= t || n.tShift[d] < n.blkIndent) break e;
@@ -2138,7 +2138,7 @@ function Dr(n, e, t, i) {
   return n.tokens.push({
     type: "dl_close",
     level: --n.level
-  }), l[1] = d, n.line = d, v && Nr(n, c), !0;
+  }), l[1] = d, n.line = d, y && Nr(n, c), !0;
 }
 function Br(n, e) {
   var t,
@@ -2174,7 +2174,7 @@ function Br(n, e) {
     level: n.level
   })), !0;
 }
-var bi = [["code", Sr], ["fences", _r, ["paragraph", "blockquote", "list"]], ["blockquote", xr, ["paragraph", "blockquote", "list"]], ["hr", wr, ["paragraph", "blockquote", "list"]], ["list", Cr, ["paragraph", "blockquote"]], ["footnote", Tr, ["paragraph"]], ["heading", Rr, ["paragraph", "blockquote"]], ["lheading", Mr], ["htmlblock", Pr, ["paragraph", "blockquote"]], ["table", Or, ["paragraph"]], ["deflist", Dr, ["paragraph"]], ["paragraph", Br]];
+var bi = [["code", Sr], ["fences", _r, ["paragraph", "blockquote", "list"]], ["blockquote", xr, ["paragraph", "blockquote", "list"]], ["hr", wr, ["paragraph", "blockquote", "list"]], ["list", Cr, ["paragraph", "blockquote"]], ["footnote", Tr, ["paragraph"]], ["heading", Rr, ["paragraph", "blockquote"]], ["lheading", Mr], ["htmlblock", Or, ["paragraph", "blockquote"]], ["table", Pr, ["paragraph"]], ["deflist", Dr, ["paragraph"]], ["paragraph", Br]];
 function _s() {
   this.ruler = new ce();
   for (var n = 0; n < bi.length; n++) this.ruler.push(bi[n][0], bi[n][1], {
@@ -2921,7 +2921,7 @@ var Q = /*#__PURE__*/function () {
   }, {
     key: "applySideStyles",
     value: function applySideStyles(e, t, i, s) {
-      s && (Q.applyCustomStylesToElements(e, i, s.shared), t === y.USER_ROLE ? Q.applyCustomStylesToElements(e, i, s.user) : (Q.applyCustomStylesToElements(e, i, s.ai), Q.applyCustomStylesToElements(e, i, s[t])));
+      s && (Q.applyCustomStylesToElements(e, i, s.shared), t === v.USER_ROLE ? Q.applyCustomStylesToElements(e, i, s.user) : (Q.applyCustomStylesToElements(e, i, s.ai), Q.applyCustomStylesToElements(e, i, s[t])));
     }
   }, {
     key: "isElementsStyles",
@@ -3008,7 +3008,7 @@ var U = /*#__PURE__*/function () {
   }, {
     key: "apply",
     value: function apply(e, t, i) {
-      Oe.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);
+      Pe.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",
@@ -3024,7 +3024,7 @@ var U = /*#__PURE__*/function () {
   }, {
     key: "createDefaultElements",
     value: function createDefaultElements(e) {
-      var t = e.createMessageElements("", y.AI_ROLE),
+      var t = e.createMessageElements("", v.AI_ROLE),
         i = t.bubbleElement,
         s = U.generateLoadingRingElement();
       return i.appendChild(s), t;
@@ -3035,7 +3035,7 @@ var U = /*#__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 ? xe.createElements(e, i, y.AI_ROLE, !0) : U.createDefaultElements(e);
+        s = i ? xe.createElements(e, i, v.AI_ROLE, !0) : U.createDefaultElements(e);
       return U.addLoadHistoryMessage(s, e, t), s;
     }
   }, {
@@ -3108,7 +3108,7 @@ var te = /*#__PURE__*/function () {
     var _this3 = this;
     _classCallCheck(this, te);
     var t;
-    this.messageElementRefs = [], this.htmlClassUtilities = {}, this.messageToElements = [], this.elementRef = te.createContainerElement(), this.messageStyles = ne.processMessageStyles(e.messageStyles), this._remarkable = ni.createNew(e.remarkable), this._avatars = e.avatars, this._names = e.names, this._onMessage = xi.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), this.focusMode = e.focusMode, this.focusMode || (this._lastGroupMessagesElement = document.createElement("div")), typeof this.focusMode != "boolean" && (t = this.focusMode) != null && t.fade && wi.setFade(this.elementRef, this.focusMode.fade), setTimeout(function () {
+    this.messageElementRefs = [], this.htmlClassUtilities = {}, this.messageToElements = [], this.elementRef = te.createContainerElement(), this.messageStyles = ne.processMessageStyles(e.messageStyles), this._remarkable = ni.createNew(e.remarkable), this.avatars = e.avatars, this.names = e.names, this._onMessage = xi.onMessage.bind(this, e), e.htmlClassUtilities && (this.htmlClassUtilities = e.htmlClassUtilities), this.focusMode = e.focusMode, this.focusMode || (this._lastGroupMessagesElement = document.createElement("div")), typeof this.focusMode != "boolean" && (t = this.focusMode) != null && t.fade && wi.setFade(this.elementRef, this.focusMode.fade), setTimeout(function () {
       _this3.submitUserMessage = e.submitUserMessage;
     });
   }
@@ -3122,13 +3122,13 @@ var te = /*#__PURE__*/function () {
         i.status = !1;
       }
       var r = s ? this.createAndPrependNewMessageElement(e, t, s) : this.createAndAppendNewMessageElement(e, t);
-      return r.bubbleElement.classList.add(te.TEXT_BUBBLE_CLASS), this.applyCustomStyles(r, t, !1), y.fillEmptyMessageElement(r.bubbleElement, e), r;
+      return r.bubbleElement.classList.add(te.TEXT_BUBBLE_CLASS), this.applyCustomStyles(r, t, !1), v.fillEmptyMessageElement(r.bubbleElement, e), r;
     }
     // prettier-ignore
   }, {
     key: "overwriteText",
     value: function overwriteText(e, t, i) {
-      var s = y.overwriteMessage(this.messageToElements, i, t, e, "text", te.TEXT_BUBBLE_CLASS);
+      var s = v.overwriteMessage(this.messageToElements, i, t, e, "text", te.TEXT_BUBBLE_CLASS);
       return s && this.renderText(s.bubbleElement, t), s;
     }
   }, {
@@ -3205,9 +3205,9 @@ var te = /*#__PURE__*/function () {
   }, {
     key: "revealRoleElementsIfTempRemoved",
     value: function revealRoleElementsIfTempRemoved(e, t) {
-      if ((this._avatars || this._names) && Ne.isElementTemporary(e)) {
+      if ((this.avatars || this.names) && Ne.isElementTemporary(e)) {
         var i = this.messageElementRefs[this.messageElementRefs.length - 2];
-        i && this.messageToElements.length > 0 && !e.bubbleElement.classList.contains(y.getRoleClass(t)) && y.revealRoleElements(i.innerContainer, this._avatars, this._names);
+        i && this.messageToElements.length > 0 && !e.bubbleElement.classList.contains(v.getRoleClass(t)) && v.revealRoleElements(i.innerContainer, !!this.avatars, !!this.names);
       }
     }
   }, {
@@ -3224,15 +3224,15 @@ var te = /*#__PURE__*/function () {
     value: function createMessageElements(e, t) {
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
       var s = this.createElements(e, t);
-      return y.updateRefArr(this.messageElementRefs, s, i), y.classifyMessages(t, this.messageElementRefs), s;
+      return v.updateRefArr(this.messageElementRefs, s, i), v.classifyRoleMessages(this.messageElementRefs, t), s;
     }
   }, {
     key: "addInnerContainerElements",
     value:
     // prettier-ignore
     function addInnerContainerElements(e, t, i) {
-      var s;
-      return ((s = this.messageToElements[this.messageToElements.length - 1]) == null ? void 0 : s[0].role) === i && !this.isLastMessageError() && y.hideRoleElements(this.messageElementRefs, !!this._avatars, !!this._names), e.classList.add("message-bubble", y.getRoleClass(i), i === y.USER_ROLE ? "user-message-text" : "ai-message-text"), this.renderText(e, t), y.addRoleElements(e, i, this._avatars, this._names), {
+      var s = this.messageElementRefs[this.messageElementRefs.length - 1];
+      return v.areOuterContainerClassRolesSame(i, s) && !this.isLastMessageError() && v.hideRoleElements(s.innerContainer, !!this.avatars, !!this.names), e.classList.add("message-bubble", v.getRoleClass(i), i === v.USER_ROLE ? "user-message-text" : "ai-message-text"), this.renderText(e, t), v.addRoleElements(e, i, this.avatars, this.names), {
         bubbleElement: e
       };
     }
@@ -3242,7 +3242,6 @@ var te = /*#__PURE__*/function () {
     value: function applyCustomStyles(e, t, i, s) {
       e && this.messageStyles && Q.applyCustomStyles(this.messageStyles, e, t, i, s);
     }
-    // WORK - add a customProps to allow devs to add custom properties
   }, {
     key: "removeMessage",
     value: function removeMessage(e) {
@@ -3261,7 +3260,7 @@ var te = /*#__PURE__*/function () {
     key: "isLastMessageError",
     value: function isLastMessageError() {
       var e;
-      return (e = y.getLastMessageBubbleElement(this.elementRef)) == null ? void 0 : e.classList.contains("error-message-text");
+      return (e = v.getLastMessageBubbleElement(this.elementRef)) == null ? void 0 : e.classList.contains(v.ERROR_MESSAGE_TEXT_CLASS);
     }
   }, {
     key: "sendClientUpdate",
@@ -3300,7 +3299,7 @@ var te = /*#__PURE__*/function () {
     value: function createBaseElements(e) {
       var t = document.createElement("div"),
         i = document.createElement("div");
-      i.classList.add("inner-message-container"), t.appendChild(i), t.classList.add("outer-message-container"), t.classList.add(y.buildRoleContainerClass(e));
+      i.classList.add("inner-message-container"), t.appendChild(i), t.classList.add("outer-message-container"), t.classList.add(v.buildRoleOuterContainerClass(e));
       var s = document.createElement("div");
       return s.classList.add("message-bubble"), i.appendChild(s), {
         outerContainer: t,
@@ -3316,15 +3315,16 @@ var te = /*#__PURE__*/function () {
         s = e.html,
         r = e._sessionId,
         o = e.role,
-        a = {
-          role: o || y.AI_ROLE
+        a = e.custom,
+        l = {
+          role: o || v.AI_ROLE
         };
-      return t && (a.text = t), i && (a.files = i), s && (a.html = s), !t && !i && !s && (a.text = ""), r && (a._sessionId = r), a;
+      return t && (l.text = t), i && (l.files = i), s && (l.html = s), !t && !i && !s && (l.text = ""), a && (l.custom = a), r && (l._sessionId = r), l;
     }
   }, {
     key: "isLoadingMessage",
     value: function isLoadingMessage(e) {
-      return e == null ? void 0 : e.bubbleElement.classList.contains(Oe.BUBBLE_CLASS);
+      return e == null ? void 0 : e.bubbleElement.classList.contains(Pe.BUBBLE_CLASS);
     }
   }]);
 }();
@@ -3362,7 +3362,7 @@ var $s = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e
       key: "applyCustomStyles",
       value: function applyCustomStyles(e, t, i, s) {
         var r, o, a, l;
-        if ((r = i["default"]) != null && r.styles && Y.applyCustomStylesToElements(e, t, i["default"].styles), s === y.USER_ROLE) (o = i.user) != null && o.styles && Y.applyCustomStylesToElements(e, t, i.user.styles);else {
+        if ((r = i["default"]) != null && r.styles && Y.applyCustomStylesToElements(e, t, i["default"].styles), s === v.USER_ROLE) (o = i.user) != null && o.styles && Y.applyCustomStylesToElements(e, t, i.user.styles);else {
           (a = i.ai) != null && a.styles && Y.applyCustomStylesToElements(e, t, i.ai.styles);
           var c = (l = i[s]) == null ? void 0 : l.styles;
           c && Y.applyCustomStylesToElements(e, t, c);
@@ -3373,7 +3373,7 @@ var $s = "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 === y.USER_ROLE ? (i.src = ((r = t == null ? void 0 : t.user) == null ? void 0 : r.src) || ((o = t == null ? void 0 : t["default"]) == null ? void 0 : o.src) || ns, i.onerror = Y.errorFallback.bind(this, ns)) : (i.src = ((a = t == null ? void 0 : t[e]) == null ? void 0 : a.src) || ((l = t == null ? void 0 : t.ai) == null ? void 0 : l.src) || ((c = t == null ? void 0 : t["default"]) == null ? void 0 : c.src) || $s, i.onerror = Y.errorFallback.bind(this, $s)), i.classList.add("avatar"), i.alt = "".concat(e, " avatar");
+        e === v.USER_ROLE ? (i.src = ((r = t == null ? void 0 : t.user) == null ? void 0 : r.src) || ((o = t == null ? void 0 : t["default"]) == null ? void 0 : o.src) || ns, i.onerror = Y.errorFallback.bind(this, ns)) : (i.src = ((a = t == null ? void 0 : t[e]) == null ? void 0 : a.src) || ((l = t == null ? void 0 : t.ai) == null ? void 0 : l.src) || ((c = t == null ? void 0 : t["default"]) == null ? void 0 : c.src) || $s, i.onerror = Y.errorFallback.bind(this, $s)), 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;
       }
@@ -3382,7 +3382,7 @@ var $s = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e
       value: function getPosition(e, t) {
         var s, r, o, a, l, c;
         var i = (r = (s = t == null ? void 0 : t[e]) == null ? void 0 : s.styles) == null ? void 0 : r.position;
-        return e !== y.USER_ROLE && (i !== null && i !== void 0 ? i : i = (a = (o = t == null ? void 0 : t.ai) == null ? void 0 : o.styles) == null ? void 0 : a.position), i !== null && i !== void 0 ? i : i = (c = (l = t == null ? void 0 : t["default"]) == null ? void 0 : l.styles) == null ? void 0 : c.position, i !== null && i !== void 0 ? i : i = e === y.USER_ROLE ? "right" : "left", i;
+        return e !== v.USER_ROLE && (i !== null && i !== void 0 ? i : i = (a = (o = t == null ? void 0 : t.ai) == null ? void 0 : o.styles) == null ? void 0 : a.position), i !== null && i !== void 0 ? i : i = (c = (l = t == null ? void 0 : t["default"]) == null ? void 0 : l.styles) == null ? void 0 : c.position, i !== null && i !== void 0 ? i : i = e === v.USER_ROLE ? "right" : "left", i;
       }
     }, {
       key: "add",
@@ -3416,19 +3416,19 @@ var Se = /*#__PURE__*/function () {
     value: function getPosition(e, t) {
       var s, r, o;
       var i = (s = t == null ? void 0 : t[e]) == null ? void 0 : s.position;
-      return e !== y.USER_ROLE && (i !== null && i !== void 0 ? i : i = (r = t == null ? void 0 : t.ai) == null ? void 0 : r.position), i !== null && i !== void 0 ? i : i = (o = t == null ? void 0 : t["default"]) == null ? void 0 : o.position, i !== null && i !== void 0 ? i : i = e === y.USER_ROLE ? "right" : "left", i;
+      return e !== v.USER_ROLE && (i !== null && i !== void 0 ? i : i = (r = t == null ? void 0 : t.ai) == null ? void 0 : r.position), i !== null && i !== void 0 ? i : i = (o = t == null ? void 0 : t["default"]) == null ? void 0 : o.position, i !== null && i !== void 0 ? i : i = e === v.USER_ROLE ? "right" : "left", i;
     }
   }, {
     key: "applyStyle",
     value: function applyStyle(e, t, i) {
       var s, r, o, a;
-      Object.assign(e.style, (s = i["default"]) == null ? void 0 : s.style), t === y.USER_ROLE ? Object.assign(e.style, (r = i.user) == null ? void 0 : r.style) : (Object.assign(e.style, (o = i.ai) == null ? void 0 : o.style), Object.assign(e.style, (a = i[t]) == null ? void 0 : a.style));
+      Object.assign(e.style, (s = i["default"]) == null ? void 0 : s.style), t === v.USER_ROLE ? Object.assign(e.style, (r = i.user) == null ? void 0 : r.style) : (Object.assign(e.style, (o = i.ai) == null ? void 0 : o.style), Object.assign(e.style, (a = i[t]) == null ? void 0 : a.style));
     }
   }, {
     key: "getNameText",
     value: function getNameText(e, t) {
       var i, s, r, o, a, l;
-      return e === y.USER_ROLE ? ((i = t.user) == null ? void 0 : i.text) || ((s = t["default"]) == null ? void 0 : s.text) || "User" : e === y.AI_ROLE ? ((r = t.ai) == null ? void 0 : r.text) || ((o = t["default"]) == null ? void 0 : o.text) || "AI" : ((a = t[e]) == null ? void 0 : a.text) || ((l = t["default"]) == null ? void 0 : l.text) || e;
+      return e === v.USER_ROLE ? ((i = t.user) == null ? void 0 : i.text) || ((s = t["default"]) == null ? void 0 : s.text) || "User" : e === v.AI_ROLE ? ((r = t.ai) == null ? void 0 : r.text) || ((o = t["default"]) == null ? void 0 : o.text) || "AI" : ((a = t[e]) == null ? void 0 : a.text) || ((l = t["default"]) == null ? void 0 : l.text) || e;
     }
   }, {
     key: "createName",
@@ -3448,11 +3448,11 @@ var Se = /*#__PURE__*/function () {
 }();
 Se.NAME_CLASS = "name";
 var $t = Se;
-var w = /*#__PURE__*/function () {
-  function w() {
-    _classCallCheck(this, w);
+var _ = /*#__PURE__*/function () {
+  function _() {
+    _classCallCheck(this, _);
   }
-  return _createClass(w, null, [{
+  return _createClass(_, null, [{
     key: "getLastElementsByClass",
     value: function getLastElementsByClass(e, t, i) {
       var _loop = function _loop() {
@@ -3493,8 +3493,8 @@ var w = /*#__PURE__*/function () {
   }, {
     key: "overwriteMessage",
     value: function overwriteMessage(e, t, i, s, r, o) {
-      var a = w.getLastElementsByClass(t, [w.getRoleClass(s), o], [Oe.BUBBLE_CLASS]),
-        l = w.getLastMessage(e, s, r);
+      var a = _.getLastElementsByClass(t, [_.getRoleClass(s), o], [Pe.BUBBLE_CLASS]),
+        l = _.getLastMessage(e, s, r);
       return l && (l[r] = i), a;
     }
   }, {
@@ -3506,18 +3506,18 @@ var w = /*#__PURE__*/function () {
   }, {
     key: "fillEmptyMessageElement",
     value: function fillEmptyMessageElement(e, t) {
-      t.trim().length === 0 && (e.classList.add(w.EMPTY_MESSAGE_CLASS), e.innerHTML = '<div style="color:#00000000">.</div>');
+      t.trim().length === 0 && (e.classList.add(_.EMPTY_MESSAGE_CLASS), e.innerHTML = '<div style="color:#00000000">.</div>');
     }
   }, {
     key: "unfillEmptyMessageElement",
     value: function unfillEmptyMessageElement(e, t) {
-      e.classList.contains(w.EMPTY_MESSAGE_CLASS) && t.trim().length > 0 && e.replaceChildren();
+      e.classList.contains(_.EMPTY_MESSAGE_CLASS) && t.trim().length > 0 && e.replaceChildren();
     }
   }, {
     key: "getLastMessageBubbleElement",
     value: function getLastMessageBubbleElement(e) {
       var t, i, s;
-      return Array.from(((s = (i = (t = w.getLastMessageElement(e)) == null ? void 0 : t.children) == null ? void 0 : i[0]) == null ? void 0 : s.children) || []).find(function (r) {
+      return Array.from(((s = (i = (t = _.getLastMessageElement(e)) == null ? void 0 : t.children) == null ? void 0 : i[0]) == null ? void 0 : s.children) || []).find(function (r) {
         return r.classList.contains("message-bubble");
       });
     }
@@ -3534,8 +3534,7 @@ var w = /*#__PURE__*/function () {
   }, {
     key: "hideRoleElements",
     value: function hideRoleElements(e, t, i) {
-      var s = e[e.length - 1].innerContainer;
-      t && Kt.hide(s), i && $t.hide(s);
+      t && Kt.hide(e), i && $t.hide(e);
     }
   }, {
     key: "revealRoleElements",
@@ -3548,15 +3547,15 @@ var w = /*#__PURE__*/function () {
       i ? e.unshift(t) : e.push(t);
     }
   }, {
-    key: "buildRoleContainerClass",
-    value: function buildRoleContainerClass(e) {
-      return "deep-chat-".concat(e, "-container");
+    key: "buildRoleOuterContainerClass",
+    value: function buildRoleOuterContainerClass(e) {
+      return "".concat(_.OUTER_CONTAINER_CLASS_ROLE_PREFIX).concat(e);
     }
   }, {
     key: "addNewPositionClasses",
     value: function addNewPositionClasses(e, t) {
       var _e$outerContainer$cla;
-      e.outerContainer.classList.remove(w.POSITION_TOP_MESSAGE_CLASS, w.POSITION_MIDDLE_MESSAGE_CLASS, w.POSITION_BOTTOM_MESSAGE_CLASS), (_e$outerContainer$cla = e.outerContainer.classList).add.apply(_e$outerContainer$cla, _toConsumableArray(t));
+      e.outerContainer.classList.remove(_.POSITION_TOP_MESSAGE_CLASS, _.POSITION_MIDDLE_MESSAGE_CLASS, _.POSITION_BOTTOM_MESSAGE_CLASS), (_e$outerContainer$cla = e.outerContainer.classList).add.apply(_e$outerContainer$cla, _toConsumableArray(t));
     }
   }, {
     key: "getNumberOfElements",
@@ -3582,32 +3581,57 @@ var w = /*#__PURE__*/function () {
     key: "generateMessageBodyElements",
     value: function generateMessageBodyElements(e, t) {
       var i = {};
-      return e.text && (i.text = w.findMessageElements(t, fe.TEXT_BUBBLE_CLASS)), e.html && (i.html = w.findMessageElements(t, xe.HTML_BUBBLE_CLASS)), e.files && (i.files = w.filterdMessageElements(t, V.FILE_BUBBLE_CLASS)), i;
+      return e.text && (i.text = _.findMessageElements(t, fe.TEXT_BUBBLE_CLASS)), e.html && (i.html = _.findMessageElements(t, xe.HTML_BUBBLE_CLASS)), e.files && (i.files = _.filterdMessageElements(t, V.FILE_BUBBLE_CLASS)), i;
     }
   }, {
     key: "generateMessageBody",
     value: function generateMessageBody(e, t) {
-      var i = w.getNumberOfElements(e),
+      var i = _.getNumberOfElements(e),
         s = t.slice(t.length - i);
-      return w.generateMessageBodyElements(e, s);
+      return _.generateMessageBodyElements(e, s);
     }
+    // if role not present - traverse all
   }, {
-    key: "classifyMessages",
-    value: function classifyMessages(e, t) {
-      var i = w.buildRoleContainerClass(e);
-      t.forEach(function (s, r) {
-        var o = s.outerContainer.classList.contains(i),
-          a = t[r - 1],
-          l = t[r + 1],
+    key: "classifyRoleMessages",
+    value: function classifyRoleMessages(e, t) {
+      var i = t ? _.buildRoleOuterContainerClass(t) : void 0;
+      for (var s = e.length - 1; s >= 0; s -= 1) {
+        if (t || (i = Array.from(e[s].outerContainer.classList).find(function (u) {
+          return u.startsWith(_.OUTER_CONTAINER_CLASS_ROLE_PREFIX);
+        })), !i) continue;
+        var r = e[s],
+          o = r.outerContainer.classList.contains(i),
+          a = e[s - 1],
+          l = e[s + 1],
           c = a == null ? void 0 : a.outerContainer.classList.contains(i),
           d = l == null ? void 0 : l.outerContainer.classList.contains(i);
-        o && (!c && d ? w.addNewPositionClasses(s, [w.POSITION_TOP_MESSAGE_CLASS]) : c && d ? w.addNewPositionClasses(s, [w.POSITION_MIDDLE_MESSAGE_CLASS]) : c && !d ? w.addNewPositionClasses(s, [w.POSITION_BOTTOM_MESSAGE_CLASS]) : !c && !d && w.addNewPositionClasses(s, [w.POSITION_TOP_MESSAGE_CLASS, w.POSITION_BOTTOM_MESSAGE_CLASS]));
+        if (o) !c && d ? _.addNewPositionClasses(r, [_.POSITION_TOP_MESSAGE_CLASS]) : c && d ? _.addNewPositionClasses(r, [_.POSITION_MIDDLE_MESSAGE_CLASS]) : c && !d ? _.addNewPositionClasses(r, [_.POSITION_BOTTOM_MESSAGE_CLASS]) : !c && !d && _.addNewPositionClasses(r, [_.POSITION_TOP_MESSAGE_CLASS, _.POSITION_BOTTOM_MESSAGE_CLASS]);else if (t) break;
+      }
+    }
+  }, {
+    key: "areOuterContainerClassRolesSame",
+    value: function areOuterContainerClassRolesSame(e, t) {
+      return t ? Array.from(t.outerContainer.classList).find(function (s) {
+        return s.startsWith(_.OUTER_CONTAINER_CLASS_ROLE_PREFIX);
+      }) === _.buildRoleOuterContainerClass(e) : !1;
+    }
+  }, {
+    key: "resetAllRoleElements",
+    value: function resetAllRoleElements(e, t, i) {
+      if (!t && !i) return;
+      var s = "";
+      e.forEach(function (r, o) {
+        r.bubbleElement.classList.contains(_.ERROR_MESSAGE_TEXT_CLASS) || _.revealRoleElements(r.innerContainer, t, i);
+        var a = Array.from(r.outerContainer.classList).find(function (l) {
+          return l.startsWith(_.OUTER_CONTAINER_CLASS_ROLE_PREFIX);
+        });
+        s === a && _.hideRoleElements(e[o - 1].innerContainer, t, i), s = a;
       });
     }
   }]);
 }();
-w.AI_ROLE = "ai", w.USER_ROLE = "user", w.EMPTY_MESSAGE_CLASS = "empty-message", w.POSITION_TOP_MESSAGE_CLASS = "deep-chat-top-message", w.POSITION_MIDDLE_MESSAGE_CLASS = "deep-chat-middle-message", w.POSITION_BOTTOM_MESSAGE_CLASS = "deep-chat-bottom-message";
-var y = w;
+_.AI_ROLE = "ai", _.USER_ROLE = "user", _.ERROR_MESSAGE_TEXT_CLASS = "error-message-text", _.OUTER_CONTAINER_CLASS_ROLE_PREFIX = "deep-chat-outer-container-role-", _.EMPTY_MESSAGE_CLASS = "empty-message", _.POSITION_TOP_MESSAGE_CLASS = "deep-chat-top-message", _.POSITION_MIDDLE_MESSAGE_CLASS = "deep-chat-middle-message", _.POSITION_BOTTOM_MESSAGE_CLASS = "deep-chat-bottom-message";
+var v = _;
 var pt = /*#__PURE__*/function () {
   function pt(e) {
     _classCallCheck(this, pt);
@@ -3631,7 +3655,7 @@ var pt = /*#__PURE__*/function () {
   }, {
     key: "setInitialState",
     value: function setInitialState(e, t, i) {
-      this._streamType = e, i !== null && i !== void 0 ? i : i = y.AI_ROLE, this._elements = e === "text" ? this._messages.addNewTextMessage(t, i) : xe.add(this._messages, t, i, this._messages.messageElementRefs), this._elements.bubbleElement.classList.add(pt.MESSAGE_CLASS), this._activeMessageRole = i, this._message = _defineProperty({
+      this._streamType = e, i !== null && i !== void 0 ? i : i = v.AI_ROLE, this._elements = e === "text" ? this._messages.addNewTextMessage(t, i) : xe.add(this._messages, t, i, this._messages.messageElementRefs), this._elements.bubbleElement.classList.add(pt.MESSAGE_CLASS), this._activeMessageRole = i, this._message = _defineProperty({
         role: this._activeMessageRole
       }, e, t), this._messages.messageToElements.push([this._message, _defineProperty({}, e, this._elements)]);
     }
@@ -3639,7 +3663,7 @@ var pt = /*#__PURE__*/function () {
     key: "updateBasedOnType",
     value: function updateBasedOnType(e, t, i) {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      y.unfillEmptyMessageElement(i, e), (t === "text" ? this.updateText : this.updateHTML).bind(this)(e, i, s);
+      v.unfillEmptyMessageElement(i, e), (t === "text" ? this.updateText : this.updateHTML).bind(this)(e, i, s);
     }
   }, {
     key: "updateText",
@@ -3941,7 +3965,7 @@ function Io(n) {
     i,
     s = !1;
   return function (o) {
-    e === void 0 ? (e = o, t = 0, i = -1) : e = Oo(e, o);
+    e === void 0 ? (e = o, t = 0, i = -1) : e = Po(e, o);
     var a = e.length;
     var l = 0;
     for (; t < a;) {
@@ -3963,7 +3987,7 @@ function Io(n) {
     l === a ? e = void 0 : l !== 0 && (e = e.subarray(l), t -= l);
   };
 }
-function Po(n, e, t) {
+function Oo(n, e, t) {
   var i = Ws();
   var s = new TextDecoder();
   return function (o, a) {
@@ -3989,7 +4013,7 @@ function Po(n, e, t) {
     }
   };
 }
-function Oo(n, e) {
+function Po(n, e) {
   var t = new Uint8Array(n.length + e.length);
   return t.set(n), t.set(e, n.length), t;
 }
@@ -4029,9 +4053,9 @@ function Bo(n, e) {
     }
     l || document.addEventListener("visibilitychange", p);
     var g = Do,
-      v = 0;
+      y = 0;
     function R() {
-      document.removeEventListener("visibilitychange", p), window.clearTimeout(v), m.abort();
+      document.removeEventListener("visibilitychange", p), window.clearTimeout(y), m.abort();
     }
     t == null || t.addEventListener("abort", function () {
       R(), u();
@@ -4060,7 +4084,7 @@ function Bo(n, e) {
               return Te(oe);
             case 7:
               _context6.next = 9;
-              return Lo(oe.body, Io(Po(function (z) {
+              return Lo(oe.body, Io(Oo(function (z) {
                 z ? f[Js] = z : delete f[Js];
               }, function (z) {
                 g = z;
@@ -4076,7 +4100,7 @@ function Bo(n, e) {
               _context6.t0 = _context6["catch"](1);
               if (!m.signal.aborted) try {
                 z = (re = a == null ? void 0 : a(_context6.t0)) !== null && re !== void 0 ? re : g;
-                window.clearTimeout(v), v = window.setTimeout(N, z);
+                window.clearTimeout(y), y = window.setTimeout(N, z);
               } catch (z) {
                 R(), h(z);
               }
@@ -4108,7 +4132,7 @@ var M = /*#__PURE__*/function () {
           r,
           p,
           g,
-          v,
+          y,
           R,
           B,
           Te,
@@ -4156,7 +4180,7 @@ var M = /*#__PURE__*/function () {
               }
               return _context9.abrupt("return", ye.stream(e, a, i));
             case 17:
-              if (!(((v = e.connectSettings) == null ? void 0 : v.url) === Ee.URL)) {
+              if (!(((y = e.connectSettings) == null ? void 0 : y.url) === Ee.URL)) {
                 _context9.next = 19;
                 break;
               }
@@ -4546,7 +4570,7 @@ var G = /*#__PURE__*/function () {
                 throw Error(k.INVALID_RESPONSE(o, "server", !!e.deepChat.responseInterceptor, a));
               case 8:
                 if (M.isSimulation(e.stream)) {
-                  l = G.stream.bind(_this7, e, i, s), c = s[o.role || y.AI_ROLE];
+                  l = G.stream.bind(_this7, e, i, s), c = s[o.role || v.AI_ROLE];
                   M.upsertWFiles(i, l, c, a);
                 } else (Array.isArray(a) ? a : [a]).forEach(function (c) {
                   return i.addNewMessage(c);
@@ -4654,7 +4678,7 @@ var G = /*#__PURE__*/function () {
       var r = e.stream.simulation;
       if (typeof r == "string") {
         var _i$o;
-        var o = s.role || y.AI_ROLE,
+        var o = s.role || v.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 Ae(t), i[o].upsertStreamedMessage(s));
       } else M.simulate(t, e.streamHandlers, s);
@@ -4843,7 +4867,7 @@ var ye = /*#__PURE__*/function () {
                       return typeof m.error == "string";
                     });
                     if (f) console.error(f.error), t.isLastMessageError() || t.addNewErrorMessage("service", f.error);else if (M.isSimulation(e.stream)) {
-                      m = u, p = G.stream.bind(_this8, e, t, i.roleToStream), g = i.roleToStream[m.role || y.AI_ROLE];
+                      m = u, p = G.stream.bind(_this8, e, t, i.roleToStream), g = i.roleToStream[m.role || v.AI_ROLE];
                       M.upsertWFiles(t, p, g, m);
                     } else h.forEach(function (m) {
                       return t.addNewMessage(m);
@@ -4947,7 +4971,7 @@ var T = /*#__PURE__*/function () {
                 return E.processResponseByType(p);
               }).then(/*#__PURE__*/function () {
                 var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee19(p) {
-                  var R, B, g, v;
+                  var R, B, g, y;
                   return _regeneratorRuntime().wrap(function _callee19$(_context19) {
                     while (1) switch (_context19.prev = _context19.next) {
                       case 0:
@@ -4971,20 +4995,20 @@ var T = /*#__PURE__*/function () {
                         _context19.next = 10;
                         return e.extractResultData(g, u, o);
                       case 10:
-                        v = _context19.sent;
+                        y = _context19.sent;
                         if (d) {
                           _context19.next = 13;
                           break;
                         }
                         throw p;
                       case 13:
-                        if (!(!v || _typeof(v) != "object" && !Array.isArray(v))) {
+                        if (!(!y || _typeof(y) != "object" && !Array.isArray(y))) {
                           _context19.next = 15;
                           break;
                         }
                         throw Error(k.INVALID_RESPONSE(p, "response", !!e.deepChat.responseInterceptor, g));
                       case 15:
-                        v.makingAnotherRequest || (M.isSimulatable(e.stream, v) ? M.simulate(i, e.streamHandlers, v) : ((Array.isArray(v) ? v : [v]).forEach(function (N) {
+                        y.makingAnotherRequest || (M.isSimulatable(e.stream, y) ? M.simulate(i, e.streamHandlers, y) : ((Array.isArray(y) ? y : [y]).forEach(function (N) {
                           return i.addNewMessage(N);
                         }), c()));
                       case 16:
@@ -5188,7 +5212,7 @@ var Ue = /*#__PURE__*/function () {
           sendUpdate: !0
         }), !0, !0);
         if (c) {
-          var d = y.generateMessageBody(c, t);
+          var d = v.generateMessageBody(c, t);
           i.unshift([c, d]);
         }
         return c;
@@ -5201,13 +5225,18 @@ var Ue = /*#__PURE__*/function () {
   }, {
     key: "populateMessages",
     value: function populateMessages(e, t) {
-      this._messages.removeMessage(e), this._isPaginationComplete = t.findIndex(function (s) {
-        return !s;
+      this._messages.removeMessage(e), this._isPaginationComplete = t.findIndex(function (a) {
+        return !a;
       }) < 0;
-      var i = t.filter(function (s) {
-        return !!s;
+      var i = t.filter(function (a) {
+        return !!a;
       });
       this.processLoadedHistory(i);
+      var _this$_messages2 = this._messages,
+        s = _this$_messages2.messageElementRefs,
+        r = _this$_messages2.avatars,
+        o = _this$_messages2.names;
+      v.resetAllRoleElements(s, !!r, !!o);
     }
   }, {
     key: "setupLoadHistoryOnScroll",
@@ -5262,7 +5291,7 @@ var Ue = /*#__PURE__*/function () {
     value: function populateInitialHistory(e) {
       var _this12 = this;
       e.forEach(function (t) {
-        ne.processHistoryFile(t), _this12._messages.addNewMessage(t, !0);
+        ne.processHistoryFile(t), _this12._messages.addAnyMessage(t, !0);
       });
     }
   }, {
@@ -6239,7 +6268,7 @@ var Xs = {
         if (!this.shouldAddIntroMessage(e) || !this._chatEl) return;
         var t = Ci.setUpInitial(this.init.bind(this), this._webModel.introMessage, this._chatEl, !!this._webModel.worker);
         return this.scrollToTop(1), {
-          role: y.AI_ROLE,
+          role: v.AI_ROLE,
           html: t,
           sendUpdate: !1
         };
@@ -6653,9 +6682,9 @@ var Xs = {
       key: "setUpHistory",
       value: function setUpHistory(e, t) {
         t.forEach(function (i, s) {
-          if (i.role === y.USER_ROLE && i.text) {
+          if (i.role === v.USER_ROLE && i.text) {
             var r = t[s + 1];
-            r != null && r.text && r.role !== y.USER_ROLE && e.push([i.text, r.text]);
+            r != null && r.text && r.role !== v.USER_ROLE && e.push([i.text, r.text]);
           }
         });
       }
@@ -8838,11 +8867,11 @@ var ws = /*#__PURE__*/function (_Ii) {
     }
   }]);
 }(Ii);
-var Pi = /*#__PURE__*/function () {
-  function Pi() {
-    _classCallCheck(this, Pi);
+var Oi = /*#__PURE__*/function () {
+  function Oi() {
+    _classCallCheck(this, Oi);
   }
-  return _createClass(Pi, null, [{
+  return _createClass(Oi, null, [{
     key: "buildHeaders",
     value: function buildHeaders(e) {
       return {
@@ -8864,7 +8893,7 @@ var Pi = /*#__PURE__*/function () {
       return {
         url: "https://api.cohere.ai/v1/generate",
         method: "POST",
-        handleVerificationResult: Pi.handleVerificationResult,
+        handleVerificationResult: Oi.handleVerificationResult,
         body: JSON.stringify({
           prompt: ""
         })
@@ -8876,7 +8905,7 @@ var As = /*#__PURE__*/function (_W4) {
   function As(e, t, i, s, r) {
     var _this36;
     _classCallCheck(this, As);
-    _this36 = _callSuper(this, As, [e, Pi.buildKeyVerificationDetails(), Pi.buildHeaders, r]), _this36.insertKeyPlaceholderText = "Cohere API Key", _this36.keyHelpUrl = "https://dashboard.cohere.ai/api-keys", _this36.permittedErrorPrefixes = ["invalid"], _this36.url = t, _this36.textInputPlaceholderText = i, s && _typeof(s) == "object" && Object.assign(_this36.rawBody, s);
+    _this36 = _callSuper(this, As, [e, Oi.buildKeyVerificationDetails(), Oi.buildHeaders, r]), _this36.insertKeyPlaceholderText = "Cohere API Key", _this36.keyHelpUrl = "https://dashboard.cohere.ai/api-keys", _this36.permittedErrorPrefixes = ["invalid"], _this36.url = t, _this36.textInputPlaceholderText = i, s && _typeof(s) == "object" && Object.assign(_this36.rawBody, s);
     return _this36;
   }
   _inherits(As, _W4);
@@ -8957,11 +8986,11 @@ var Xo = /*#__PURE__*/function (_As) {
     }()
   }]);
 }(As);
-var Ps = /*#__PURE__*/function () {
-  function Ps() {
-    _classCallCheck(this, Ps);
+var Os = /*#__PURE__*/function () {
+  function Os() {
+    _classCallCheck(this, Os);
   }
-  return _createClass(Ps, null, [{
+  return _createClass(Os, null, [{
     key: "buildHeaders",
     value: function buildHeaders(e) {
       return {
@@ -8988,8 +9017,8 @@ var Ps = /*#__PURE__*/function () {
     }
   }]);
 }();
-Ps.URL_DETAILS_ERROR_MESSAGE = "Please define the Azure URL Details. [More Information](https://deepchat.dev/docs/directConnection/Azure)";
-var pe = Ps;
+Os.URL_DETAILS_ERROR_MESSAGE = "Please define the Azure URL Details. [More Information](https://deepchat.dev/docs/directConnection/Azure)";
+var pe = Os;
 var mt = /*#__PURE__*/function (_Ii2) {
   function mt(e) {
     var _g$headers;
@@ -9014,9 +9043,9 @@ var mt = /*#__PURE__*/function (_Ii2) {
       };
     if (_this37 = _callSuper(this, mt, [e, s == null ? void 0 : s.assistant, l, pe.buildKeyVerificationDetails(r), pe.buildHeaders, i]), _this37.permittedErrorPrefixes = [pe.URL_DETAILS_ERROR_MESSAGE], _this37.insertKeyPlaceholderText = "Azure OpenAI API Key", _this37.keyHelpUrl = "https://learn.microsoft.com/en-us/answers/questions/1193991/how-to-get-the-value-of-openai-api-key", _this37.isTextInputDisabled = !1, _typeof(s == null ? void 0 : s.assistant) == "object") {
       var _ref24 = (p = (m = (f = e.directConnection) == null ? void 0 : f.azure) == null ? void 0 : m.openAI) == null ? void 0 : p.assistant,
-        v = _ref24.function_handler,
+        y = _ref24.function_handler,
         R = _ref24.files_tool_type;
-      v && (_this37.functionHandler = v), R && (_this37.filesToolType = R);
+      y && (_this37.functionHandler = y), R && (_this37.filesToolType = R);
     }
     pe.validateURLDetails(r) ? (_g$headers = (g = _this37.connectSettings).headers) !== null && _g$headers !== void 0 ? _g$headers : g.headers = {} : (_this37.isTextInputDisabled = !0, _this37.canSendMessage = function () {
       return !1;
@@ -9106,11 +9135,11 @@ var Yo = /*#__PURE__*/function (_As2) {
     }()
   }]);
 }(As);
-var O = /*#__PURE__*/function () {
-  function O() {
-    _classCallCheck(this, O);
+var P = /*#__PURE__*/function () {
+  function P() {
+    _classCallCheck(this, P);
   }
-  return _createClass(O, null, [{
+  return _createClass(P, null, [{
     key: "addAttributes",
     value: function addAttributes(e) {
       e.role = "button", e.setAttribute("tabindex", "0");
@@ -9138,7 +9167,7 @@ var O = /*#__PURE__*/function () {
   }, {
     key: "removeAriaAttributes",
     value: function removeAriaAttributes(e) {
-      O.removeAriaBusy(e), O.removeAriaDisabled(e);
+      P.removeAriaBusy(e), P.removeAriaDisabled(e);
     }
   }]);
 }();
@@ -9198,13 +9227,13 @@ var D = /*#__PURE__*/function () {
     key: "unsetAllCSS",
     value: function unsetAllCSS(e, t) {
       var i, s;
-      t.container && P.unsetAllCSSMouseStates(e, t.container), (i = t.svg) != null && i.styles && P.unsetAllCSSMouseStates(e.children[0], t.svg.styles), (s = t.text) != null && s.styles && P.unsetAllCSSMouseStates(e.children[0], t.text.styles);
+      t.container && O.unsetAllCSSMouseStates(e, t.container), (i = t.svg) != null && i.styles && O.unsetAllCSSMouseStates(e.children[0], t.svg.styles), (s = t.text) != null && s.styles && O.unsetAllCSSMouseStates(e.children[0], t.text.styles);
     }
   }, {
     key: "unsetActionCSS",
     value: function unsetActionCSS(e, t) {
       var i, s;
-      t.container && P.unsetActivityCSSMouseStates(e, t.container), (i = t.svg) != null && i.styles && P.unsetActivityCSSMouseStates(e.children[0], t.svg.styles), (s = t.text) != null && s.styles && P.unsetActivityCSSMouseStates(e.children[0], t.text.styles);
+      t.container && O.unsetActivityCSSMouseStates(e, t.container), (i = t.svg) != null && i.styles && O.unsetActivityCSSMouseStates(e.children[0], t.svg.styles), (s = t.text) != null && s.styles && O.unsetActivityCSSMouseStates(e.children[0], t.text.styles);
     }
   }, {
     key: "setElementsCSS",
@@ -9224,7 +9253,7 @@ var ct = /*#__PURE__*/function () {
     _classCallCheck(this, ct);
     this._mouseState = {
       state: "default"
-    }, O.addAttributes(e), this.elementRef = e, this._customStyles = i, this.position = t, this.dropupText = s;
+    }, P.addAttributes(e), this.elementRef = e, this._customStyles = i, this.position = t, this.dropupText = s;
   }
   return _createClass(ct, [{
     key: "buttonMouseLeave",
@@ -9316,7 +9345,7 @@ var zi = /*#__PURE__*/function (_ct) {
   }]);
 }(ct);
 zi.EMPTY_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"></svg>';
-var Oi = zi;
+var Pi = zi;
 var q = /*#__PURE__*/function () {
   function q() {
     _classCallCheck(this, q);
@@ -9369,7 +9398,7 @@ var q = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n  <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>",
+var On = "<?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>",
   cs = "<?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>",
   C = /*#__PURE__*/function (_W5) {
     function C(e) {
@@ -9577,9 +9606,9 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
       value: function createMuteButton() {
         var _this40 = this;
         var t;
-        var e = new Oi((t = this._buttonsConfig) == null ? void 0 : t.microphone);
+        var e = new Pi((t = this._buttonsConfig) == null ? void 0 : t.microphone);
         return e.elementRef.classList.replace("input-button-svg", "deep-chat-openai-realtime-button"), e.elementRef.classList.add(C.BUTTON_DEFAULT, "deep-chat-openai-realtime-mute"), e.elementRef.onclick = function () {
-          e.isActive ? (_this40.toggleMute(!0), e.elementRef.classList.replace(C.MUTE_ACTIVE, C.BUTTON_DEFAULT), e.changeToDefault(), _this40._isMuted = !1) : (_this40.toggleMute(!1), e.elementRef.classList.replace(C.BUTTON_DEFAULT, C.MUTE_ACTIVE), O.removeAriaAttributes(e.elementRef), e.changeToActive(), _this40._isMuted = !0);
+          e.isActive ? (_this40.toggleMute(!0), e.elementRef.classList.replace(C.MUTE_ACTIVE, C.BUTTON_DEFAULT), e.changeToDefault(), _this40._isMuted = !1) : (_this40.toggleMute(!1), e.elementRef.classList.replace(C.BUTTON_DEFAULT, C.MUTE_ACTIVE), P.removeAriaAttributes(e.elementRef), e.changeToActive(), _this40._isMuted = !0);
         }, e;
       }
     }, {
@@ -9595,7 +9624,7 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
       value: function createToggleButton() {
         var _this41 = this;
         var t;
-        var e = new Oi((t = this._buttonsConfig) == null ? void 0 : t.toggle);
+        var e = new Pi((t = this._buttonsConfig) == null ? void 0 : t.toggle);
         return e.elementRef.classList.replace("input-button-svg", "deep-chat-openai-realtime-button"), e.elementRef.classList.add(C.BUTTON_DEFAULT, "deep-chat-openai-realtime-toggle"), e.elementRef.onclick = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee92() {
           var i, s;
           return _regeneratorRuntime().wrap(function _callee92$(_context92) {
@@ -9732,7 +9761,7 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
                             _context94.next = 5;
                             break;
                           }
-                          _this42.removeUnavailable(), _this42._toggleButton && (O.removeAriaAttributes(_this42._toggleButton.elementRef), _this42._toggleButton.changeToActive()), _this42.hideLoading();
+                          _this42.removeUnavailable(), _this42._toggleButton && (P.removeAriaAttributes(_this42._toggleButton.elementRef), _this42._toggleButton.changeToActive()), _this42.hideLoading();
                           _context94.next = 20;
                           break;
                         case 5:
@@ -9934,12 +9963,12 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
       key: "displayLoading",
       value: function displayLoading() {
         var e, t, i;
-        this._toggleButton && (this._toggleButton.changeToActive(), this._toggleButton.elementRef.classList.add(C.BUTTON_LOADING), O.removeAriaDisabled(this._toggleButton.elementRef), O.addAriaBusy(this._toggleButton.elementRef)), (typeof ((e = this._loadingConfig) == null ? void 0 : e.display) != "boolean" || this._loadingConfig.display) && this._loadingElement && (this._loadingElement.style.display = "block", (t = this._loadingConfig) != null && t.html || (this._loadingElement.textContent = ((i = this._loadingConfig) == null ? void 0 : i.text) || "Loading"));
+        this._toggleButton && (this._toggleButton.changeToActive(), this._toggleButton.elementRef.classList.add(C.BUTTON_LOADING), P.removeAriaDisabled(this._toggleButton.elementRef), P.addAriaBusy(this._toggleButton.elementRef)), (typeof ((e = this._loadingConfig) == null ? void 0 : e.display) != "boolean" || this._loadingConfig.display) && this._loadingElement && (this._loadingElement.style.display = "block", (t = this._loadingConfig) != null && t.html || (this._loadingElement.textContent = ((i = this._loadingConfig) == null ? void 0 : i.text) || "Loading"));
       }
     }, {
       key: "hideLoading",
       value: function hideLoading() {
-        this._toggleButton && (this._toggleButton.elementRef.classList.remove(C.BUTTON_LOADING), O.removeAriaBusy(this._toggleButton.elementRef)), this._loadingElement && (this._loadingElement.style.display = "none");
+        this._toggleButton && (this._toggleButton.elementRef.classList.remove(C.BUTTON_LOADING), P.removeAriaBusy(this._toggleButton.elementRef)), this._loadingElement && (this._loadingElement.style.display = "none");
       }
       // https://platform.openai.com/docs/guides/realtime-model-capabilities#function-calling
     }, {
@@ -10020,7 +10049,7 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
         var _t$microphone, _o$default, _a$svg, _t$toggle, _u$default, _h$svg, _f$active, _m$svg;
         var i, s, r, o, a, l, c, d, u, h, f, m;
         var t = _typeof(e) == "object" && e.buttons ? JSON.parse(JSON.stringify(e.buttons)) : {};
-        return (r = (s = (i = t.microphone) == null ? void 0 : i["default"]) == null ? void 0 : s.text) != null && r.content || ((_t$microphone = t.microphone) !== null && _t$microphone !== void 0 ? _t$microphone : t.microphone = {}, (_o$default = (o = t.microphone)["default"]) !== null && _o$default !== void 0 ? _o$default : o["default"] = {}, (_a$svg = (a = t.microphone["default"]).svg) !== null && _a$svg !== void 0 ? _a$svg : a.svg = {}, t.microphone["default"].svg.content = In), (d = (c = (l = t.toggle) == null ? void 0 : l["default"]) == null ? void 0 : c.text) != null && d.content || ((_t$toggle = t.toggle) !== null && _t$toggle !== void 0 ? _t$toggle : t.toggle = {}, (_u$default = (u = t.toggle)["default"]) !== null && _u$default !== void 0 ? _u$default : u["default"] = {}, (_h$svg = (h = t.toggle["default"]).svg) !== null && _h$svg !== void 0 ? _h$svg : h.svg = {}, t.toggle["default"].svg.content = Pn, (_f$active = (f = t.toggle).active) !== null && _f$active !== void 0 ? _f$active : f.active = {}, (_m$svg = (m = t.toggle.active).svg) !== null && _m$svg !== void 0 ? _m$svg : m.svg = {}, t.toggle.active.svg.content = cs), t;
+        return (r = (s = (i = t.microphone) == null ? void 0 : i["default"]) == null ? void 0 : s.text) != null && r.content || ((_t$microphone = t.microphone) !== null && _t$microphone !== void 0 ? _t$microphone : t.microphone = {}, (_o$default = (o = t.microphone)["default"]) !== null && _o$default !== void 0 ? _o$default : o["default"] = {}, (_a$svg = (a = t.microphone["default"]).svg) !== null && _a$svg !== void 0 ? _a$svg : a.svg = {}, t.microphone["default"].svg.content = In), (d = (c = (l = t.toggle) == null ? void 0 : l["default"]) == null ? void 0 : c.text) != null && d.content || ((_t$toggle = t.toggle) !== null && _t$toggle !== void 0 ? _t$toggle : t.toggle = {}, (_u$default = (u = t.toggle)["default"]) !== null && _u$default !== void 0 ? _u$default : u["default"] = {}, (_h$svg = (h = t.toggle["default"]).svg) !== null && _h$svg !== void 0 ? _h$svg : h.svg = {}, t.toggle["default"].svg.content = On, (_f$active = (f = t.toggle).active) !== null && _f$active !== void 0 ? _f$active : f.active = {}, (_m$svg = (m = t.toggle.active).svg) !== null && _m$svg !== void 0 ? _m$svg : m.svg = {}, t.toggle.active.svg.content = cs), t;
       }
     }, {
       key: "createAvatar",
@@ -10038,7 +10067,7 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     }, {
       key: "changeButtonToUnavailable",
       value: function changeButtonToUnavailable(e) {
-        e.elementRef.classList.add(C.UNAVAILABLE), O.removeAriaBusy(e.elementRef), O.addAriaDisabled(e.elementRef), e.changeToUnavailable();
+        e.elementRef.classList.add(C.UNAVAILABLE), P.removeAriaBusy(e.elementRef), P.addAriaDisabled(e.elementRef), e.changeToUnavailable();
       }
     }, {
       key: "changeButtonToAvailable",
@@ -10048,7 +10077,7 @@ var Pn = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\"
     }, {
       key: "removeButtonUnavailable",
       value: function removeButtonUnavailable(e) {
-        O.removeAriaDisabled(e.elementRef), e.elementRef.classList.remove(C.UNAVAILABLE);
+        P.removeAriaDisabled(e.elementRef), e.elementRef.classList.remove(C.UNAVAILABLE);
       }
     }]);
   }(W);
@@ -10730,20 +10759,20 @@ var Cs = /*#__PURE__*/function (_W9) {
     }
   }]);
 }(W);
-var On = /*#__PURE__*/function (_W10) {
+var Pn = /*#__PURE__*/function (_W10) {
   // prettier-ignore
-  function On(e, t, i, s, r) {
+  function Pn(e, t, i, s, r) {
     var _this49;
-    _classCallCheck(this, On);
-    _this49 = _callSuper(this, On, [e, me.buildSpeechKeyVerificationDetails(i), t, s, r]), _this49.insertKeyPlaceholderText = "Azure Speech Subscription Key", _this49.keyHelpUrl =
+    _classCallCheck(this, Pn);
+    _this49 = _callSuper(this, Pn, [e, me.buildSpeechKeyVerificationDetails(i), t, s, r]), _this49.insertKeyPlaceholderText = "Azure Speech Subscription Key", _this49.keyHelpUrl =
     // eslint-disable-next-line max-len
     "https://learn.microsoft.com/en-us/azure/api-management/api-management-subscriptions#create-and-manage-subscriptions-in-azure-portal";
     return _this49;
   }
-  _inherits(On, _W10);
-  return _createClass(On);
+  _inherits(Pn, _W10);
+  return _createClass(Pn);
 }(W);
-var tt = /*#__PURE__*/function (_On) {
+var tt = /*#__PURE__*/function (_Pn) {
   // prettier-ignore
   function tt(e) {
     var _a$lang, _l$name, _c$gender;
@@ -10761,7 +10790,7 @@ var tt = /*#__PURE__*/function (_On) {
     }));
     return _this50;
   }
-  _inherits(tt, _On);
+  _inherits(tt, _Pn);
   return _createClass(tt, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t) {
@@ -10825,14 +10854,14 @@ var tt = /*#__PURE__*/function (_On) {
       return extractResultData;
     }()
   }]);
-}(On);
+}(Pn);
 tt.HELP_LINK =
 // eslint-disable-next-line max-len
 "https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest", tt.REGION_ERROR_MESSAGE =
 // eslint-disable-next-line max-len
 "Please define a region config property. [More Information](https://deepchat.dev/docs/directConnection/Azure#TextToSpeech)";
 var ps = tt;
-var He = /*#__PURE__*/function (_On2) {
+var He = /*#__PURE__*/function (_Pn2) {
   function He(e) {
     var _this51;
     _classCallCheck(this, He);
@@ -10859,7 +10888,7 @@ var He = /*#__PURE__*/function (_On2) {
     }
     return _this51;
   }
-  _inherits(He, _On2);
+  _inherits(He, _Pn2);
   return _createClass(He, [{
     key: "callServiceAPI",
     value: function () {
@@ -10925,7 +10954,7 @@ var He = /*#__PURE__*/function (_On2) {
       return !!(t != null && t[0]);
     }
   }]);
-}(On);
+}(Pn);
 He.HELP_LINK =
 // eslint-disable-next-line max-len
 "https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest", He.REGION_ERROR_MESSAGE =
@@ -11049,7 +11078,7 @@ var yt = /*#__PURE__*/function (_W12) {
         s = Et.getCharacterLimitMessages(t, this.totalMessagesMaxCharLength ? this.totalMessagesMaxCharLength - this._systemMessage.content.length : -1).map(function (r) {
           return {
             content: yt.getContent(r),
-            role: r.role === y.USER_ROLE ? "user" : "assistant"
+            role: r.role === v.USER_ROLE ? "user" : "assistant"
           };
         });
       return t.find(function (r) {
@@ -11729,10 +11758,10 @@ var ia = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Os = /*#__PURE__*/_createClass(function Os() {
-  _classCallCheck(this, Os);
+var Ps = /*#__PURE__*/_createClass(function Ps() {
+  _classCallCheck(this, Ps);
 });
-Os.attibutes = {
+Ps.attibutes = {
   string: function string(e) {
     return e;
   },
@@ -11752,8 +11781,8 @@ Os.attibutes = {
     return new Function("return ".concat(e))();
   }
 };
-var bs = Os;
-function _(n) {
+var bs = Ps;
+function x(n) {
   return function (e, t) {
     Object.defineProperty(e, t, {});
     var i = e.constructor,
@@ -11822,7 +11851,7 @@ var sa = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\"
       key: "createAudioElement",
       value: function createAudioElement(e, t) {
         var i = document.createElement("audio");
-        return i.src = e.src, i.classList.add("audio-player"), i.controls = !0, $e.IS_SAFARI && (i.classList.add("audio-player-safari"), i.classList.add(t === y.USER_ROLE ? "audio-player-safari-right" : "audio-player-safari-left")), i;
+        return i.src = e.src, i.classList.add("audio-player"), i.controls = !0, $e.IS_SAFARI && (i.classList.add("audio-player-safari"), i.classList.add(t === v.USER_ROLE ? "audio-player-safari-right" : "audio-player-safari-left")), i;
       }
     }, {
       key: "createNewAudioMessage",
@@ -11967,6 +11996,7 @@ var de = /*#__PURE__*/function () {
       var t, i;
       return ue.isActiveElement((t = e.text) == null ? void 0 : t.bubbleElement.classList) || ue.isActiveElement((i = e.html) == null ? void 0 : i.bubbleElement.classList);
     }
+    // WORK - update message does not work on loaded history messages
     // note that overwrite and 'deep-chat-temporary-message' are used to remove a message
   }, {
     key: "update",
@@ -11974,7 +12004,11 @@ var de = /*#__PURE__*/function () {
       var s = e.messageToElements[i];
       if (s) {
         if (de.isElementActive(s[1])) return console.error("Cannot update a message that is being streamed");
-        t.text && de.updateTextMessage(e, s, t.text), t.html && de.updateHTMLMessage(e, s, t.html), t.files ? de.updateFileMessages(e, s, t.files) : de.removeFilesMessages(e, s), !t.text && s[1].text && de.removeTextHTMLMessage(e, s, "text"), !t.html && s[1].html && de.removeTextHTMLMessage(e, s, "html");
+        t.text && de.updateTextMessage(e, s, t.text), t.files ? de.updateFileMessages(e, s, t.files) : de.removeFilesMessages(e, s), t.html && de.updateHTMLMessage(e, s, t.html), !t.text && s[1].text && de.removeTextHTMLMessage(e, s, "text"), !t.html && s[1].html && de.removeTextHTMLMessage(e, s, "html");
+        var r = e.messageElementRefs,
+          o = e.avatars,
+          a = e.names;
+        v.classifyRoleMessages(r), v.resetAllRoleElements(r, !!o, !!a);
       } else console.error("Message index not found. Please use the `getMessages` method to find the correct index");
     }
   }]);
@@ -12047,8 +12081,8 @@ var ue = /*#__PURE__*/function (_fe) {
     value: function addSetupMessageIfNeeded(e, t) {
       var i = na.getText(e, t);
       if (i) {
-        var s = this.createAndAppendNewMessageElement(i, y.AI_ROLE);
-        this.applyCustomStyles(s, y.AI_ROLE, !1);
+        var s = this.createAndAppendNewMessageElement(i, v.AI_ROLE);
+        this.applyCustomStyles(s, v.AI_ROLE, !1);
       }
       return !!i;
     }
@@ -12062,7 +12096,11 @@ var ue = /*#__PURE__*/function (_fe) {
       t != null && t.isWebModel() && (i !== null && i !== void 0 ? i : i = t.getIntroMessage(i));
       var s = !(e != null && e.history) && !!(e != null && e.loadHistory || t != null && t.fetchHistory);
       i && (Array.isArray(i) ? i.forEach(function (r, o) {
-        o !== 0 && y.hideRoleElements(_this60.messageElementRefs, !!_this60._avatars, !!_this60._names), _this60.addIntroductoryMessage(r, s);
+        if (o !== 0) {
+          var a = _this60.messageElementRefs[_this60.messageElementRefs.length - 1].innerContainer;
+          v.hideRoleElements(a, !!_this60.avatars, !!_this60.names);
+        }
+        _this60.addIntroductoryMessage(r, s);
       }) : this.addIntroductoryMessage(i, s));
     }
   }, {
@@ -12070,7 +12108,7 @@ var ue = /*#__PURE__*/function (_fe) {
     value: function addIntroductoryMessage(e, t) {
       var s;
       var i;
-      return e != null && e.text ? i = this.createAndAppendNewMessageElement(e.text, y.AI_ROLE) : e != null && e.html && (i = xe.add(this, e.html, y.AI_ROLE, this.messageElementRefs)), i && (this.applyCustomStyles(i, y.AI_ROLE, !1, (s = this.messageStyles) == null ? void 0 : s.intro), i.outerContainer.classList.add(fe.INTRO_CLASS), t && (i.outerContainer.style.display = "none")), i;
+      return e != null && e.text ? i = this.createAndAppendNewMessageElement(e.text, v.AI_ROLE) : e != null && e.html && (i = xe.add(this, e.html, v.AI_ROLE, this.messageElementRefs)), i && (this.applyCustomStyles(i, v.AI_ROLE, !1, (s = this.messageStyles) == null ? void 0 : s.intro), i.outerContainer.classList.add(fe.INTRO_CLASS), t && (i.outerContainer.style.display = "none")), i;
     }
   }, {
     key: "removeIntroductoryMessage",
@@ -12083,7 +12121,7 @@ var ue = /*#__PURE__*/function (_fe) {
     value: function addAnyMessage(e) {
       var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      return e.error ? this.addNewErrorMessage("service", e.error) : this.addNewMessage(e, t, i);
+      return e.error ? this.addNewErrorMessage("service", e.error, i) : this.addNewMessage(e, t, i);
     }
     // this should not be activated by streamed messages
   }, {
@@ -12095,7 +12133,7 @@ var ue = /*#__PURE__*/function (_fe) {
         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 !== y.USER_ROLE && vt.speak(s.text, this.textToSpeech)), s.files && Array.isArray(s.files) && Bi.addMessages(this, s.files, s.role, i), s.html !== void 0 && s.html !== null) {
+      if (!e.ignoreText && s.text !== void 0 && e.text !== null && (this.addNewTextMessage(s.text, s.role, r, i), !t && this.textToSpeech && s.role !== v.USER_ROLE && vt.speak(s.text, this.textToSpeech)), s.files && Array.isArray(s.files) && Bi.addMessages(this, s.files, s.role, i), s.html !== void 0 && s.html !== null) {
         var o = xe.add(this, s.html, s.role, this.messageElementRefs, r, i);
         Ne.isElementTemporary(o) && delete s.html;
       }
@@ -12112,7 +12150,7 @@ var ue = /*#__PURE__*/function (_fe) {
       var i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
       if (!t) {
-        var r = y.generateMessageBody(e, this.messageElementRefs);
+        var r = v.generateMessageBody(e, this.messageElementRefs);
         this.messageToElements.push([e, r]);
       }
       i && this.sendClientUpdate(e, s);
@@ -12134,10 +12172,10 @@ var ue = /*#__PURE__*/function (_fe) {
       this.removeMessageOnError();
       var s = this.getPermittedMessage(t) || ((c = this._errorMessageOverrides) == null ? void 0 : c[e]) || ((d = this._errorMessageOverrides) == null ? void 0 : d["default"]) || "Error, please try again.",
         r = this.createMessageElementsOnOrientation(s, "error", i);
-      y.hideRoleElements(this.messageElementRefs, !!this._avatars, !!this._names);
+      v.hideRoleElements(r.innerContainer, !!this.avatars, !!this.names);
       var o = r.bubbleElement,
         a = r.outerContainer;
-      o.classList.add("error-message-text"), this.renderText(o, s);
+      o.classList.add(v.ERROR_MESSAGE_TEXT_CLASS), this.renderText(o, s);
       var l = Q.extractParticularSharedStyles(["fontSize", "fontFamily"], (u = this.messageStyles) == null ? void 0 : u["default"]);
       Q.applyCustomStylesToElements(r, !1, l), Q.applyCustomStylesToElements(r, !1, (h = this.messageStyles) == null ? void 0 : h.error), i || this.appendOuterContainerElemet(a), this.textToSpeech && vt.speak(s, this.textToSpeech), (f = this._onError) == null || f.call(this, s);
     }
@@ -12161,16 +12199,16 @@ var ue = /*#__PURE__*/function (_fe) {
   }, {
     key: "removeError",
     value: function removeError() {
-      this.isLastMessageError() && y.getLastMessageElement(this.elementRef).remove();
+      this.isLastMessageError() && v.getLastMessageElement(this.elementRef).remove();
     }
   }, {
     key: "addDefaultLoadingMessage",
     value: function addDefaultLoadingMessage() {
-      var e = this.createMessageElements("", y.AI_ROLE),
+      var e = this.createMessageElements("", v.AI_ROLE),
         t = e.bubbleElement;
-      e.bubbleElement.classList.add(Oe.DOTS_CONTAINER_CLASS);
+      e.bubbleElement.classList.add(Pe.DOTS_CONTAINER_CLASS);
       var i = document.createElement("div");
-      return i.classList.add("loading-message-dots"), t.appendChild(i), Oe.setDots(t, this.messageStyles), e;
+      return i.classList.add("loading-message-dots"), t.appendChild(i), Pe.setDots(t, this.messageStyles), e;
     }
   }, {
     key: "addLoadingMessage",
@@ -12180,8 +12218,8 @@ var ue = /*#__PURE__*/function (_fe) {
       var t = this.messageElementRefs[this.messageElementRefs.length - 1];
       if (fe.isLoadingMessage(t) || !e && !this._isLoadingMessageAllowed) return;
       var i = (a = (o = (r = this.messageStyles) == null ? void 0 : r.loading) == null ? void 0 : o.message) == null ? void 0 : a.html,
-        s = i ? xe.createElements(this, i, y.AI_ROLE, !1) : this.addDefaultLoadingMessage();
-      this.appendOuterContainerElemet(s.outerContainer), s.bubbleElement.classList.add(Oe.BUBBLE_CLASS), this.applyCustomStyles(s, y.AI_ROLE, !1, (d = (c = (l = this.messageStyles) == null ? void 0 : l.loading) == null ? void 0 : c.message) == null ? void 0 : d.styles), this.focusMode || ee.scrollToBottom(this.elementRef);
+        s = i ? xe.createElements(this, i, v.AI_ROLE, !1) : this.addDefaultLoadingMessage();
+      this.appendOuterContainerElemet(s.outerContainer), s.bubbleElement.classList.add(Pe.BUBBLE_CLASS), this.applyCustomStyles(s, v.AI_ROLE, !1, (d = (c = (l = this.messageStyles) == null ? void 0 : l.loading) == null ? void 0 : c.message) == null ? void 0 : d.styles), this.focusMode || ee.scrollToBottom(this.elementRef);
     }
   }, {
     key: "populateIntroPanel",
@@ -12240,7 +12278,7 @@ var ue = /*#__PURE__*/function (_fe) {
       }), 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();
+        l != null && l.classList.contains(v.ERROR_MESSAGE_TEXT_CLASS) && a.remove();
       }), this.messageElementRefs = i;
       var s = this.messageToElements.filter(function (a) {
         return a[1].text && ue.isActiveElement(a[1].text.bubbleElement.classList) || a[1].html && ue.isActiveElement(a[1].html.bubbleElement.classList);
@@ -12266,7 +12304,7 @@ var ue = /*#__PURE__*/function (_fe) {
   }, {
     key: "isActiveElement",
     value: function isActiveElement(e) {
-      return e ? e.contains(Oe.BUBBLE_CLASS) || e.contains(De.CLASS) || e.contains(Ae.MESSAGE_CLASS) : !1;
+      return e ? e.contains(Pe.BUBBLE_CLASS) || e.contains(De.CLASS) || e.contains(Ae.MESSAGE_CLASS) : !1;
     }
   }]);
 }(fe);
@@ -12456,7 +12494,7 @@ var Nn = "<?xml version=\"1.0\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-//W
           r = t.dropupText,
           o = document.createElement("div");
         if (Object.assign(o.style, (a = i == null ? void 0 : i.item) == null ? void 0 : a["default"]), _e.populateItem(s, o, r, i), o.classList.add(_e.MENU_ITEM_CLASS), s.classList.contains(Ke.BUTTOM_CLASS)) t.setDropupItem(o);else {
-          var l = P.processStateful((i == null ? void 0 : i.item) || {}, {
+          var l = O.processStateful((i == null ? void 0 : i.item) || {}, {
             backgroundColor: "#f3f3f3"
           }, {
             backgroundColor: "#ebebeb"
@@ -12533,7 +12571,7 @@ var bt = /*#__PURE__*/function (_ct2) {
     key: "assignDropupItemStyle",
     value: function assignDropupItemStyle(e) {
       this.elementRef.parentElement && this._originalElementRef && (this.elementRef = ie.replaceElementWithNewClone(this.elementRef, this._originalElementRef)), Object.assign(this.elementRef.style, e.item["default"]);
-      var t = P.processStateful(e.item, e.item.hover || {}, e.item.click || {});
+      var t = O.processStateful(e.item, e.item.hover || {}, e.item.click || {});
       Ge.add(this.elementRef, t), this.addClickListener();
       var i = this.elementRef.children[0];
       i.classList.contains("text-button") || Object.assign(i.style, e.iconContainer);
@@ -12542,18 +12580,18 @@ var bt = /*#__PURE__*/function (_ct2) {
     key: "changeToDefault",
     value: function changeToDefault(e) {
       var t, i, s, r;
-      !e && this._state === "default" || (this.elementRef.classList.contains(Ve.MENU_ITEM_CLASS) ? this.assignDropupItemStyle(this._dropupStyles["default"]) : (this.elementRef.replaceChildren(this._innerElements["default"]), (t = this._customStyles) != null && t.active && D.unsetAllCSS(this.elementRef, (i = this._customStyles) == null ? void 0 : i.active), (s = this._customStyles) != null && s.disabled && D.unsetAllCSS(this.elementRef, (r = this._customStyles) == null ? void 0 : r.disabled), this.reapplyStateStyle("default", ["active", "disabled"])), O.removeAriaDisabled(this.elementRef), this._state = "default");
+      !e && this._state === "default" || (this.elementRef.classList.contains(Ve.MENU_ITEM_CLASS) ? this.assignDropupItemStyle(this._dropupStyles["default"]) : (this.elementRef.replaceChildren(this._innerElements["default"]), (t = this._customStyles) != null && t.active && D.unsetAllCSS(this.elementRef, (i = this._customStyles) == null ? void 0 : i.active), (s = this._customStyles) != null && s.disabled && D.unsetAllCSS(this.elementRef, (r = this._customStyles) == null ? void 0 : r.disabled), this.reapplyStateStyle("default", ["active", "disabled"])), P.removeAriaDisabled(this.elementRef), this._state = "default");
     }
   }, {
     key: "changeToActive",
     value: function changeToActive(e) {
-      !e && this._state === "active" || (this.elementRef.classList.contains(Ve.MENU_ITEM_CLASS) ? this.assignDropupItemStyle(this._dropupStyles.active) : (this.elementRef.replaceChildren(this._innerElements.active), this.reapplyStateStyle("active", ["disabled", "default"])), O.removeAriaDisabled(this.elementRef), this._state = "active");
+      !e && this._state === "active" || (this.elementRef.classList.contains(Ve.MENU_ITEM_CLASS) ? this.assignDropupItemStyle(this._dropupStyles.active) : (this.elementRef.replaceChildren(this._innerElements.active), this.reapplyStateStyle("active", ["disabled", "default"])), P.removeAriaDisabled(this.elementRef), this._state = "active");
     }
   }, {
     key: "changeToDisabled",
     value: function changeToDisabled(e) {
       var t, i, s, r;
-      !e && this._state === "disabled" || (this.elementRef.classList.contains(Ve.MENU_ITEM_CLASS) ? (this.elementRef.classList.add(Ve.DISABLED_ITEM_CLASS), this.assignDropupItemStyle(this._dropupStyles.disabled)) : (this.elementRef.replaceChildren(this._innerElements.disabled), (t = this._customStyles) != null && t.active && D.unsetAllCSS(this.elementRef, (i = this._customStyles) == null ? void 0 : i.active), (s = this._customStyles) != null && s["default"] && D.unsetAllCSS(this.elementRef, (r = this._customStyles) == null ? void 0 : r["default"]), this.reapplyStateStyle("disabled", ["default", "active"])), O.addAriaDisabled(this.elementRef), this._state = "disabled");
+      !e && this._state === "disabled" || (this.elementRef.classList.contains(Ve.MENU_ITEM_CLASS) ? (this.elementRef.classList.add(Ve.DISABLED_ITEM_CLASS), this.assignDropupItemStyle(this._dropupStyles.disabled)) : (this.elementRef.replaceChildren(this._innerElements.disabled), (t = this._customStyles) != null && t.active && D.unsetAllCSS(this.elementRef, (i = this._customStyles) == null ? void 0 : i.active), (s = this._customStyles) != null && s["default"] && D.unsetAllCSS(this.elementRef, (r = this._customStyles) == null ? void 0 : r["default"]), this.reapplyStateStyle("disabled", ["default", "active"])), P.addAriaDisabled(this.elementRef), this._state = "disabled");
     }
   }, {
     key: "setDropupItem",
@@ -13148,13 +13186,13 @@ function Bn() {
   }();
   return It.AutoScroll = n, It;
 }
-var Pt = {},
+var Ot = {},
   on;
 function Wi() {
-  if (on) return Pt;
-  on = 1, Object.defineProperty(Pt, "__esModule", {
+  if (on) return Ot;
+  on = 1, Object.defineProperty(Ot, "__esModule", {
     value: !0
-  }), Pt.Elements = void 0;
+  }), Ot.Elements = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13201,15 +13239,15 @@ function Wi() {
       }
     }]);
   }();
-  return Pt.Elements = n, Pt;
+  return Ot.Elements = n, Ot;
 }
-var Ot = {},
+var Pt = {},
   an;
 function Ji() {
-  if (an) return Ot;
-  an = 1, Object.defineProperty(Ot, "__esModule", {
+  if (an) return Pt;
+  an = 1, Object.defineProperty(Pt, "__esModule", {
     value: !0
-  }), Ot.Cursor = void 0;
+  }), Pt.Cursor = void 0;
   var n = /*#__PURE__*/function () {
     function n() {
       _classCallCheck(this, n);
@@ -13290,7 +13328,7 @@ function Ji() {
       }
     }]);
   }();
-  return Ot.Cursor = n, Ot;
+  return Pt.Cursor = n, Pt;
 }
 var ln;
 function Fn() {
@@ -13365,32 +13403,32 @@ function Fn() {
         var p = a.commands;
         if (!p || !d || !c) return;
         var g = ((h = p.settings) === null || h === void 0 ? void 0 : h.caseSensitive) === !0 ? l : l.toLowerCase(),
-          v = s.Text.breakupIntoWordsArr(g),
+          y = s.Text.breakupIntoWordsArr(g),
           R = ((f = p.settings) === null || f === void 0 ? void 0 : f.substrings) === !1 ? r.checkIfMatchesWord : r.checkIfMatchesSubstring;
-        if (p.commandMode && R(p.commandMode, g, v)) return a.setInterimColorToFinal(), setTimeout(function () {
+        if (p.commandMode && R(p.commandMode, g, y)) return a.setInterimColorToFinal(), setTimeout(function () {
           return r.toggleCommandModeOn(a);
         }), {
           doNotProcessTranscription: !1
         };
         if (!(p.commandMode && !a.isWaitingForCommand)) {
-          if (p.stop && R(p.stop, g, v)) return r.toggleCommandModeOff(a), setTimeout(function () {
+          if (p.stop && R(p.stop, g, y)) return r.toggleCommandModeOff(a), setTimeout(function () {
             return a.stop();
           }), {
             doNotProcessTranscription: !1
           };
-          if (p.pause && R(p.pause, g, v)) return r.toggleCommandModeOff(a), a.setInterimColorToFinal(), setTimeout(function () {
+          if (p.pause && R(p.pause, g, y)) return r.toggleCommandModeOff(a), a.setInterimColorToFinal(), setTimeout(function () {
             var B;
             a.isPaused = !0, (B = a.onPauseTrigger) === null || B === void 0 || B.call(a, !0);
           }), {
             doNotProcessTranscription: !1
           };
-          if (p.resume && R(p.resume, g, v)) return a.isPaused = !1, (m = a.onPauseTrigger) === null || m === void 0 || m.call(a, !1), r.toggleCommandModeOff(a), a.resetRecording(c), {
+          if (p.resume && R(p.resume, g, y)) return a.isPaused = !1, (m = a.onPauseTrigger) === null || m === void 0 || m.call(a, !1), r.toggleCommandModeOff(a), a.resetRecording(c), {
             doNotProcessTranscription: !0
           };
-          if (p.reset && R(p.reset, g, v)) return u !== void 0 && r.setText(a, c, u, d), {
+          if (p.reset && R(p.reset, g, y)) return u !== void 0 && r.setText(a, c, u, d), {
             doNotProcessTranscription: !0
           };
-          if (p.removeAllText && R(p.removeAllText, g, v)) return r.setText(a, c, "", d), {
+          if (p.removeAllText && R(p.removeAllText, g, y)) return r.setText(a, c, "", d), {
             doNotProcessTranscription: !0
           };
         }
@@ -13553,8 +13591,8 @@ function Un() {
       value: function prepareBeforeStart(h) {
         var f, m;
         if (h != null && h.element) if (n.EventListeners.add(this, h), Array.isArray(h.element)) {
-          var g = h.element.find(function (v) {
-            return v === document.activeElement;
+          var g = h.element.find(function (y) {
+            return y === document.activeElement;
           }) || h.element[0];
           if (!g) return;
           this.prepare(g);
@@ -13582,9 +13620,9 @@ function Un() {
         var g = c.Text.capitalize(f);
         if (this.finalTranscript === g && h === "") return;
         e.PreResultUtils.process(this, m, h === "", this._onPreResult, this._options) && (h = "", m = "");
-        var v = this.commands && t.CommandUtils.execCommand(this, m, this._options, this._primitiveElement || this._genericElement, this._originalText);
-        if (v) {
-          if (v.doNotProcessTranscription) return;
+        var y = this.commands && t.CommandUtils.execCommand(this, m, this._options, this._primitiveElement || this._genericElement, this._originalText);
+        if (y) {
+          if (y.doNotProcessTranscription) return;
           h = "", m = "";
         }
         if (this.isPaused || this.isWaitingForCommand) return;
@@ -13613,8 +13651,8 @@ function Un() {
         this.finalSpan.innerHTML = p;
         var g = i.AutoScroll.isRequired(this.autoScroll, h);
         i.AutoScroll.changeStateIfNeeded(this, g);
-        var v = c.Text.lineBreak(f) + (m ? "" : this.endPadding);
-        this.interimSpan.innerHTML = v, a.Browser.IS_SAFARI() && this.insertInCursorLocation && l.Cursor.setOffsetForSafariGeneric(h, p.length + v.length), g && i.AutoScroll.scrollGeneric(this, h), m && (this.scrollingSpan.innerHTML = "");
+        var y = c.Text.lineBreak(f) + (m ? "" : this.endPadding);
+        this.interimSpan.innerHTML = y, a.Browser.IS_SAFARI() && this.insertInCursorLocation && l.Cursor.setOffsetForSafariGeneric(h, p.length + y.length), g && i.AutoScroll.scrollGeneric(this, h), m && (this.scrollingSpan.innerHTML = "");
       }
     }, {
       key: "finalise",
@@ -14322,32 +14360,32 @@ var ti = /*#__PURE__*/function (_li) {
 }(li);
 ti.MICROPHONE_RESET_TIMEOUT_MS = 300;
 var ci = ti;
-var Pe = /*#__PURE__*/function () {
+var Oe = /*#__PURE__*/function () {
   // prettier-ignore
-  function Pe(e, t, i, s) {
+  function Oe(e, t, i, s) {
     var _this75 = this;
-    _classCallCheck(this, Pe);
+    _classCallCheck(this, Oe);
     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 () {
       _this75._validationHandler = e._validationHandler;
     });
   }
-  return _createClass(Pe, [{
+  return _createClass(Oe, [{
     key: "attemptAddFile",
     value: function attemptAddFile(e, t) {
-      return Pe.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), !0) : !1;
+      return Oe.isFileTypeValid(e, this._acceptedFormat) ? (this.addAttachmentBasedOnType(e, t, !0), !0) : !1;
     }
   }, {
     key: "addAttachmentBasedOnType",
     value: function addAttachmentBasedOnType(e, t, i) {
-      var s = Pe.getTypeFromBlob(e);
+      var s = Oe.getTypeFromBlob(e);
       if (s === "image") {
-        var r = Pe.createImageAttachment(t);
+        var r = Oe.createImageAttachment(t);
         this.addFileAttachment(e, "image", r, i);
       } else if (s === "audio") {
         var _r2 = di.createAudioAttachment(t);
         this.addFileAttachment(e, "audio", _r2, i);
       } else {
-        var _r3 = Pe.createAnyFileAttachment(e.name);
+        var _r3 = Oe.createAnyFileAttachment(e.name);
         this.addFileAttachment(e, "any", _r3, i);
       }
     }
@@ -14355,7 +14393,7 @@ var Pe = /*#__PURE__*/function () {
     key: "addFileAttachment",
     value: function addFileAttachment(e, t, i, s) {
       var a;
-      var r = Pe.createContainer(i);
+      var r = Oe.createContainer(i);
       if (this._attachments.length >= this._fileCountLimit) {
         var l = this._attachments[this._attachments.length - 1].removeButton;
         l == null || l.click();
@@ -14455,13 +14493,13 @@ var Pe = /*#__PURE__*/function () {
     }
   }]);
 }();
-var Le = /*#__PURE__*/function (_Pe) {
+var Le = /*#__PURE__*/function (_Oe) {
   // prettier-ignore
   function Le(e, t, i, s) {
     _classCallCheck(this, Le);
     return _callSuper(this, Le, [e, t, i, s]);
   }
-  _inherits(Le, _Pe);
+  _inherits(Le, _Oe);
   return _createClass(Le, [{
     key: "createTimer",
     value: function createTimer(e, t) {
@@ -14540,7 +14578,7 @@ var Le = /*#__PURE__*/function (_Pe) {
       var i = e.parentElement ? ee.cloneElement(e) : e,
         s = document.createElement("audio");
       s.src = t;
-      var r = $.createSVGElement(Pn);
+      var r = $.createSVGElement(On);
       r.classList.add("attachment-icon", "play-icon");
       var o = $.createSVGElement(cs);
       o.classList.add("attachment-icon", "stop-icon"), i.replaceChildren(r), s.onplay = function () {
@@ -14566,7 +14604,7 @@ var Le = /*#__PURE__*/function (_Pe) {
       (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();
     }
   }]);
-}(Pe);
+}(Oe);
 Le.TIMER_LIMIT_S = 5999;
 var di = Le;
 var Ma = /*#__PURE__*/function () {
@@ -14578,7 +14616,7 @@ var Ma = /*#__PURE__*/function () {
     value:
     // prettier-ignore
     function create(e, t, i, s, r) {
-      return r === "audio" ? new di(e, t, i, s) : new Pe(e, t, i, s);
+      return r === "audio" ? new di(e, t, i, s) : new Oe(e, t, i, s);
     }
   }]);
 }();
@@ -14698,7 +14736,7 @@ var ve = /*#__PURE__*/function () {
         e[_key2] = arguments[_key2];
       }
       e.forEach(function (t) {
-        O.addAttributes(t), _this78._buttonPanel.appendChild(t);
+        P.addAttributes(t), _this78._buttonPanel.appendChild(t);
       });
     }
   }, {
@@ -14798,13 +14836,13 @@ var Jt = /*#__PURE__*/function (_ct5) {
   function Jt(e, t, i, s, r, o) {
     var _this81;
     _classCallCheck(this, Jt);
-    var u, h, f, m, p, g, v, R, B;
+    var u, h, f, m, p, g, y, R, B;
     var a = (u = i == null ? void 0 : i.button) == null ? void 0 : u.position,
       l = ((m = (f = (h = i == null ? void 0 : i.button) == null ? void 0 : h.styles) == null ? void 0 : f.text) == null ? void 0 : m.content) || o;
     _this81 = _callSuper(this, Jt, [Jt.createButtonElement(), a, i.button, l]);
     var c = a === "dropup-menu",
       d = _this81.createInnerElements(s, r, _this81._customStyles, c);
-    _this81._inputElement = Jt.createInputElement((p = i == null ? void 0 : i.files) == null ? void 0 : p.acceptedFormats), _this81.addClickEvent(e, i), _this81.elementRef.replaceChildren(d.styles), _this81.reapplyStateStyle("styles"), _this81._fileAttachmentsType = t, _this81._openModalOnce = ((v = (g = i.files) == null ? void 0 : g.infoModal) == null ? void 0 : v.openModalOnce) === !1 || (B = (R = i.files) == null ? void 0 : R.infoModal) == null ? void 0 : B.openModalOnce;
+    _this81._inputElement = Jt.createInputElement((p = i == null ? void 0 : i.files) == null ? void 0 : p.acceptedFormats), _this81.addClickEvent(e, i), _this81.elementRef.replaceChildren(d.styles), _this81.reapplyStateStyle("styles"), _this81._fileAttachmentsType = t, _this81._openModalOnce = ((y = (g = i.files) == null ? void 0 : g.infoModal) == null ? void 0 : y.openModalOnce) === !1 || (B = (R = i.files) == null ? void 0 : R.infoModal) == null ? void 0 : B.openModalOnce;
     return _this81;
   }
   _inherits(Jt, _ct5);
@@ -15256,7 +15294,7 @@ var I = /*#__PURE__*/function (_ct6) {
               e.files && (t.files = Array.from(e.files).map(function (i) {
                 return {
                   file: i,
-                  type: Pe.getTypeFromBlob(i)
+                  type: Oe.getTypeFromBlob(i)
                 };
               })), setTimeout(function () {
                 return _this88.attemptSubmit(t, !0);
@@ -15344,7 +15382,7 @@ var I = /*#__PURE__*/function (_ct6) {
             case 0:
               e = _ref41.text, t = _ref41.files;
               i = {
-                role: y.USER_ROLE
+                role: v.USER_ROLE
               };
               e && (i.text = e);
               _context136.t0 = t;
@@ -15379,19 +15417,19 @@ var I = /*#__PURE__*/function (_ct6) {
   }, {
     key: "changeToStopIcon",
     value: function changeToStopIcon() {
-      this._serviceIO.websocket || (this.elementRef.classList.remove(I.LOADING_CLASS, I.DISABLED_CLASS, I.SUBMIT_CLASS), O.removeAriaAttributes(this.elementRef), this.elementRef.replaceChildren(this._innerElements.stop), this.reapplyStateStyle("stop", ["loading", "submit"]), this.elementRef.onclick = this.stopStream.bind(this), this.status.loadingActive = !1);
+      this._serviceIO.websocket || (this.elementRef.classList.remove(I.LOADING_CLASS, I.DISABLED_CLASS, I.SUBMIT_CLASS), P.removeAriaAttributes(this.elementRef), this.elementRef.replaceChildren(this._innerElements.stop), this.reapplyStateStyle("stop", ["loading", "submit"]), this.elementRef.onclick = this.stopStream.bind(this), this.status.loadingActive = !1);
     }
   }, {
     key: "changeToLoadingIcon",
     value: function changeToLoadingIcon() {
-      this._serviceIO.websocket || (this._isSVGLoadingIconOverriden || this.elementRef.replaceChildren(this._innerElements.loading), this.elementRef.classList.remove(I.SUBMIT_CLASS, I.DISABLED_CLASS), O.removeAriaDisabled(this.elementRef), this.elementRef.classList.add(I.LOADING_CLASS), O.addAriaBusy(this.elementRef), this.reapplyStateStyle("loading", ["submit"]), this.elementRef.onclick = function () {}, this.status.requestInProgress = !0, this.status.loadingActive = !0);
+      this._serviceIO.websocket || (this._isSVGLoadingIconOverriden || this.elementRef.replaceChildren(this._innerElements.loading), this.elementRef.classList.remove(I.SUBMIT_CLASS, I.DISABLED_CLASS), P.removeAriaDisabled(this.elementRef), this.elementRef.classList.add(I.LOADING_CLASS), P.addAriaBusy(this.elementRef), this.reapplyStateStyle("loading", ["submit"]), this.elementRef.onclick = function () {}, this.status.requestInProgress = !0, this.status.loadingActive = !0);
     }
     // called every time when user triggers an input via ValidationHandler - hence use class to check if not already present
   }, {
     key: "changeToSubmitIcon",
     value: function changeToSubmitIcon() {
       var _this89 = this;
-      this.elementRef.classList.contains(I.SUBMIT_CLASS) || (this.elementRef.classList.remove(I.LOADING_CLASS, I.DISABLED_CLASS), O.removeAriaAttributes(this.elementRef), this.elementRef.classList.add(I.SUBMIT_CLASS), this.elementRef.replaceChildren(this._innerElements.submit), st.resetSubmit(this, this.status.loadingActive), this.elementRef.onclick = function () {
+      this.elementRef.classList.contains(I.SUBMIT_CLASS) || (this.elementRef.classList.remove(I.LOADING_CLASS, I.DISABLED_CLASS), P.removeAriaAttributes(this.elementRef), this.elementRef.classList.add(I.SUBMIT_CLASS), this.elementRef.replaceChildren(this._innerElements.submit), st.resetSubmit(this, this.status.loadingActive), this.elementRef.onclick = function () {
         var e;
         _this89.submitFromInput(), (e = _this89._microphoneButton) != null && e.isActive && ci.toggleSpeechAfterSubmit(_this89._microphoneButton.elementRef, !!_this89._stopSTTAfterSubmit);
       });
@@ -15401,7 +15439,7 @@ var I = /*#__PURE__*/function (_ct6) {
     key: "changeToDisabledIcon",
     value: function changeToDisabledIcon() {
       var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
-      this._alwaysEnabled && !e ? this.changeToSubmitIcon() : this.elementRef.classList.contains(I.DISABLED_CLASS) || (this.elementRef.classList.remove(I.LOADING_CLASS, I.SUBMIT_CLASS), O.removeAriaBusy(this.elementRef), this.elementRef.classList.add(I.DISABLED_CLASS), O.addAriaDisabled(this.elementRef), this.elementRef.replaceChildren(this._innerElements.disabled), this.reapplyStateStyle("disabled", ["submit"]), this.elementRef.onclick = function () {});
+      this._alwaysEnabled && !e ? this.changeToSubmitIcon() : this.elementRef.classList.contains(I.DISABLED_CLASS) || (this.elementRef.classList.remove(I.LOADING_CLASS, I.SUBMIT_CLASS), P.removeAriaBusy(this.elementRef), this.elementRef.classList.add(I.DISABLED_CLASS), P.addAriaDisabled(this.elementRef), this.elementRef.replaceChildren(this._innerElements.disabled), this.reapplyStateStyle("disabled", ["submit"]), this.elementRef.onclick = function () {});
     }
   }, {
     key: "disableSubmitButton",
@@ -15439,8 +15477,8 @@ I.SUBMIT_CLASS = "submit-button", I.LOADING_CLASS = "loading-button", I.DISABLED
 var ys = I;
 var La = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M27.1 14.313V5.396L24.158 8.34c-2.33-2.325-5.033-3.503-8.11-3.503C9.902 4.837 4.901 9.847 4.899 16c.001 6.152 5.003 11.158 11.15 11.16 4.276 0 9.369-2.227 10.836-8.478l.028-.122h-3.23l-.022.068c-1.078 3.242-4.138 5.421-7.613 5.421a8 8 0 0 1-5.691-2.359A7.993 7.993 0 0 1 8 16.001c0-4.438 3.611-8.049 8.05-8.049 2.069 0 3.638.58 5.924 2.573l-3.792 3.789H27.1z\"/>\n</svg>\n",
   Ia = "<?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>capture</title>\n  <path d=\"M0 16q0 3.264 1.28 6.208t3.392 5.12 5.12 3.424 6.208 1.248 6.208-1.248 5.12-3.424 3.392-5.12 1.28-6.208-1.28-6.208-3.392-5.12-5.088-3.392-6.24-1.28q-3.264 0-6.208 1.28t-5.12 3.392-3.392 5.12-1.28 6.208zM4 16q0-3.264 1.6-6.016t4.384-4.352 6.016-1.632 6.016 1.632 4.384 4.352 1.6 6.016-1.6 6.048-4.384 4.352-6.016 1.6-6.016-1.6-4.384-4.352-1.6-6.048z\"></path>\n</svg>\n",
-  Pa = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z\"/>\n</svg>",
-  Oa = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.89163 13.2687L9.16582 17.5427L18.7085 8\" stroke=\"#000000\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
+  Oa = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z\"/>\n</svg>",
+  Pa = "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M4.89163 13.2687L9.16582 17.5427L18.7085 8\" stroke=\"#000000\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
 var Ls = /*#__PURE__*/function (_it) {
   // prettier-ignore
   function Ls(e, t, i, s) {
@@ -15459,9 +15497,9 @@ var Ls = /*#__PURE__*/function (_it) {
     value: function addButtonsAndTheirEvents(e) {
       var t = it.createSVGButton(Ia);
       t.classList.add("modal-svg-camera-button"), t.children[0].classList.add("modal-svg-camera-icon");
-      var i = this.addCloseButton(Pa, !0);
+      var i = this.addCloseButton(Oa, !0);
       i.classList.add("modal-svg-close-button"), i.children[0].classList.add("modal-svg-close-icon");
-      var s = it.createSVGButton(Oa);
+      var s = it.createSVGButton(Pa);
       return s.classList.add("modal-svg-submit-button"), this.addButtons(t, s), this.addButtonEvents(t, i, s, e), {
         captureButton: t,
         submitButton: s
@@ -15702,7 +15740,7 @@ var Is = /*#__PURE__*/function () {
 }();
 var Da = "#validate-property-key-view{height:100%;position:relative;display:flex;justify-content:center;align-items:center;padding:8px}#loading-validate-key-property{display:inline-block;width:50px;height:50px}#loading-validate-key-property:after{content:\" \";display:block;width:38px;height:38px;margin:1px;border-radius:50%;border:5px solid #5fb2ff;border-color:#5fb2ff transparent #5fb2ff transparent;animation:loading-spinner 1.4s linear infinite}#deep-chat-openai-realtime-container{height:100%;width:100%}#deep-chat-openai-realtime-avatar-container{height:60%;width:100%;display:flex;justify-content:center;align-items:center}#deep-chat-openai-realtime-avatar{border-radius:50%;height:110px;border:1px solid rgb(215,215,215);padding:8px;-webkit-user-select:none;user-select:none;margin-top:20px}#deep-chat-openai-realtime-buttons-container{height:40%;display:flex;position:relative}.deep-chat-openai-realtime-button-container{height:100%;width:50%;display:flex;justify-content:center;align-items:center}.deep-chat-openai-realtime-button{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.deep-chat-openai-realtime-button-default{background-color:#e3e3e3}.deep-chat-openai-realtime-button-default:hover{background-color:#d4d4d4}.deep-chat-openai-realtime-button-default:active{background-color:#c5c5c5}.deep-chat-openai-realtime-button-loading{opacity:.7;pointer-events:none}.deep-chat-openai-realtime-mute-active{background-color:#ffe7e7}.deep-chat-openai-realtime-mute-active:hover{background-color:#ffdede}.deep-chat-openai-realtime-mute-active:active{background-color:#ffd2d2}.deep-chat-openai-realtime-mute>*{height:30px;width:30px}.deep-chat-openai-realtime-mute-active>*{filter:brightness(0) saturate(100%) invert(35%) sepia(60%) saturate(1360%) hue-rotate(325deg) brightness(95%) contrast(92%)}.deep-chat-openai-realtime-toggle>*{height:32px;width:32px;padding-left:3px;filter:brightness(0) saturate(100%) invert(22%) sepia(0%) saturate(4537%) hue-rotate(208deg) brightness(105%) contrast(91%)}.deep-chat-openai-realtime-button-unavailable{opacity:.45;pointer-events:none}#deep-chat-openai-realtime-error{color:red;position:absolute;top:calc(50% + 40px);left:50%;transform:translate(-50%,-50%);font-size:17px}#deep-chat-openai-realtime-loading{position:absolute;font-size:15px;top:50%;left:50%;transform:translate(-50%,-50%)}#insert-key-view{height:100%;position:relative}#insert-key-contents{text-align:center;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:82%;display:flex;max-width:700px}#insert-key-title{margin-bottom:15px}#insert-key-input-container{margin-right:2.7em;width:calc(100% - 80px)}#insert-key-input{padding:.3em 1.7em .3em .3em;border-width:1px;border-style:solid;border-radius:3px;width:100%;font-size:inherit}.insert-key-input-valid{border-color:gray}.insert-key-input-invalid{border-color:red}#visibility-icon-container{position:relative;float:right;cursor:pointer;-webkit-user-select:none;user-select:none}.visibility-icon{filter:brightness(0) saturate(100%) invert(63%) sepia(1%) saturate(9%) hue-rotate(43deg) brightness(98%) contrast(92%);position:absolute;right:-1.7em;top:-1.43em}#visible-icon{top:-1.4em}.visibility-icon:hover{filter:unset}.visibility-icon>*{pointer-events:none}#start-button{border:1px solid grey;color:#454545;border-radius:4px;width:3em;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:.28em .3em;-webkit-user-select:none;user-select:none;background-color:#fff}#start-button:hover{background-color:#f2f2f2}#start-button:active{background-color:#d2d2d2}#insert-key-help-text-container{width:100%;position:absolute;margin-top:32px;margin-bottom:20px}#insert-key-help-text-contents{width:100%;position:absolute}#insert-key-input-invalid-text{display:block;margin-top:1em;margin-bottom:.5em;color:red}.insert-key-input-help-text{display:block;margin-top:16px}#loading-key{display:inline-block;width:16px;height:16px}#loading-key:after{content:\" \";display:block;width:11px;height:11px;margin:1px;border-radius:50%;border:2px solid #0084ff;border-color:#0084ff transparent #0084ff transparent;animation:loading-spinner 1.2s linear infinite}#error-view{color:red;font-size:1.2em;line-height:1.3em;margin-top:-5px;text-align:center;height:100%;display:flex;justify-content:center;align-items:center;padding-left:8px;padding-right:8px}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-panel{position:absolute;display:flex;justify-content:center;right:0;bottom:0;left:0;margin:auto;height:fit-content;top:-2.5em}#internal-intro-panel{width:250px;height:min-content;display:block;border-radius:5px;overflow:auto;border:1px solid rgb(203,203,203);padding:10px;max-height:calc(100% - 6.8em)}#internal-intro-panel>p{margin-block-start:.8em;margin-block-end:.8em}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!\n  Theme: a11y-dark\n  Author: @ericwbailey\n  Maintainer: @ericwbailey\n\n  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css\n*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}#messages{overflow:auto}.outer-message-container:last-child{margin-bottom:5px}.inner-message-container{display:flex;margin-left:auto;margin-right:auto;width:calc(97.5% - 24px);max-width:100%}.message-bubble{margin-top:10px;word-wrap:break-word;width:fit-content;max-width:60%;border-radius:10px;padding:.42em .55em;height:fit-content;line-height:1.26em}.user-message-text{color:#fff;background-color:#0084ff;margin-right:0;margin-left:auto}.ai-message-text{color:#000;background-color:#e4e6eb;margin-left:0;margin-right:auto}.deep-chat-last-group-messages-active{height:100%}.loading-history-message-full-view{position:absolute;height:70%;width:100%;display:flex;align-items:center}.loading-history-message-small{height:20px;margin-bottom:30px}.loading-history-message-small>div>div{scale:.6}.loading-history-message{margin-top:0;width:100%;max-width:100%;display:flex;justify-content:center;background-color:unset}.loading-history{width:70px}.loading-history div{position:absolute;width:var(--loading-history-width);height:var(--loading-history-height);margin:var(--loading-history-margin);border:var(--loading-history-border);border-radius:50%;animation:loading-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--loading-history-color) transparent transparent transparent}.loading-history div:nth-child(1){animation-delay:-.45s}.loading-history div:nth-child(2){animation-delay:-.3s}.loading-history div:nth-child(3){animation-delay:-.15s}.html-message{max-width:unset}.error-message-text{margin:14px auto 10px;background-color:#f4c0c0;color:#474747;text-align:center;max-width:95%}.deep-chat-loading-message-dots-container{width:1em;padding:.6em .75em .6em 1.3em}.loading-message-dots{position:relative;width:.45em;height:.45em;border-radius:5px;background-color:var(--loading-message-color);color:var(--loading-message-color);animation:loading-message-dots 1s infinite linear alternate;animation-delay:.5s}.loading-message-dots:before,.loading-message-dots:after{content:\"\";display:inline-block;position:absolute;top:0}.loading-message-dots:before{left:-.7em;width:.45em;height:.45em;border-radius:5px;background-color:var(--loading-message-color);color:var(--loading-message-color);animation:loading-message-dots 1s infinite alternate;animation-delay:0s}.loading-message-dots:after{left:.7em;width:.45em;height:.45em;border-radius:5px;background-color:var(--loading-message-color);color:var(--loading-message-color);animation:loading-message-dots 1s infinite alternate;animation-delay:1s}@keyframes loading-message-dots{0%{background-color:var(--loading-message-color)}50%,to{background-color:var(--loading-message-color-fade)}}.message-bubble>p:first-child{margin-top:0}.message-bubble>p:last-child{margin-bottom:0}pre{overflow:auto;display:block;word-break:break-all;word-wrap:break-word;border-radius:7px;background:#2b2b2b;color:#f8f8f2;margin-top:.8em;margin-bottom:.8em;padding:.6em;font-size:.9em;line-height:1.5em}.image-message{padding:0;display:flex;background-color:#ddd}.image-message>*,.image-message>*>*{width:100%;border-radius:8px;display:flex}.audio-message{width:60%;max-width:300px;height:2.2em;max-height:54px;padding:0;background-color:unset}.audio-player{width:100%;height:100%}.audio-player-safari{height:fit-content;width:40px}.audio-player-safari-left{float:left}.audio-player-safari-right{float:right}.any-file-message{padding:1px}.any-file-message-contents{display:flex}.any-file-message-icon-container{width:1.3em;min-width:1.3em;position:relative;border-radius:4px;margin-left:6px;margin-right:2px}.any-file-message-icon{background-color:#fff;border-radius:4px;position:absolute;width:1em;height:1.25em;padding:1px;margin-top:auto;margin-bottom:auto;top:0;bottom:0}.any-file-message-text{padding-top:5px;overflow-wrap:anywhere;padding-bottom:5px;padding-right:7px}.message-bubble>a{color:inherit}.left-item-position{margin-right:10px}.right-item-position{margin-left:10px}.avatar{padding-top:5px;width:1.5em;height:1.5em;border-radius:1px}.avatar-container{margin-top:9px}.name{margin-top:16px;font-size:15px}#drag-and-drop{position:absolute;display:none;z-index:10;height:calc(100% - 10px);width:calc(100% - 10px);background-color:#70c6ff4d;border:5px dashed #6dafff}#file-attachment-container{position:absolute;height:3.6em;width:calc(80% - 4px);top:-2.5em;border-radius:5px;overflow:auto;text-align:left;background-color:#d7d7d73b;padding-left:4px}.file-attachment{width:2.85em;height:2.85em;display:inline-flex;margin-right:.6em;margin-bottom:.44em;margin-top:4px;position:relative;background-color:#fff;border-radius:5px}.image-attachment{width:100%;height:100%;object-fit:cover;border-radius:5px}.border-bound-attachment{width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #c3c3c3;border-radius:5px;overflow:hidden}.border-bound-attachment-safari{width:calc(100% - 1px);height:calc(100% - 1px)}.audio-attachment-icon-container{cursor:pointer}.audio-attachment-icon-container:hover{background-color:#f8f8f8}.attachment-icon{left:0;right:0;bottom:0;top:2px;margin:auto;position:absolute;width:25px;-webkit-user-select:none;user-select:none}.not-removable-attachment-icon{top:0;right:0;bottom:0;left:0}.play-icon{filter:brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(1392%) hue-rotate(67deg) brightness(98%) contrast(97%)}.stop-icon{filter:brightness(0) saturate(100%) invert(29%) sepia(90%) saturate(1228%) hue-rotate(198deg) brightness(93%) contrast(98%)}.audio-placeholder-text-3-digits{padding-left:.26rem}.audio-placeholder-text-4-digits{padding-left:.1rem}.any-file-attachment{padding:2px 0}.file-attachment-text-container{position:absolute;width:inherit;display:flex;align-items:center;height:100%;top:-1px}.audio-placeholder-text-3-digits-container{padding-top:1px;cursor:default}.any-file-attachment-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:.13em;margin-left:auto;margin-right:auto}.remove-file-attachment-button{height:1.25em;width:1.25em;border:1px solid #cfcfcf;border-radius:25px;background-color:#fff;top:-4px;right:-5px;position:absolute;display:flex;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.remove-file-attachment-button:hover{background-color:#e4e4e4}.remove-file-attachment-button:active{background-color:#d7d7d7}.x-icon{color:#4e4e4e;top:-.075em;position:relative;font-size:1.05em}.modal{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:80%;max-width:420px;max-height:80%;margin:auto;top:0;right:0;bottom:0;left:0;z-index:2}.modal-content{border-top:1px solid rgb(217,217,217);border-left:1px solid rgb(217,217,217);border-right:1px solid rgb(217,217,217);border-top-left-radius:inherit;border-top-right-radius:inherit;background-color:#fff;overflow-y:auto;height:fit-content;max-height:calc(100% - 3.3em);width:100%}.modal-content>p{margin-left:1em;margin-right:1em}.modal-content>ul{margin-right:1em}.modal-button-panel{height:3.3em;border:1px solid;border-color:rgb(223,223,223) rgb(217,217,217) rgb(217,217,217);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background-color:#fff;text-align:center;justify-content:center;display:flex;width:100%}.modal-button{min-width:2.5em;text-align:center;color:#fff;border-radius:5px;padding:.4em .4em .3em;height:1.25em;background-color:#3279b2;top:0;bottom:0;cursor:pointer;-webkit-user-select:none;user-select:none;margin:auto .31em}.modal-button:hover{background-color:#276da7}.modal-button:active{background-color:#1b5687}.modal-svg-button{padding:0 0 2px;width:2em;height:1.8em}.modal-svg-button-icon{width:100%;height:100%;filter:brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(4%) hue-rotate(346deg) brightness(101%) contrast(102%)}#modal-background-panel{position:absolute;width:100%;height:100%;background-color:#00000042;z-index:1;display:none}.show-modal-background{animation:fadeInBackground .3s ease-in-out}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}.show-modal{animation:fadeInModal .3s ease-in-out}@keyframes fadeInModal{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.hide-modal-background{animation:fadeOutBackground .2s ease-in-out}@keyframes fadeOutBackground{0%{opacity:1}to{opacity:0}}.hide-modal{animation:fadeOutModal .2s ease-in-out}@keyframes fadeOutModal{0%{opacity:1;scale:1}to{opacity:0;scale:.95}}.modal-camera-content{overflow:hidden;text-align:center;border:unset;height:100%;background-color:#2a2a2a;display:flex;justify-content:center}.camera-modal-canvas{max-width:100%;max-height:100%;margin-top:auto;margin-bottom:auto}.modal-svg-submit-button{background-color:green}.modal-svg-submit-button:hover{background-color:#007500}.modal-svg-submit-button:active{background-color:#006500}.modal-svg-submit-disabled{pointer-events:none;background-color:#747474}.modal-svg-close-button{height:1.56em;padding-top:.37em;padding-bottom:0;background-color:#c13e3e}.modal-svg-close-button:hover{background-color:#b43434}.modal-svg-close-button:active{background-color:#972929}.modal-svg-close-icon{width:80%;height:80%}.modal-svg-camera-button{height:1.6em;padding-top:.38em;padding-bottom:0}.modal-svg-camera-icon{height:76%}.modal-svg-refresh-icon{height:105%}.modal-svg-refresh-button{height:1.66em;padding-top:.11em;padding-bottom:.21em}.input-button-container{position:relative;z-index:1}.inside-right{position:absolute;right:calc(10% + .35em);bottom:.85em}.inside-left{position:absolute;left:calc(10% + .35em);bottom:.85em}.outside-left{position:absolute;right:calc(11px - .55em);bottom:.88em}.outside-right{position:absolute;left:calc(11px - .55em);bottom:.88em}#upload-images-icon{position:absolute;pointer-events:none;width:1.45em;height:1.45em;left:.11em;bottom:.08em;filter:brightness(0) saturate(100%) invert(43%) sepia(0%) saturate(740%) hue-rotate(77deg) brightness(99%) contrast(92%)}#upload-gifs-icon{position:absolute;pointer-events:none;width:1.5em;height:1.48em;left:.07em;bottom:.08em;filter:brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(2586%) hue-rotate(12deg) brightness(93%) contrast(90%)}#upload-audio-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.17em;bottom:.2em;filter:brightness(0) saturate(100%) invert(15%) sepia(0%) saturate(337%) hue-rotate(125deg) brightness(91%) contrast(94%);transform:scaleX(.95)}#camera-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.23em;bottom:.2em;filter:brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(161%) hue-rotate(164deg) brightness(91%) contrast(92%);transform:scaleX(.95)}#upload-mixed-files-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.25em;bottom:.2em;filter:brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(36%) hue-rotate(74deg) brightness(98%) contrast(93%);transform:scaleX(.95)}#interim-text{color:gray}#microphone-button{padding-top:.5px}.outer-button-container>#microphone-button{padding-bottom:1px}#microphone-icon{position:absolute;pointer-events:none;width:1.21em;height:1.21em;left:.25em;bottom:.25em}.default-microphone-icon{filter:brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(924%) hue-rotate(46deg) brightness(95%) contrast(99%)}.active-microphone-icon{filter:brightness(0) saturate(100%) invert(10%) sepia(97%) saturate(7495%) hue-rotate(0deg) brightness(101%) contrast(107%);border-radius:10px}.command-microphone-icon{filter:brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1067%) hue-rotate(77deg) brightness(99%) contrast(102%)}.unsupported-microphone{display:none}#submit-icon{height:100%;filter:brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(924%) hue-rotate(46deg) brightness(95%) contrast(99%);width:1.21em}#stop-icon{background-color:#acacac;position:absolute;width:.95em;height:.95em;left:.35em;bottom:.35em;border-radius:2px}.submit-button-enlarged{scale:1.1;margin-right:.3em;margin-left:.3em}.loading-submit-button{position:relative;left:calc(-9990px + .275em);width:.22em;height:.22em;border-radius:5px;background-color:#848484;color:#848484;box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484;animation:loading-submit-button 1.5s infinite linear;bottom:-.75em}@keyframes loading-submit-button{0%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}16.667%{box-shadow:9990px -6px #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}33.333%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}50%{box-shadow:9990px 0 #848484,calc(9990px + .44em) -6px 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}66.667%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}83.333%{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) -6px 0 0 #848484}to{box-shadow:9990px 0 #848484,calc(9990px + .44em) 0 0 0 #848484,calc(9990px + .8em) 0 0 0 #848484}}.input-button{border-radius:4px;cursor:pointer;margin-bottom:.2em;-webkit-user-select:none;user-select:none}.input-button-svg{width:1.65em;height:1.65em}.input-button:hover,.input-button:focus-visible{background-color:#9c9c9c2e}.input-button:active{background-color:#9c9c9c5e}.loading-button{cursor:auto}.loading-button:hover{background-color:unset}.text-button{filter:unset!important;display:flex;justify-content:center;align-items:center;margin-left:4px;margin-right:4px;height:1.6em}#text-input-container{background-color:#fff;width:80%;display:flex;border:1px solid #0000001a;border-radius:5px;margin-top:.8em;margin-bottom:.8em;box-shadow:#959da533 0 1px 12px;overflow-y:auto;max-height:200px;position:relative}.text-input-container-left-adjustment{margin-left:1.5em}.text-input-container-right-adjustment{margin-right:1.5em}.text-input-container-left-small-adjustment{margin-left:1.1em}.text-input-container-left-small-adjustment>.outside-left{right:calc(14px - .55em)}.text-input-container-right-small-adjustment{margin-right:1.1em}.text-input-container-right-small-adjustment>.outside-right{left:calc(14px - .55em)}#text-input{text-align:left;outline:none;word-wrap:break-word;line-break:auto}.text-input-styling{padding:.4em .5em;overflow:overlay;width:100%}.text-input-inner-left-adjustment{padding-left:2.2em}.text-input-inner-right-adjustment{padding-right:2em}.text-input-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}[contenteditable]:empty:before{content:attr(deep-chat-placeholder-text);pointer-events:none}[contenteditable][textcolor]:empty:before{color:gray}.outside-right>#dropup-menu,.inside-right>#dropup-menu{right:0}#dropup-icon{position:absolute;pointer-events:none;width:1.16em;height:1.2em;left:.265em;bottom:.43em;filter:brightness(0) saturate(100%) invert(54%) sepia(0%) saturate(724%) hue-rotate(6deg) brightness(92%) contrast(90%)}#dropup-menu{background-color:#fff;position:absolute;transform:translateY(-100%);border-radius:5px;z-index:1;top:-.49em;box-shadow:#0003 -1px 2px 10px,#0000001a 0 2px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.dropup-menu-item{height:1.4em;padding:.28em .84em .28em .35em;display:flex;position:relative}.dropup-menu-item:first-child{padding-top:.49em;border-top-left-radius:inherit;border-top-right-radius:inherit}.dropup-menu-item:last-child{padding-bottom:.45em;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dropup-menu-item-icon{width:1.39em;position:relative;margin-right:.56em}.dropup-menu-item-icon>svg{bottom:0!important;top:0!important;margin-bottom:auto;margin-top:auto}.dropup-menu-item-text{margin-top:.08em;width:max-content}.dropup-menu-item-disabled>div{pointer-events:none}#input{width:100%;display:inline-flex;text-align:center;margin-left:auto;margin-right:auto;margin-top:auto;position:relative;justify-content:center}#chat-view{height:100%;display:grid;grid-template-columns:100%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:5px}::-webkit-scrollbar-track{background-color:#f2f2f2}.deep-chat-web-model-button{margin-top:10px;margin-bottom:5px;margin-left:1px}:host{all:initial;display:table-cell}#container{height:inherit;width:inherit;overflow:hidden}";
 var Ba = Object.defineProperty,
-  x = function x(n, e, t, i) {
+  w = function w(n, e, t, i) {
     for (var s = void 0, r = n.length - 1, o; r >= 0; r--) (o = n[r]) && (s = o(e, t, s) || s);
     return s && Ba(e, t, s), s;
   };
@@ -15745,47 +15783,47 @@ var S = /*#__PURE__*/function (_os) {
     }
   }]);
 }(os);
-x([_("object")], S.prototype, "connect");
-x([_("object")], S.prototype, "directConnection");
-x([_("object")], S.prototype, "webModel");
-x([_("object")], S.prototype, "requestBodyLimits");
-x([_("function")], S.prototype, "requestInterceptor");
-x([_("function")], S.prototype, "responseInterceptor");
-x([_("function")], S.prototype, "validateInput");
-x([_("function")], S.prototype, "loadHistory");
-x([_("object")], S.prototype, "chatStyle");
-x([_("object")], S.prototype, "attachmentContainerStyle");
-x([_("object")], S.prototype, "dropupStyles");
-x([_("object")], S.prototype, "inputAreaStyle");
-x([_("object")], S.prototype, "textInput");
-x([_("object")], S.prototype, "submitButtonStyles");
-x([_("object")], S.prototype, "customButtons");
-x([_("string")], S.prototype, "auxiliaryStyle");
-x([_("array")], S.prototype, "history");
-x([_("object")], S.prototype, "introMessage");
-x([_("object")], S.prototype, "avatars");
-x([_("object")], S.prototype, "names");
-x([_("object")], S.prototype, "displayLoadingBubble");
-x([_("object")], S.prototype, "errorMessages");
-x([_("object")], S.prototype, "messageStyles");
-x([_("object")], S.prototype, "textToSpeech");
-x([_("object")], S.prototype, "speechToText");
-x([_("object")], S.prototype, "images");
-x([_("object")], S.prototype, "gifs");
-x([_("object")], S.prototype, "camera");
-x([_("object")], S.prototype, "audio");
-x([_("object")], S.prototype, "microphone");
-x([_("object")], S.prototype, "mixedFiles");
-x([_("object")], S.prototype, "dragAndDrop");
-x([_("object")], S.prototype, "introPanelStyle");
-x([_("object")], S.prototype, "htmlClassUtilities");
-x([_("object")], S.prototype, "remarkable");
-x([_("object")], S.prototype, "focusMode");
-x([_("function")], S.prototype, "onMessage");
-x([_("function")], S.prototype, "onClearMessages");
-x([_("function")], S.prototype, "onComponentRender");
-x([_("function")], S.prototype, "onError");
-x([_("object")], S.prototype, "demo");
-x([_("object")], S.prototype, "_insertKeyViewStyles");
+w([x("object")], S.prototype, "connect");
+w([x("object")], S.prototype, "directConnection");
+w([x("object")], S.prototype, "webModel");
+w([x("object")], S.prototype, "requestBodyLimits");
+w([x("function")], S.prototype, "requestInterceptor");
+w([x("function")], S.prototype, "responseInterceptor");
+w([x("function")], S.prototype, "validateInput");
+w([x("function")], S.prototype, "loadHistory");
+w([x("object")], S.prototype, "chatStyle");
+w([x("object")], S.prototype, "attachmentContainerStyle");
+w([x("object")], S.prototype, "dropupStyles");
+w([x("object")], S.prototype, "inputAreaStyle");
+w([x("object")], S.prototype, "textInput");
+w([x("object")], S.prototype, "submitButtonStyles");
+w([x("object")], S.prototype, "customButtons");
+w([x("string")], S.prototype, "auxiliaryStyle");
+w([x("array")], S.prototype, "history");
+w([x("object")], S.prototype, "introMessage");
+w([x("object")], S.prototype, "avatars");
+w([x("object")], S.prototype, "names");
+w([x("object")], S.prototype, "displayLoadingBubble");
+w([x("object")], S.prototype, "errorMessages");
+w([x("object")], S.prototype, "messageStyles");
+w([x("object")], S.prototype, "textToSpeech");
+w([x("object")], S.prototype, "speechToText");
+w([x("object")], S.prototype, "images");
+w([x("object")], S.prototype, "gifs");
+w([x("object")], S.prototype, "camera");
+w([x("object")], S.prototype, "audio");
+w([x("object")], S.prototype, "microphone");
+w([x("object")], S.prototype, "mixedFiles");
+w([x("object")], S.prototype, "dragAndDrop");
+w([x("object")], S.prototype, "introPanelStyle");
+w([x("object")], S.prototype, "htmlClassUtilities");
+w([x("object")], S.prototype, "remarkable");
+w([x("object")], S.prototype, "focusMode");
+w([x("function")], S.prototype, "onMessage");
+w([x("function")], S.prototype, "onClearMessages");
+w([x("function")], S.prototype, "onComponentRender");
+w([x("function")], S.prototype, "onError");
+w([x("object")], S.prototype, "demo");
+w([x("object")], S.prototype, "_insertKeyViewStyles");
 customElements.define("deep-chat", S);
 export { S as DeepChat };