@versini/sassysaint 5.3.9 → 5.3.11

package/dist/chunks/{App.CiWR0jbo.js → App.CGCFh8d3.js}

@@ -1,9 +1,29 @@
-import { jsxs as v, Fragment as $, jsx as i } from "react/jsx-runtime";
-import { AppContext as U, TagsContext as G, rn as V, ACTION_SET_TAGS as oe, b as Te, j as _e, R as j, isLastMessageFromRole as ne, CANCEL as Ne, CLEAR as we, ACTION_RESET as ie, ACTION_TOGGLE_TAG as se, ROLE_ASSISTANT as C, ROLE_INTERNAL as P, ROLE_USER as H, ROLE_SYSTEM as Ee, ROLE_HIDDEN as Ce, DEFAULT_AI_ENGINE as L, STATS_SEPARATOR as q, ACTION_MODEL as de, ACTION_MESSAGE as B, ACTION_RESET_TAGS as le, TYPE_QUESTION as Ie, SEND as Se, ACTION_STREAMING as ce, ERROR_MESSAGE as Re, getMessageContaintWrapperClass as Be, MessagesContainerHeader as Ae, ACTION_SEARCH as Me, ACTION_SORT as Le, ACTION_RESTORE as Oe, ACTION_ENGINE as ge, HistoryContext as $e, d as Ue, AppFooter as Ve, LOCAL_STORAGE_PREFIX as J, LOCAL_STORAGE_SEARCH as ze, LOCAL_STORAGE_SORT as De } from "./index.BiQ5lu6V.js";
-import { serviceCall as ue, SERVICE_TYPES as me, restCall as je, we as He, E as Q, f as Ge } from "./index.DbhB3Iku.js";
-import S, { useContext as A, useState as M, useRef as I, useEffect as _, lazy as Pe, Suspense as X, useReducer as z } from "react";
+import { jsx as i, jsxs as v, Fragment as O } from "react/jsx-runtime";
+import { g as _e, AppContext as $, TagsContext as j, rn as U, ACTION_SET_TAGS as oe, b as Ne, j as we, R as ne, isLastMessageFromRole as ie, O as Ee, TOOLBOX as Y, ACTION_RESET as se, ACTION_TOGGLE_TAG as de, ROLE_ASSISTANT as I, ROLE_INTERNAL as G, ROLE_USER as H, ROLE_SYSTEM as Ie, ROLE_HIDDEN as Ce, DEFAULT_AI_ENGINE as M, STATS_SEPARATOR as q, ACTION_MODEL as le, ACTION_MESSAGE as S, ACTION_RESET_TAGS as ce, TYPE_QUESTION as Se, SEND as Re, ACTION_STREAMING as ge, ERROR_MESSAGE as Be, getMessageContaintWrapperClass as Ae, MessagesContainerHeader as Me, ACTION_SEARCH as Le, ACTION_SORT as Oe, ACTION_RESTORE as $e, ACTION_ENGINE as ue, HistoryContext as Ue, d as ze, AppFooter as Ve, LOCAL_STORAGE_PREFIX as X, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as He } from "./index.BpfSkOWt.js";
+import { serviceCall as me, SERVICE_TYPES as he, n as je, restCall as Ge, we as Pe, E as J, f as We } from "./index.DkEEvxgQ.js";
+import C, { useContext as R, useState as A, useRef as B, useEffect as _, lazy as Fe, Suspense as Q, useReducer as V } from "react";
 import l from "clsx";
-function Fe(e) {
+const Ke = ({
+  className: e,
+  viewBox: t,
+  spacing: r,
+  title: a,
+  monotone: n,
+  ...o
+}) => /* @__PURE__ */ i(
+  _e,
+  {
+    defaultViewBox: "0 0 384 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: r,
+    title: a || "Close",
+    ...o,
+    children: /* @__PURE__ */ i("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
+  }
+);
+function Ye(e) {
   const t = e.toLowerCase().split("+").map((o) => o.trim()), r = {
     alt: t.includes("alt"),
     ctrl: t.includes("ctrl"),
@@ -16,119 +36,121 @@ function Fe(e) {
     key: n
   };
 }
-function We(e, t) {
-  const { alt: r, ctrl: a, meta: n, mod: o, shift: c, key: s } = e, { altKey: p, ctrlKey: g, metaKey: h, shiftKey: b, key: u } = t;
-  if (r !== p)
+function qe(e, t) {
+  const { alt: r, ctrl: a, meta: n, mod: o, shift: c, key: d } = e, { altKey: m, ctrlKey: g, metaKey: p, shiftKey: u, key: b } = t;
+  if (r !== m)
     return !1;
   if (o) {
-    if (!g && !h)
+    if (!g && !p)
       return !1;
-  } else if (a !== g || n !== h)
+  } else if (a !== g || n !== p)
     return !1;
-  return c !== b ? !1 : !!(s && (u.toLowerCase() === s.toLowerCase() || t.code.replace("Key", "").toLowerCase() === s.toLowerCase()));
+  return c !== u ? !1 : !!(d && (b.toLowerCase() === d.toLowerCase() || t.code.replace("Key", "").toLowerCase() === d.toLowerCase()));
 }
-function Ke(e) {
-  return (t) => We(Fe(e), t);
+function Xe(e) {
+  return (t) => qe(Ye(e), t);
 }
-function Ye(e) {
+function Je(e) {
   return (t) => {
     const r = "nativeEvent" in t ? t.nativeEvent : t;
     e.forEach(([a, n, o = { preventDefault: !0 }]) => {
-      Ke(a)(r) && (o.preventDefault && t.preventDefault(), n(r));
+      Xe(a)(r) && (o.preventDefault && t.preventDefault(), n(r));
     });
   };
 }
 const f = [];
 for (let e = 0; e < 256; ++e)
   f.push((e + 256).toString(16).slice(1));
-function qe(e, t = 0) {
+function Qe(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();
 }
 let D;
-const Je = new Uint8Array(16);
-function Qe() {
+const Ze = new Uint8Array(16);
+function et() {
   if (!D) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     D = crypto.getRandomValues.bind(crypto);
   }
-  return D(Je);
+  return D(Ze);
 }
-const Xe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Z = { randomUUID: Xe };
-function F(e, t, r) {
+const tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Z = { randomUUID: tt };
+function P(e, t, r) {
   if (Z.randomUUID && !t && !e)
     return Z.randomUUID();
   e = e || {};
-  const a = e.random || (e.rng || Qe)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, qe(a);
+  const a = e.random || (e.rng || et)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Qe(a);
 }
-const Ze = () => {
-  const { dispatch: e, state: t } = A(U), { dispatch: r, state: a } = A(G), { getAccessToken: n, user: o } = V(), [c, s] = M({
+const rt = () => {
+  const { dispatch: e, state: t } = R($), { dispatch: r, state: a } = R(j), { getAccessToken: n, user: o } = U(), [c, d] = A({
     loaded: !1
-  }), p = "mt-2 flex justify-center rounded-md", g = I(null), h = I(!1), b = (d) => {
-    d.preventDefault(), e({
-      type: ie
+  }), m = "mt-2 flex justify-center rounded-md", g = B(null), p = B(!1), u = (s) => {
+    s.preventDefault(), e({
+      type: se
     });
   };
   _(() => {
-    (t == null ? void 0 : t.streaming) === !0 && !h.current && g.current && (h.current = !0, g.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (h.current = !1);
+    var s;
+    (t == null ? void 0 : t.streaming) === !0 && !p.current && g.current && (p.current = !0, g.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (p.current = !1, (s = g.current) == null || s.blur());
   }, [t]);
-  const u = (d, m) => {
-    d.preventDefault(), r({
-      type: se,
+  const b = (s, h) => {
+    s.preventDefault(), r({
+      type: de,
       payload: {
-        tag: m
+        tag: h
       }
     });
   };
   return _(() => {
     if (!o) {
-      s({
+      d({
         loaded: !1
       });
       return;
     }
     c.loaded || (async () => {
       try {
-        const d = await ue({
+        const s = await me({
           accessToken: await n(),
-          type: me.GET_USER_PREFERENCES,
+          type: he.GET_USER_PREFERENCES,
           params: {
             user: o.username
           }
         });
-        d.status === 200 && (r({
+        s.status === 200 && (r({
           type: oe,
           payload: {
-            tags: d.data.tags || []
+            tags: s.data.tags || []
           }
-        }), s({
+        }), d({
           loaded: !0
         }));
       } catch {
       }
     })();
-  }, [o]), /* @__PURE__ */ v($, { children: [
-    /* @__PURE__ */ i(Te, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ i("div", { className: p, children: /* @__PURE__ */ i(
-      j,
+  }, [o]), /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ i(Ne, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((s) => s.enabled && s.label && s.content && /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
+      ne,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
         size: "small",
-        onClick: (m) => u(m, d.content),
-        children: d.label
+        onClick: (h) => b(h, s.content),
+        children: s.label
       }
-    ) }) }, `tag-button-${d.slot}`)) }),
-    ne(C, t) && /* @__PURE__ */ i("div", { className: p, children: /* @__PURE__ */ i(
-      j,
+    ) }) }, `tag-button-${s.slot}`)) }),
+    ie(I, t) && /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
+      Ee,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
         ref: g,
-        onClick: b,
-        children: t != null && t.streaming ? Ne : we
+        onClick: u,
+        labelRight: t != null && t.streaming ? Y.ACTION_WHILE_STREAMING.content : Y.ACTION_WHILE_NOT_STREAMING.content,
+        children: t != null && t.streaming ? /* @__PURE__ */ i(Ke, { className: "size-4" }) : /* @__PURE__ */ i(je, { className: "size-4" })
       }
     ) })
   ] });
@@ -146,7 +168,7 @@ try {
   });
 } catch {
 }
-const et = "av-bubble", ee = "av-button", tt = (e) => {
+const at = "av-bubble", ee = "av-button", ot = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -155,26 +177,26 @@ const et = "av-bubble", ee = "av-button", tt = (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;
-}, W = "icon", rt = "button", at = "link", ot = ({
+}, W = "icon", nt = "button", it = "link", st = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", s = "text-lg font-medium max-h-12 py-2";
+  const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case rt:
+    case nt:
       return l("px-4", {
         [o]: t === "small",
         [c]: t === "medium",
-        [s]: t === "large"
+        [d]: t === "large"
       });
-    case at:
+    case it:
       return l("px-4 text-center", {
         [o]: t === "small",
         [c]: t === "medium",
-        [s]: t === "large"
+        [d]: t === "large"
       });
     case W:
       return l("inline-flex items-center", {
@@ -189,7 +211,7 @@ const et = "av-bubble", ee = "av-button", tt = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, nt = ({
+}, dt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -221,7 +243,7 @@ const et = "av-bubble", ee = "av-button", tt = (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"
     });
-}, it = ({
+}, lt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -249,7 +271,7 @@ const et = "av-bubble", ee = "av-button", tt = (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"
     });
-}, st = ({
+}, ct = ({
   mode: e,
   disabled: t,
   variant: r
@@ -277,7 +299,7 @@ const et = "av-bubble", ee = "av-button", tt = (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"
     });
-}, dt = ({
+}, gt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -305,12 +327,12 @@ const et = "av-bubble", ee = "av-button", tt = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, lt = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, ut = ({ focusMode: e }) => l("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,
@@ -318,47 +340,47 @@ const et = "av-bubble", ee = "av-button", tt = (e) => {
   focusMode: n,
   disabled: o,
   fullWidth: c,
-  size: s,
-  noBorder: p,
+  size: d,
+  noBorder: m,
   labelRight: g,
-  labelLeft: h,
-  spacing: b,
-  noBackground: u,
-  variant: d,
-  noTruncate: m,
+  labelLeft: p,
+  spacing: u,
+  noBackground: b,
+  variant: s,
+  noTruncate: h,
   align: y
-}) => (d || (d = "primary"), r ? l(ee, t) : l(
+}) => (s || (s = "primary"), r ? l(ee, t) : l(
   ee,
   t,
-  tt(b),
-  nt({ mode: a, variant: d, noBackground: u, noTruncate: m }),
-  ot({ type: e, size: s, labelRight: g, labelLeft: h, align: y }),
-  dt({ mode: a, variant: d, noBorder: p }),
-  lt({ focusMode: n }),
-  it({ mode: a, variant: d, disabled: o }),
-  st({ mode: a, variant: d, disabled: o }),
+  ot(u),
+  dt({ mode: a, variant: s, noBackground: b, noTruncate: h }),
+  st({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
+  gt({ mode: a, variant: s, noBorder: m }),
+  ut({ focusMode: n }),
+  lt({ mode: a, variant: s, disabled: o }),
+  ct({ mode: a, variant: s, disabled: o }),
   {
     "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), ct = (e, t, r) => {
+)), mt = (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);
-}, K = S.forwardRef((e, t) => {
+}, F = C.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ i(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        ct(o, a, r);
+        mt(o, a, r);
       },
       ...n
     }
   );
 });
-K.displayName = "BaseButton";
-const pe = S.forwardRef(
+F.displayName = "BaseButton";
+const be = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -367,58 +389,58 @@ const pe = S.forwardRef(
     fullWidth: n = !1,
     className: o,
     type: c = "button",
-    raw: s = !1,
-    noBorder: p = !1,
+    raw: d = !1,
+    noBorder: m = !1,
     "aria-label": g,
-    label: h,
-    size: b = "medium",
-    labelRight: u,
-    labelLeft: d,
-    spacing: m,
+    label: p,
+    size: u = "medium",
+    labelRight: b,
+    labelLeft: s,
+    spacing: h,
     noBackground: y = !1,
     align: N = "center",
     ...w
-  }, E) => {
-    const k = he({
+  }, k) => {
+    const x = pe({
       type: W,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
-      noBorder: p,
-      size: b,
-      labelRight: u,
-      labelLeft: d,
-      spacing: m,
+      noBorder: m,
+      size: u,
+      labelRight: b,
+      labelLeft: s,
+      spacing: h,
       noBackground: y,
       align: N
-    }), x = l({
-      "text-copy-accent-dark": r === "light" && !s,
-      "text-copy-light": r === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !s
+    }), E = l({
+      "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,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
     });
     return /* @__PURE__ */ v(
-      K,
+      F,
       {
-        ref: E,
-        className: k,
+        ref: k,
+        className: x,
         disabled: t,
         type: c,
-        "aria-label": g || h,
+        "aria-label": g || p,
         ...w,
         children: [
-          d && /* @__PURE__ */ i("span", { className: "pr-2", children: d }),
-          /* @__PURE__ */ i("div", { className: x, children: e }),
-          u && /* @__PURE__ */ i("span", { className: "pl-2", children: u })
+          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
+          /* @__PURE__ */ i("div", { className: E, children: e }),
+          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
         ]
       }
     );
   }
 );
-pe.displayName = "ButtonIcon";
+be.displayName = "ButtonIcon";
 /*!
   @versini/ui-button v1.1.11
   © 2024 gizmette.com
@@ -432,7 +454,7 @@ try {
   });
 } catch {
 }
-const gt = S.forwardRef(
+const ht = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -441,40 +463,40 @@ const gt = S.forwardRef(
     fullWidth: n = !1,
     className: o,
     type: c = "button",
-    raw: s = !1,
-    noBorder: p = !1,
+    raw: d = !1,
+    noBorder: m = !1,
     "aria-label": g,
-    label: h,
-    size: b = "medium",
-    labelRight: u,
-    labelLeft: d,
-    spacing: m,
+    label: p,
+    size: u = "medium",
+    labelRight: b,
+    labelLeft: s,
+    spacing: h,
     noBackground: y = !1,
     align: N = "center",
     active: w = !1,
-    ...E
-  }, k) => {
-    const x = he({
+    ...k
+  }, x) => {
+    const E = pe({
       type: W,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
-      noBorder: p,
-      size: b,
-      labelRight: u,
-      labelLeft: d,
-      spacing: m,
+      noBorder: m,
+      size: u,
+      labelRight: b,
+      labelLeft: s,
+      spacing: h,
       noBackground: y,
       align: N
-    }), R = l({
-      "text-copy-accent-dark": r === "light" && !s,
-      "text-copy-light": r === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !s
-    }), T = w ? l(
+    }), T = l({
+      "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,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    }), z = w ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -491,26 +513,26 @@ const gt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ v(
-      K,
+    return /* @__PURE__ */ i("div", { className: z, children: /* @__PURE__ */ v(
+      F,
       {
-        ref: k,
-        className: x,
+        ref: x,
+        className: E,
         disabled: t,
         type: c,
-        "aria-label": g || h,
-        ...E,
+        "aria-label": g || p,
+        ...k,
         children: [
-          d && /* @__PURE__ */ i("span", { className: "pr-2", children: d }),
-          /* @__PURE__ */ i("div", { className: R, children: e }),
-          u && /* @__PURE__ */ i("span", { className: "pl-2", children: u })
+          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
+          /* @__PURE__ */ i("div", { className: T, children: e }),
+          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
         ]
       }
     ) });
   }
 );
-gt.displayName = "ButtonSort";
-const ut = (e) => {
+ht.displayName = "ButtonSort";
+const pt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -519,7 +541,7 @@ 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;
-}, be = ({
+}, fe = ({
   children: e,
   fill: t,
   viewBox: r,
@@ -527,30 +549,30 @@ const ut = (e) => {
   defaultViewBox: n,
   defaultClassName: o,
   spacing: c,
-  title: s,
-  semantic: p = !1,
+  title: d,
+  semantic: m = !1,
   ...g
 }) => {
-  const h = ut(c), b = l(
-    h,
+  const p = pt(c), u = l(
+    p,
     a || o
   );
-  return /* @__PURE__ */ v($, { children: [
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ i(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: b,
+        className: u,
         viewBox: r || n,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !p,
+        "aria-hidden": !m,
         focusable: !1,
         ...g,
         children: e
       }
     ),
-    s && p && /* @__PURE__ */ i("span", { className: "sr-only", children: s })
+    d && m && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
   ] });
 };
 /*!
@@ -566,7 +588,7 @@ try {
   });
 } catch {
 }
-const mt = ({
+const bt = ({
   className: e,
   viewBox: t,
   spacing: r,
@@ -574,7 +596,7 @@ const mt = ({
   monotone: n,
   ...o
 }) => /* @__PURE__ */ v(
-  be,
+  fe,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -594,7 +616,7 @@ const mt = ({
       /* @__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" })
     ]
   }
-), ht = ({
+), ft = ({
   className: e,
   viewBox: t,
   spacing: r,
@@ -602,7 +624,7 @@ const mt = ({
   monotone: n,
   ...o
 }) => /* @__PURE__ */ i(
-  be,
+  fe,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -627,7 +649,7 @@ try {
   });
 } catch {
 }
-const pt = (e) => {
+const yt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -636,36 +658,36 @@ const pt = (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;
-}, bt = () => "p-4 sm:max-w-md md:max-w-2xl", ft = ({ kind: e }) => l({
+}, vt = () => "p-4 sm:max-w-md md:max-w-2xl", kt = ({ kind: e }) => l({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), yt = ({ kind: e }) => l(
+}), xt = ({ kind: e }) => l(
   "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"
   }
-), vt = ({ kind: e }) => l("rounded-b-xl", {
+), Tt = ({ kind: e }) => l("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), kt = ({
+}), _t = ({
   kind: e,
   className: t,
   spacing: r
 }) => {
   const a = l(
     t,
-    et,
+    at,
     "flex items-start",
-    pt(r),
+    yt(r),
     {
       "flex-row-reverse": e === "right"
     }
   ), n = l(
     "flex flex-col empty:hidden",
-    bt(),
-    yt({ kind: e }),
-    ft({ kind: e }),
-    vt({ kind: e })
+    vt(),
+    xt({ kind: e }),
+    kt({ kind: e }),
+    Tt({ kind: e })
   ), o = "pr-2 pt-1 text-end text-xs text-copy-light", c = l("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
@@ -676,7 +698,7 @@ const pt = (e) => {
     footer: o,
     copyButton: c
   };
-}, xt = ({
+}, Nt = ({
   children: e,
   kind: t = "left",
   className: r,
@@ -684,45 +706,45 @@ const pt = (e) => {
   rawFooter: n,
   copyToClipboard: o,
   copyToClipboardFocusMode: c = "system",
-  copyToClipboardMode: s = "system",
-  spacing: p
+  copyToClipboardMode: d = "system",
+  spacing: m
 }) => {
-  const [g, h] = M(!1), b = kt({ kind: t, className: r, spacing: p }), u = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), d = () => {
-    h(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [g, p] = A(!1), u = _t({ kind: t, className: r, spacing: m }), b = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), s = () => {
+    p(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return _(() => {
-    let m;
-    return g && (m = window.setTimeout(() => {
-      h(!1);
+    let h;
+    return g && (h = window.setTimeout(() => {
+      p(!1);
     }, 3e3)), () => {
-      clearTimeout(m);
+      clearTimeout(h);
     };
-  }, [g]), /* @__PURE__ */ v("div", { className: b.wrapper, children: [
+  }, [g]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ i("div", { className: b.main, children: e }),
-      a && Object.keys(a).map((m) => a[m] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: b.footer, children: [
-        m,
+      /* @__PURE__ */ i("div", { className: u.main, children: e }),
+      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
+        h,
         ": ",
-        a[m]
-      ] }) }, `-${m}`) : null),
+        a[h]
+      ] }) }, `-${h}`) : null),
       n && n
     ] }),
-    u && /* @__PURE__ */ i("div", { className: b.copyButton, children: /* @__PURE__ */ i(
-      pe,
+    b && /* @__PURE__ */ i("div", { className: u.copyButton, children: /* @__PURE__ */ i(
+      be,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: s,
+        mode: d,
         focusMode: c,
         label: g ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: d,
+        onClick: s,
         disabled: g,
-        children: g ? /* @__PURE__ */ i(mt, { className: "size-3" }) : /* @__PURE__ */ i(ht, { className: "size-3" })
+        children: g ? /* @__PURE__ */ i(bt, { className: "size-3" }) : /* @__PURE__ */ i(ft, { className: "size-3" })
       }
     ) })
   ] });
-}, te = "av-button", Tt = (e) => {
+}, te = "av-button", wt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -731,28 +753,28 @@ const pt = (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", _t = "link", Nt = ({
+}, ye = "icon", ve = "button", Et = "link", It = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", s = "text-lg font-medium max-h-12 py-2";
+  const o = "text-sm font-medium max-h-8 py-0", c = "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 l("px-4", {
         [o]: t === "small",
         [c]: t === "medium",
-        [s]: t === "large"
+        [d]: t === "large"
       });
-    case _t:
+    case Et:
       return l("px-4 text-center", {
         [o]: t === "small",
         [c]: t === "medium",
-        [s]: t === "large"
+        [d]: t === "large"
       });
-    case fe:
+    case ye:
       return l("inline-flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
@@ -765,7 +787,7 @@ const pt = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, wt = ({
+}, Ct = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -797,7 +819,7 @@ const pt = (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"
     });
-}, Et = ({
+}, St = ({
   mode: e,
   disabled: t,
   variant: r
@@ -825,7 +847,7 @@ const pt = (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"
     });
-}, Ct = ({
+}, Rt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -853,7 +875,7 @@ const pt = (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 = ({
+}, Bt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -881,12 +903,12 @@ const pt = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, St = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, At = ({ focusMode: e }) => l("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,
@@ -894,47 +916,47 @@ const pt = (e) => {
   focusMode: n,
   disabled: o,
   fullWidth: c,
-  size: s,
-  noBorder: p,
+  size: d,
+  noBorder: m,
   labelRight: g,
-  labelLeft: h,
-  spacing: b,
-  noBackground: u,
-  variant: d,
-  noTruncate: m,
+  labelLeft: p,
+  spacing: u,
+  noBackground: b,
+  variant: s,
+  noTruncate: h,
   align: y
-}) => (d || (d = "primary"), r ? l(te, t) : l(
+}) => (s || (s = "primary"), r ? l(te, t) : l(
   te,
   t,
-  Tt(b),
-  wt({ mode: a, variant: d, noBackground: u, noTruncate: m }),
-  Nt({ type: e, size: s, labelRight: g, labelLeft: h, align: y }),
-  It({ mode: a, variant: d, noBorder: p }),
-  St({ focusMode: n }),
-  Et({ mode: a, variant: d, disabled: o }),
-  Ct({ mode: a, variant: d, disabled: o }),
+  wt(u),
+  Ct({ mode: a, variant: s, noBackground: b, noTruncate: h }),
+  It({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
+  Bt({ mode: a, variant: s, noBorder: m }),
+  At({ focusMode: n }),
+  St({ mode: a, variant: s, disabled: o }),
+  Rt({ mode: a, variant: s, disabled: o }),
   {
     "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), Rt = (e, t, r) => {
+)), Mt = (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);
-}, Y = S.forwardRef((e, t) => {
+}, K = C.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ i(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        Rt(o, a, r);
+        Mt(o, a, r);
       },
       ...n
     }
   );
 });
-Y.displayName = "BaseButton";
-const ke = S.forwardRef(
+K.displayName = "BaseButton";
+const xe = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -943,40 +965,40 @@ const ke = S.forwardRef(
     fullWidth: n = !1,
     className: o,
     size: c = "medium",
-    raw: s = !1,
-    noBorder: p = !1,
+    raw: d = !1,
+    noBorder: m = !1,
     spacing: g,
-    variant: h = "primary",
-    noTruncate: b = !1,
-    ...u
-  }, d) => {
-    const m = ve({
-      type: ye,
+    variant: p = "primary",
+    noTruncate: u = !1,
+    ...b
+  }, s) => {
+    const h = ke({
+      type: ve,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
       size: c,
-      noBorder: p,
+      noBorder: m,
       spacing: g,
-      variant: h,
-      noTruncate: b
+      variant: p,
+      noTruncate: u
     });
     return /* @__PURE__ */ i(
-      Y,
+      K,
       {
-        ref: d,
-        className: m,
+        ref: s,
+        className: h,
         disabled: t,
-        ...u,
+        ...b,
         children: e
       }
     );
   }
 );
-ke.displayName = "Button";
+xe.displayName = "Button";
 /*!
   @versini/ui-button v1.1.11
   © 2024 gizmette.com
@@ -990,7 +1012,7 @@ try {
   });
 } catch {
 }
-const Bt = S.forwardRef(
+const Lt = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -999,40 +1021,40 @@ const Bt = S.forwardRef(
     fullWidth: n = !1,
     className: o,
     type: c = "button",
-    raw: s = !1,
-    noBorder: p = !1,
+    raw: d = !1,
+    noBorder: m = !1,
     "aria-label": g,
-    label: h,
-    size: b = "medium",
-    labelRight: u,
-    labelLeft: d,
-    spacing: m,
+    label: p,
+    size: u = "medium",
+    labelRight: b,
+    labelLeft: s,
+    spacing: h,
     noBackground: y = !1,
     align: N = "center",
     active: w = !1,
-    ...E
-  }, k) => {
-    const x = ve({
-      type: fe,
+    ...k
+  }, x) => {
+    const E = ke({
+      type: ye,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
-      noBorder: p,
-      size: b,
-      labelRight: u,
-      labelLeft: d,
-      spacing: m,
+      noBorder: m,
+      size: u,
+      labelRight: b,
+      labelLeft: s,
+      spacing: h,
       noBackground: y,
       align: N
-    }), R = l({
-      "text-copy-accent-dark": r === "light" && !s,
-      "text-copy-light": r === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !s
-    }), T = w ? l(
+    }), T = l({
+      "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,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    }), z = w ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1049,28 +1071,28 @@ const Bt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ v(
-      Y,
+    return /* @__PURE__ */ i("div", { className: z, children: /* @__PURE__ */ v(
+      K,
       {
-        ref: k,
-        className: x,
+        ref: x,
+        className: E,
         disabled: t,
         type: c,
-        "aria-label": g || h,
-        ...E,
+        "aria-label": g || p,
+        ...k,
         children: [
-          d && /* @__PURE__ */ i("span", { className: "pr-2", children: d }),
-          /* @__PURE__ */ i("div", { className: R, children: e }),
-          u && /* @__PURE__ */ i("span", { className: "pl-2", children: u })
+          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
+          /* @__PURE__ */ i("div", { className: T, children: e }),
+          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
         ]
       }
     ) });
   }
 );
-Bt.displayName = "ButtonSort";
-const At = 200, Mt = ({
+Lt.displayName = "ButtonSort";
+const Ot = 200, $t = ({
   string: e,
-  idealLength: t = At
+  idealLength: t = Ot
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1081,30 +1103,30 @@ const At = 200, Mt = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, Lt = ({
+}, Ut = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [n, o] = M(!1);
+  const [n, o] = A(!1);
   if (typeof e != "string")
     return e;
-  const { string: c, isTruncated: s } = Mt({
+  const { string: c, isTruncated: d } = $t({
     string: e,
     idealLength: t
   });
   return /* @__PURE__ */ v("span", { children: [
     n ? e : c,
-    s && /* @__PURE__ */ i(
-      ke,
+    d && /* @__PURE__ */ i(
+      xe,
       {
         mode: r,
         focusMode: a,
         spacing: { l: 2 },
         size: "small",
-        onClick: (p) => {
-          p.preventDefault(), o(!n);
+        onClick: (m) => {
+          m.preventDefault(), o(!n);
         },
         children: n ? "less..." : "more..."
       }
@@ -1124,17 +1146,17 @@ try {
   });
 } catch {
 }
-const re = Pe(
+const re = Fe(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.Bq--JTre.js"
+    "./LazyMessageAssistant.KzZAMNJh.js"
   ).then((e) => e.LazyMessageAssistant)
-), Ot = () => {
-  const { state: e } = A(U);
-  return /* @__PURE__ */ v($, { children: [
+), zt = () => {
+  const { state: e } = R($);
+  return /* @__PURE__ */ v(O, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
       const { role: a, content: n, name: o, processingTime: c } = t.message;
-      return (a === C || a === P) && n ? /* @__PURE__ */ i(X, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
+      return (a === I || a === G) && n ? /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
         re,
         {
           name: o,
@@ -1142,117 +1164,117 @@ const re = Pe(
           children: n
         }
       ) }, `${r}-${a}`) : a === H && n ? /* @__PURE__ */ i(
-        xt,
+        Nt,
         {
           kind: "right",
           copyToClipboard: n,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ i(Lt, { mode: "light", focusMode: "light", children: n })
+          children: /* @__PURE__ */ i(Ut, { mode: "light", focusMode: "light", children: n })
         },
         `${r}-${a}`
       ) : null;
     }),
-    ne(H, e) && /* @__PURE__ */ i(X, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(re, { loading: !0 }) })
+    ie(H, e) && /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(re, { loading: !0 }) })
   ] });
-}, O = (e, t) => {
+}, L = (e, t) => {
   e({
-    type: ce,
+    type: ge,
     payload: {
       streaming: t
     }
   });
 }, ae = (e) => {
-  O(e, !1), e({
-    type: B,
+  L(e, !1), e({
+    type: S,
     payload: {
       message: {
-        role: P,
-        content: Re
+        role: G,
+        content: Be
       }
     }
   });
-}, $t = () => {
-  const { state: e, dispatch: t } = A(U), { state: r, dispatch: a } = A(G), [n, o] = M(""), { getAccessToken: c, user: s } = V(), p = I(!1), g = I(null), h = I(
+}, Vt = () => {
+  const { state: e, dispatch: t } = R($), { state: r, dispatch: a } = R(j), [n, o] = A(""), { getAccessToken: c, user: d } = U(), m = B(null), g = B(
     null
   );
   _(() => {
     (async () => {
-      var d;
+      var b;
       if (!e || e.messages.length === 0) {
-        (d = h == null ? void 0 : h.current) == null || d.cancel();
+        (b = g == null ? void 0 : g.current) == null || b.cancel();
         return;
       }
       const u = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || u.message.role === C || u.message.role === Ee || u.message.role === P || u.message.role === Ce))
+      if (!(e.messages.length === 0 || u.message.role === I || u.message.role === Ie || u.message.role === G || u.message.role === Ce))
         try {
-          const m = await je({
+          const s = await Ge({
             accessToken: await c(),
             name: "generate",
             data: {
               messages: e.messages,
-              model: e.engine || L,
-              user: (s == null ? void 0 : s.username) || "",
+              model: e.engine || M,
+              user: (d == null ? void 0 : d.username) || "",
               id: e.id,
               usage: e.usage
             }
           });
-          if (m && m.ok) {
-            const y = F();
-            h.current = m.body.getReader();
-            const N = new TextDecoder();
+          if (s && s.ok) {
+            const h = P();
+            g.current = s.body.getReader();
+            const y = new TextDecoder();
             for (; ; ) {
-              O(t, !0);
-              const { done: w, value: E } = await h.current.read();
-              if (w) {
-                O(t, !1);
+              L(t, !0);
+              const { done: N, value: w } = await g.current.read();
+              if (N) {
+                L(t, !1);
                 break;
               }
-              const k = N.decode(E, { stream: !0 }), x = k.indexOf(q);
+              const k = y.decode(w, { stream: !0 }), x = k.indexOf(q);
               if (x !== -1) {
-                const R = k.substring(0, x), T = JSON.parse(
+                const E = k.substring(0, x), T = JSON.parse(
                   k.substring(x + q.length)
                 );
                 t({
-                  type: de,
+                  type: le,
                   payload: {
                     model: T.model,
                     usage: T.usage
                   }
                 }), t({
-                  type: B,
+                  type: S,
                   payload: {
                     message: {
-                      content: R,
-                      role: C,
-                      messageId: y,
+                      content: E,
+                      role: I,
+                      messageId: h,
                       processingTime: T.processingTime,
                       name: T.name
                     }
                   }
-                }), O(t, !1);
+                }), L(t, !1);
                 break;
               } else
                 t({
-                  type: B,
+                  type: S,
                   payload: {
                     message: {
                       content: k,
-                      role: C,
-                      messageId: y
+                      role: I,
+                      messageId: h
                     }
                   }
                 });
             }
           } else
             ae(t);
-        } catch (m) {
-          console.error(m), ae(t);
+        } catch (s) {
+          console.error(s), ae(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
-  const b = async (u) => {
+  const p = async (u) => {
     u.preventDefault(), t({
-      type: B,
+      type: S,
       payload: {
         message: {
           role: H,
@@ -1262,67 +1284,67 @@ const re = Pe(
     }), o("");
   };
   return _(() => {
-    (e == null ? void 0 : e.streaming) === !1 && !p.current && g.current && (p.current = !0, g.current.focus()), (e == null ? void 0 : e.streaming) === !0 && p.current === !0 && (p.current = !1);
-  }, [e]), _(() => {
-    r.tag !== "" && (o(r.tag), g.current && g.current.focus(), a({
-      type: le
+    r.tag !== "" && (o(r.tag), m.current && m.current.focus(), a({
+      type: ce
     }));
-  }, [r, a]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: b, children: /* @__PURE__ */ i(
-    He,
+  }, [r, a]), _(() => {
+    e && e.usage === 0 && e.messages.length === 0 && m.current && m.current.focus();
+  }, [e]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: p, children: /* @__PURE__ */ i(
+    Pe,
     {
       mode: "dark",
       focusMode: "light",
-      ref: g,
+      ref: m,
       name: "chat-input",
-      label: Ie,
+      label: Se,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
       value: n,
       onChange: (u) => o(u.target.value),
-      onKeyDown: Ye([["mod+Enter", b]]),
+      onKeyDown: Je([["mod+Enter", p]]),
       rightElement: /* @__PURE__ */ i(
-        j,
+        ne,
         {
           disabled: e == null ? void 0 : e.streaming,
           noBorder: !0,
           type: "submit",
           mode: "light",
           focusMode: "light",
-          children: Se
+          children: Re
         }
       )
     }
   ) });
-}, Ut = () => {
-  const { isAuthenticated: e } = V(), t = Be(e);
-  return /* @__PURE__ */ v($, { children: [
+}, Dt = () => {
+  const { isAuthenticated: e } = U(), t = Ae(e);
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v("div", { className: t, children: [
-      /* @__PURE__ */ i(Ae, {}),
-      /* @__PURE__ */ i(Ot, {})
+      /* @__PURE__ */ i(Me, {}),
+      /* @__PURE__ */ i(zt, {})
     ] }),
-    /* @__PURE__ */ i(Ze, {}),
-    /* @__PURE__ */ i($t, {})
+    /* @__PURE__ */ i(rt, {}),
+    /* @__PURE__ */ i(Vt, {})
   ] });
-}, Vt = (e, t) => (t == null ? void 0 : t.type) === se ? {
+}, Ht = (e, t) => (t == null ? void 0 : t.type) === de ? {
   tags: e.tags,
   tag: t.payload.tag
-} : (t == null ? void 0 : t.type) === le ? {
+} : (t == null ? void 0 : t.type) === ce ? {
   tags: e.tags,
   tag: ""
 } : (t == null ? void 0 : t.type) === oe ? {
   tags: t.payload.tags,
   tag: ""
-} : e, zt = (e, t) => (t == null ? void 0 : t.type) === Me ? {
+} : e, jt = (e, t) => (t == null ? void 0 : t.type) === Le ? {
   searchString: t.payload.searchString,
   sortedCell: e.sortedCell,
   sortDirection: e.sortDirection
-} : (t == null ? void 0 : t.type) === Le ? {
+} : (t == null ? void 0 : t.type) === Oe ? {
   searchString: e.searchString,
   sortedCell: t.payload.sortedCell,
   sortDirection: t.payload.sortDirection
-} : e, Dt = (e, t) => {
-  if ((t == null ? void 0 : t.type) === Oe) {
+} : e, Gt = (e, t) => {
+  if ((t == null ? void 0 : t.type) === $e) {
     const r = t.payload.messages.map((a) => ({
       message: {
         role: a.role,
@@ -1341,29 +1363,29 @@ const re = Pe(
       tags: e.tags
     };
   }
-  if ((t == null ? void 0 : t.type) === B) {
+  if ((t == null ? void 0 : t.type) === S) {
     const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, c = t.payload.message.messageId;
     if (r !== "") {
-      const s = {
+      const d = {
         role: r,
         content: a,
         name: n,
         processingTime: o,
         messageId: c
       };
-      if (r === C) {
-        const p = e.messages.findIndex(
+      if (r === I) {
+        const m = e.messages.findIndex(
           (g) => g.message.messageId === c
         );
-        if (p !== -1) {
-          const g = e.messages.map((h, b) => b === p ? {
+        if (m !== -1) {
+          const g = e.messages.map((p, u) => u === m ? {
             message: {
-              ...h.message,
-              content: `${h.message.content}${a}`,
+              ...p.message,
+              content: `${p.message.content}${a}`,
               processingTime: o,
               name: n
             }
-          } : h);
+          } : p);
           return {
             id: e.id,
             model: e.model,
@@ -1385,21 +1407,21 @@ const re = Pe(
         messages: [
           ...e.messages,
           {
-            message: s
+            message: d
           }
         ]
       };
     }
   }
-  return (t == null ? void 0 : t.type) === ie ? {
-    id: F(),
+  return (t == null ? void 0 : t.type) === se ? {
+    id: P(),
     model: e.model,
     engine: e.engine,
     usage: 0,
     messages: [],
     isComponent: e.isComponent,
     tags: e.tags
-  } : (t == null ? void 0 : t.type) === de ? {
+  } : (t == null ? void 0 : t.type) === le ? {
     id: e.id,
     model: t.payload.model,
     engine: e.engine,
@@ -1407,91 +1429,91 @@ const re = Pe(
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === ge ? {
+  } : (t == null ? void 0 : t.type) === ue ? {
     ...e,
     engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === ce ? {
+  } : (t == null ? void 0 : t.type) === ge ? {
     ...e,
     streaming: t.payload.streaming
   } : e;
 };
-function xe({ isComponent: e = !1 }) {
-  const t = I(!1), { getAccessToken: r, user: a } = V(), [n] = Q({
-    key: J + ze,
+function Te({ isComponent: e = !1 }) {
+  const t = B(!1), { getAccessToken: r, user: a } = U(), [n] = J({
+    key: X + De,
     initialValue: ""
-  }), [o] = Q({
-    key: J + De,
-    initialValue: Ge.ASC
-  }), [c, s] = z(Dt, {
-    id: F(),
-    model: L,
-    engine: L,
+  }), [o] = J({
+    key: X + He,
+    initialValue: We.ASC
+  }), [c, d] = V(Gt, {
+    id: P(),
+    model: M,
+    engine: M,
     usage: 0,
     messages: [],
     tags: [],
     isComponent: e
-  }), [p, g] = z(zt, {
+  }), [m, g] = V(jt, {
     searchString: n,
     sortedCell: "timestamp",
     sortDirection: o
-  }), [h, b] = z(Vt, {
+  }), [p, u] = V(Ht, {
     tag: ""
-  }), [u, d] = M({
+  }), [b, s] = A({
     version: "",
     models: [],
     plugins: [],
-    engine: L,
+    engine: M,
     engines: []
   });
   return _(() => {
-    u.version !== "" || t.current || (async () => {
+    b.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
-        const m = await ue({
+        const h = await me({
           accessToken: await r(),
-          type: me.ABOUT,
+          type: he.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, m.status === 200 && (d(m.data), s({
-          type: ge,
+        t.current = !1, h.status === 200 && (s(h.data), d({
+          type: ue,
           payload: {
-            engine: m.data.engine
+            engine: h.data.engine
           }
         }));
       } catch {
       }
     })();
-  }, [u, r, a]), _(() => {
-    var m;
-    (m = document.getElementById("logo")) == null || m.classList.add("fadeOut"), setTimeout(() => {
+  }, [b, r, a]), _(() => {
+    var h;
+    (h = document.getElementById("logo")) == null || h.classList.add("fadeOut"), setTimeout(() => {
       var y;
       (y = document.getElementById("root")) == null || y.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ i(U.Provider, { value: { state: c, dispatch: s, serverStats: u }, children: /* @__PURE__ */ i(
-    $e.Provider,
+  }), /* @__PURE__ */ i($.Provider, { value: { state: c, dispatch: d, serverStats: b }, children: /* @__PURE__ */ i(
+    Ue.Provider,
     {
       value: {
-        state: p,
+        state: m,
         dispatch: g
       },
       children: /* @__PURE__ */ v(
-        G.Provider,
+        j.Provider,
         {
-          value: { state: h, dispatch: b },
+          value: { state: p, dispatch: u },
           children: [
-            /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(Ut, {}) }),
-            /* @__PURE__ */ i(Ve, { serverStats: u })
+            /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Dt, {}) }),
+            /* @__PURE__ */ i(Ve, { serverStats: b })
           ]
         }
       )
     }
   ) });
 }
-xe.displayName = "App";
-const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: xe }, Symbol.toStringTag, { value: "Module" }));
+Te.displayName = "App";
+const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Wt as App,
-  xt as le
+  qt as App,
+  Nt as le
 };