@enegelai/bot-widget 1.2.0 → 1.2.2

package/dist/index.es.js

@@ -1,8 +1,8 @@
-var st = Object.defineProperty;
-var nt = (t, e, o) => e in t ? st(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var $ = (t, e, o) => (nt(t, typeof e != "symbol" ? e + "" : e, o), o);
-import { css as v, LitElement as le, html as l, svg as Le } from "lit";
-import { property as i, customElement as x, queryAll as it, eventOptions as Ve, query as _e } from "lit/decorators.js";
+var dt = Object.defineProperty;
+var pt = (t, e, o) => e in t ? dt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var $ = (t, e, o) => (pt(t, typeof e != "symbol" ? e + "" : e, o), o);
+import { css as x, LitElement as le, html as c, svg as Le } from "lit";
+import { property as l, customElement as k, queryAll as ht, eventOptions as qe, query as Ce } from "lit/decorators.js";
 import { unsafeHTML as Z } from "lit-html/directives/unsafe-html.js";
 import "@shoelace-style/shoelace/dist/themes/light.css";
 import "@shoelace-style/shoelace/dist/themes/dark.css";
@@ -23,12 +23,11 @@ import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
 import "@shoelace-style/shoelace/dist/components/alert/alert.js";
 import { repeat as me } from "lit/directives/repeat.js";
 import { when as B } from "lit/directives/when.js";
-import { until as Oe } from "lit-html/directives/until.js";
-import lt from "markdown-it";
-import * as ct from "markdown-it-emoji";
-import dt from "markdown-it-link-attributes";
+import { until as Ie } from "lit-html/directives/until.js";
+import ut from "markdown-it";
+import gt from "markdown-it-link-attributes";
 import "@shoelace-style/shoelace/dist/components/popup/popup.js";
-function qe(t) {
+function De(t) {
   return typeof t == "function" ? t() : t;
 }
 const ie = class ie extends Event {
@@ -36,28 +35,28 @@ const ie = class ie extends Event {
    * @param  {string} key of the state that has changed
    * @param  {unknown} value for the changed key
    */
-  constructor(o, r, a) {
+  constructor(o, a, r) {
     super(ie.eventName, {
       cancelable: !1
     });
     $(this, "key");
     $(this, "state");
     $(this, "value");
-    this.key = o, this.value = r, this.state = a;
+    this.key = o, this.value = a, this.state = r;
   }
 };
 $(ie, "eventName", "lit-state-changed");
 let T = ie;
-const pt = (t, e) => e !== t && (e === e || t === t);
+const bt = (t, e) => e !== t && (e === e || t === t);
 class X extends EventTarget {
   constructor() {
     super();
     // hold a reference to hooks
     $(this, "hookMap", /* @__PURE__ */ new Map());
-    this.constructor.finalize(), this.propertyMap && [...this.propertyMap].forEach(([o, r]) => {
-      if (r.initialValue !== void 0) {
-        const a = qe(r.initialValue);
-        this[o] = a, r.value = a;
+    this.constructor.finalize(), this.propertyMap && [...this.propertyMap].forEach(([o, a]) => {
+      if (a.initialValue !== void 0) {
+        const r = De(a.initialValue);
+        this[o] = r, a.value = r;
       }
     });
   }
@@ -72,24 +71,24 @@ class X extends EventTarget {
       return !1;
     this.finalized = !0;
     const o = Object.keys(this.properties || {});
-    for (const r of o)
-      this.createProperty(r, this.properties[r]);
+    for (const a of o)
+      this.createProperty(a, this.properties[a]);
     return !0;
   }
-  static createProperty(o, r) {
+  static createProperty(o, a) {
     this.finalize();
-    const a = typeof o == "symbol" ? Symbol() : `__${o}`, s = this.getPropertyDescriptor(o, a, r);
+    const r = typeof o == "symbol" ? Symbol() : `__${o}`, s = this.getPropertyDescriptor(o, r, a);
     Object.defineProperty(this.prototype, o, s);
   }
-  static getPropertyDescriptor(o, r, a) {
-    const s = (a == null ? void 0 : a.hasChanged) || pt;
+  static getPropertyDescriptor(o, a, r) {
+    const s = (r == null ? void 0 : r.hasChanged) || bt;
     return {
       get() {
-        return this[r];
+        return this[a];
       },
       set(n) {
-        const c = this[o];
-        this[r] = n, s(n, c) === !0 && this.dispatchStateEvent(o, n, this);
+        const i = this[o];
+        this[a] = n, s(n, i) === !0 && this.dispatchStateEvent(o, n, this);
       },
       configurable: !0,
       enumerable: !0
@@ -100,8 +99,8 @@ class X extends EventTarget {
    * properties marked as skipReset
    */
   reset() {
-    this.hookMap.forEach((o) => o.reset()), [...this.propertyMap].filter(([o, r]) => !(r.skipReset === !0 || r.resetValue === void 0)).forEach(([o, r]) => {
-      this[o] = r.resetValue;
+    this.hookMap.forEach((o) => o.reset()), [...this.propertyMap].filter(([o, a]) => !(a.skipReset === !0 || a.resetValue === void 0)).forEach(([o, a]) => {
+      this[o] = a.resetValue;
     });
   }
   /**
@@ -112,25 +111,25 @@ class X extends EventTarget {
    * @param nameOrNames
    * @returns a unsubscribe function.
    */
-  subscribe(o, r, a) {
-    r && !Array.isArray(r) && (r = [r]);
+  subscribe(o, a, r) {
+    a && !Array.isArray(a) && (a = [a]);
     const s = (n) => {
-      (!r || r.includes(n.key)) && o(n.key, n.value, this);
+      (!a || a.includes(n.key)) && o(n.key, n.value, this);
     };
-    return this.addEventListener(T.eventName, s, a), () => this.removeEventListener(T.eventName, s);
+    return this.addEventListener(T.eventName, s, r), () => this.removeEventListener(T.eventName, s);
   }
-  dispatchStateEvent(o, r, a) {
-    this.dispatchEvent(new T(o, r, a));
+  dispatchStateEvent(o, a, r) {
+    this.dispatchEvent(new T(o, a, r));
   }
 }
 // a map holding decorators definition.
 $(X, "propertyMap"), $(X, "properties"), $(X, "finalized", !1);
-class ht {
-  constructor(e, o, r) {
+class mt {
+  constructor(e, o, a) {
     $(this, "host");
     $(this, "state");
     $(this, "callback");
-    this.host = e, this.state = o, this.host.addController(this), this.callback = r || (() => this.host.requestUpdate());
+    this.host = e, this.state = o, this.host.addController(this), this.callback = a || (() => this.host.requestUpdate());
   }
   hostConnected() {
     this.state.addEventListener(T.eventName, this.callback), this.callback();
@@ -144,21 +143,21 @@ class ht {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const De = ({ finisher: t, descriptor: e }) => (o, r) => {
-  var a;
-  if (r === void 0) {
-    const s = (a = o.originalKey) !== null && a !== void 0 ? a : o.key, n = e != null ? { kind: "method", placement: "prototype", key: s, descriptor: e(o.key) } : { ...o, key: s };
-    return t != null && (n.finisher = function(c) {
-      t(c, s);
+const Fe = ({ finisher: t, descriptor: e }) => (o, a) => {
+  var r;
+  if (a === void 0) {
+    const s = (r = o.originalKey) !== null && r !== void 0 ? r : o.key, n = e != null ? { kind: "method", placement: "prototype", key: s, descriptor: e(o.key) } : { ...o, key: s };
+    return t != null && (n.finisher = function(i) {
+      t(i, s);
     }), n;
   }
   {
     const s = o.constructor;
-    e !== void 0 && Object.defineProperty(o, r, e(r)), t == null || t(s, r);
+    e !== void 0 && Object.defineProperty(o, a, e(a)), t == null || t(s, a);
   }
 };
-function I(t) {
-  return De({
+function L(t) {
+  return Fe({
     // @ts-ignore ctor is typof State and not typeof ReactiveElement
     finisher: (e, o) => {
       if (Object.getOwnPropertyDescriptor(e.prototype, o))
@@ -167,7 +166,7 @@ function I(t) {
     }
   });
 }
-function ut(t, e) {
+function yt(t, e) {
   if (t !== null && (e === Boolean || e === Number || e === Array || e === Object))
     try {
       t = JSON.parse(t);
@@ -177,179 +176,179 @@ function ut(t, e) {
   return t;
 }
 new URL(window.location.href);
-const gt = {
+const ft = {
   prefix: "_ls"
 };
 function D(t) {
-  return t = { ...gt, ...t }, De({
+  return t = { ...ft, ...t }, Fe({
     // @ts-ignore ctor is typof State and not typeof ReactiveElement
     finisher: (e, o) => {
-      const r = Object.getOwnPropertyDescriptor(e.prototype, o);
-      if (!r)
+      const a = Object.getOwnPropertyDescriptor(e.prototype, o);
+      if (!a)
         throw new Error("@local-storage decorator need to be called after @property");
-      const a = `${(t == null ? void 0 : t.prefix) || ""}_${(t == null ? void 0 : t.key) || String(o)}`, s = e.propertyMap.get(o), n = s == null ? void 0 : s.type;
+      const r = `${(t == null ? void 0 : t.prefix) || ""}_${(t == null ? void 0 : t.key) || String(o)}`, s = e.propertyMap.get(o), n = s == null ? void 0 : s.type;
       if (s) {
-        const _ = s.initialValue;
-        s.initialValue = () => ut(localStorage.getItem(a), n) ?? qe(_), e.propertyMap.set(o, { ...s, ...t });
+        const y = s.initialValue;
+        s.initialValue = () => yt(localStorage.getItem(r), n) ?? De(y), e.propertyMap.set(o, { ...s, ...t });
       }
-      const c = r == null ? void 0 : r.set, w = {
-        ...r,
-        set: function(_) {
-          _ !== void 0 && localStorage.setItem(a, n === Object || n === Array ? JSON.stringify(_) : _), c && c.call(this, _);
+      const i = a == null ? void 0 : a.set, m = {
+        ...a,
+        set: function(y) {
+          y !== void 0 && localStorage.setItem(r, n === Object || n === Array ? JSON.stringify(y) : y), i && i.call(this, y);
         }
       };
-      Object.defineProperty(e.prototype, o, w);
+      Object.defineProperty(e.prototype, o, m);
     }
   });
 }
-var bt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function mt(t) {
+var vt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function wt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var Fe = { exports: {} };
+var Ue = { exports: {} };
 (function(t) {
   (function(e, o) {
     t.exports ? t.exports = o() : e.log = o();
-  })(bt, function() {
+  })(vt, function() {
     var e = function() {
-    }, o = "undefined", r = typeof window !== o && typeof window.navigator !== o && /Trident\/|MSIE /.test(window.navigator.userAgent), a = [
+    }, o = "undefined", a = typeof window !== o && typeof window.navigator !== o && /Trident\/|MSIE /.test(window.navigator.userAgent), r = [
       "trace",
       "debug",
       "info",
       "warn",
       "error"
     ];
-    function s(h, b) {
-      var f = h[b];
-      if (typeof f.bind == "function")
-        return f.bind(h);
+    function s(u, f) {
+      var w = u[f];
+      if (typeof w.bind == "function")
+        return w.bind(u);
       try {
-        return Function.prototype.bind.call(f, h);
+        return Function.prototype.bind.call(w, u);
       } catch {
         return function() {
-          return Function.prototype.apply.apply(f, [h, arguments]);
+          return Function.prototype.apply.apply(w, [u, arguments]);
         };
       }
     }
     function n() {
       console.log && (console.log.apply ? console.log.apply(console, arguments) : Function.prototype.apply.apply(console.log, [console, arguments])), console.trace && console.trace();
     }
-    function c(h) {
-      return h === "debug" && (h = "log"), typeof console === o ? !1 : h === "trace" && r ? n : console[h] !== void 0 ? s(console, h) : console.log !== void 0 ? s(console, "log") : e;
+    function i(u) {
+      return u === "debug" && (u = "log"), typeof console === o ? !1 : u === "trace" && a ? n : console[u] !== void 0 ? s(console, u) : console.log !== void 0 ? s(console, "log") : e;
     }
-    function g(h, b) {
-      for (var f = 0; f < a.length; f++) {
-        var p = a[f];
-        this[p] = f < h ? e : this.methodFactory(p, h, b);
+    function g(u, f) {
+      for (var w = 0; w < r.length; w++) {
+        var h = r[w];
+        this[h] = w < u ? e : this.methodFactory(h, u, f);
       }
       this.log = this.debug;
     }
-    function w(h, b, f) {
+    function m(u, f, w) {
       return function() {
-        typeof console !== o && (g.call(this, b, f), this[h].apply(this, arguments));
+        typeof console !== o && (g.call(this, f, w), this[u].apply(this, arguments));
       };
     }
-    function _(h, b, f) {
-      return c(h) || w.apply(this, arguments);
-    }
-    function he(h, b, f) {
-      var p = this, Ae;
-      b = b ?? "WARN";
-      var M = "loglevel";
-      typeof h == "string" ? M += ":" + h : typeof h == "symbol" && (M = void 0);
-      function ot(d) {
-        var E = (a[d] || "silent").toUpperCase();
-        if (!(typeof window === o || !M)) {
+    function y(u, f, w) {
+      return i(u) || m.apply(this, arguments);
+    }
+    function he(u, f, w) {
+      var h = this, Oe;
+      f = f ?? "WARN";
+      var S = "loglevel";
+      typeof u == "string" ? S += ":" + u : typeof u == "symbol" && (S = void 0);
+      function it(d) {
+        var E = (r[d] || "silent").toUpperCase();
+        if (!(typeof window === o || !S)) {
           try {
-            window.localStorage[M] = E;
+            window.localStorage[S] = E;
             return;
           } catch {
           }
           try {
-            window.document.cookie = encodeURIComponent(M) + "=" + E + ";";
+            window.document.cookie = encodeURIComponent(S) + "=" + E + ";";
           } catch {
           }
         }
       }
       function He() {
         var d;
-        if (!(typeof window === o || !M)) {
+        if (!(typeof window === o || !S)) {
           try {
-            d = window.localStorage[M];
+            d = window.localStorage[S];
           } catch {
           }
           if (typeof d === o)
             try {
               var E = window.document.cookie, Y = E.indexOf(
-                encodeURIComponent(M) + "="
+                encodeURIComponent(S) + "="
               );
               Y !== -1 && (d = /^([^;]+)/.exec(E.slice(Y))[1]);
             } catch {
             }
-          return p.levels[d] === void 0 && (d = void 0), d;
+          return h.levels[d] === void 0 && (d = void 0), d;
         }
       }
-      function rt() {
-        if (!(typeof window === o || !M)) {
+      function lt() {
+        if (!(typeof window === o || !S)) {
           try {
-            window.localStorage.removeItem(M);
+            window.localStorage.removeItem(S);
             return;
           } catch {
           }
           try {
-            window.document.cookie = encodeURIComponent(M) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+            window.document.cookie = encodeURIComponent(S) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
           } catch {
           }
         }
       }
-      p.name = h, p.levels = {
+      h.name = u, h.levels = {
         TRACE: 0,
         DEBUG: 1,
         INFO: 2,
         WARN: 3,
         ERROR: 4,
         SILENT: 5
-      }, p.methodFactory = f || _, p.getLevel = function() {
-        return Ae;
-      }, p.setLevel = function(d, E) {
-        if (typeof d == "string" && p.levels[d.toUpperCase()] !== void 0 && (d = p.levels[d.toUpperCase()]), typeof d == "number" && d >= 0 && d <= p.levels.SILENT) {
-          if (Ae = d, E !== !1 && ot(d), g.call(p, d, h), typeof console === o && d < p.levels.SILENT)
+      }, h.methodFactory = w || y, h.getLevel = function() {
+        return Oe;
+      }, h.setLevel = function(d, E) {
+        if (typeof d == "string" && h.levels[d.toUpperCase()] !== void 0 && (d = h.levels[d.toUpperCase()]), typeof d == "number" && d >= 0 && d <= h.levels.SILENT) {
+          if (Oe = d, E !== !1 && it(d), g.call(h, d, u), typeof console === o && d < h.levels.SILENT)
             return "No console available for logging";
         } else
           throw "log.setLevel() called with invalid level: " + d;
-      }, p.setDefaultLevel = function(d) {
-        b = d, He() || p.setLevel(d, !1);
-      }, p.resetLevel = function() {
-        p.setLevel(b, !1), rt();
-      }, p.enableAll = function(d) {
-        p.setLevel(p.levels.TRACE, d);
-      }, p.disableAll = function(d) {
-        p.setLevel(p.levels.SILENT, d);
+      }, h.setDefaultLevel = function(d) {
+        f = d, He() || h.setLevel(d, !1);
+      }, h.resetLevel = function() {
+        h.setLevel(f, !1), lt();
+      }, h.enableAll = function(d) {
+        h.setLevel(h.levels.TRACE, d);
+      }, h.disableAll = function(d) {
+        h.setLevel(h.levels.SILENT, d);
       };
       var ge = He();
-      ge == null && (ge = b), p.setLevel(ge, !1);
+      ge == null && (ge = f), h.setLevel(ge, !1);
     }
-    var j = new he(), ue = {};
-    j.getLogger = function(b) {
-      if (typeof b != "symbol" && typeof b != "string" || b === "")
+    var M = new he(), ue = {};
+    M.getLogger = function(f) {
+      if (typeof f != "symbol" && typeof f != "string" || f === "")
         throw new TypeError("You must supply a name when creating a logger.");
-      var f = ue[b];
-      return f || (f = ue[b] = new he(
-        b,
-        j.getLevel(),
-        j.methodFactory
-      )), f;
+      var w = ue[f];
+      return w || (w = ue[f] = new he(
+        f,
+        M.getLevel(),
+        M.methodFactory
+      )), w;
     };
-    var tt = typeof window !== o ? window.log : void 0;
-    return j.noConflict = function() {
-      return typeof window !== o && window.log === j && (window.log = tt), j;
-    }, j.getLoggers = function() {
+    var nt = typeof window !== o ? window.log : void 0;
+    return M.noConflict = function() {
+      return typeof window !== o && window.log === M && (window.log = nt), M;
+    }, M.getLoggers = function() {
       return ue;
-    }, j.default = j, j;
+    }, M.default = M, M;
   });
-})(Fe);
-var yt = Fe.exports;
-const ce = /* @__PURE__ */ mt(yt), ft = v`
+})(Ue);
+var xt = Ue.exports;
+const ce = /* @__PURE__ */ wt(xt), kt = x`
   :host {
   }
   .cb-wrapper {
@@ -416,7 +415,7 @@ const ce = /* @__PURE__ */ mt(yt), ft = v`
       border-radius: 0;
     }
   }
-`, H = v`
+`, O = x`
     :host {
         --primary-color: var(--sl-color-primary-600);
     }
@@ -476,8 +475,8 @@ const ce = /* @__PURE__ */ mt(yt), ft = v`
     .text-button:hover {
         text-decoration: underline;
     }
-`, Ue = v`
-    ${H}
+`, Ze = x`
+    ${O}
 
     :host {
         display: inline-flex;
@@ -499,99 +498,99 @@ const ce = /* @__PURE__ */ mt(yt), ft = v`
         color: white;
     }
 `;
-var vt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, Ce = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? wt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && vt(e, o, a), a;
+var _t = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, $e = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Ct(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && _t(e, o, r), r;
 };
 let N = class extends le {
   constructor() {
     super(...arguments), this.color = "primary", this.svg = "";
   }
   render() {
-    return l`<span class="cb-icon color-${this.color}" part="base"
+    return c`<span class="cb-icon color-${this.color}" part="base"
             >${Z(this.svg)}</span
         >`;
   }
 };
-N.styles = Ue;
-Ce([
-  i({ type: String })
+N.styles = Ze;
+$e([
+  l({ type: String })
 ], N.prototype, "color", 2);
-Ce([
-  i({ type: String })
+$e([
+  l({ type: String })
 ], N.prototype, "svg", 2);
-N = Ce([
-  x("cb-icon")
+N = $e([
+  k("cb-icon")
 ], N);
-let xt = (t) => crypto.getRandomValues(new Uint8Array(t)), kt = (t, e, o) => {
-  let r = (2 << Math.log(t.length - 1) / Math.LN2) - 1, a = -~(1.6 * r * e / t.length);
+let $t = (t) => crypto.getRandomValues(new Uint8Array(t)), jt = (t, e, o) => {
+  let a = (2 << Math.log(t.length - 1) / Math.LN2) - 1, r = -~(1.6 * a * e / t.length);
   return (s = e) => {
     let n = "";
     for (; ; ) {
-      let c = o(a), g = a;
+      let i = o(r), g = r;
       for (; g--; )
-        if (n += t[c[g] & r] || "", n.length === s)
+        if (n += t[i[g] & a] || "", n.length === s)
           return n;
     }
   };
-}, _t = (t, e = 21) => kt(t, e, xt);
-const Ct = _t("1234567890abcdefghijklmnopqrstuvwxyz", 10);
+}, Mt = (t, e = 21) => jt(t, e, $t);
+const St = Mt("1234567890abcdefghijklmnopqrstuvwxyz", 10);
 function ye(t = 10) {
-  return Ct(t);
+  return St(t);
 }
-function $t(t) {
+function At(t) {
   return new Promise((e, o) => {
     try {
       navigator.clipboard.writeText(t).then(() => {
         e(t);
       });
-    } catch (r) {
-      o(r);
+    } catch (a) {
+      o(a);
     }
   });
 }
-function jt(t = !0) {
+function Ot(t = !0) {
   return new Promise((e) => {
     const o = document.createElement("input");
     o.type = "file", t && (o.multiple = !0), o.style.display = "none", o.addEventListener("change", () => {
-      const r = Array.prototype.slice.call(o.files);
-      e(r);
+      const a = Array.prototype.slice.call(o.files);
+      e(a);
     }), o.click();
   });
 }
-const k = ce.noConflict();
-k.setLevel("info");
-class Mt {
+const _ = ce.noConflict();
+_.setLevel("info");
+class Ht {
   constructor(e = {}) {
-    this.id = 0, this.url = (e == null ? void 0 : e.url) || null, this.orgId = (e == null ? void 0 : e.orgId) || null, this.botId = (e == null ? void 0 : e.botId) || null, this.convId = (e == null ? void 0 : e.convId) || null, this._options = e || {}, this._ws = null, this.started = !1, this.connected = !1, this.onMessage = (e == null ? void 0 : e.onMessage) || null, this.queue = [], this.pause = (o) => new Promise((r) => setTimeout(r, o)), k.info(`WSC: Created, url: ${this.url}`);
+    this.id = 0, this.url = (e == null ? void 0 : e.url) || null, this.orgId = (e == null ? void 0 : e.orgId) || null, this.botId = (e == null ? void 0 : e.botId) || null, this.convId = (e == null ? void 0 : e.convId) || null, this._options = e || {}, this._ws = null, this.started = !1, this.connected = !1, this.onMessage = (e == null ? void 0 : e.onMessage) || null, this.queue = [], this.pause = (o) => new Promise((a) => setTimeout(a, o)), _.info(`WSC: Created, url: ${this.url}`);
   }
   connect(e = {}) {
     if (this.url = (e == null ? void 0 : e.url) || this.url, this.connected = !1, !this.url)
-      return k.error("WSC: URL must be provided to connect"), null;
+      return _.error("WSC: URL must be provided to connect"), null;
     const o = this.url;
-    k.info(`WSC: Connecting to ${o} ...`), this._ws = new WebSocket(o);
-    let r = setTimeout(() => {
-      k.error("WSC: connected message not received in time - terminating"), this._ws.close(), this._ws = null, this.connected = !1;
+    _.info(`WSC: Connecting to ${o} ...`), this._ws = new WebSocket(o);
+    let a = setTimeout(() => {
+      _.error("WSC: connected message not received in time - terminating"), this._ws.close(), this._ws = null, this.connected = !1;
     }, 15e3);
     this._ws.onopen = () => {
-      k.info(`WSC: Connection to ${o} opened`);
-    }, this._ws.onmessage = (a) => {
-      let s = (a == null ? void 0 : a.data) || null;
+      _.info(`WSC: Connection to ${o} opened`);
+    }, this._ws.onmessage = (r) => {
+      let s = (r == null ? void 0 : r.data) || null;
       if (!s)
         return;
       let n = null;
       try {
         n = JSON.parse(s);
       } catch {
-        k.error(`Failed to parse message: ${s}`);
+        _.error(`Failed to parse message: ${s}`);
         return;
       }
-      (n == null ? void 0 : n.type) === "connected" && (k.info(`WS[${this.id}] Connected`), clearTimeout(r), this.connected = !0, this.sendQueuedMessages()), this.handleWscMessage(n);
-    }, this._ws.onerror = (a) => {
-      k.error("WSC: Socket error"), clearTimeout(r), this.connected = !1, this._ws = null;
-    }, this._ws.onclose = (a) => {
-      k.info(`WSC: Closed - code:${a.code}, reason:"${a.reason}"`), this.connected = !1, this._ws = null, this.reconnect();
+      (n == null ? void 0 : n.type) === "connected" && (_.info(`WS[${this.id}] Connected`), clearTimeout(a), this.connected = !0, this.sendQueuedMessages()), this.handleWscMessage(n);
+    }, this._ws.onerror = (r) => {
+      _.error("WSC: Socket error"), clearTimeout(a), this.connected = !1, this._ws = null;
+    }, this._ws.onclose = (r) => {
+      _.info(`WSC: Closed - code:${r.code}, reason:"${r.reason}"`), this.connected = !1, this._ws = null, this.reconnect();
     };
   }
   reconnect() {
@@ -601,10 +600,10 @@ class Mt {
   }
   disconnect() {
     if (!this._ws) {
-      k.info("WSC: already disconnected");
+      _.info("WSC: already disconnected");
       return;
     }
-    k.info("WSC: disconnect"), this._ws.close();
+    _.info("WSC: disconnect"), this._ws.close();
   }
   async start() {
     this.started = !0, this.connect();
@@ -616,11 +615,11 @@ class Mt {
   async startOld() {
     let e = 1, o = !0;
     for (; o; ) {
-      if (k.info(`WSC: start: connecting, attempt ${e}`), await this.connect(), this.connected)
-        return k.info("WSC: connected"), !0;
+      if (_.info(`WSC: start: connecting, attempt ${e}`), await this.connect(), this.connected)
+        return _.info("WSC: connected"), !0;
       e++, o = e <= 4, o && await this.pause(1e3);
     }
-    return k.error(`WSC: start: failed to connect after ${e} attempts, exiting`), !1;
+    return _.error(`WSC: start: failed to connect after ${e} attempts, exiting`), !1;
   }
   handleWscMessage(e) {
     this.onMessage && typeof this.onMessage == "function" && this.onMessage(e);
@@ -635,7 +634,7 @@ class Mt {
   sendQueuedMessages() {
     if (Array.isArray(this.queue) && this.queue.length > 0)
       for (let e = 0; e < this.queue.length; e++)
-        k.info("Sending queued message", this.queue[e]), this._ws.send(this.queue[e]);
+        _.info("Sending queued message", this.queue[e]), this._ws.send(this.queue[e]);
     this.queue = [];
   }
   // Request assumes that response will be received.
@@ -670,22 +669,22 @@ class Mt {
       });
     }*/
 }
-var St = Object.defineProperty, At = Object.getOwnPropertyDescriptor, z = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? At(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && St(e, o, a), a;
+var Lt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, I = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? It(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Lt(e, o, r), r;
 };
-const S = ce.noConflict();
-S.setLevel("info");
+const j = ce.noConflict();
+j.setLevel("info");
 const F = "cb_";
-class L extends X {
+class H extends X {
   constructor() {
     super(...arguments), this.actionIdCounter = 0, this.wsClient = null, this.replyMessage = null;
   }
   // this is called at startup
   setSetting(e) {
-    S.info("appState: Startup: setSetting", e), this.setting = e, this.initBot().catch((o) => {
-      S.info(`Exception during bot initialization: ${o.message}`);
+    j.info("appState: Startup: setSetting"), this.setting = e, this.initBot().catch((o) => {
+      j.info(`Exception during bot initialization: ${o.message}`);
     });
   }
   clearConversation() {
@@ -707,30 +706,34 @@ class L extends X {
     this.theme = e;
   }
   async initBot() {
-    const o = `${this.setting.url.startsWith("localhost") ? "http" : "https"}://${this.setting.url}/api/bot/settings/${this.setting.orgId}/${this.setting.botId}`;
-    let r = null, a = null;
-    try {
-      r = await fetch(o, {
-        headers: {
-          "Access-Control-Allow-Origin": "null",
-          "X-Enegel-Signature": this.setting.botId
-        }
-      }), !r.ok || r.status !== 200 ? S.error(`Failed to get bot ${this.setting.botId} settings: ${r.status} ${r.statusText}`) : a = await r.json();
-    } catch (s) {
-      S.error(`Failed to get bot ${this.setting.botId} settings: ${s.message}`), a = null;
-    }
-    if (!a) {
-      S.error("No bot settings available - bot disabled"), this.disabled = !0;
-      return;
+    if (!this.botSettingsInitialized) {
+      const o = `${this.setting.url.startsWith("localhost") ? "http" : "https"}://${this.setting.url}/api/bot/settings/${this.setting.orgId}/${this.setting.botId}`;
+      j.info(`Getting bot settings at ${o} ...`);
+      let a = null, r = null;
+      try {
+        a = await fetch(o, {
+          headers: {
+            "Access-Control-Allow-Origin": "null",
+            "X-Enegel-Signature": this.setting.botId
+          }
+        }), !a.ok || a.status !== 200 ? j.error(`Failed to get bot ${this.setting.botId} settings: ${a.status} ${a.statusText}`) : r = await a.json();
+      } catch (s) {
+        j.error(`Failed to get bot ${this.setting.botId} settings: ${s.message}`), r = null;
+      }
+      if (this.botSettingsInitialized = !0, !r) {
+        j.error("No bot settings available - bot disabled"), this.disabled = !0;
+        return;
+      }
+      this.setting.welcomeMessage = (r == null ? void 0 : r.welcomeMessage) || "How can I help ?";
     }
-    this.setting.welcomeMessage = (a == null ? void 0 : a.welcomeMessage) || "How can I help ?", Array.isArray(this.messages) && this.messages.length <= 0 && this.addMessage({
+    Array.isArray(this.messages) && this.messages.length <= 0 && this.addMessage({
       author: "assistant",
       type: "text",
       data: {
         text: this.setting.welcomeMessage
       }
-    }), this.connectWs === "true" && (S.info("appState: connectWs is true"), this.getWsClient().catch((s) => {
-      S.error(`Exception during ws client startup: ${s.message}`);
+    }), this.connectWs === "true" && (j.info("appState: connectWs is true"), this.getWsClient().catch((e) => {
+      j.error(`Exception during ws client startup: ${e.message}`);
     }));
   }
   // Lazy initialization: avoid connecting until we actually need to send something
@@ -740,13 +743,13 @@ class L extends X {
     if (this.wsClient)
       return this.wsClient;
     const o = `${this.setting.url.startsWith("localhost") ? "ws" : "wss"}://${this.setting.url}/api/bot/connect/${this.setting.orgId}/${this.setting.botId}/${this.conversationId}`;
-    return S.info(`Initiating ws connection to ${o} ...`), this.wsClient = new Mt({
+    return j.info(`Initiating ws connection to ${o} ...`), this.wsClient = new Ht({
       url: o,
       orgId: this.setting.orgId,
       botId: this.setting.botId,
       convId: this.conversationId
-    }), await this.wsClient.start(), this.wsClient.onMessage = (r) => {
-      this.handleWscMessage(r);
+    }), await this.wsClient.start(), this.wsClient.onMessage = (a) => {
+      this.handleWscMessage(a);
     }, this.wsClient;
   }
   handleWscMessage(e) {
@@ -763,8 +766,8 @@ class L extends X {
             }
           };
           "userName" in e && (o.data.userName = e.userName, this.connectWs = "true"), "userAvatar" in e && (o.data.userAvatar = e.userAvatar, this.connectWs = "true");
-          const r = this.formatMessage(o);
-          this.messages = this.messages.concat([r]);
+          const a = this.formatMessage(o);
+          this.messages = this.messages.concat([a]);
         }
         break;
       }
@@ -791,23 +794,23 @@ class L extends X {
   }
   addActions(e) {
     if (Array.isArray(e) && e.length > 0) {
-      const o = e.map((r) => Object.assign(r, { internalId: this.actionIdCounter++ }));
+      const o = e.map((a) => Object.assign(a, { internalId: this.actionIdCounter++ }));
       this.actions = this.actions.concat(o);
     }
   }
   removeAction(e) {
-    const o = this.actions.findIndex((r) => r.internalId === e);
+    const o = this.actions.findIndex((a) => a.internalId === e);
     if (o !== -1) {
       this.actions.splice(o, 1);
-      const r = [];
-      this.actions = r.concat(this.actions);
+      const a = [];
+      this.actions = a.concat(this.actions);
     }
   }
   async sendMessage(e) {
-    e = this.formatMessage(e), S.info("Send Message:", e), this.messages = this.messages.concat([e]);
+    e = this.formatMessage(e), j.info("Send Message:", e), this.messages = this.messages.concat([e]);
     const o = await this.getWsClient();
     if (!o) {
-      S.error("Error - failed to obtain ws client"), this.replyMessage = null;
+      j.error("Error - failed to obtain ws client"), this.replyMessage = null;
       return;
     }
     o.sendMessage({
@@ -836,8 +839,8 @@ class L extends X {
   }
   // update message
   updateMessage(e, o) {
-    const r = this.formatMessage(e);
-    return r.isThinking = !1, o && (r.data.text += o), this.messages = this.messages.map((a) => a.id === r.id ? r : a), r;
+    const a = this.formatMessage(e);
+    return a.isThinking = !1, o && (a.data.text += o), this.messages = this.messages.map((r) => r.id === a.id ? a : r), a;
   }
   // remove message
   removeMessage(e) {
@@ -848,28 +851,28 @@ class L extends X {
     this.messages = [];
   }
 }
-z([
+I([
   D({ prefix: F }),
-  I({ value: "en" })
-], L.prototype, "language", 2);
-z([
+  L({ value: "en" })
+], H.prototype, "language", 2);
+I([
   D({ prefix: F }),
-  I({ value: "light" })
-], L.prototype, "theme", 2);
-z([
+  L({ value: "light" })
+], H.prototype, "theme", 2);
+I([
   D({ prefix: F }),
-  I({ value: "false" })
-], L.prototype, "connectWs", 2);
-z([
+  L({ value: "false" })
+], H.prototype, "connectWs", 2);
+I([
   D({ prefix: F }),
-  I({ value: ye() })
-], L.prototype, "conversationId", 2);
-z([
+  L({ value: ye() })
+], H.prototype, "conversationId", 2);
+I([
   D({ prefix: F }),
-  I({ type: Array, value: [] })
-], L.prototype, "messages", 2);
-z([
-  I({
+  L({ type: Array, value: [] })
+], H.prototype, "messages", 2);
+I([
+  L({
     type: Array,
     value: []
     /*value: [
@@ -889,13 +892,16 @@ z([
       },
     ],*/
   })
-], L.prototype, "actions", 2);
-z([
-  I({ type: Boolean, value: !1 })
-], L.prototype, "disabled", 2);
-z([
+], H.prototype, "actions", 2);
+I([
+  L({ type: Boolean, value: !1 })
+], H.prototype, "botSettingsInitialized", 2);
+I([
+  L({ type: Boolean, value: !1 })
+], H.prototype, "disabled", 2);
+I([
   D({ prefix: F }),
-  I({
+  L({
     type: Object,
     value: {
       orgId: null,
@@ -904,9 +910,9 @@ z([
       welcomeMessage: null
     }
   })
-], L.prototype, "setting", 2);
-const m = new L(), Ht = v`
-  ${H}
+], H.prototype, "setting", 2);
+const p = new H(), Pt = x`
+  ${O}
   :host {
     position: relative;
     font-weight: bold;
@@ -947,50 +953,50 @@ const m = new L(), Ht = v`
     color: white;
   }
 `;
-var Lt = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, Pt = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ot(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && Lt(e, o, a), a;
+var zt = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, Tt = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Et(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && zt(e, o, r), r;
 };
 class C extends le {
   constructor() {
     super(...arguments), this.lang = "en";
   }
   emit(e, o) {
-    const r = new CustomEvent(e, {
+    const a = new CustomEvent(e, {
       bubbles: !0,
       cancelable: !1,
       composed: !0,
       detail: {},
       ...o
     });
-    return this.dispatchEvent(r), r;
+    return this.dispatchEvent(a), a;
   }
 }
-Pt([
-  i({ type: String })
+Tt([
+  l({ type: String })
 ], C.prototype, "lang", 2);
-const $e = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8L2.146 2.854Z"/></svg>';
-var It = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Ze = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? zt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && It(e, o, a), a;
+const je = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8L2.146 2.854Z"/></svg>';
+var Rt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, Ne = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Bt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Rt(e, o, r), r;
 };
 let te = class extends C {
   constructor() {
     super(...arguments), this.title = "ChatBot";
   }
   render() {
-    return l` <header class="cb-header" part="header">
+    return c` <header class="cb-header" part="header">
       <span class="left">
         <sl-button @click=${this._clickHandler} class="cb-setting-button" variant="text" circle>
-          <cb-icon color="white" svg="${m.setting.logoSvg}"></cb-icon>
+          <cb-icon color="white" svg="${p.setting.logoSvg}"></cb-icon>
         </sl-button>
       </span>
       <span class="center title">${this.title}</span>
       <span class="right">
         <sl-button @click=${this._clickCloseHandler} class="cb-setting-button" variant="text" circle>
-          <cb-icon color="white" svg="${$e}"></cb-icon>
+          <cb-icon color="white" svg="${je}"></cb-icon>
         </sl-button>
       </span>
     </header>`;
@@ -1006,15 +1012,15 @@ let te = class extends C {
     });
   }
 };
-te.styles = Ht;
-Ze([
-  i({ type: String, attribute: "title" })
+te.styles = Pt;
+Ne([
+  l({ type: String, attribute: "title" })
 ], te.prototype, "title", 2);
-te = Ze([
-  x("cb-header")
+te = Ne([
+  k("cb-header")
 ], te);
-const Et = v`
-    ${H}
+const Vt = x`
+    ${O}
     .cb-footer {
         line-height: 60px;
         font-size: 16px;
@@ -1028,17 +1034,17 @@ const Et = v`
         color: var(--primary-color);
     }
 `;
-var Tt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, Bt = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Rt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && Tt(e, o, a), a;
+var qt = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, Ft = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Dt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && qt(e, o, r), r;
 };
 let fe = class extends C {
   constructor() {
     super(...arguments), this.year = (/* @__PURE__ */ new Date()).getFullYear();
   }
   render() {
-    return l`
+    return c`
             <div class="cb-footer" part="footer">
                 yugasun@${this.year}
                 <a
@@ -1068,12 +1074,12 @@ let fe = class extends C {
         `;
   }
 };
-fe.styles = Et;
-fe = Bt([
-  x("cb-footer")
+fe.styles = Vt;
+fe = Ft([
+  k("cb-footer")
 ], fe);
-const Vt = v`
-  ${H}
+const Ut = x`
+  ${O}
 
   :host {
     width: 100%;
@@ -1168,17 +1174,17 @@ const Vt = v`
     transition: background 0s;
   }
 `;
-var qt = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, Ft = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Dt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && qt(e, o, a), a;
+var Zt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, Wt = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Nt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Zt(e, o, r), r;
 };
 let ve = class extends le {
   render() {
-    return l` <div class="cb-thinking" style="color: rgb(34, 34, 34);"><span></span><span></span><span></span></div>`;
+    return c` <div class="cb-thinking" style="color: rgb(34, 34, 34);"><span></span><span></span><span></span></div>`;
   }
 };
-ve.styles = v`
+ve.styles = x`
     .cb-thinking {
       text-align: center;
     }
@@ -1216,31 +1222,31 @@ ve.styles = v`
       }
     }
   `;
-ve = Ft([
-  x("cb-thinking")
+ve = Wt([
+  k("cb-thinking")
 ], ve);
-var Ut = Object.defineProperty, Zt = Object.getOwnPropertyDescriptor, Ne = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Zt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && Ut(e, o, a), a;
+var Kt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, We = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Jt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Kt(e, o, r), r;
 };
 let oe = class extends C {
   constructor() {
     super(...arguments), this.files = [];
   }
   render() {
-    return l` <div class="cb-uploading">
+    return c` <div class="cb-uploading">
             <div class="cb-uploading__title">
                 <sl-spinner class="cb-spinner"></sl-spinner>
                 <span>Uploading...</span>
             </div>
             <div class="cb-uploading__filelist">
-                ${this.files.map((t) => l`${t.name}<br />`)}
+                ${this.files.map((t) => c`${t.name}<br />`)}
             </div>
         </div>`;
   }
 };
-oe.styles = v`
+oe.styles = x`
         .cb-uploading {
             text-align: left;
         }
@@ -1258,14 +1264,14 @@ oe.styles = v`
             margin-right: 5px;
         }
     `;
-Ne([
-  i({ type: Array })
+We([
+  l({ type: Array })
 ], oe.prototype, "files", 2);
-oe = Ne([
-  x("cb-uploading")
+oe = We([
+  k("cb-uploading")
 ], oe);
-const Nt = v`
-    ${H}
+const Yt = x`
+    ${O}
     :host {
     }
 
@@ -1285,17 +1291,17 @@ const Nt = v`
         margin-right: 0.2em;
     }
 `;
-var Wt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, je = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Jt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && Wt(e, o, a), a;
+var Gt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, Me = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Xt(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Gt(e, o, r), r;
 };
 let W = class extends le {
   constructor() {
     super(...arguments), this.url = "", this.inverse = !1;
   }
   render() {
-    return l`
+    return c`
             <a
                 class="
                     cb-external-link link__item
@@ -1310,7 +1316,7 @@ let W = class extends le {
         `;
   }
 };
-W.styles = v`
+W.styles = x`
         :host {
             --primary-color: var(--sl-color-primary-600);
         }
@@ -1335,31 +1341,31 @@ W.styles = v`
             text-decoration: underline;
         }
     `;
-je([
-  i({ type: String })
+Me([
+  l({ type: String })
 ], W.prototype, "url", 2);
-je([
-  i({ type: Boolean })
+Me([
+  l({ type: Boolean })
 ], W.prototype, "inverse", 2);
-W = je([
-  x("cb-external-link")
+W = Me([
+  k("cb-external-link")
 ], W);
-const Kt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.928 15.849v-3.337h1.136v-.662H0v.662h1.134v3.337h.794Zm4.689-3.999h-.894L4.9 13.289h-.035l-.832-1.439h-.932l1.228 1.983l-1.24 2.016h.862l.853-1.415h.035l.85 1.415h.907l-1.253-1.992l1.274-2.007Zm1.93.662v3.337h-.794v-3.337H6.619v-.662h3.064v.662H8.546Z"/></svg>', Yt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084c0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592a1.14 1.14 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z"/></svg>', Gt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.706 13.189v2.66H0V11.85h.806l1.14 2.596h.026l1.14-2.596h.8v3.999h-.716v-2.66h-.038l-.946 2.159h-.516l-.952-2.16H.706Zm3.919 2.66V11.85h1.459c.406 0 .741.078 1.005.234c.263.157.46.383.589.68c.13.297.196.655.196 1.075c0 .422-.066.784-.196 1.084c-.131.301-.33.53-.595.689c-.264.158-.597.237-1 .237H4.626Zm1.353-3.354h-.562v2.707h.562c.186 0 .347-.028.484-.082a.8.8 0 0 0 .334-.252a1.14 1.14 0 0 0 .196-.422c.045-.168.067-.365.067-.592a2.1 2.1 0 0 0-.117-.753a.89.89 0 0 0-.354-.454c-.159-.102-.362-.152-.61-.152Z"/></svg>', Xt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.517 14.841a1.13 1.13 0 0 0 .401.823c.13.108.289.192.478.252c.19.061.411.091.665.091c.338 0 .624-.053.859-.158c.236-.105.416-.252.539-.44c.125-.189.187-.408.187-.656c0-.224-.045-.41-.134-.56a1.001 1.001 0 0 0-.375-.357a2.027 2.027 0 0 0-.566-.21l-.621-.144a.97.97 0 0 1-.404-.176a.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384c.125-.101.296-.152.512-.152c.143 0 .266.023.37.068a.624.624 0 0 1 .246.181a.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.2-.566a1.21 1.21 0 0 0-.5-.41a1.813 1.813 0 0 0-.78-.152c-.293 0-.551.05-.776.15c-.225.099-.4.24-.527.421c-.127.182-.19.395-.19.639c0 .201.04.376.122.524c.082.149.2.27.352.367c.152.095.332.167.539.213l.618.144c.207.049.361.113.463.193a.387.387 0 0 1 .152.326a.505.505 0 0 1-.085.29a.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07c-.117 0-.223-.013-.32-.04a.838.838 0 0 1-.248-.115a.578.578 0 0 1-.255-.384h-.765ZM.806 13.693c0-.248.034-.46.102-.633a.868.868 0 0 1 .302-.399a.814.814 0 0 1 .475-.137c.15 0 .283.032.398.097a.7.7 0 0 1 .272.26a.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964a1.441 1.441 0 0 0-.489-.272a1.838 1.838 0 0 0-.606-.097c-.356 0-.66.074-.911.223c-.25.148-.44.359-.572.632c-.13.274-.196.6-.196.979v.498c0 .379.064.704.193.976c.131.271.322.48.572.626c.25.145.554.217.914.217c.293 0 .554-.055.785-.164c.23-.11.414-.26.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.799.799 0 0 1-.118.363a.7.7 0 0 1-.272.25a.874.874 0 0 1-.401.087a.845.845 0 0 1-.478-.132a.833.833 0 0 1-.299-.392a1.699 1.699 0 0 1-.102-.627v-.495Zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879l-1.327 4Z"/></svg>', Qt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm2.817-1.333h-1.6v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474c.108-.201.161-.427.161-.677c0-.25-.052-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.793.793 0 0 1-.375.082H4.15V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm2.767-.67v3.336H7.48v-3.337H6.346v-.662h3.065v.662H8.274Z"/></svg>', eo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-7.839 9.166v.522c0 .256-.039.47-.117.641a.861.861 0 0 1-.322.387a.877.877 0 0 1-.469.126a.883.883 0 0 1-.471-.126a.868.868 0 0 1-.32-.386a1.55 1.55 0 0 1-.117-.642v-.522c0-.257.04-.471.117-.641a.868.868 0 0 1 .32-.387a.868.868 0 0 1 .471-.129c.176 0 .332.043.469.13a.861.861 0 0 1 .322.386c.078.17.117.384.117.641Zm.803.519v-.513c0-.377-.068-.7-.205-.972a1.46 1.46 0 0 0-.589-.63c-.254-.147-.56-.22-.917-.22c-.355 0-.662.073-.92.22a1.441 1.441 0 0 0-.589.627c-.136.271-.205.596-.205.975v.513c0 .375.069.7.205.973c.137.271.333.48.59.627c.257.144.564.216.92.216c.357 0 .662-.072.916-.216c.256-.147.452-.356.59-.627c.136-.274.204-.598.204-.973ZM0 11.926v4h1.459c.402 0 .735-.08.999-.238a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084c0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.59-.68c-.263-.156-.598-.234-1.004-.234H0Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592a1.141 1.141 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.298 1.298 0 0 1-.483.082H.79V12.57Zm7.422.483a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.834.834 0 0 0 .298.393a.845.845 0 0 0 .478.131a.868.868 0 0 0 .401-.088a.699.699 0 0 0 .273-.248a.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.137.194-.32.345-.55.454a1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.216a1.424 1.424 0 0 1-.571-.627c-.13-.272-.194-.597-.194-.976v-.498c0-.379.066-.705.197-.978c.13-.274.321-.485.571-.633c.252-.149.556-.223.911-.223c.219 0 .421.032.607.097c.187.062.35.153.489.272a1.326 1.326 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38a.7.7 0 0 0-.273-.261a.802.802 0 0 0-.398-.097a.814.814 0 0 0-.475.138a.868.868 0 0 0-.301.398Z"/></svg>', to = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-6.839 9.688v-.522a1.54 1.54 0 0 0-.117-.641a.861.861 0 0 0-.322-.387a.862.862 0 0 0-.469-.129a.868.868 0 0 0-.471.13a.868.868 0 0 0-.32.386a1.54 1.54 0 0 0-.117.641v.522c0 .256.04.47.117.641a.868.868 0 0 0 .32.387a.883.883 0 0 0 .471.126a.877.877 0 0 0 .469-.126a.861.861 0 0 0 .322-.386a1.55 1.55 0 0 0 .117-.642Zm.803-.516v.513c0 .375-.068.7-.205.973a1.47 1.47 0 0 1-.589.627c-.254.144-.56.216-.917.216a1.86 1.86 0 0 1-.92-.216a1.463 1.463 0 0 1-.589-.627a2.151 2.151 0 0 1-.205-.973v-.513c0-.379.069-.704.205-.975c.137-.274.333-.483.59-.627c.257-.147.564-.22.92-.22c.357 0 .662.073.916.22c.256.146.452.356.59.63c.136.271.204.595.204.972ZM1 15.925v-3.999h1.459c.406 0 .741.078 1.005.235c.264.156.46.382.589.68c.13.296.196.655.196 1.074c0 .422-.065.784-.196 1.084c-.131.301-.33.53-.595.689c-.264.158-.597.237-.999.237H1Zm1.354-3.354H1.79v2.707h.563c.185 0 .346-.028.483-.082a.8.8 0 0 0 .334-.252c.088-.114.153-.254.196-.422a2.3 2.3 0 0 0 .068-.592c0-.3-.04-.552-.118-.753a.89.89 0 0 0-.354-.454c-.158-.102-.361-.152-.61-.152Zm6.756 1.116c0-.248.034-.46.103-.633a.868.868 0 0 1 .301-.398a.814.814 0 0 1 .475-.138c.15 0 .283.032.398.097a.7.7 0 0 1 .273.26a.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964a1.44 1.44 0 0 0-.49-.272a1.836 1.836 0 0 0-.606-.097c-.355 0-.66.074-.911.223c-.25.148-.44.359-.571.633c-.131.273-.197.6-.197.978v.498c0 .379.065.704.194.976c.13.271.321.48.571.627c.25.144.555.216.914.216c.293 0 .555-.054.785-.164c.23-.11.414-.26.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364a.699.699 0 0 1-.273.248a.874.874 0 0 1-.401.088a.845.845 0 0 1-.478-.131a.834.834 0 0 1-.298-.393a1.7 1.7 0 0 1-.103-.627v-.495Zm5.092-1.76h.894l-1.275 2.006l1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015l-1.228-1.984h.932l.832 1.439h.035l.823-1.439Z"/></svg>';
-var oo = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, Me = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? ro(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && oo(e, o, a), a;
+const Qt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.928 15.849v-3.337h1.136v-.662H0v.662h1.134v3.337h.794Zm4.689-3.999h-.894L4.9 13.289h-.035l-.832-1.439h-.932l1.228 1.983l-1.24 2.016h.862l.853-1.415h.035l.85 1.415h.907l-1.253-1.992l1.274-2.007Zm1.93.662v3.337h-.794v-3.337H6.619v-.662h3.064v.662H8.546Z"/></svg>', eo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084c0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592a1.14 1.14 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z"/></svg>', to = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.706 13.189v2.66H0V11.85h.806l1.14 2.596h.026l1.14-2.596h.8v3.999h-.716v-2.66h-.038l-.946 2.159h-.516l-.952-2.16H.706Zm3.919 2.66V11.85h1.459c.406 0 .741.078 1.005.234c.263.157.46.383.589.68c.13.297.196.655.196 1.075c0 .422-.066.784-.196 1.084c-.131.301-.33.53-.595.689c-.264.158-.597.237-1 .237H4.626Zm1.353-3.354h-.562v2.707h.562c.186 0 .347-.028.484-.082a.8.8 0 0 0 .334-.252a1.14 1.14 0 0 0 .196-.422c.045-.168.067-.365.067-.592a2.1 2.1 0 0 0-.117-.753a.89.89 0 0 0-.354-.454c-.159-.102-.362-.152-.61-.152Z"/></svg>', oo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.517 14.841a1.13 1.13 0 0 0 .401.823c.13.108.289.192.478.252c.19.061.411.091.665.091c.338 0 .624-.053.859-.158c.236-.105.416-.252.539-.44c.125-.189.187-.408.187-.656c0-.224-.045-.41-.134-.56a1.001 1.001 0 0 0-.375-.357a2.027 2.027 0 0 0-.566-.21l-.621-.144a.97.97 0 0 1-.404-.176a.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384c.125-.101.296-.152.512-.152c.143 0 .266.023.37.068a.624.624 0 0 1 .246.181a.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.2-.566a1.21 1.21 0 0 0-.5-.41a1.813 1.813 0 0 0-.78-.152c-.293 0-.551.05-.776.15c-.225.099-.4.24-.527.421c-.127.182-.19.395-.19.639c0 .201.04.376.122.524c.082.149.2.27.352.367c.152.095.332.167.539.213l.618.144c.207.049.361.113.463.193a.387.387 0 0 1 .152.326a.505.505 0 0 1-.085.29a.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07c-.117 0-.223-.013-.32-.04a.838.838 0 0 1-.248-.115a.578.578 0 0 1-.255-.384h-.765ZM.806 13.693c0-.248.034-.46.102-.633a.868.868 0 0 1 .302-.399a.814.814 0 0 1 .475-.137c.15 0 .283.032.398.097a.7.7 0 0 1 .272.26a.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964a1.441 1.441 0 0 0-.489-.272a1.838 1.838 0 0 0-.606-.097c-.356 0-.66.074-.911.223c-.25.148-.44.359-.572.632c-.13.274-.196.6-.196.979v.498c0 .379.064.704.193.976c.131.271.322.48.572.626c.25.145.554.217.914.217c.293 0 .554-.055.785-.164c.23-.11.414-.26.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.799.799 0 0 1-.118.363a.7.7 0 0 1-.272.25a.874.874 0 0 1-.401.087a.845.845 0 0 1-.478-.132a.833.833 0 0 1-.299-.392a1.699 1.699 0 0 1-.102-.627v-.495Zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879l-1.327 4Z"/></svg>', ro = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm2.817-1.333h-1.6v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474c.108-.201.161-.427.161-.677c0-.25-.052-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.793.793 0 0 1-.375.082H4.15V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm2.767-.67v3.336H7.48v-3.337H6.346v-.662h3.065v.662H8.274Z"/></svg>', ao = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-7.839 9.166v.522c0 .256-.039.47-.117.641a.861.861 0 0 1-.322.387a.877.877 0 0 1-.469.126a.883.883 0 0 1-.471-.126a.868.868 0 0 1-.32-.386a1.55 1.55 0 0 1-.117-.642v-.522c0-.257.04-.471.117-.641a.868.868 0 0 1 .32-.387a.868.868 0 0 1 .471-.129c.176 0 .332.043.469.13a.861.861 0 0 1 .322.386c.078.17.117.384.117.641Zm.803.519v-.513c0-.377-.068-.7-.205-.972a1.46 1.46 0 0 0-.589-.63c-.254-.147-.56-.22-.917-.22c-.355 0-.662.073-.92.22a1.441 1.441 0 0 0-.589.627c-.136.271-.205.596-.205.975v.513c0 .375.069.7.205.973c.137.271.333.48.59.627c.257.144.564.216.92.216c.357 0 .662-.072.916-.216c.256-.147.452-.356.59-.627c.136-.274.204-.598.204-.973ZM0 11.926v4h1.459c.402 0 .735-.08.999-.238a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084c0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.59-.68c-.263-.156-.598-.234-1.004-.234H0Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592a1.141 1.141 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.298 1.298 0 0 1-.483.082H.79V12.57Zm7.422.483a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.834.834 0 0 0 .298.393a.845.845 0 0 0 .478.131a.868.868 0 0 0 .401-.088a.699.699 0 0 0 .273-.248a.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.137.194-.32.345-.55.454a1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.216a1.424 1.424 0 0 1-.571-.627c-.13-.272-.194-.597-.194-.976v-.498c0-.379.066-.705.197-.978c.13-.274.321-.485.571-.633c.252-.149.556-.223.911-.223c.219 0 .421.032.607.097c.187.062.35.153.489.272a1.326 1.326 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38a.7.7 0 0 0-.273-.261a.802.802 0 0 0-.398-.097a.814.814 0 0 0-.475.138a.868.868 0 0 0-.301.398Z"/></svg>', so = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-6.839 9.688v-.522a1.54 1.54 0 0 0-.117-.641a.861.861 0 0 0-.322-.387a.862.862 0 0 0-.469-.129a.868.868 0 0 0-.471.13a.868.868 0 0 0-.32.386a1.54 1.54 0 0 0-.117.641v.522c0 .256.04.47.117.641a.868.868 0 0 0 .32.387a.883.883 0 0 0 .471.126a.877.877 0 0 0 .469-.126a.861.861 0 0 0 .322-.386a1.55 1.55 0 0 0 .117-.642Zm.803-.516v.513c0 .375-.068.7-.205.973a1.47 1.47 0 0 1-.589.627c-.254.144-.56.216-.917.216a1.86 1.86 0 0 1-.92-.216a1.463 1.463 0 0 1-.589-.627a2.151 2.151 0 0 1-.205-.973v-.513c0-.379.069-.704.205-.975c.137-.274.333-.483.59-.627c.257-.147.564-.22.92-.22c.357 0 .662.073.916.22c.256.146.452.356.59.63c.136.271.204.595.204.972ZM1 15.925v-3.999h1.459c.406 0 .741.078 1.005.235c.264.156.46.382.589.68c.13.296.196.655.196 1.074c0 .422-.065.784-.196 1.084c-.131.301-.33.53-.595.689c-.264.158-.597.237-.999.237H1Zm1.354-3.354H1.79v2.707h.563c.185 0 .346-.028.483-.082a.8.8 0 0 0 .334-.252c.088-.114.153-.254.196-.422a2.3 2.3 0 0 0 .068-.592c0-.3-.04-.552-.118-.753a.89.89 0 0 0-.354-.454c-.158-.102-.361-.152-.61-.152Zm6.756 1.116c0-.248.034-.46.103-.633a.868.868 0 0 1 .301-.398a.814.814 0 0 1 .475-.138c.15 0 .283.032.398.097a.7.7 0 0 1 .273.26a.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964a1.44 1.44 0 0 0-.49-.272a1.836 1.836 0 0 0-.606-.097c-.355 0-.66.074-.911.223c-.25.148-.44.359-.571.633c-.131.273-.197.6-.197.978v.498c0 .379.065.704.194.976c.13.271.321.48.571.627c.25.144.555.216.914.216c.293 0 .555-.054.785-.164c.23-.11.414-.26.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364a.699.699 0 0 1-.273.248a.874.874 0 0 1-.401.088a.845.845 0 0 1-.478-.131a.834.834 0 0 1-.298-.393a1.7 1.7 0 0 1-.103-.627v-.495Zm5.092-1.76h.894l-1.275 2.006l1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015l-1.228-1.984h.932l.832 1.439h.035l.823-1.439Z"/></svg>';
+var no = Object.defineProperty, io = Object.getOwnPropertyDescriptor, Se = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? io(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && no(e, o, r), r;
 };
 const Pe = {
-  pdf: Yt,
-  txt: Kt,
-  md: Gt,
-  csv: Xt,
-  ppd: Qt,
-  doc: eo,
-  docx: to
+  pdf: eo,
+  txt: Qt,
+  md: to,
+  csv: oo,
+  ppd: ro,
+  doc: ao,
+  docx: so
 };
-let J = class extends C {
+let K = class extends C {
   constructor() {
     super(...arguments), this.filename = "", this.url = "";
   }
@@ -1371,7 +1377,7 @@ let J = class extends C {
     return e ? e.toLowerCase() : t;
   }
   render() {
-    return l`
+    return c`
             <cb-external-link url="${this.url}" inverse>
                 <div class="cb-file">
                     ${this.renderFileIcon()}
@@ -1381,7 +1387,7 @@ let J = class extends C {
         `;
   }
   renderFileIcon() {
-    return l`
+    return c`
             <cb-icon
                 class="cb-file-icon"
                 svg="${Pe[this.type] || Pe.txt}"
@@ -1389,17 +1395,17 @@ let J = class extends C {
         `;
   }
 };
-J.styles = Nt;
-Me([
-  i({ type: String })
-], J.prototype, "filename", 2);
-Me([
-  i({ type: String })
-], J.prototype, "url", 2);
-J = Me([
-  x("cb-file")
-], J);
-const ao = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/></g></svg>', so = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664h10Z"/></svg>', no = v`
+K.styles = Yt;
+Se([
+  l({ type: String })
+], K.prototype, "filename", 2);
+Se([
+  l({ type: String })
+], K.prototype, "url", 2);
+K = Se([
+  k("cb-file")
+], K);
+const lo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/></g></svg>', co = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664h10Z"/></svg>', po = x`
     pre code.hljs {
         display: block;
         overflow-x: auto;
@@ -2564,9 +2570,9 @@ const ao = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     pre {
         background-color: #282c34;
     }
-`, io = v`
-  ${H}
-  ${no}
+`, ho = x`
+  ${O}
+  ${po}
 
     .cb-message-row {
     width: 100%;
@@ -2720,20 +2726,20 @@ const ao = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     font-size: 1em;
   }
 `;
-function lo() {
-  const t = new lt({
+function uo() {
+  const t = new ut({
     linkify: !0
   });
-  return t.use(dt, { attrs: { target: "_blank", rel: "noopener" } }), t.use(ct), t;
+  return t.use(gt, { attrs: { target: "_blank", rel: "noopener" } }), t;
 }
-async function Ie(t) {
-  const e = lo();
-  return l`${Z(e.render(t))}`;
+async function ze(t) {
+  const e = uo();
+  return c`${Z(e.render(t))}`;
 }
-var co = Object.defineProperty, po = Object.getOwnPropertyDescriptor, de = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? po(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && co(e, o, a), a;
+var go = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, de = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? bo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && go(e, o, r), r;
 };
 let V = class extends C {
   constructor() {
@@ -2762,9 +2768,9 @@ let V = class extends C {
   _addCopyEvents() {
     this.copyBtns.forEach((t) => {
       t.addEventListener("click", () => {
-        var o, r;
-        const e = (r = (o = t.parentElement) == null ? void 0 : o.nextElementSibling) == null ? void 0 : r.textContent;
-        e && $t(e).then(() => {
+        var o, a;
+        const e = (a = (o = t.parentElement) == null ? void 0 : o.nextElementSibling) == null ? void 0 : a.textContent;
+        e && At(e).then(() => {
           t.textContent = "Success", setTimeout(() => {
             t.textContent = "Copy";
           }, 500);
@@ -2781,7 +2787,7 @@ let V = class extends C {
   render() {
     return B(
       this.message.data || this.message.isThinking,
-      () => l`
+      () => c`
         <div class="cb-message-row" part="cb-message-row">
           <!-- message -->
           ${B(
@@ -2795,15 +2801,15 @@ let V = class extends C {
     );
   }
   renderButtons(t = "left") {
-    return l`<div class="cb-message__buttons ${t}">
+    return c`<div class="cb-message__buttons ${t}">
       <!-- delete button -->
       <sl-button class="cb-message__delete-button" name="trash" @click=${this._removeMessageHandler} circle variant="text" size="small">
-        <cb-icon svg="${ao}" style="font-size: 1em !important;"></cb-icon>
+        <cb-icon svg="${lo}" style="font-size: 1em !important;"></cb-icon>
       </sl-button>
     </div>`;
   }
   renderMessage(t) {
-    return l`
+    return c`
       <div
         class="cb-message__content
                ${t.author}-message
@@ -2816,38 +2822,38 @@ let V = class extends C {
     `;
   }
   async _getMessageText(t) {
-    return Ie(t.data.text);
+    return ze(t.data.text);
   }
   renderMessageContent(t) {
     var e;
-    return t.isThinking ? l`<cb-thinking></cb-thinking>` : t.isUploading ? l`<cb-uploading .files="${t.data.files || []}"></cb-uploading>` : t.type === "text" ? l`<div class="cb-message-text">
+    return t.isThinking ? c`<cb-thinking></cb-thinking>` : t.isUploading ? c`<cb-uploading .files="${t.data.files || []}"></cb-uploading>` : t.type === "text" ? c`<div class="cb-message-text">
         ${B(
       t.data.userName,
-      () => l`<div style="font-size: 12px; color:#9ca3af">${t.data.userName}</div>`,
+      () => c`<div style="font-size: 12px; color:#9ca3af">${t.data.userName}</div>`,
       () => null
     )}
-        ${Oe(
-      this._getMessageText(t).then((o) => l`${o}`)
+        ${Ie(
+      this._getMessageText(t).then((o) => c`${o}`)
     )}
-      </div>` : t.type === "file" ? l`${me(
+      </div>` : t.type === "file" ? c`${me(
       t.data.files || [],
       (o) => o.id,
-      (o) => l`<cb-file filename="${o.name}" url="${o.url}"></cb-file>`
-    )}` : l`<div class="cb-message-text">
-      ${Oe(
-      Ie(((e = t.data.text) == null ? void 0 : e.toString()) || "").then((o) => l`${o}`)
+      (o) => c`<cb-file filename="${o.name}" url="${o.url}"></cb-file>`
+    )}` : c`<div class="cb-message-text">
+      ${Ie(
+      ze(((e = t.data.text) == null ? void 0 : e.toString()) || "").then((o) => c`${o}`)
     )}
     </div>`;
   }
   renderBotMessageAvatar(t) {
     if (t.data.userName && t.data.userName !== "") {
       const e = t.data.userAvatar || "";
-      return l` <img src="${e}" style="width: 24px;height: 24px;" /> `;
+      return c` <img src="${e}" style="width: 24px;height: 24px;" /> `;
     }
-    return t.author === "system" ? Le`${Z(m.setting.systemIconSvg)}` : Le`${Z(m.setting.botIconSvg)}`;
+    return t.author === "system" ? Le`${Z(p.setting.systemIconSvg)}` : Le`${Z(p.setting.botIconSvg)}`;
   }
   renderBotMessage(t) {
-    return l`
+    return c`
       <div class="cb-message cb-bot-message-wrapper" part="cb-message">
         <div class="avatar assistant-avatar xsmall" style="margin-top:4px;">${this.renderBotMessageAvatar(t)}</div>
         <div style="margin-left: 4px;width: 100%">${this.renderMessage(t)}</div>
@@ -2855,34 +2861,34 @@ let V = class extends C {
     `;
   }
   renderUserMessage(t) {
-    return l`
+    return c`
       <div class="cb-message" part="cb-message" style="display: flex; justify-content: end;align-items: start;">
         <!--<sl-avatar class="avatar user-avatar small" label="User">
-          <cb-icon slot="icon" svg="${so}" color="white"></cb-icon>
+          <cb-icon slot="icon" svg="${co}" color="white"></cb-icon>
         </sl-avatar>-->
-        <div class="avatar user-avatar">${Z(m.setting.userIconSvg)}</div>
+        <div class="avatar user-avatar">${Z(p.setting.userIconSvg)}</div>
         ${this.renderMessage(t)}
       </div>
     `;
   }
 };
-V.styles = io;
+V.styles = ho;
 de([
-  i({ type: Object })
+  l({ type: Object })
 ], V.prototype, "message", 2);
 de([
-  i({ type: String })
+  l({ type: String })
 ], V.prototype, "type", 2);
 de([
-  it(".code-block-header__copy")
+  ht(".code-block-header__copy")
 ], V.prototype, "copyBtns", 2);
 V = de([
-  x("cb-message")
+  k("cb-message")
 ], V);
-var ho = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, K = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? uo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && ho(e, o, a), a;
+var mo = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, J = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? yo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && mo(e, o, r), r;
 };
 const Q = ce.noConflict();
 Q.setLevel("info");
@@ -2891,19 +2897,19 @@ let R = class extends C {
     super(...arguments), this.messages = [], this.actions = [], this.calendlyInjected = !1, this.activeCalendlyAction = -1;
   }
   render() {
-    return l`
+    return c`
       <div class="cb-message-list" part="cb-message-list">
         ${me(
       this.messages,
       (t) => t.id + JSON.stringify(t.data),
-      (t) => l`<cb-message .message="${t}"></cb-message>`
+      (t) => c`<cb-message .message="${t}"></cb-message>`
     )}
         ${this.renderActions()}
       </div>
     `;
   }
   renderActions() {
-    return !Array.isArray(this.actions) || this.actions.length <= 0 ? null : l`
+    return !Array.isArray(this.actions) || this.actions.length <= 0 ? null : c`
       <div class="cb-actions-list">
         ${me(
       this.actions,
@@ -2926,7 +2932,7 @@ let R = class extends C {
     switch (Q.info("Got Calendly Event:", t.data), t.data.event) {
       case "calendly.event_scheduled": {
         const e = this.activeCalendlyAction;
-        e >= 0 && (m.removeAction(e), m.addSystemMessage("Your meeting has been scheduled!"), this.activeCalendlyAction = -1);
+        e >= 0 && (p.removeAction(e), p.addSystemMessage("Your meeting has been scheduled!"), this.activeCalendlyAction = -1);
       }
     }
   }
@@ -2941,11 +2947,11 @@ let R = class extends C {
       let e = document.createElement("link");
       e.href = "https://assets.calendly.com/assets/external/widget.css", e.rel = "stylesheet", document.body.appendChild(e);
       let o = document.createElement("script");
-      o.type = "text/javascript", o.src = "https://assets.calendly.com/assets/external/widget.js", document.body.appendChild(o), console.log("Injected Calendly"), window.addEventListener("message", (r) => {
-        r.origin === "https://calendly.com" && r.data.event && r.data.event.indexOf("calendly.") !== -1 && this.handleCalendlyEvent(r);
+      o.type = "text/javascript", o.src = "https://assets.calendly.com/assets/external/widget.js", document.body.appendChild(o), console.log("Injected Calendly"), window.addEventListener("message", (a) => {
+        a.origin === "https://calendly.com" && a.data.event && a.data.event.indexOf("calendly.") !== -1 && this.handleCalendlyEvent(a);
       }), this.calendlyInjected = !0;
     }
-    return l`
+    return c`
       <div class="cb-actions-list">
         <div class="cb-action ripple" @click="${this.invokeCalendlyAction.bind(this, t)}">
           <div class="cb-action-icon">
@@ -2962,7 +2968,7 @@ let R = class extends C {
     `;
   }
   renderLinkAction(t) {
-    return l`
+    return c`
       <div class="cb-actions-list">
         <div class="cb-action ripple" @click="${this.invokeLinkAction.bind(this, t)}">
           <div class="cb-action-icon">
@@ -2976,24 +2982,24 @@ let R = class extends C {
     `;
   }
 };
-R.styles = Vt;
-K([
-  i({ type: Array })
+R.styles = Ut;
+J([
+  l({ type: Array })
 ], R.prototype, "messages", 2);
-K([
-  i({ type: Array })
+J([
+  l({ type: Array })
 ], R.prototype, "actions", 2);
-K([
-  Ve({ capture: !1, passive: !0 })
+J([
+  qe({ capture: !1, passive: !0 })
 ], R.prototype, "invokeLinkAction", 1);
-K([
-  Ve({ capture: !1, passive: !0 })
+J([
+  qe({ capture: !1, passive: !0 })
 ], R.prototype, "invokeCalendlyAction", 1);
-R = K([
-  x("cb-message-list")
+R = J([
+  k("cb-message-list")
 ], R);
-const go = v`
-    ${H}
+const fo = x`
+    ${O}
 
     :host {
         width: 100%;
@@ -3035,11 +3041,11 @@ const go = v`
     .cb-input-buttons {
         padding: 0 5px;
     }
-`, bo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576L6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76l7.494-7.493Z"/></svg>', mo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z"/></svg>';
-var yo = Object.defineProperty, fo = Object.getOwnPropertyDescriptor, O = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? fo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && yo(e, o, a), a;
+`, vo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576L6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76l7.494-7.493Z"/></svg>', wo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z"/></svg>';
+var xo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, P = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? ko(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && xo(e, o, r), r;
 };
 let A = class extends C {
   constructor() {
@@ -3062,7 +3068,7 @@ let A = class extends C {
     }), this.value = "", this.inputElement.blur();
   }
   async _sendFileHandler() {
-    const t = await jt();
+    const t = await Ot();
     this.emit("message:send:file", {
       detail: {
         files: t
@@ -3070,7 +3076,7 @@ let A = class extends C {
     });
   }
   render() {
-    return l`
+    return c`
             <div class="cb-user-input-wrapper" part="user-input-wrapper">
                 <sl-textarea
                     @sl-input=${this._inputChangeHandler}
@@ -3089,7 +3095,7 @@ let A = class extends C {
                 <span class="cb-input-buttons">
                     ${B(
       this.enableFileUpload,
-      () => l`
+      () => c`
                             <sl-button
                                 @click=${this._sendFileHandler}
                                 name="paperclip"
@@ -3099,7 +3105,7 @@ let A = class extends C {
                                 variant="text"
                                 circle
                             >
-                                <cb-icon svg="${mo}"></cb-icon>
+                                <cb-icon svg="${wo}"></cb-icon>
                                 <!-- select file input -->
                                 <input
                                     type="file"
@@ -3109,7 +3115,7 @@ let A = class extends C {
                                 />
                             </sl-button>
                         `,
-      () => l``
+      () => c``
     )}
                     <sl-button
                         @click=${this._sendHandler}
@@ -3122,7 +3128,7 @@ let A = class extends C {
                         ?loading=${this.loading}
                         circle
                     >
-                        <cb-icon svg="${bo}"></cb-icon>
+                        <cb-icon svg="${vo}"></cb-icon>
                     </sl-button>
                 </span>
             </div>
@@ -3132,36 +3138,36 @@ let A = class extends C {
     t.key === "Enter" && !t.shiftKey && this._sendHandler();
   }
 };
-A.styles = go;
-O([
-  i({ type: String, attribute: "placeholder" })
+A.styles = fo;
+P([
+  l({ type: String, attribute: "placeholder" })
 ], A.prototype, "placeholder", 2);
-O([
-  i({ type: String, attribute: "send-button-label" })
+P([
+  l({ type: String, attribute: "send-button-label" })
 ], A.prototype, "sendButtonLabel", 2);
-O([
-  i({ type: Boolean, attribute: "enable-file-upload" })
+P([
+  l({ type: Boolean, attribute: "enable-file-upload" })
 ], A.prototype, "enableFileUpload", 2);
-O([
-  i({ type: String })
+P([
+  l({ type: String })
 ], A.prototype, "value", 2);
-O([
-  i({ type: Boolean })
+P([
+  l({ type: Boolean })
 ], A.prototype, "loading", 2);
-O([
-  i({ type: Boolean })
+P([
+  l({ type: Boolean })
 ], A.prototype, "disabled", 2);
-O([
-  i({ type: String })
+P([
+  l({ type: String })
 ], A.prototype, "currentKey", 2);
-O([
-  _e("sl-textarea")
+P([
+  Ce("sl-textarea")
 ], A.prototype, "inputElement", 2);
-A = O([
-  x("cb-user-input")
+A = P([
+  k("cb-user-input")
 ], A);
-const vo = v`
-    ${H}
+const _o = x`
+    ${O}
 
     sl-dialog::part(base) {
         z-index: 1000;
@@ -3195,10 +3201,10 @@ const vo = v`
         gap: 8px;
     }
 `;
-var wo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, pe = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? xo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && wo(e, o, a), a;
+var Co = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, pe = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? $o(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Co(e, o, r), r;
 };
 let q = class extends C {
   constructor() {
@@ -3208,7 +3214,7 @@ let q = class extends C {
     this.emit("cancel");
   }
   render() {
-    return l` <sl-dialog
+    return c` <sl-dialog
             label="Setting"
             class="cb-dialog"
             style="sl-dialog::part(base) { z-index: ${this.zindex}; }"
@@ -3218,7 +3224,7 @@ let q = class extends C {
         >
             <header class="cb-header">
                 <div class="cb-header__left">
-                    ${this.label ? l`<span class="title">${this.label}</span>` : ""}
+                    ${this.label ? c`<span class="title">${this.label}</span>` : ""}
                 </div>
                 <sl-button
                     @click=${this._settingCancelHandler}
@@ -3231,7 +3237,7 @@ let q = class extends C {
                     <cb-icon
                         color="default"
                         style="font-size: 1em;"
-                        svg="${$e}"
+                        svg="${je}"
                     ></cb-icon>
                 </sl-button>
             </header>
@@ -3244,30 +3250,30 @@ let q = class extends C {
         </sl-dialog>`;
   }
 };
-q.styles = vo;
+q.styles = _o;
 pe([
-  i({ type: Boolean })
+  l({ type: Boolean })
 ], q.prototype, "open", 2);
 pe([
-  i({ type: String, attribute: "label" })
+  l({ type: String, attribute: "label" })
 ], q.prototype, "label", 2);
 pe([
-  i({ type: Number })
+  l({ type: Number })
 ], q.prototype, "zindex", 2);
 q = pe([
-  x("cb-dialog")
+  k("cb-dialog")
 ], q);
-var ko = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, We = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? _o(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && ko(e, o, a), a;
+var jo = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Ke = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Mo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && jo(e, o, r), r;
 };
 let re = class extends C {
   constructor() {
     super(...arguments), this.open = !1;
   }
   render() {
-    return l` <cb-dialog
+    return c` <cb-dialog
             label="Confirm"
             class="cb-clear-message-dialog"
             ?open=${this.open}
@@ -3296,7 +3302,7 @@ let re = class extends C {
     this.emit("cancel");
   }
 };
-re.styles = v`
+re.styles = x`
         .cb-clear-message-dialog {
         }
 
@@ -3304,13 +3310,13 @@ re.styles = v`
             z-index: 1000;
         }
     `;
-We([
-  i({ type: Boolean })
+Ke([
+  l({ type: Boolean })
 ], re.prototype, "open", 2);
-re = We([
-  x("cb-clear-message-dialog")
+re = Ke([
+  k("cb-clear-message-dialog")
 ], re);
-const Co = v`
+const So = x`
     :host {
         // width: 380px;
 
@@ -3370,17 +3376,17 @@ const Co = v`
         grid-column-start: 2;
     }
 `;
-var $o = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, U = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? jo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && $o(e, o, a), a;
+var Ao = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, U = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Oo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Ao(e, o, r), r;
 };
-let P = class extends C {
+let z = class extends C {
   constructor() {
     super(...arguments), this.open = !1, this.clearMessageDialogOpen = !1, this.customRequest = !1;
   }
   render() {
-    return this.customRequest = this.setting.customRequest, l`
+    return this.customRequest = this.setting.customRequest, c`
             <cb-dialog
                 label="Setting"
                 class="cb-dialog"
@@ -3473,7 +3479,7 @@ let P = class extends C {
         `;
   }
   renderInternalServices() {
-    return l`
+    return c`
             <div class="form-item">
                 <label class="label">Service</label>
                 <sl-radio-group name="openai" value="openai" size="small">
@@ -3511,13 +3517,13 @@ let P = class extends C {
   }
   // input change handler
   _inputChangeHandler(t) {
-    const { name: e, value: o } = t.target, [r, a] = e.split(".");
-    a ? this.setting[r][a] = o : this.setting[r] = o;
+    const { name: e, value: o } = t.target, [a, r] = e.split(".");
+    r ? this.setting[a][r] = o : this.setting[a] = o;
   }
   // checked change handler
   _checkChangeHandler(t) {
-    const { name: e, checked: o } = t.target, [r, a] = e.split(".");
-    a ? this.setting[r][a] = o : this.setting[r] = o, r === "customRequest" && (this.customRequest = o);
+    const { name: e, checked: o } = t.target, [a, r] = e.split(".");
+    r ? this.setting[a][r] = o : this.setting[a] = o, a === "customRequest" && (this.customRequest = o);
   }
   // emit setting confirm event
   _settingConfirmHandler() {
@@ -3538,27 +3544,27 @@ let P = class extends C {
     });
   }
 };
-P.styles = Co;
+z.styles = So;
 U([
-  i({ type: Boolean })
-], P.prototype, "open", 2);
+  l({ type: Boolean })
+], z.prototype, "open", 2);
 U([
-  i({ type: Object })
-], P.prototype, "setting", 2);
+  l({ type: Object })
+], z.prototype, "setting", 2);
 U([
-  i({ type: Boolean })
-], P.prototype, "clearMessageDialogOpen", 2);
+  l({ type: Boolean })
+], z.prototype, "clearMessageDialogOpen", 2);
 U([
-  _e("sl-dialog")
-], P.prototype, "dialog", 2);
+  Ce("sl-dialog")
+], z.prototype, "dialog", 2);
 U([
-  i({ type: Boolean })
-], P.prototype, "customRequest", 2);
-P = U([
-  x("cb-setting")
-], P);
-const Mo = v`
-  ${H}
+  l({ type: Boolean })
+], z.prototype, "customRequest", 2);
+z = U([
+  k("cb-setting")
+], z);
+const Ho = x`
+  ${O}
   :host {
     --primary-color: var(--sl-color-primary-600);
 
@@ -3626,11 +3632,11 @@ const Mo = v`
   .cb-anchor sl-popup {
     --arrow-color: var(--sl-color-gray-300);
   }
-`, So = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234c-.2.032-.352-.176-.273-.362c.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0a1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2z"/></svg>';
-var Ao = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, Je = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ho(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && Ao(e, o, a), a;
+`, Lo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234c-.2.032-.352-.176-.273-.362c.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0a1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2z"/></svg>';
+var Io = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, Je = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Po(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Io(e, o, r), r;
 };
 let ae = class extends C {
   constructor() {
@@ -3649,14 +3655,14 @@ let ae = class extends C {
     console.log("Popup clicked!");
   }
   render() {
-    return l`
+    return c`
       <div class="cb-anchor ${this.open ? "open" : ""}" part="cb-anchor" @click=${this._clickHandler.bind(this)}>
         <sl-popup placement="top-end" distance="16">
           <sl-button slot="anchor" label="Start" size="large" variant="primary" class="icon anchor-button" circle>
             ${B(
       this.open,
-      () => l`<cb-icon color="white" svg="${$e}"></cb-icon>`,
-      () => l`<cb-icon color="white" svg="${So}"></cb-icon>`
+      () => c`<cb-icon color="white" svg="${je}"></cb-icon>`,
+      () => c`<cb-icon color="white" svg="${Lo}"></cb-icon>`
     )}
           </sl-button>
           <div class="cb-engage-popup">Popup</div>
@@ -3665,41 +3671,41 @@ let ae = class extends C {
     `;
   }
 };
-ae.styles = Mo;
+ae.styles = Ho;
 Je([
-  i({ type: Boolean })
+  l({ type: Boolean })
 ], ae.prototype, "open", 2);
 ae = Je([
-  x("cb-anchor")
+  k("cb-anchor")
 ], ae);
-const Lo = v`
-    ${H}
-`, ze = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/><path d="M7.002 11a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/></g></svg>', Oo = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016a.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06a.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017a.163.163 0 0 1-.054-.06a.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/><path d="M7.002 12a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/></g></svg>', Po = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764a.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0a5.5 5.5 0 1 1-11 0z"/><path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293L5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/></g></svg>', Io = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="m8.93 6.588l-2.29.287l-.082.38l.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319c.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246c-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0z"/></g></svg>';
-var zo = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, Ke = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Eo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && zo(e, o, a), a;
+const zo = x`
+    ${O}
+`, we = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/><path d="M7.002 11a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/></g></svg>', Ye = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016a.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06a.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017a.163.163 0 0 1-.054-.06a.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/><path d="M7.002 12a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/></g></svg>', Ge = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764a.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0a5.5 5.5 0 1 1-11 0z"/><path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293L5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/></g></svg>', Xe = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="m8.93 6.588l-2.29.287l-.082.38l.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319c.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246c-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0z"/></g></svg>';
+var Eo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, Qe = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? To(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Eo(e, o, r), r;
 };
 const Ee = {
   error: {
     variant: "danger",
-    icon: ze
+    icon: we
   },
   danger: {
     variant: "danger",
-    icon: ze
+    icon: we
   },
   warning: {
     variant: "warning",
-    icon: Oo
+    icon: Ye
   },
   success: {
     variant: "success",
-    icon: Po
+    icon: Ge
   },
   info: {
     variant: "primary",
-    icon: Io
+    icon: Xe
   }
 };
 let se = class extends C {
@@ -3708,24 +3714,24 @@ let se = class extends C {
   }
   render() {
     const { variant: t, icon: e } = Ee[this.status] || Ee.info;
-    return l`<cb-icon svg=${e} color="${t}"></cb-icon>`;
+    return c`<cb-icon svg=${e} color="${t}"></cb-icon>`;
   }
 };
-se.styles = Ue;
-Ke([
-  i({ type: String })
+se.styles = Ze;
+Qe([
+  l({ type: String })
 ], se.prototype, "status", 2);
-se = Ke([
-  x("cb-status-icon")
+se = Qe([
+  k("cb-status-icon")
 ], se);
-var To = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Bo = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ro(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && To(e, o, a), a;
+var Ro = Object.defineProperty, Bo = Object.getOwnPropertyDescriptor, Vo = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? Bo(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && Ro(e, o, r), r;
 };
-let we = class extends C {
+let xe = class extends C {
   render() {
-    return l` <sl-alert variant="danger" open>
+    return c` <sl-alert variant="danger" open>
             <cb-status-icon status="error" slot="icon"></cb-status-icon>
             Please config openai api key in the settings.
             <span
@@ -3739,14 +3745,14 @@ let we = class extends C {
     this.emit("setting:show");
   }
 };
-we.styles = Lo;
-we = Bo([
-  x("cb-auth-alert")
-], we);
+xe.styles = zo;
+xe = Vo([
+  k("cb-auth-alert")
+], xe);
 class Te extends Error {
-  constructor(e, o, r) {
-    const a = e.status || e.status === 0 ? e.status : "", s = e.statusText || "", n = `${a} ${s}`.trim(), c = n ? `status code ${n}` : "an unknown error";
-    super(`Request failed with ${c}`), Object.defineProperty(this, "response", {
+  constructor(e, o, a) {
+    const r = e.status || e.status === 0 ? e.status : "", s = e.statusText || "", n = `${r} ${s}`.trim(), i = n ? `status code ${n}` : "an unknown error";
+    super(`Request failed with ${i}`), Object.defineProperty(this, "response", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
@@ -3761,10 +3767,10 @@ class Te extends Error {
       configurable: !0,
       writable: !0,
       value: void 0
-    }), this.name = "HTTPError", this.response = e, this.request = o, this.options = r;
+    }), this.name = "HTTPError", this.response = e, this.request = o, this.options = a;
   }
 }
-class Ye extends Error {
+class et extends Error {
   constructor(e) {
     super("Request timed out"), Object.defineProperty(this, "request", {
       enumerable: !0,
@@ -3778,27 +3784,27 @@ const ee = (t) => t !== null && typeof t == "object", G = (...t) => {
   for (const e of t)
     if ((!ee(e) || Array.isArray(e)) && typeof e < "u")
       throw new TypeError("The `options` argument must be an object");
-  return Se({}, ...t);
-}, Ge = (t = {}, e = {}) => {
-  const o = new globalThis.Headers(t), r = e instanceof globalThis.Headers, a = new globalThis.Headers(e);
-  for (const [s, n] of a.entries())
-    r && n === "undefined" || n === void 0 ? o.delete(s) : o.set(s, n);
+  return Ae({}, ...t);
+}, tt = (t = {}, e = {}) => {
+  const o = new globalThis.Headers(t), a = e instanceof globalThis.Headers, r = new globalThis.Headers(e);
+  for (const [s, n] of r.entries())
+    a && n === "undefined" || n === void 0 ? o.delete(s) : o.set(s, n);
   return o;
-}, Se = (...t) => {
+}, Ae = (...t) => {
   let e = {}, o = {};
-  for (const r of t)
-    if (Array.isArray(r))
-      Array.isArray(e) || (e = []), e = [...e, ...r];
-    else if (ee(r)) {
-      for (let [a, s] of Object.entries(r))
-        ee(s) && a in e && (s = Se(e[a], s)), e = { ...e, [a]: s };
-      ee(r.headers) && (o = Ge(o, r.headers), e.headers = o);
+  for (const a of t)
+    if (Array.isArray(a))
+      Array.isArray(e) || (e = []), e = [...e, ...a];
+    else if (ee(a)) {
+      for (let [r, s] of Object.entries(a))
+        ee(s) && r in e && (s = Ae(e[r], s)), e = { ...e, [r]: s };
+      ee(a.headers) && (o = tt(o, a.headers), e.headers = o);
     }
   return e;
-}, Vo = (() => {
+}, qo = (() => {
   let t = !1, e = !1;
-  const o = typeof globalThis.ReadableStream == "function", r = typeof globalThis.Request == "function";
-  return o && r && (e = new globalThis.Request("https://a.com", {
+  const o = typeof globalThis.ReadableStream == "function", a = typeof globalThis.Request == "function";
+  return o && a && (e = new globalThis.Request("https://a.com", {
     body: new globalThis.ReadableStream(),
     method: "POST",
     // @ts-expect-error - Types are outdated.
@@ -3806,17 +3812,17 @@ const ee = (t) => t !== null && typeof t == "object", G = (...t) => {
       return t = !0, "half";
     }
   }).headers.has("Content-Type")), t && !e;
-})(), qo = typeof globalThis.AbortController == "function", Do = typeof globalThis.ReadableStream == "function", Fo = typeof globalThis.FormData == "function", Xe = ["get", "post", "put", "patch", "head", "delete"], Uo = {
+})(), Do = typeof globalThis.AbortController == "function", Fo = typeof globalThis.ReadableStream == "function", Uo = typeof globalThis.FormData == "function", ot = ["get", "post", "put", "patch", "head", "delete"], Zo = {
   json: "application/json",
   text: "text/*",
   formData: "multipart/form-data",
   arrayBuffer: "*/*",
   blob: "*/*"
-}, be = 2147483647, Qe = Symbol("stop"), Zo = (t) => Xe.includes(t) ? t.toUpperCase() : t, No = ["get", "put", "head", "delete", "options", "trace"], Wo = [408, 413, 429, 500, 502, 503, 504], et = [413, 429, 503], Re = {
+}, be = 2147483647, rt = Symbol("stop"), No = (t) => ot.includes(t) ? t.toUpperCase() : t, Wo = ["get", "put", "head", "delete", "options", "trace"], Ko = [408, 413, 429, 500, 502, 503, 504], at = [413, 429, 503], Re = {
   limit: 2,
-  methods: No,
-  statusCodes: Wo,
-  afterStatusCodes: et,
+  methods: Wo,
+  statusCodes: Ko,
+  afterStatusCodes: at,
   maxRetryAfter: Number.POSITIVE_INFINITY,
   backoffLimit: Number.POSITIVE_INFINITY
 }, Jo = (t = {}) => {
@@ -3832,81 +3838,81 @@ const ee = (t) => t !== null && typeof t == "object", G = (...t) => {
   return {
     ...Re,
     ...t,
-    afterStatusCodes: et
+    afterStatusCodes: at
   };
 };
-async function Ko(t, e, o) {
-  return new Promise((r, a) => {
+async function Yo(t, e, o) {
+  return new Promise((a, r) => {
     const s = setTimeout(() => {
-      e && e.abort(), a(new Ye(t));
+      e && e.abort(), r(new et(t));
     }, o.timeout);
-    o.fetch(t).then(r).catch(a).then(() => {
+    o.fetch(t).then(a).catch(r).then(() => {
       clearTimeout(s);
     });
   });
 }
-const Yo = !!globalThis.DOMException;
+const Go = !!globalThis.DOMException;
 function Be(t) {
-  if (Yo)
+  if (Go)
     return new DOMException((t == null ? void 0 : t.reason) ?? "The operation was aborted.", "AbortError");
   const e = new Error((t == null ? void 0 : t.reason) ?? "The operation was aborted.");
   return e.name = "AbortError", e;
 }
-async function Go(t, { signal: e }) {
-  return new Promise((o, r) => {
+async function Xo(t, { signal: e }) {
+  return new Promise((o, a) => {
     if (e) {
       if (e.aborted) {
-        r(Be(e));
+        a(Be(e));
         return;
       }
-      e.addEventListener("abort", a, { once: !0 });
+      e.addEventListener("abort", r, { once: !0 });
     }
-    function a() {
-      r(Be(e)), clearTimeout(s);
+    function r() {
+      a(Be(e)), clearTimeout(s);
     }
     const s = setTimeout(() => {
-      e == null || e.removeEventListener("abort", a), o();
+      e == null || e.removeEventListener("abort", r), o();
     }, t);
   });
 }
 class ne {
   // eslint-disable-next-line @typescript-eslint/promise-function-async
   static create(e, o) {
-    const r = new ne(e, o), a = async () => {
-      if (r._options.timeout > be)
+    const a = new ne(e, o), r = async () => {
+      if (a._options.timeout > be)
         throw new RangeError(`The \`timeout\` option cannot be greater than ${be}`);
       await Promise.resolve();
-      let c = await r._fetch();
-      for (const g of r._options.hooks.afterResponse) {
-        const w = await g(r.request, r._options, r._decorateResponse(c.clone()));
-        w instanceof globalThis.Response && (c = w);
+      let i = await a._fetch();
+      for (const g of a._options.hooks.afterResponse) {
+        const m = await g(a.request, a._options, a._decorateResponse(i.clone()));
+        m instanceof globalThis.Response && (i = m);
       }
-      if (r._decorateResponse(c), !c.ok && r._options.throwHttpErrors) {
-        let g = new Te(c, r.request, r._options);
-        for (const w of r._options.hooks.beforeError)
-          g = await w(g);
+      if (a._decorateResponse(i), !i.ok && a._options.throwHttpErrors) {
+        let g = new Te(i, a.request, a._options);
+        for (const m of a._options.hooks.beforeError)
+          g = await m(g);
         throw g;
       }
-      if (r._options.onDownloadProgress) {
-        if (typeof r._options.onDownloadProgress != "function")
+      if (a._options.onDownloadProgress) {
+        if (typeof a._options.onDownloadProgress != "function")
           throw new TypeError("The `onDownloadProgress` option must be a function");
-        if (!Do)
+        if (!Fo)
           throw new Error("Streams are not supported in your environment. `ReadableStream` is missing.");
-        return r._stream(c.clone(), r._options.onDownloadProgress);
+        return a._stream(i.clone(), a._options.onDownloadProgress);
       }
-      return c;
-    }, n = r._options.retry.methods.includes(r.request.method.toLowerCase()) ? r._retry(a) : a();
-    for (const [c, g] of Object.entries(Uo))
-      n[c] = async () => {
-        r.request.headers.set("accept", r.request.headers.get("accept") || g);
-        const _ = (await n).clone();
-        if (c === "json") {
-          if (_.status === 204 || (await _.clone().arrayBuffer()).byteLength === 0)
+      return i;
+    }, n = a._options.retry.methods.includes(a.request.method.toLowerCase()) ? a._retry(r) : r();
+    for (const [i, g] of Object.entries(Zo))
+      n[i] = async () => {
+        a.request.headers.set("accept", a.request.headers.get("accept") || g);
+        const y = (await n).clone();
+        if (i === "json") {
+          if (y.status === 204 || (await y.clone().arrayBuffer()).byteLength === 0)
             return "";
           if (o.parseJson)
-            return o.parseJson(await _.text());
+            return o.parseJson(await y.text());
         }
-        return _[c]();
+        return y[i]();
       };
     return n;
   }
@@ -3941,14 +3947,14 @@ class ne {
       // TODO: credentials can be removed when the spec change is implemented in all browsers. Context: https://www.chromestatus.com/feature/4539473312350208
       credentials: this._input.credentials || "same-origin",
       ...o,
-      headers: Ge(this._input.headers, o.headers),
-      hooks: Se({
+      headers: tt(this._input.headers, o.headers),
+      hooks: Ae({
         beforeRequest: [],
         beforeRetry: [],
         beforeError: [],
         afterResponse: []
       }, o.hooks),
-      method: Zo(o.method ?? this._input.method),
+      method: No(o.method ?? this._input.method),
       // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
       prefixUrl: String(o.prefixUrl || ""),
       retry: Jo(o.retry),
@@ -3962,30 +3968,30 @@ class ne {
         throw new Error("`input` must not begin with a slash when using `prefixUrl`");
       this._options.prefixUrl.endsWith("/") || (this._options.prefixUrl += "/"), this._input = this._options.prefixUrl + this._input;
     }
-    if (qo) {
+    if (Do) {
       if (this.abortController = new globalThis.AbortController(), this._options.signal) {
-        const r = this._options.signal;
+        const a = this._options.signal;
         this._options.signal.addEventListener("abort", () => {
-          this.abortController.abort(r.reason);
+          this.abortController.abort(a.reason);
         });
       }
       this._options.signal = this.abortController.signal;
     }
-    if (Vo && (this._options.duplex = "half"), this.request = new globalThis.Request(this._input, this._options), this._options.searchParams) {
-      const a = "?" + (typeof this._options.searchParams == "string" ? this._options.searchParams.replace(/^\?/, "") : new URLSearchParams(this._options.searchParams).toString()), s = this.request.url.replace(/(?:\?.*?)?(?=#|$)/, a);
-      (Fo && this._options.body instanceof globalThis.FormData || this._options.body instanceof URLSearchParams) && !(this._options.headers && this._options.headers["content-type"]) && this.request.headers.delete("content-type"), this.request = new globalThis.Request(new globalThis.Request(s, { ...this.request }), this._options);
+    if (qo && (this._options.duplex = "half"), this.request = new globalThis.Request(this._input, this._options), this._options.searchParams) {
+      const r = "?" + (typeof this._options.searchParams == "string" ? this._options.searchParams.replace(/^\?/, "") : new URLSearchParams(this._options.searchParams).toString()), s = this.request.url.replace(/(?:\?.*?)?(?=#|$)/, r);
+      (Uo && this._options.body instanceof globalThis.FormData || this._options.body instanceof URLSearchParams) && !(this._options.headers && this._options.headers["content-type"]) && this.request.headers.delete("content-type"), this.request = new globalThis.Request(new globalThis.Request(s, { ...this.request }), this._options);
     }
     this._options.json !== void 0 && (this._options.body = JSON.stringify(this._options.json), this.request.headers.set("content-type", this._options.headers.get("content-type") ?? "application/json"), this.request = new globalThis.Request(this.request, { body: this._options.body }));
   }
   _calculateRetryDelay(e) {
-    if (this._retryCount++, this._retryCount < this._options.retry.limit && !(e instanceof Ye)) {
+    if (this._retryCount++, this._retryCount < this._options.retry.limit && !(e instanceof et)) {
       if (e instanceof Te) {
         if (!this._options.retry.statusCodes.includes(e.response.status))
           return 0;
-        const r = e.response.headers.get("Retry-After");
-        if (r && this._options.retry.afterStatusCodes.includes(e.response.status)) {
-          let a = Number(r);
-          return Number.isNaN(a) ? a = Date.parse(r) - Date.now() : a *= 1e3, typeof this._options.retry.maxRetryAfter < "u" && a > this._options.retry.maxRetryAfter ? 0 : a;
+        const a = e.response.headers.get("Retry-After");
+        if (a && this._options.retry.afterStatusCodes.includes(e.response.status)) {
+          let r = Number(a);
+          return Number.isNaN(r) ? r = Date.parse(a) - Date.now() : r *= 1e3, typeof this._options.retry.maxRetryAfter < "u" && r > this._options.retry.maxRetryAfter ? 0 : r;
         }
         if (e.response.status === 413)
           return 0;
@@ -4002,16 +4008,16 @@ class ne {
     try {
       return await e();
     } catch (o) {
-      const r = Math.min(this._calculateRetryDelay(o), be);
-      if (r !== 0 && this._retryCount > 0) {
-        await Go(r, { signal: this._options.signal });
-        for (const a of this._options.hooks.beforeRetry)
-          if (await a({
+      const a = Math.min(this._calculateRetryDelay(o), be);
+      if (a !== 0 && this._retryCount > 0) {
+        await Xo(a, { signal: this._options.signal });
+        for (const r of this._options.hooks.beforeRetry)
+          if (await r({
             request: this.request,
             options: this._options,
             error: o,
             retryCount: this._retryCount
-          }) === Qe)
+          }) === rt)
             return;
         return this._retry(e);
       }
@@ -4028,34 +4034,34 @@ class ne {
       if (o instanceof Response)
         return o;
     }
-    return this._options.timeout === !1 ? this._options.fetch(this.request.clone()) : Ko(this.request.clone(), this.abortController, this._options);
+    return this._options.timeout === !1 ? this._options.fetch(this.request.clone()) : Yo(this.request.clone(), this.abortController, this._options);
   }
   /* istanbul ignore next */
   _stream(e, o) {
-    const r = Number(e.headers.get("content-length")) || 0;
-    let a = 0;
-    return e.status === 204 ? (o && o({ percent: 1, totalBytes: r, transferredBytes: a }, new Uint8Array()), new globalThis.Response(null, {
+    const a = Number(e.headers.get("content-length")) || 0;
+    let r = 0;
+    return e.status === 204 ? (o && o({ percent: 1, totalBytes: a, transferredBytes: r }, new Uint8Array()), new globalThis.Response(null, {
       status: e.status,
       statusText: e.statusText,
       headers: e.headers
     })) : new globalThis.Response(new globalThis.ReadableStream({
       async start(s) {
         const n = e.body.getReader();
-        o && o({ percent: 0, transferredBytes: 0, totalBytes: r }, new Uint8Array());
-        async function c() {
-          const { done: g, value: w } = await n.read();
+        o && o({ percent: 0, transferredBytes: 0, totalBytes: a }, new Uint8Array());
+        async function i() {
+          const { done: g, value: m } = await n.read();
           if (g) {
             s.close();
             return;
           }
           if (o) {
-            a += w.byteLength;
-            const _ = r === 0 ? 0 : a / r;
-            o({ percent: _, transferredBytes: a, totalBytes: r }, w);
+            r += m.byteLength;
+            const y = a === 0 ? 0 : r / a;
+            o({ percent: y, transferredBytes: r, totalBytes: a }, m);
           }
-          s.enqueue(w), await c();
+          s.enqueue(m), await i();
         }
-        await c();
+        await i();
       }
     }), {
       status: e.status,
@@ -4065,12 +4071,12 @@ class ne {
   }
 }
 /*! MIT License © Sindre Sorhus */
-const xe = (t) => {
-  const e = (o, r) => ne.create(o, G(t, r));
-  for (const o of Xe)
-    e[o] = (r, a) => ne.create(r, G(t, a, { method: o }));
-  return e.create = (o) => xe(G(o)), e.extend = (o) => xe(G(t, o)), e.stop = Qe, e;
-}, Xo = xe(), Qo = Xo, er = Qo.extend({
+const ke = (t) => {
+  const e = (o, a) => ne.create(o, G(t, a));
+  for (const o of ot)
+    e[o] = (a, r) => ne.create(a, G(t, r, { method: o }));
+  return e.create = (o) => ke(G(o)), e.extend = (o) => ke(G(t, o)), e.stop = rt, e;
+}, Qo = ke(), er = Qo, st = er.extend({
   hooks: {
     beforeRequest: [
       () => {
@@ -4079,17 +4085,17 @@ const xe = (t) => {
   }
 });
 async function tr(t, e) {
-  const { onmessage: o, onclose: r, ...a } = e, s = async (n, c) => {
-    const { value: g, done: w } = await c.read();
-    w ? (n.close(), r == null || r()) : (o == null || o(g), n.enqueue(g), s(n, c));
+  const { onmessage: o, onclose: a, ...r } = e, s = async (n, i) => {
+    const { value: g, done: m } = await i.read();
+    m ? (n.close(), a == null || a()) : (o == null || o(g), n.enqueue(g), s(n, i));
   };
-  return a.body && typeof a.body == "object" && (a.body = JSON.stringify(a.body)), console.log("Fetching:", a), fetch(t, a).then((n) => {
-    const c = n.body.getReader();
+  return r.body && typeof r.body == "object" && (r.body = JSON.stringify(r.body)), console.log("Fetching:", r), fetch(t, r).then((n) => {
+    const i = n.body.getReader();
     return new ReadableStream({
-      start(w) {
+      start(m) {
         s(
-          w,
-          c
+          m,
+          i
         );
       }
     });
@@ -4101,31 +4107,117 @@ async function tr(t, e) {
 }
 async function or(t, e) {
   const o = new FormData();
-  for (let a = 0; a < e.length; a++)
-    o.append("files", e[a]);
-  const r = await er.post(t, {
+  for (let r = 0; r < e.length; r++)
+    o.append("files", e[r]);
+  const a = await st.post(t, {
     body: o
   });
   try {
-    return await r.json();
-  } catch (a) {
+    return await a.json();
+  } catch (r) {
     return {
       code: 1,
       url: "",
-      message: a.message
+      message: r.message
     };
   }
 }
-var rr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, y = (t, e, o, r) => {
-  for (var a = r > 1 ? void 0 : r ? ar(e, o) : e, s = t.length - 1, n; s >= 0; s--)
-    (n = t[s]) && (a = (r ? n(e, o, a) : n(a)) || a);
-  return r && a && rr(e, o, a), a;
+const Ve = {
+  error: {
+    variant: "danger",
+    icon: we
+  },
+  warning: {
+    variant: "warning",
+    icon: Ye
+  },
+  success: {
+    variant: "success",
+    icon: Ge
+  },
+  info: {
+    variant: "primary",
+    icon: Xe
+  }
 };
-const ke = ce.noConflict();
-ke.setLevel("info");
-let u = class extends C {
+function rr(t) {
+  const e = document.createElement("div");
+  return e.textContent = t, e.innerHTML;
+}
+function ar(t = "info", e, o = 1e8) {
+  const { variant: a, icon: r } = Ve[t] || Ve.info, s = Object.assign(document.createElement("sl-alert"), {
+    variant: a,
+    closable: !0,
+    duration: o,
+    innerHTML: `
+        <cb-status-icon slot="icon" status="${t}"></cb-status-icon>
+        ${rr(e)}
+      `
+  });
+  return document.body.append(s), s.toast();
+}
+async function sr(t, e) {
+  const o = t.getReader(), a = new TextDecoder("utf-8");
+  let r = !1;
+  for (; !r; ) {
+    const { value: s, done: n } = await o.read();
+    if (s) {
+      let i = a.decode(s);
+      const g = i.lastIndexOf("data:"), m = i.lastIndexOf(`
+`);
+      if (g !== -1 && (i = i.slice(g + 6)), m !== -1 && (i = i.slice(0, m)), i = i.trim(), i === `
+` || i === "")
+        continue;
+      if (i === "[DONE]") {
+        r = !0;
+        continue;
+      }
+      try {
+        const y = JSON.parse(i);
+        e(null, y);
+      } catch (y) {
+        console.log("error", y), e(y, null);
+      }
+    }
+    r = n;
+  }
+}
+async function nr(t) {
+  var r;
+  if (!t.apiKey)
+    throw new Error("apiKey is required");
+  const e = t.options ?? {};
+  e.model || (e.model = "gpt-3.5-turbo");
+  const o = await st.post(t.url, {
+    json: {
+      messages: t.messages,
+      ...t.options ?? {}
+    },
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${t.apiKey}`
+    },
+    timeout: 1e3 * 60 * 10,
+    signal: t.signal
+  }), a = o.body;
+  if (!a)
+    throw new Error("No data");
+  if ((r = t.options) != null && r.stream) {
+    await sr(a, t.onMessage);
+    return;
+  }
+  return o.json();
+}
+var ir = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, v = (t, e, o, a) => {
+  for (var r = a > 1 ? void 0 : a ? lr(e, o) : e, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (r = (a ? n(e, o, r) : n(r)) || r);
+  return a && r && ir(e, o, r), r;
+};
+const _e = ce.noConflict();
+_e.setLevel("info");
+let b = class extends C {
   constructor() {
-    super(...arguments), this.store = new ht(this, m), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.url = "ws://localhost:3070", this.welcomeMessage = "Hello! How can I help you today ?", this.logoSvg = `  <svg width="24" height="24" viewBox="0 0 40 40">
+    super(...arguments), this.store = new mt(this, p), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.url = "ws://localhost:3070", this.welcomeMessage = "Hello! How can I help you today ?", this.logoSvg = `  <svg width="24" height="24" viewBox="0 0 40 40">
     <path
       d="M34.728 0.275L2.245 15.267c-3.748 1.749 -2.498 7.246 1.499 7.246h13.743v13.743c0 3.998 5.497 5.248 7.246 1.499l14.992 -32.483c1.249 -2.999 -1.999 -6.248 -4.998 -4.998z"
       fill="#E24D42"
@@ -4146,20 +4238,20 @@ let u = class extends C {
       isThinking: !0,
       data: {}
     };
-    return m.addMessage(t), t;
+    return p.addMessage(t), t;
   }
   render() {
-    return m.disabled ? (ke.error("Bot is disabled"), null) : l`
+    return c`
       <div class="cb-wrapper" style="${this.open ? "display:flex" : "display:none"}">
         <cb-header title="${this.name}"></cb-header>
-        <cb-message-list .messages=${m.messages} .actions=${m.actions}></cb-message-list>
+        <cb-message-list .messages=${p.messages} .actions=${p.actions}></cb-message-list>
         <cb-user-input ?loading=${this.loading} ?disabled=${this.loading || this.showAuthAlert} ?enable-file-upload=${this.enableFileUpload}></cb-user-input>
       </div>
       <cb-anchor ?open=${this.open}></cb-anchor>
     `;
   }
   connectedCallback() {
-    super.connectedCallback(), ke.info("connectedCallback"), addEventListener("setting:show", () => {
+    super.connectedCallback(), _e.info("connectedCallback"), addEventListener("setting:show", () => {
       this.showSetting = !0;
     }), addEventListener("message:send", this._addMessageHandler.bind(this)), addEventListener("message:remove", this._deleteMessageHandler.bind(this)), addEventListener("setting:confirm", this._settingConfirmHandler.bind(this)), addEventListener("setting:hide", () => {
       this.showSetting = !1;
@@ -4167,7 +4259,7 @@ let u = class extends C {
       const e = t.detail;
       this.open = e.open;
     }), addEventListener("message:clear", () => {
-      m.clearMessages();
+      p.clearMessages();
     }), addEventListener("message:send:file", this._sendFileHandler.bind(this)), addEventListener("setting:show", () => {
       this.showSetting = !0;
     });
@@ -4176,131 +4268,115 @@ let u = class extends C {
   // Use to initialize
   // This is also called when state changes - ??? - i.e. when message added to the array
   updated(t) {
-    super.updated(t), t.size > 0 && this._initSetting(), setTimeout(() => {
+    super.updated(t), t.size > 0 && (_e.info("updated,_changedProperties:", t), this._initSetting()), setTimeout(() => {
       this._scrollToBottom();
     }, 0);
   }
   // initialize setting
   _initSetting() {
-    const t = m.setting;
-    t.orgId = this.orgId, t.botId = this.botId, t.url = this.url, t.welcomeMessage = this.welcomeMessage, t.logoSvg = this.logoSvg, t.botIconSvg = this.botIconSvg, t.userIconSvg = this.userIconSvg, t.systemIconSvg = this.systemIconSvg, m.setSetting(t);
+    const t = p.setting;
+    t.orgId = this.orgId, t.botId = this.botId, t.url = this.url, t.welcomeMessage = this.welcomeMessage, t.logoSvg = this.logoSvg, t.botIconSvg = this.botIconSvg, t.userIconSvg = this.userIconSvg, t.systemIconSvg = this.systemIconSvg, p.setSetting(t);
   }
   setLoading(t) {
     this.loading = t;
   }
   clearConversation() {
-    m.clearConversation();
+    p.clearConversation();
   }
   // check auth
   _checkAuth() {
   }
-  /* TODO Remove
-  private async _sendToOpenai(newMsg: Chatbot.NewMessage, messages: Chatbot.OpenaiMessage[]) {
-    let text = '';
-    const apiBase = appState.setting.openai.apiBase || 'https://api.openai.com/v1';
-    const data = await openai.chat({
-      url: `${apiBase}/chat/completions`,
-      apiKey: appState.setting.openai.apiKey,
-      messages: messages,
+  // TODO Remove
+  async _sendToOpenai(t, e) {
+    let o = "";
+    const a = p.setting.openai.apiBase || "https://api.openai.com/v1", r = await nr({
+      url: `${a}/chat/completions`,
+      apiKey: p.setting.openai.apiKey,
+      messages: e,
       options: {
-        stream: appState.setting.stream,
-        model: appState.setting.openai.model,
+        stream: p.setting.stream,
+        model: p.setting.openai.model
         // temperature: 0.9,
       },
-      onMessage: (err, data) => {
-        if (err) {
-          console.error(err);
+      onMessage: (s, n) => {
+        var i;
+        if (s) {
+          console.error(s);
           return;
         }
-        if (data && data.choices[0].delta?.content) {
-          requestIdleCallback(() => {
-            // handle openai response
-            text += data.choices[0].delta.content;
-            // update message
-            appState.updateMessage(newMsg, text);
-          });
-        }
-      },
-    });
-    if (!appState.setting.stream && data) {
-      // update message
-      appState.updateMessage(newMsg, data.choices[0].message.content);
-    }
-  } */
-  /* TODO Remove
-    private async _sendHandler(messages: Chatbot.OpenaiMessage[]) {
-      this.setLoading(true);
-  
-      const newMsg: Chatbot.NewMessage = {
-        author: 'assistant',
-        type: 'text',
-        isThinking: true,
-        data: {},
-      };
-  
-      // add message to store
-      appState.addMessage(newMsg);
-  
-      if (this.customRequest) {
-        await this.emit('chatbot:send', {
-          detail: {
-            newMessage: newMsg,
-            messages,
-          },
-          bubbles: true,
-          composed: true,
+        n && ((i = n.choices[0].delta) != null && i.content) && requestIdleCallback(() => {
+          o += n.choices[0].delta.content, p.updateMessage(t, o);
         });
-      } else {
-        try {
-          await this._sendToOpenai(newMsg, messages);
-        } catch (err) {
-          notify('error', (err as Error).message);
-          console.error(err);
-        }
       }
-  
-      this.setLoading(false);
-    }*/
+    });
+    !p.setting.stream && r && p.updateMessage(t, r.choices[0].message.content);
+  }
+  // TODO Remove
+  async _sendHandler(t) {
+    this.setLoading(!0);
+    const e = {
+      author: "assistant",
+      type: "text",
+      isThinking: !0,
+      data: {}
+    };
+    if (p.addMessage(e), this.customRequest)
+      await this.emit("chatbot:send", {
+        detail: {
+          newMessage: e,
+          messages: t
+        },
+        bubbles: !0,
+        composed: !0
+      });
+    else
+      try {
+        await this._sendToOpenai(e, t);
+      } catch (o) {
+        ar("error", o.message), console.error(o);
+      }
+    this.setLoading(!1);
+  }
   _addMessageHandler(t) {
     const e = t.detail;
-    m.sendMessage(e);
+    p.sendMessage(e);
   }
   _deleteMessageHandler(t) {
     const e = t.detail;
-    m.removeMessage(e.id);
+    p.removeMessage(e.id);
   }
   async _sendFileHandler(t) {
-    const e = t.detail, r = {
+    const e = t.detail, a = {
       author: "user",
       type: "file",
       isUploading: !0,
       data: {
-        files: e.files.map((a, s) => ({
-          id: `${a.name}-${s}`,
-          name: a.name,
-          size: a.size,
-          type: a.type,
+        files: e.files.map((r, s) => ({
+          id: `${r.name}-${s}`,
+          name: r.name,
+          size: r.size,
+          type: r.type,
           url: ""
         }))
       }
     };
-    if (m.addMessage(r), this.uploadFileUrl) {
-      const a = await or(this.uploadFileUrl, e.files);
-      a.code === 0 && a.data && (r.isUploading = !1, r.data = {
-        files: a.data
-      }, m.updateMessage(r));
+    if (p.addMessage(a), this.uploadFileUrl) {
+      const r = await or(this.uploadFileUrl, e.files);
+      r.code === 0 && r.data && (a.isUploading = !1, a.data = {
+        files: r.data
+      }, p.updateMessage(a));
     }
     this.emit("chatbot:file:send", {
       detail: {
         files: e.files,
-        message: r
+        message: a
       }
     });
   }
   // setting confirm handler
   _settingConfirmHandler(t) {
     const e = t.detail;
-    m.setSetting(e.setting), this.showSetting = !1, this._checkAuth();
+    p.setSetting(e.setting), this.showSetting = !1, this._checkAuth();
   }
   // scroll to bottom
   _scrollToBottom(t = !1) {
@@ -4314,67 +4390,67 @@ let u = class extends C {
     });
   }
 };
-u.styles = ft;
-y([
-  i({ type: Boolean, attribute: "display-license" })
-], u.prototype, "displayLicense", 2);
-y([
-  i({ type: String, attribute: "name" })
-], u.prototype, "name", 2);
-y([
-  i({ type: String, attribute: "org-id" })
-], u.prototype, "orgId", 2);
-y([
-  i({ type: String, attribute: "bot-id" })
-], u.prototype, "botId", 2);
-y([
-  i({ type: String, attribute: "url" })
-], u.prototype, "url", 2);
-y([
-  i({ type: String, attribute: "welcome-message" })
-], u.prototype, "welcomeMessage", 2);
-y([
-  i({ type: String, attribute: "logo-svg" })
-], u.prototype, "logoSvg", 2);
-y([
-  i({ type: String, attribute: "bot-icon-svg" })
-], u.prototype, "botIconSvg", 2);
-y([
-  i({ type: String, attribute: "user-icon-svg" })
-], u.prototype, "userIconSvg", 2);
-y([
-  i({ type: String, attribute: "system-icon-svg" })
-], u.prototype, "systemIconSvg", 2);
-y([
-  i({ type: Boolean, attribute: "stream" })
-], u.prototype, "stream", 2);
-y([
-  i({ type: Boolean, attribute: "custom-request" })
-], u.prototype, "customRequest", 2);
-y([
-  i({ type: Boolean, attribute: "enable-file-upload" })
-], u.prototype, "enableFileUpload", 2);
-y([
-  i({ type: String, attribute: "upload-file-url" })
-], u.prototype, "uploadFileUrl", 2);
-y([
-  i({ type: Boolean, attribute: "open" })
-], u.prototype, "open", 2);
-y([
-  i({ type: Boolean })
-], u.prototype, "loading", 2);
-y([
-  i({ type: Boolean })
-], u.prototype, "showSetting", 2);
-y([
-  i({ type: Boolean })
-], u.prototype, "showAuthAlert", 2);
-y([
-  _e("cb-message-list")
-], u.prototype, "_messageList", 2);
-u = y([
-  x("enegelai-bot")
-], u);
+b.styles = kt;
+v([
+  l({ type: Boolean, attribute: "display-license" })
+], b.prototype, "displayLicense", 2);
+v([
+  l({ type: String, attribute: "name" })
+], b.prototype, "name", 2);
+v([
+  l({ type: String, attribute: "org-id" })
+], b.prototype, "orgId", 2);
+v([
+  l({ type: String, attribute: "bot-id" })
+], b.prototype, "botId", 2);
+v([
+  l({ type: String, attribute: "url" })
+], b.prototype, "url", 2);
+v([
+  l({ type: String, attribute: "welcome-message" })
+], b.prototype, "welcomeMessage", 2);
+v([
+  l({ type: String, attribute: "logo-svg" })
+], b.prototype, "logoSvg", 2);
+v([
+  l({ type: String, attribute: "bot-icon-svg" })
+], b.prototype, "botIconSvg", 2);
+v([
+  l({ type: String, attribute: "user-icon-svg" })
+], b.prototype, "userIconSvg", 2);
+v([
+  l({ type: String, attribute: "system-icon-svg" })
+], b.prototype, "systemIconSvg", 2);
+v([
+  l({ type: Boolean, attribute: "stream" })
+], b.prototype, "stream", 2);
+v([
+  l({ type: Boolean, attribute: "custom-request" })
+], b.prototype, "customRequest", 2);
+v([
+  l({ type: Boolean, attribute: "enable-file-upload" })
+], b.prototype, "enableFileUpload", 2);
+v([
+  l({ type: String, attribute: "upload-file-url" })
+], b.prototype, "uploadFileUrl", 2);
+v([
+  l({ type: Boolean, attribute: "open" })
+], b.prototype, "open", 2);
+v([
+  l({ type: Boolean })
+], b.prototype, "loading", 2);
+v([
+  l({ type: Boolean })
+], b.prototype, "showSetting", 2);
+v([
+  l({ type: Boolean })
+], b.prototype, "showAuthAlert", 2);
+v([
+  Ce("cb-message-list")
+], b.prototype, "_messageList", 2);
+b = v([
+  k("enegelai-bot")
+], b);
 export {
-  u as default
+  b as default
 };