@versini/sassysaint 5.1.4 → 5.1.5

package/dist/chunks/{App.DVd22A7h.js → App.BoAAv1ef.js}

@@ -1,120 +1,120 @@
-import { jsxs as y, Fragment as D, jsx as i } from "react/jsx-runtime";
-import { LOCAL_STORAGE_PREFIX as A, b as Te, j, R as M, TAG_CONTENT as O, TAGS as C, isLastMessageFromRole as se, CANCEL as _e, CLEAR as Ne, ACTION_RESET as de, ACTION_TOGGLE_TAG as le, ROLE_ASSISTANT as R, ROLE_INTERNAL as Y, ROLE_USER as W, rn as q, ROLE_SYSTEM as we, ROLE_HIDDEN as Ee, MODEL_GPT4 as ce, STATS_SEPARATOR as ee, ACTION_MODEL as ge, ACTION_MESSAGE as L, ACTION_RESET_TAGS as ue, TYPE_QUESTION as Ce, SEND as Re, ACTION_STREAMING as me, ERROR_MESSAGE as Ie, getMessageContaintWrapperClass as Se, MessagesContainerHeader as Be, ACTION_SEARCH as Me, ACTION_SORT as Ae, ACTION_RESTORE as Oe, d as Le, AppFooter as $e, LOCAL_STORAGE_SEARCH as Ue, LOCAL_STORAGE_SORT as Ve } from "./index.QOymzv8v.js";
-import { AppContext as P, TagsContext as Z, E as $, restCall as ze, we as De, serviceCall as Pe, SERVICE_TYPES as He, HistoryContext as je, f as Ge } from "./index.DuOyoYqm.js";
-import S, { useContext as U, useRef as I, useEffect as E, useState as H, lazy as Fe, Suspense as te, useReducer as G } from "react";
+import { jsxs as v, Fragment as H, jsx as i } from "react/jsx-runtime";
+import { AppContext as j, TagsContext as q, LOCAL_STORAGE_PREFIX as M, b as _e, j as G, R as B, TAG_CONTENT as O, TAGS as C, isLastMessageFromRole as de, CANCEL as Ne, CLEAR as we, ACTION_RESET as le, ACTION_TOGGLE_TAG as ce, ROLE_ASSISTANT as I, ROLE_INTERNAL as Z, ROLE_USER as Y, rn as J, ROLE_SYSTEM as Ee, ROLE_HIDDEN as Ce, DEFAULT_AI_ENGINE as z, STATS_SEPARATOR as te, ACTION_MODEL as ge, ACTION_MESSAGE as L, ACTION_RESET_TAGS as ue, TYPE_QUESTION as Ie, SEND as Re, ACTION_STREAMING as me, ERROR_MESSAGE as Se, getMessageContaintWrapperClass as Ae, MessagesContainerHeader as Be, ACTION_SEARCH as Me, ACTION_SORT as Oe, ACTION_RESTORE as Le, ACTION_ENGINE as he, HistoryContext as $e, d as Ue, AppFooter as Ve, LOCAL_STORAGE_SEARCH as ze, LOCAL_STORAGE_SORT as De } from "./index.CYw7R4Su.js";
+import { E as $, restCall as He, we as je, serviceCall as Pe, SERVICE_TYPES as Ge, f as Fe } from "./index.B6C-bgBL.js";
+import S, { useContext as U, useRef as R, useEffect as E, useState as P, lazy as We, Suspense as re, useReducer as F } from "react";
 import s from "clsx";
-var f = [];
-for (var F = 0; F < 256; ++F)
-  f.push((F + 256).toString(16).slice(1));
-function We(e, t = 0) {
-  return (f[e[t + 0]] + f[e[t + 1]] + f[e[t + 2]] + f[e[t + 3]] + "-" + f[e[t + 4]] + f[e[t + 5]] + "-" + f[e[t + 6]] + f[e[t + 7]] + "-" + f[e[t + 8]] + f[e[t + 9]] + "-" + f[e[t + 10]] + f[e[t + 11]] + f[e[t + 12]] + f[e[t + 13]] + f[e[t + 14]] + f[e[t + 15]]).toLowerCase();
+var y = [];
+for (var W = 0; W < 256; ++W)
+  y.push((W + 256).toString(16).slice(1));
+function Ye(e, t = 0) {
+  return (y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]]).toLowerCase();
 }
-var V, Ye = new Uint8Array(16);
-function qe() {
+var V, qe = new Uint8Array(16);
+function Ze() {
   if (!V && (V = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !V))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return V(Ye);
+  return V(qe);
 }
-var Ze = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const re = {
-  randomUUID: Ze
+var Je = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const ae = {
+  randomUUID: Je
 };
-function J(e, t, r) {
-  if (re.randomUUID && !t && !e)
-    return re.randomUUID();
+function K(e, t, r) {
+  if (ae.randomUUID && !t && !e)
+    return ae.randomUUID();
   e = e || {};
-  var a = e.random || (e.rng || qe)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, We(a);
+  var a = e.random || (e.rng || Ze)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ye(a);
 }
-const Je = () => {
-  const { dispatch: e, state: t } = U(P), { dispatch: r } = U(Z), a = "mt-2 flex justify-center rounded-md", n = I(null), o = I(!1), [g] = $({
-    key: A + "summarize-article",
+const Ke = () => {
+  const { dispatch: e, state: t } = U(j), { dispatch: r } = U(q), a = "mt-2 flex justify-center rounded-md", n = R(null), o = R(!1), [l] = $({
+    key: M + "summarize-article",
     initialValue: !1
   }), [d] = $({
-    key: A + "proofread-content",
+    key: M + "proofread-content",
     initialValue: !1
-  }), [p] = $({
-    key: A + "rephrase-content",
+  }), [b] = $({
+    key: M + "rephrase-content",
     initialValue: !1
-  }), u = (c) => {
-    c.preventDefault(), e({
-      type: de
+  }), m = (g) => {
+    g.preventDefault(), e({
+      type: le
     });
   };
   E(() => {
     (t == null ? void 0 : t.streaming) === !0 && !o.current && n.current && (o.current = !0, n.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (o.current = !1);
   }, [t]);
-  const m = (c, h) => {
-    c.preventDefault(), r({
-      type: le,
+  const p = (g, c) => {
+    g.preventDefault(), r({
+      type: ce,
       payload: {
-        tag: h
+        tag: c
       }
     });
   };
-  return /* @__PURE__ */ y(D, { children: [
-    /* @__PURE__ */ y(Te, { alignHorizontal: "center", columnGap: 2, children: [
-      /* @__PURE__ */ i(j, { children: g && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
-        M,
+  return /* @__PURE__ */ v(H, { children: [
+    /* @__PURE__ */ v(_e, { alignHorizontal: "center", columnGap: 2, children: [
+      /* @__PURE__ */ i(G, { children: l && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+        B,
         {
           noBorder: !0,
           mode: "dark",
           focusMode: "light",
           size: "small",
-          onClick: (c) => m(c, C.SUMMARIZE_ARTICLE),
+          onClick: (g) => p(g, C.SUMMARIZE_ARTICLE),
           children: O[C.SUMMARIZE_ARTICLE].label
         }
       ) }) }),
-      /* @__PURE__ */ i(j, { children: d && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
-        M,
+      /* @__PURE__ */ i(G, { children: d && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+        B,
         {
           noBorder: !0,
           mode: "dark",
           focusMode: "light",
           size: "small",
-          onClick: (c) => m(c, C.PROOFREAD_CONTENT),
+          onClick: (g) => p(g, C.PROOFREAD_CONTENT),
           children: O[C.PROOFREAD_CONTENT].label
         }
       ) }) }),
-      /* @__PURE__ */ i(j, { children: p && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
-        M,
+      /* @__PURE__ */ i(G, { children: b && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+        B,
         {
           noBorder: !0,
           mode: "dark",
           focusMode: "light",
           size: "small",
-          onClick: (c) => m(c, C.REPHRASE_CONTENT),
+          onClick: (g) => p(g, C.REPHRASE_CONTENT),
           children: O[C.REPHRASE_CONTENT].label
         }
       ) }) })
     ] }),
-    se(R, t) && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
-      M,
+    de(I, t) && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+      B,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
         ref: n,
-        onClick: u,
-        children: t != null && t.streaming ? _e : Ne
+        onClick: m,
+        children: t != null && t.streaming ? Ne : we
       }
     ) })
   ] });
 };
 /*!
-  @versini/ui-bubble v1.0.10
+  @versini/ui-bubble v1.0.11
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "1.0.10",
-    buildTime: "09/28/2024 06:29 PM EDT",
+    version: "1.0.11",
+    buildTime: "10/02/2024 09:58 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
+const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -123,28 +123,28 @@ const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, K = "icon", Xe = "button", et = "link", tt = ({
+}, Q = "icon", et = "button", tt = "link", rt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  const o = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case Xe:
+    case et:
       return s("px-4", {
         [o]: t === "small",
-        [g]: t === "medium",
+        [l]: t === "medium",
         [d]: t === "large"
       });
-    case et:
+    case tt:
       return s("px-4 text-center", {
         [o]: t === "small",
-        [g]: t === "medium",
+        [l]: t === "medium",
         [d]: t === "large"
       });
-    case K:
+    case Q:
       return s("inline-flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
@@ -157,7 +157,7 @@ const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, rt = ({
+}, at = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -189,7 +189,7 @@ const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, at = ({
+}, ot = ({
   mode: e,
   disabled: t,
   variant: r
@@ -217,7 +217,7 @@ const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, ot = ({
+}, it = ({
   mode: e,
   disabled: t,
   variant: r
@@ -245,7 +245,7 @@ const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, it = ({
+}, nt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -273,60 +273,60 @@ const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, nt = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, st = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), he = ({
+}), pe = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
   focusMode: n,
   disabled: o,
-  fullWidth: g,
+  fullWidth: l,
   size: d,
-  noBorder: p,
-  labelRight: u,
-  labelLeft: m,
-  spacing: c,
-  noBackground: h,
-  variant: l,
-  noTruncate: b,
-  align: v
-}) => (l || (l = "primary"), r ? s(ae, t) : s(
-  ae,
+  noBorder: b,
+  labelRight: m,
+  labelLeft: p,
+  spacing: g,
+  noBackground: c,
+  variant: u,
+  noTruncate: h,
+  align: f
+}) => (u || (u = "primary"), r ? s(oe, t) : s(
+  oe,
   t,
-  Qe(c),
-  rt({ mode: a, variant: l, noBackground: h, noTruncate: b }),
-  tt({ type: e, size: d, labelRight: u, labelLeft: m, align: v }),
-  it({ mode: a, variant: l, noBorder: p }),
-  nt({ focusMode: n }),
-  at({ mode: a, variant: l, disabled: o }),
-  ot({ mode: a, variant: l, disabled: o }),
+  Xe(g),
+  at({ mode: a, variant: u, noBackground: c, noTruncate: h }),
+  rt({ type: e, size: d, labelRight: m, labelLeft: p, align: f }),
+  nt({ mode: a, variant: u, noBorder: b }),
+  st({ focusMode: n }),
+  ot({ mode: a, variant: u, disabled: o }),
+  it({ mode: a, variant: u, disabled: o }),
   {
-    "w-full": g,
+    "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), st = (e, t, r) => {
+)), dt = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, Q = S.forwardRef((e, t) => {
+}, X = S.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ i(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        st(o, a, r);
+        dt(o, a, r);
       },
       ...n
     }
   );
 });
-Q.displayName = "BaseButton";
-const pe = S.forwardRef(
+X.displayName = "BaseButton";
+const be = S.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -334,33 +334,33 @@ const pe = S.forwardRef(
     focusMode: a = "system",
     fullWidth: n = !1,
     className: o,
-    type: g = "button",
+    type: l = "button",
     raw: d = !1,
-    noBorder: p = !1,
-    "aria-label": u,
-    label: m,
-    size: c = "medium",
-    labelRight: h,
-    labelLeft: l,
-    spacing: b,
-    noBackground: v = !1,
+    noBorder: b = !1,
+    "aria-label": m,
+    label: p,
+    size: g = "medium",
+    labelRight: c,
+    labelLeft: u,
+    spacing: h,
+    noBackground: f = !1,
     align: _ = "center",
     ...N
   }, w) => {
-    const k = he({
-      type: K,
+    const k = pe({
+      type: Q,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
       raw: d,
       className: o,
-      noBorder: p,
-      size: c,
-      labelRight: h,
-      labelLeft: l,
-      spacing: b,
-      noBackground: v,
+      noBorder: b,
+      size: g,
+      labelRight: c,
+      labelLeft: u,
+      spacing: h,
+      noBackground: f,
       align: _
     }), x = s({
       "text-copy-accent-dark": r === "light" && !d,
@@ -368,25 +368,25 @@ const pe = S.forwardRef(
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
     });
-    return /* @__PURE__ */ y(
-      Q,
+    return /* @__PURE__ */ v(
+      X,
       {
         ref: w,
         className: k,
         disabled: t,
-        type: g,
-        "aria-label": u || m,
+        type: l,
+        "aria-label": m || p,
         ...N,
         children: [
-          l && /* @__PURE__ */ i("span", { className: "pr-2", children: l }),
+          u && /* @__PURE__ */ i("span", { className: "pr-2", children: u }),
           /* @__PURE__ */ i("div", { className: x, children: e }),
-          h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
+          c && /* @__PURE__ */ i("span", { className: "pl-2", children: c })
         ]
       }
     );
   }
 );
-pe.displayName = "ButtonIcon";
+be.displayName = "ButtonIcon";
 /*!
   @versini/ui-button v1.1.10
   © 2024 gizmette.com
@@ -394,13 +394,13 @@ pe.displayName = "ButtonIcon";
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
     version: "1.1.10",
-    buildTime: "09/28/2024 06:29 PM EDT",
+    buildTime: "10/02/2024 09:57 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const dt = S.forwardRef(
+const lt = S.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -408,36 +408,36 @@ const dt = S.forwardRef(
     focusMode: a = "system",
     fullWidth: n = !1,
     className: o,
-    type: g = "button",
+    type: l = "button",
     raw: d = !1,
-    noBorder: p = !1,
-    "aria-label": u,
-    label: m,
-    size: c = "medium",
-    labelRight: h,
-    labelLeft: l,
-    spacing: b,
-    noBackground: v = !1,
+    noBorder: b = !1,
+    "aria-label": m,
+    label: p,
+    size: g = "medium",
+    labelRight: c,
+    labelLeft: u,
+    spacing: h,
+    noBackground: f = !1,
     align: _ = "center",
     active: N = !1,
     ...w
   }, k) => {
-    const x = he({
-      type: K,
+    const x = pe({
+      type: Q,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
       raw: d,
       className: o,
-      noBorder: p,
-      size: c,
-      labelRight: h,
-      labelLeft: l,
-      spacing: b,
-      noBackground: v,
+      noBorder: b,
+      size: g,
+      labelRight: c,
+      labelLeft: u,
+      spacing: h,
+      noBackground: f,
       align: _
-    }), B = s({
+    }), A = s({
       "text-copy-accent-dark": r === "light" && !d,
       "text-copy-light": r === "dark" && !d,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
@@ -459,26 +459,26 @@ const dt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ y(
-      Q,
+    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ v(
+      X,
       {
         ref: k,
         className: x,
         disabled: t,
-        type: g,
-        "aria-label": u || m,
+        type: l,
+        "aria-label": m || p,
         ...w,
         children: [
-          l && /* @__PURE__ */ i("span", { className: "pr-2", children: l }),
-          /* @__PURE__ */ i("div", { className: B, children: e }),
-          h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
+          u && /* @__PURE__ */ i("span", { className: "pr-2", children: u }),
+          /* @__PURE__ */ i("div", { className: A, children: e }),
+          c && /* @__PURE__ */ i("span", { className: "pl-2", children: c })
         ]
       }
     ) });
   }
 );
-dt.displayName = "ButtonSort";
-const lt = (e) => {
+lt.displayName = "ButtonSort";
+const ct = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -487,38 +487,38 @@ const lt = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, be = ({
+}, ye = ({
   children: e,
   fill: t,
   viewBox: r,
   className: a,
   defaultViewBox: n,
   defaultClassName: o,
-  spacing: g,
+  spacing: l,
   title: d,
-  semantic: p = !1,
-  ...u
+  semantic: b = !1,
+  ...m
 }) => {
-  const m = lt(g), c = s(
-    m,
+  const p = ct(l), g = s(
+    p,
     a || o
   );
-  return /* @__PURE__ */ y(D, { children: [
+  return /* @__PURE__ */ v(H, { children: [
     /* @__PURE__ */ i(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: c,
+        className: g,
         viewBox: r || n,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !p,
+        "aria-hidden": !b,
         focusable: !1,
-        ...u,
+        ...m,
         children: e
       }
     ),
-    d && p && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
+    d && b && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
   ] });
 };
 /*!
@@ -528,21 +528,21 @@ const lt = (e) => {
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
     version: "1.4.17",
-    buildTime: "09/28/2024 06:29 PM EDT",
+    buildTime: "10/02/2024 09:57 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ct = ({
+const gt = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
   monotone: n,
   ...o
-}) => /* @__PURE__ */ y(
-  be,
+}) => /* @__PURE__ */ v(
+  ye,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -562,7 +562,7 @@ const ct = ({
       /* @__PURE__ */ i("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
     ]
   }
-), gt = ({
+), ut = ({
   className: e,
   viewBox: t,
   spacing: r,
@@ -570,7 +570,7 @@ const ct = ({
   monotone: n,
   ...o
 }) => /* @__PURE__ */ i(
-  be,
+  ye,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -583,19 +583,19 @@ const ct = ({
   }
 );
 /*!
-  @versini/ui-icons v1.13.1
+  @versini/ui-icons v1.14.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.13.1",
-    buildTime: "09/28/2024 06:29 PM EDT",
+    version: "1.14.0",
+    buildTime: "10/02/2024 09:57 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ut = (e) => {
+const mt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -604,15 +604,15 @@ const ut = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, mt = () => "p-4 sm:max-w-md md:max-w-2xl", ht = ({ kind: e }) => s({
+}, ht = () => "p-4 sm:max-w-md md:max-w-2xl", pt = ({ kind: e }) => s({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), pt = ({ kind: e }) => s(
+}), bt = ({ kind: e }) => s(
   "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
   {
     "text-copy-lighter": e === "right"
   }
-), bt = ({ kind: e }) => s("rounded-b-xl", {
+), yt = ({ kind: e }) => s("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
 }), ft = ({
@@ -622,19 +622,19 @@ const ut = (e) => {
 }) => {
   const a = s(
     t,
-    Ke,
+    Qe,
     "flex items-start",
-    ut(r),
+    mt(r),
     {
       "flex-row-reverse": e === "right"
     }
   ), n = s(
     "flex flex-col empty:hidden",
-    mt(),
+    ht(),
+    bt({ kind: e }),
     pt({ kind: e }),
-    ht({ kind: e }),
-    bt({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", g = s("flex flex-col-reverse gap-2 sm:flex-row", {
+    yt({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", l = s("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
@@ -642,55 +642,55 @@ const ut = (e) => {
     wrapper: a,
     main: n,
     footer: o,
-    copyButton: g
+    copyButton: l
   };
-}, yt = ({
+}, vt = ({
   children: e,
   kind: t = "left",
   className: r,
   footer: a,
   rawFooter: n,
   copyToClipboard: o,
-  copyToClipboardFocusMode: g = "system",
+  copyToClipboardFocusMode: l = "system",
   copyToClipboardMode: d = "system",
-  spacing: p
+  spacing: b
 }) => {
-  const [u, m] = H(!1), c = ft({ kind: t, className: r, spacing: p }), h = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), l = () => {
-    m(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [m, p] = P(!1), g = ft({ kind: t, className: r, spacing: b }), c = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), u = () => {
+    p(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return E(() => {
-    let b;
-    return u && (b = window.setTimeout(() => {
-      m(!1);
+    let h;
+    return m && (h = window.setTimeout(() => {
+      p(!1);
     }, 3e3)), () => {
-      clearTimeout(b);
+      clearTimeout(h);
     };
-  }, [u]), /* @__PURE__ */ y("div", { className: c.wrapper, children: [
-    /* @__PURE__ */ y("div", { children: [
-      /* @__PURE__ */ i("div", { className: c.main, children: e }),
-      a && Object.keys(a).map((b) => a[b] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ y("p", { className: c.footer, children: [
-        b,
+  }, [m]), /* @__PURE__ */ v("div", { className: g.wrapper, children: [
+    /* @__PURE__ */ v("div", { children: [
+      /* @__PURE__ */ i("div", { className: g.main, children: e }),
+      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: g.footer, children: [
+        h,
         ": ",
-        a[b]
-      ] }) }, `-${b}`) : null),
+        a[h]
+      ] }) }, `-${h}`) : null),
       n && n
     ] }),
-    h && /* @__PURE__ */ i("div", { className: c.copyButton, children: /* @__PURE__ */ i(
-      pe,
+    c && /* @__PURE__ */ i("div", { className: g.copyButton, children: /* @__PURE__ */ i(
+      be,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
         mode: d,
-        focusMode: g,
-        label: u ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: l,
-        disabled: u,
-        children: u ? /* @__PURE__ */ i(ct, { className: "size-3" }) : /* @__PURE__ */ i(gt, { className: "size-3" })
+        focusMode: l,
+        label: m ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: u,
+        disabled: m,
+        children: m ? /* @__PURE__ */ i(gt, { className: "size-3" }) : /* @__PURE__ */ i(ut, { className: "size-3" })
       }
     ) })
   ] });
-}, oe = "av-button", vt = (e) => {
+}, ie = "av-button", kt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -699,25 +699,25 @@ const ut = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, fe = "icon", ye = "button", kt = "link", xt = ({
+}, fe = "icon", ve = "button", xt = "link", Tt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  const o = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case ye:
+    case ve:
       return s("px-4", {
         [o]: t === "small",
-        [g]: t === "medium",
+        [l]: t === "medium",
         [d]: t === "large"
       });
-    case kt:
+    case xt:
       return s("px-4 text-center", {
         [o]: t === "small",
-        [g]: t === "medium",
+        [l]: t === "medium",
         [d]: t === "large"
       });
     case fe:
@@ -733,7 +733,7 @@ const ut = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, Tt = ({
+}, _t = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -765,7 +765,7 @@ const ut = (e) => {
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, _t = ({
+}, Nt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -793,7 +793,7 @@ const ut = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, Nt = ({
+}, wt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -821,7 +821,7 @@ const ut = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, wt = ({
+}, Et = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -849,60 +849,60 @@ const ut = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, Et = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Ct = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), ve = ({
+}), ke = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
   focusMode: n,
   disabled: o,
-  fullWidth: g,
+  fullWidth: l,
   size: d,
-  noBorder: p,
-  labelRight: u,
-  labelLeft: m,
-  spacing: c,
-  noBackground: h,
-  variant: l,
-  noTruncate: b,
-  align: v
-}) => (l || (l = "primary"), r ? s(oe, t) : s(
-  oe,
+  noBorder: b,
+  labelRight: m,
+  labelLeft: p,
+  spacing: g,
+  noBackground: c,
+  variant: u,
+  noTruncate: h,
+  align: f
+}) => (u || (u = "primary"), r ? s(ie, t) : s(
+  ie,
   t,
-  vt(c),
-  Tt({ mode: a, variant: l, noBackground: h, noTruncate: b }),
-  xt({ type: e, size: d, labelRight: u, labelLeft: m, align: v }),
-  wt({ mode: a, variant: l, noBorder: p }),
-  Et({ focusMode: n }),
-  _t({ mode: a, variant: l, disabled: o }),
-  Nt({ mode: a, variant: l, disabled: o }),
+  kt(g),
+  _t({ mode: a, variant: u, noBackground: c, noTruncate: h }),
+  Tt({ type: e, size: d, labelRight: m, labelLeft: p, align: f }),
+  Et({ mode: a, variant: u, noBorder: b }),
+  Ct({ focusMode: n }),
+  Nt({ mode: a, variant: u, disabled: o }),
+  wt({ mode: a, variant: u, disabled: o }),
   {
-    "w-full": g,
+    "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), Ct = (e, t, r) => {
+)), It = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, X = S.forwardRef((e, t) => {
+}, ee = S.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ i(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        Ct(o, a, r);
+        It(o, a, r);
       },
       ...n
     }
   );
 });
-X.displayName = "BaseButton";
-const ke = S.forwardRef(
+ee.displayName = "BaseButton";
+const xe = S.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -910,41 +910,41 @@ const ke = S.forwardRef(
     focusMode: a = "system",
     fullWidth: n = !1,
     className: o,
-    size: g = "medium",
+    size: l = "medium",
     raw: d = !1,
-    noBorder: p = !1,
-    spacing: u,
-    variant: m = "primary",
-    noTruncate: c = !1,
-    ...h
-  }, l) => {
-    const b = ve({
-      type: ye,
+    noBorder: b = !1,
+    spacing: m,
+    variant: p = "primary",
+    noTruncate: g = !1,
+    ...c
+  }, u) => {
+    const h = ke({
+      type: ve,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
       raw: d,
       className: o,
-      size: g,
-      noBorder: p,
-      spacing: u,
-      variant: m,
-      noTruncate: c
+      size: l,
+      noBorder: b,
+      spacing: m,
+      variant: p,
+      noTruncate: g
     });
     return /* @__PURE__ */ i(
-      X,
+      ee,
       {
-        ref: l,
-        className: b,
+        ref: u,
+        className: h,
         disabled: t,
-        ...h,
+        ...c,
         children: e
       }
     );
   }
 );
-ke.displayName = "Button";
+xe.displayName = "Button";
 /*!
   @versini/ui-button v1.1.10
   © 2024 gizmette.com
@@ -966,21 +966,21 @@ const Rt = S.forwardRef(
     focusMode: a = "system",
     fullWidth: n = !1,
     className: o,
-    type: g = "button",
+    type: l = "button",
     raw: d = !1,
-    noBorder: p = !1,
-    "aria-label": u,
-    label: m,
-    size: c = "medium",
-    labelRight: h,
-    labelLeft: l,
-    spacing: b,
-    noBackground: v = !1,
+    noBorder: b = !1,
+    "aria-label": m,
+    label: p,
+    size: g = "medium",
+    labelRight: c,
+    labelLeft: u,
+    spacing: h,
+    noBackground: f = !1,
     align: _ = "center",
     active: N = !1,
     ...w
   }, k) => {
-    const x = ve({
+    const x = ke({
       type: fe,
       mode: r,
       focusMode: a,
@@ -988,14 +988,14 @@ const Rt = S.forwardRef(
       disabled: t,
       raw: d,
       className: o,
-      noBorder: p,
-      size: c,
-      labelRight: h,
-      labelLeft: l,
-      spacing: b,
-      noBackground: v,
+      noBorder: b,
+      size: g,
+      labelRight: c,
+      labelLeft: u,
+      spacing: h,
+      noBackground: f,
       align: _
-    }), B = s({
+    }), A = s({
       "text-copy-accent-dark": r === "light" && !d,
       "text-copy-light": r === "dark" && !d,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
@@ -1017,28 +1017,28 @@ const Rt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ y(
-      X,
+    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ v(
+      ee,
       {
         ref: k,
         className: x,
         disabled: t,
-        type: g,
-        "aria-label": u || m,
+        type: l,
+        "aria-label": m || p,
         ...w,
         children: [
-          l && /* @__PURE__ */ i("span", { className: "pr-2", children: l }),
-          /* @__PURE__ */ i("div", { className: B, children: e }),
-          h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
+          u && /* @__PURE__ */ i("span", { className: "pr-2", children: u }),
+          /* @__PURE__ */ i("div", { className: A, children: e }),
+          c && /* @__PURE__ */ i("span", { className: "pl-2", children: c })
         ]
       }
     ) });
   }
 );
 Rt.displayName = "ButtonSort";
-const It = 200, St = ({
+const St = 200, At = ({
   string: e,
-  idealLength: t = It
+  idealLength: t = St
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1055,24 +1055,24 @@ const It = 200, St = ({
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [n, o] = H(!1);
+  const [n, o] = P(!1);
   if (typeof e != "string")
     return e;
-  const { string: g, isTruncated: d } = St({
+  const { string: l, isTruncated: d } = At({
     string: e,
     idealLength: t
   });
-  return /* @__PURE__ */ y("span", { children: [
-    n ? e : g,
+  return /* @__PURE__ */ v("span", { children: [
+    n ? e : l,
     d && /* @__PURE__ */ i(
-      ke,
+      xe,
       {
         mode: r,
         focusMode: a,
         spacing: { l: 2 },
         size: "small",
-        onClick: (p) => {
-          p.preventDefault(), o(!n);
+        onClick: (b) => {
+          b.preventDefault(), o(!n);
         },
         children: n ? "less..." : "more..."
       }
@@ -1092,25 +1092,25 @@ try {
   });
 } catch {
 }
-const ie = Fe(
+const ne = We(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.BcING2GM.js"
+    "./LazyMessageAssistant.cqGNC6SU.js"
   ).then((e) => e.LazyMessageAssistant)
 ), Mt = () => {
-  const { state: e } = U(P);
-  return /* @__PURE__ */ y(D, { children: [
+  const { state: e } = U(j);
+  return /* @__PURE__ */ v(H, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: n, name: o, processingTime: g } = t.message;
-      return (a === R || a === Y) && n ? /* @__PURE__ */ i(te, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
-        ie,
+      const { role: a, content: n, name: o, processingTime: l } = t.message;
+      return (a === I || a === Z) && n ? /* @__PURE__ */ i(re, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
+        ne,
         {
           name: o,
-          processingTime: g,
+          processingTime: l,
           children: n
         }
-      ) }, `${r}-${a}`) : a === W && n ? /* @__PURE__ */ i(
-        yt,
+      ) }, `${r}-${a}`) : a === Y && n ? /* @__PURE__ */ i(
+        vt,
         {
           kind: "right",
           copyToClipboard: n,
@@ -1120,65 +1120,65 @@ const ie = Fe(
         `${r}-${a}`
       ) : null;
     }),
-    se(W, e) && /* @__PURE__ */ i(te, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(ie, { loading: !0 }) })
+    de(Y, e) && /* @__PURE__ */ i(re, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(ne, { loading: !0 }) })
   ] });
-}, z = (e, t) => {
+}, D = (e, t) => {
   e({
     type: me,
     payload: {
       streaming: t
     }
   });
-}, ne = (e) => {
-  z(e, !1), e({
+}, se = (e) => {
+  D(e, !1), e({
     type: L,
     payload: {
       message: {
-        role: Y,
-        content: Ie
+        role: Z,
+        content: Se
       }
     }
   });
-}, At = () => {
-  const { state: e, dispatch: t } = U(P), { state: r, dispatch: a } = U(Z), [n, o] = H(""), { getAccessToken: g, user: d } = q(), p = I(!1), u = I(null), m = I(
+}, Ot = () => {
+  const { state: e, dispatch: t } = U(j), { state: r, dispatch: a } = U(q), [n, o] = P(""), { getAccessToken: l, user: d } = J(), b = R(!1), m = R(null), p = R(
     null
   );
   E(() => {
     (async () => {
-      var l;
+      var u;
       if (!e || e.messages.length === 0) {
-        (l = m == null ? void 0 : m.current) == null || l.cancel();
+        (u = p == null ? void 0 : p.current) == null || u.cancel();
         return;
       }
-      const h = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || h.message.role === R || h.message.role === we || h.message.role === Y || h.message.role === Ee))
+      const c = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || c.message.role === I || c.message.role === Ee || c.message.role === Z || c.message.role === Ce))
         try {
-          const b = await ze({
-            accessToken: await g(),
+          const h = await He({
+            accessToken: await l(),
             name: "generate",
             data: {
               messages: e.messages,
-              model: ce,
+              model: e.engine || z,
               user: (d == null ? void 0 : d.username) || "",
               id: e.id,
               usage: e.usage
             }
           });
-          if (b && b.ok) {
-            const v = J();
-            m.current = b.body.getReader();
+          if (h && h.ok) {
+            const f = K();
+            p.current = h.body.getReader();
             const _ = new TextDecoder();
             for (; ; ) {
-              z(t, !0);
-              const { done: N, value: w } = await m.current.read();
+              D(t, !0);
+              const { done: N, value: w } = await p.current.read();
               if (N) {
-                z(t, !1);
+                D(t, !1);
                 break;
               }
-              const k = _.decode(w, { stream: !0 }), x = k.indexOf(ee);
+              const k = _.decode(w, { stream: !0 }), x = k.indexOf(te);
               if (x !== -1) {
-                const B = k.substring(0, x), T = JSON.parse(
-                  k.substring(x + ee.length)
+                const A = k.substring(0, x), T = JSON.parse(
+                  k.substring(x + te.length)
                 );
                 t({
                   type: ge,
@@ -1190,14 +1190,14 @@ const ie = Fe(
                   type: L,
                   payload: {
                     message: {
-                      content: B,
-                      role: R,
-                      messageId: v,
+                      content: A,
+                      role: I,
+                      messageId: f,
                       processingTime: T.processingTime,
                       name: T.name
                     }
                   }
-                }), z(t, !1);
+                }), D(t, !1);
                 break;
               } else
                 t({
@@ -1205,51 +1205,51 @@ const ie = Fe(
                   payload: {
                     message: {
                       content: k,
-                      role: R,
-                      messageId: v
+                      role: I,
+                      messageId: f
                     }
                   }
                 });
             }
           } else
-            ne(t);
-        } catch (b) {
-          console.error(b), ne(t);
+            se(t);
+        } catch (h) {
+          console.error(h), se(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
-  const c = async (h) => {
-    h.preventDefault(), t({
+  const g = async (c) => {
+    c.preventDefault(), t({
       type: L,
       payload: {
         message: {
-          role: W,
+          role: Y,
           content: n
         }
       }
     }), o("");
   };
   return E(() => {
-    (e == null ? void 0 : e.streaming) === !1 && !p.current && u.current && (p.current = !0, u.current.focus()), (e == null ? void 0 : e.streaming) === !0 && p.current === !0 && (p.current = !1);
+    (e == null ? void 0 : e.streaming) === !1 && !b.current && m.current && (b.current = !0, m.current.focus()), (e == null ? void 0 : e.streaming) === !0 && b.current === !0 && (b.current = !1);
   }, [e]), E(() => {
-    r.tag !== "" && O[r.tag] && (o(O[r.tag].content), u.current && u.current.focus(), a({
+    r.tag !== "" && O[r.tag] && (o(O[r.tag].content), m.current && m.current.focus(), a({
       type: ue
     }));
-  }, [r, a]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: c, children: /* @__PURE__ */ i(
-    De,
+  }, [r, a]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: g, children: /* @__PURE__ */ i(
+    je,
     {
       mode: "dark",
       focusMode: "light",
-      ref: u,
+      ref: m,
       name: "chat-input",
-      label: Ce,
+      label: Ie,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
       value: n,
-      onChange: (h) => o(h.target.value),
+      onChange: (c) => o(c.target.value),
       rightElement: /* @__PURE__ */ i(
-        M,
+        B,
         {
           disabled: e == null ? void 0 : e.streaming,
           noBorder: !0,
@@ -1261,30 +1261,30 @@ const ie = Fe(
       )
     }
   ) });
-}, Ot = () => {
-  const { isAuthenticated: e } = q(), t = Se(e);
-  return /* @__PURE__ */ y(D, { children: [
-    /* @__PURE__ */ y("div", { className: t, children: [
+}, Lt = () => {
+  const { isAuthenticated: e } = J(), t = Ae(e);
+  return /* @__PURE__ */ v(H, { children: [
+    /* @__PURE__ */ v("div", { className: t, children: [
       /* @__PURE__ */ i(Be, {}),
       /* @__PURE__ */ i(Mt, {})
     ] }),
-    /* @__PURE__ */ i(Je, {}),
-    /* @__PURE__ */ i(At, {})
+    /* @__PURE__ */ i(Ke, {}),
+    /* @__PURE__ */ i(Ot, {})
   ] });
-}, Lt = (e, t) => (t == null ? void 0 : t.type) === le ? {
+}, $t = (e, t) => (t == null ? void 0 : t.type) === ce ? {
   tag: t.payload.tag
 } : (t == null ? void 0 : t.type) === ue ? {
   tag: ""
-} : e, $t = (e, t) => (t == null ? void 0 : t.type) === Me ? {
+} : e, Ut = (e, t) => (t == null ? void 0 : t.type) === Me ? {
   searchString: t.payload.searchString,
   sortedCell: e.sortedCell,
   sortDirection: e.sortDirection
-} : (t == null ? void 0 : t.type) === Ae ? {
+} : (t == null ? void 0 : t.type) === Oe ? {
   searchString: e.searchString,
   sortedCell: t.payload.sortedCell,
   sortDirection: t.payload.sortDirection
-} : e, Ut = (e, t) => {
-  if ((t == null ? void 0 : t.type) === Oe) {
+} : e, Vt = (e, t) => {
+  if ((t == null ? void 0 : t.type) === Le) {
     const r = t.payload.messages.map((a) => ({
       message: {
         role: a.role,
@@ -1298,44 +1298,47 @@ const ie = Fe(
       model: t.payload.model,
       usage: t.payload.usage,
       isComponent: e.isComponent,
-      messages: r
+      messages: r,
+      engine: e.engine
     };
   }
   if ((t == null ? void 0 : t.type) === L) {
-    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, g = t.payload.message.messageId;
+    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, l = t.payload.message.messageId;
     if (r !== "") {
       const d = {
         role: r,
         content: a,
         name: n,
         processingTime: o,
-        messageId: g
+        messageId: l
       };
-      if (r === R) {
-        const p = e.messages.findIndex(
-          (u) => u.message.messageId === g
+      if (r === I) {
+        const b = e.messages.findIndex(
+          (m) => m.message.messageId === l
         );
-        if (p !== -1) {
-          const u = e.messages.map((m, c) => c === p ? {
+        if (b !== -1) {
+          const m = e.messages.map((p, g) => g === b ? {
             message: {
-              ...m.message,
-              content: `${m.message.content}${a}`,
+              ...p.message,
+              content: `${p.message.content}${a}`,
               processingTime: o,
               name: n
             }
-          } : m);
+          } : p);
           return {
             id: e.id,
             model: e.model,
             usage: e.usage,
             isComponent: e.isComponent,
-            messages: u
+            messages: m,
+            engine: e.engine
           };
         }
       }
       return {
         id: e.id,
         model: e.model,
+        engine: e.engine,
         usage: e.usage,
         isComponent: e.isComponent,
         messages: [
@@ -1347,88 +1350,103 @@ const ie = Fe(
       };
     }
   }
-  return (t == null ? void 0 : t.type) === de ? {
-    id: J(),
+  return (t == null ? void 0 : t.type) === le ? {
+    id: K(),
     model: e.model,
+    engine: e.engine,
     usage: 0,
     messages: [],
     isComponent: e.isComponent
   } : (t == null ? void 0 : t.type) === ge ? {
     id: e.id,
     model: t.payload.model,
+    engine: e.engine,
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
+  } : (t == null ? void 0 : t.type) === he ? {
+    ...e,
+    engine: t.payload.engine
   } : (t == null ? void 0 : t.type) === me ? {
     ...e,
     streaming: t.payload.streaming
   } : e;
 };
-function xe({ isComponent: e = !1 }) {
-  const t = I(!1), { getAccessToken: r } = q(), [a] = $({
-    key: A + Ue,
+function Te({ isComponent: e = !1 }) {
+  const t = R(!1), { getAccessToken: r, user: a } = J(), [n] = $({
+    key: M + ze,
     initialValue: ""
-  }), [n] = $({
-    key: A + Ve,
-    initialValue: Ge.ASC
-  }), [o, g] = G(Ut, {
-    id: J(),
-    model: ce,
+  }), [o] = $({
+    key: M + De,
+    initialValue: Fe.ASC
+  }), [l, d] = F(Vt, {
+    id: K(),
+    model: z,
+    engine: z,
     usage: 0,
     messages: [],
     isComponent: e
-  }), [d, p] = G($t, {
-    searchString: a,
+  }), [b, m] = F(Ut, {
+    searchString: n,
     sortedCell: "timestamp",
-    sortDirection: n
-  }), [u, m] = G(Lt, {
+    sortDirection: o
+  }), [p, g] = F($t, {
     tag: ""
-  }), [c, h] = H({
+  }), [c, u] = P({
     version: "",
     models: [],
-    plugins: []
+    plugins: [],
+    engine: z
   });
   return E(() => {
     c.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
-        const l = await Pe({
+        const h = await Pe({
           accessToken: await r(),
-          type: He.ABOUT
+          type: Ge.ABOUT,
+          params: {
+            user: a == null ? void 0 : a.username
+          }
         });
-        t.current = !1, l.status === 200 && h(l.data);
+        t.current = !1, h.status === 200 && (u(h.data), d({
+          type: he,
+          payload: {
+            engine: h.data.engine
+          }
+        }));
       } catch {
       }
     })();
-  }, [c, r]), E(() => {
-    var l;
-    (l = document.getElementById("logo")) == null || l.classList.add("fadeOut"), setTimeout(() => {
-      var b;
-      (b = document.getElementById("root")) == null || b.classList.replace("app-hidden", "fadeIn");
+  }, [c, r, a]), E(() => {
+    var h;
+    (h = document.getElementById("logo")) == null || h.classList.add("fadeOut"), setTimeout(() => {
+      var f;
+      (f = document.getElementById("root")) == null || f.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ i(P.Provider, { value: { state: o, dispatch: g, serverStats: c }, children: /* @__PURE__ */ i(
-    je.Provider,
+  }), /* @__PURE__ */ i(j.Provider, { value: { state: l, dispatch: d, serverStats: c }, children: /* @__PURE__ */ i(
+    $e.Provider,
     {
       value: {
-        state: d,
-        dispatch: p
+        state: b,
+        dispatch: m
       },
-      children: /* @__PURE__ */ y(
-        Z.Provider,
+      children: /* @__PURE__ */ v(
+        q.Provider,
         {
-          value: { state: u, dispatch: m },
+          value: { state: p, dispatch: g },
           children: [
-            /* @__PURE__ */ i(Le, { children: /* @__PURE__ */ i(Ot, {}) }),
-            /* @__PURE__ */ i($e, { serverStats: c })
+            /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(Lt, {}) }),
+            /* @__PURE__ */ i(Ve, { serverStats: c })
           ]
         }
       )
     }
   ) });
 }
-xe.displayName = "App";
-const jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: xe }, Symbol.toStringTag, { value: "Module" }));
+Te.displayName = "App";
+const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
 export {
-  jt as App,
-  yt as le
+  Gt as App,
+  vt as le
 };