@versini/sassysaint 5.5.2 → 5.5.4

package/dist/chunks/{LazyApp.TMfqkS0t.js → LazyApp.S1jb7TzH.js}

@@ -1,9 +1,36 @@
-import { jsx as s, jsxs as f, Fragment as R } from "react/jsx-runtime";
-import { ACTION_RESTORE as xe, ACTION_MESSAGE as C, ROLE_ASSISTANT as S, ACTION_RESET as Te, ACTION_MODEL as oe, ACTION_ENGINE as ie, ACTION_STREAMING as de, ACTION_SORT as _e, ACTION_SEARCH as we, ACTION_SET_TAGS as se, ACTION_RESET_TAGS as ne, ACTION_TOGGLE_TAG as le, ROLE_INTERNAL as G, ROLE_USER as D, isLastMessageFromRole as Ne, un as O, getMessageContaintWrapperClass as Ee, MessagesContainerHeader as Ie, ROLE_SYSTEM as Ce, ROLE_HIDDEN as Se, DEFAULT_AI_ENGINE as A, STATS_SEPARATOR as Y, CLIPBOARD_TAG as q, TYPE_QUESTION as Re, C as ce, SEND as Be, ERROR_MESSAGE as Ae, L as Me, j as Le, _ as Oe, LOCAL_STORAGE_PREFIX as J, LOCAL_STORAGE_SEARCH as ze, LOCAL_STORAGE_SORT as Ue } from "./index.CSNLtEls.js";
-import { AppContext as H, TagsContext as j, restCall as Ve, Fe as De, NewChatButton as $e, serviceCall as ge, SERVICE_TYPES as me, E as Q, HistoryContext as Ge, f as He } from "./index.DL3JlbtG.js";
-import I, { useState as B, useEffect as E, lazy as je, useContext as L, Suspense as X, useRef as $, useReducer as U } from "react";
-import d from "clsx";
-function Pe(e) {
+import { jsxs as v, jsx as n, Fragment as G } from "react/jsx-runtime";
+import { g as Te, ACTION_RESTORE as we, ACTION_MESSAGE as B, ROLE_ASSISTANT as A, ACTION_RESET as _e, ACTION_MODEL as ie, ACTION_ENGINE as ne, ACTION_STREAMING as se, ACTION_SORT as Ne, ACTION_SEARCH as Ce, ACTION_SET_TAGS as de, ACTION_RESET_TAGS as ce, ACTION_TOGGLE_TAG as le, un as z, ROLE_SYSTEM as Ee, ROLE_INTERNAL as j, ROLE_HIDDEN as Se, DEFAULT_AI_ENGINE as L, STATS_SEPARATOR as Y, CLIPBOARD_TAG as J, TYPE_QUESTION as Ie, C as ge, SEND as Re, ERROR_MESSAGE as Be, ROLE_USER as $, L as Ae, j as Me, isLastMessageFromRole as Le, getMessageContaintWrapperClass as Oe, O as ze, MessagesContainerHeader as Ue, _ as Ve, LOCAL_STORAGE_PREFIX as Q, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as $e } from "./index.CzDghV-_.js";
+import { AppContext as M, TagsContext as F, restCall as He, Fe as Ge, NewChatButton as je, serviceCall as me, SERVICE_TYPES as ue, E as X, HistoryContext as Fe, f as Pe } from "./index.DDfeTSEr.js";
+import R, { useRef as _, useEffect as k, useCallback as H, useState as N, useMemo as We, useContext as I, lazy as Ke, Suspense as Z, useLayoutEffect as qe, useReducer as V } from "react";
+import s from "clsx";
+const Ye = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ v(
+  Te,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Down",
+    ...o,
+    children: [
+      /* @__PURE__ */ n(
+        "path",
+        {
+          opacity: a ? "1" : "0.4",
+          d: "M160 370.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V370.7l-32 32-32-32z"
+        }
+      ),
+      /* @__PURE__ */ n("path", { d: "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7 54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" })
+    ]
+  }
+);
+function Je(e) {
   const t = e.toLowerCase().split("+").map((i) => i.trim()), r = {
     alt: t.includes("alt"),
     ctrl: t.includes("ctrl"),
@@ -16,54 +43,81 @@ function Pe(e) {
     key: o
   };
 }
-function We(e, t) {
-  const { alt: r, ctrl: a, meta: o, mod: i, shift: g, key: n } = e, { altKey: l, ctrlKey: m, metaKey: b, shiftKey: h, key: c } = t;
-  if (r !== l)
+function Qe(e, t) {
+  const { alt: r, ctrl: a, meta: o, mod: i, shift: l, key: d } = e, { altKey: c, ctrlKey: m, metaKey: u, shiftKey: b, key: g } = t;
+  if (r !== c)
     return !1;
   if (i) {
-    if (!m && !b)
+    if (!m && !u)
       return !1;
-  } else if (a !== m || o !== b)
+  } else if (a !== m || o !== u)
     return !1;
-  return g !== h ? !1 : !!(n && (c.toLowerCase() === n.toLowerCase() || t.code.replace("Key", "").toLowerCase() === n.toLowerCase()));
+  return l !== b ? !1 : !!(d && (g.toLowerCase() === d.toLowerCase() || t.code.replace("Key", "").toLowerCase() === d.toLowerCase()));
 }
-function Fe(e) {
-  return (t) => We(Pe(e), t);
+function Xe(e) {
+  return (t) => Qe(Je(e), t);
 }
-function Ke(e) {
+function Ze(e) {
   return (t) => {
     const r = "nativeEvent" in t ? t.nativeEvent : t;
     e.forEach(([a, o, i = { preventDefault: !0 }]) => {
-      Fe(a)(r) && (i.preventDefault && t.preventDefault(), o(r));
+      Xe(a)(r) && (i.preventDefault && t.preventDefault(), o(r));
     });
   };
 }
+function et() {
+  const e = _(!1);
+  return k(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), H(() => e.current, []);
+}
+const tt = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function rt(e) {
+  const t = et(), r = _(0), a = _(null), [o, i] = N(tt), l = We(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const c = d[0];
+    c && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      a.current && t() && i(c.contentRect);
+    }));
+  }), [t]);
+  return k(() => (a.current && (l == null || l.observe(a.current, e)), () => {
+    l == null || l.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [l, e]), [a, o];
+}
 const y = [];
 for (let e = 0; e < 256; ++e)
   y.push((e + 256).toString(16).slice(1));
-function Ye(e, t = 0) {
+function at(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();
 }
-let V;
-const qe = new Uint8Array(16);
-function Je() {
-  if (!V) {
+let D;
+const ot = new Uint8Array(16);
+function it() {
+  if (!D) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    V = crypto.getRandomValues.bind(crypto);
+    D = crypto.getRandomValues.bind(crypto);
   }
-  return V(qe);
+  return D(ot);
 }
-const Qe = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Z = { randomUUID: Qe };
+const nt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = { randomUUID: nt };
 function P(e, t, r) {
-  if (Z.randomUUID && !t && !e)
-    return Z.randomUUID();
+  if (ee.randomUUID && !t && !e)
+    return ee.randomUUID();
   e = e || {};
-  const a = e.random || (e.rng || Je)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ye(a);
+  const a = e.random || (e.rng || it)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, at(a);
 }
-const Xe = (e, t) => {
-  if ((t == null ? void 0 : t.type) === xe) {
+const st = (e, t) => {
+  if ((t == null ? void 0 : t.type) === we) {
     const r = t.payload.messages.map((a) => ({
       message: {
         role: a.role,
@@ -82,29 +136,29 @@ const Xe = (e, t) => {
       tags: e.tags
     };
   }
-  if ((t == null ? void 0 : t.type) === C) {
-    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, i = t.payload.message.processingTime, g = t.payload.message.messageId;
+  if ((t == null ? void 0 : t.type) === B) {
+    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, i = t.payload.message.processingTime, l = t.payload.message.messageId;
     if (r !== "") {
-      const n = {
+      const d = {
         role: r,
         content: a,
         name: o,
         processingTime: i,
-        messageId: g
+        messageId: l
       };
-      if (r === S) {
-        const l = e.messages.findIndex(
-          (m) => m.message.messageId === g
+      if (r === A) {
+        const c = e.messages.findIndex(
+          (m) => m.message.messageId === l
         );
-        if (l !== -1) {
-          const m = e.messages.map((b, h) => h === l ? {
+        if (c !== -1) {
+          const m = e.messages.map((u, b) => b === c ? {
             message: {
-              ...b.message,
-              content: `${b.message.content}${a}`,
+              ...u.message,
+              content: `${u.message.content}${a}`,
               processingTime: i,
               name: o
             }
-          } : b);
+          } : u);
           return {
             id: e.id,
             model: e.model,
@@ -126,13 +180,13 @@ const Xe = (e, t) => {
         messages: [
           ...e.messages,
           {
-            message: n
+            message: d
           }
         ]
       };
     }
   }
-  return (t == null ? void 0 : t.type) === Te ? {
+  return (t == null ? void 0 : t.type) === _e ? {
     id: P(),
     model: e.model,
     engine: e.engine,
@@ -140,7 +194,7 @@ const Xe = (e, t) => {
     messages: [],
     isComponent: e.isComponent,
     tags: e.tags
-  } : (t == null ? void 0 : t.type) === oe ? {
+  } : (t == null ? void 0 : t.type) === ie ? {
     id: e.id,
     model: t.payload.model,
     engine: e.engine,
@@ -148,22 +202,22 @@ const Xe = (e, t) => {
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === ie ? {
+  } : (t == null ? void 0 : t.type) === ne ? {
     ...e,
     engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === de ? {
+  } : (t == null ? void 0 : t.type) === se ? {
     ...e,
     streaming: t.payload.streaming
   } : e;
-}, Ze = (e, t) => {
+}, dt = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case we:
+    case Ce:
       return {
         searchString: t.payload.searchString,
         sortedCell: e.sortedCell,
         sortDirection: e.sortDirection
       };
-    case _e:
+    case Ne:
       return {
         searchString: e.searchString,
         sortedCell: t.payload.sortedCell,
@@ -172,19 +226,19 @@ const Xe = (e, t) => {
     default:
       return e;
   }
-}, et = (e, t) => {
+}, ct = (e, t) => {
   switch (t == null ? void 0 : t.type) {
     case le:
       return {
         tags: e.tags,
         tag: t.payload.tag
       };
-    case ne:
+    case ce:
       return {
         tags: e.tags,
         tag: ""
       };
-    case se:
+    case de:
       return {
         tags: t.payload.tags,
         tag: ""
@@ -192,6 +246,220 @@ const Xe = (e, t) => {
     default:
       return e;
   }
+}, O = (e, t) => {
+  e({
+    type: se,
+    payload: {
+      streaming: t
+    }
+  });
+}, te = (e) => {
+  O(e, !1), e({
+    type: B,
+    payload: {
+      message: {
+        role: j,
+        content: Be
+      }
+    }
+  });
+}, lt = () => {
+  const { state: e, dispatch: t } = I(M), { state: r, dispatch: a } = I(F), [o, i] = N(""), { getAccessToken: l, user: d } = z(), c = _(null), m = _(
+    null
+  );
+  k(() => {
+    (async () => {
+      var g;
+      if (!e || e.messages.length === 0) {
+        (g = m == null ? void 0 : m.current) == null || g.cancel();
+        return;
+      }
+      const b = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || b.message.role === A || b.message.role === Ee || b.message.role === j || b.message.role === Se))
+        try {
+          const h = await He({
+            accessToken: await l(),
+            name: "generate",
+            data: {
+              messages: e.messages,
+              model: e.engine || L,
+              user: (d == null ? void 0 : d.username) || "",
+              id: e.id,
+              usage: e.usage
+            }
+          });
+          if (h && h.ok) {
+            const p = P();
+            m.current = h.body.getReader();
+            const f = new TextDecoder();
+            for (; ; ) {
+              O(t, !0);
+              const { done: C, value: E } = await m.current.read();
+              if (C) {
+                O(t, !1);
+                break;
+              }
+              const x = f.decode(E, { stream: !0 }), T = x.indexOf(Y);
+              if (T !== -1) {
+                const S = x.substring(0, T), w = JSON.parse(
+                  x.substring(T + Y.length)
+                );
+                t({
+                  type: ie,
+                  payload: {
+                    model: w.model,
+                    usage: w.usage
+                  }
+                }), t({
+                  type: B,
+                  payload: {
+                    message: {
+                      content: S,
+                      role: A,
+                      messageId: p,
+                      processingTime: w.processingTime,
+                      name: w.name
+                    }
+                  }
+                }), O(t, !1);
+                break;
+              } else
+                t({
+                  type: B,
+                  payload: {
+                    message: {
+                      content: x,
+                      role: A,
+                      messageId: p
+                    }
+                  }
+                });
+            }
+          } else
+            te(t);
+        } catch (h) {
+          console.error(h), te(t);
+        }
+    })();
+  }, [e == null ? void 0 : e.messages]);
+  const u = async (b) => {
+    b.preventDefault(), t({
+      type: B,
+      payload: {
+        message: {
+          role: $,
+          content: o
+        }
+      }
+    }), i("");
+  };
+  return k(() => {
+    if (r.tag !== "") {
+      const b = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
+      b.indexOf(J) !== -1 ? navigator.clipboard.readText().then((h) => {
+        i(b.replace(J, h));
+      }) : i(b), c.current && c.current.focus(), a({
+        type: ce
+      });
+    }
+  }, [r, a]), k(() => {
+    e && e.usage === 0 && e.messages.length === 0 && c.current && c.current.focus();
+  }, [e]), /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n("form", { className: "mt-2", onSubmit: u, children: /* @__PURE__ */ n(
+    Ge,
+    {
+      mode: "dark",
+      focusMode: "light",
+      ref: c,
+      name: "chat-input",
+      label: Ie,
+      helperText: "Press ENTER to add a new line",
+      helperTextOnFocus: !0,
+      required: !0,
+      value: o,
+      onChange: (b) => i(b.target.value),
+      onKeyDown: Ze([["mod+Enter", u]]),
+      leftElement: /* @__PURE__ */ n(je, {}),
+      rightElement: /* @__PURE__ */ n(
+        ge,
+        {
+          disabled: e == null ? void 0 : e.streaming,
+          noBorder: !0,
+          type: "submit",
+          mode: "light",
+          focusMode: "light",
+          children: Re
+        }
+      )
+    }
+  ) }) });
+}, gt = () => {
+  const { dispatch: e, state: t } = I(F), { getAccessToken: r, user: a } = z(), [o, i] = N({
+    loaded: !1
+  }), l = "mt-2 flex justify-center rounded-md", d = (c, m) => {
+    c.preventDefault(), e({
+      type: le,
+      payload: {
+        tag: m
+      }
+    });
+  };
+  return k(() => {
+    if (!a) {
+      i({
+        loaded: !1
+      });
+      return;
+    }
+    o.loaded || (async () => {
+      try {
+        const c = await me({
+          accessToken: await r(),
+          type: ue.GET_USER_PREFERENCES,
+          params: {
+            user: a.username
+          }
+        });
+        c.status === 200 && (e({
+          type: de,
+          payload: {
+            tags: c.data.tags || []
+          }
+        }), i({
+          loaded: !0
+        }));
+      } catch {
+      }
+    })();
+  }, [a]), /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(Ae, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((c) => c.enabled && c.label && c.content && /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n("div", { className: l, children: /* @__PURE__ */ n(
+    ge,
+    {
+      noBorder: !0,
+      mode: "dark",
+      focusMode: "light",
+      size: "small",
+      onClick: (m) => d(m, c.content),
+      children: c.label
+    }
+  ) }) }, `tag-button-${c.slot}`)) }) });
+}, mt = () => {
+  const { state: e } = I(M), t = _(!1), [r, a] = N("top-[245px]");
+  return k(() => {
+    e && (!t.current && e.streaming && a("bottom-10"), t.current = !!e.streaming);
+  }, [e]), k(() => {
+    e && e.messages.length === 0 && a("top-[245px]"), e && !e.streaming && e.messages.length > 0 && a("bottom-10");
+  }, [e]), /* @__PURE__ */ v(
+    "footer",
+    {
+      className: s(
+        "md:mx-auto md:max-w-4xl w-11/12 fixed left-1/2 transform -translate-x-1/2 z-1000",
+        r
+      ),
+      children: [
+        /* @__PURE__ */ n(gt, {}),
+        /* @__PURE__ */ n(lt, {})
+      ]
+    }
+  );
 };
 /*!
   @versini/ui-bubble v2.0.11
@@ -206,29 +474,29 @@ try {
   });
 } catch {
 }
-const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link", ot = ({
+const ut = "av-bubble", re = "av-button", W = "icon", ht = "button", bt = "link", pt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0 px-2", g = "text-base font-medium max-h-9 py-1 px-3", n = "text-lg font-medium max-h-12 py-2 px-4";
+  const i = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", d = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
-    case rt:
-      return d({
+    case ht:
+      return s({
         [i]: t === "small",
-        [g]: t === "medium",
-        [n]: t === "large"
+        [l]: t === "medium",
+        [d]: t === "large"
       });
-    case at:
-      return d("text-center", {
+    case bt:
+      return s("text-center", {
         [i]: t === "small",
-        [g]: t === "medium",
-        [n]: t === "large"
+        [l]: t === "medium",
+        [d]: t === "large"
       });
     case W:
-      return d("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -240,7 +508,7 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, it = ({
+}, yt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -248,13 +516,13 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
   radius: o
 }) => {
   if (t)
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small"
     });
   if (a === "primary")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -265,7 +533,7 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -276,7 +544,7 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -287,7 +555,7 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -297,7 +565,7 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
       "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
       "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
     });
-}, dt = ({
+}, ft = ({
   mode: e,
   disabled: t,
   variant: r
@@ -305,34 +573,34 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
   if (t)
     return "";
   if (r === "primary")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "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"
     });
   if (r === "selected")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-selected-dark-hover": e === "dark",
       "hover:bg-action-selected-light-hover": e === "light",
       "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
       "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
     });
-}, st = ({
+}, vt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -340,34 +608,34 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
   if (t)
     return "";
   if (r === "primary")
-    return d("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return d("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return d("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "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"
     });
   if (r === "selected")
-    return d("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-selected-dark-active": e === "dark",
       "active:bg-action-selected-light-active": e === "light",
       "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
       "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
     });
-}, nt = ({
+}, kt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -375,100 +643,100 @@ const tt = "av-bubble", ee = "av-button", W = "icon", rt = "button", at = "link"
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return d("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return d("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return d("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
   if (r === "selected")
-    return d("border", {
+    return s("border", {
       "border-border-selected-dark": e === "dark",
       "border-border-selected-medium": e === "light",
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, lt = ({
+}, xt = ({
   focusMode: e
-}) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => 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"
-}), ue = ({
+}), he = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
   focusMode: o,
   disabled: i,
-  fullWidth: g,
-  size: n,
-  noBorder: l,
+  fullWidth: l,
+  size: d,
+  noBorder: c,
   labelRight: m,
-  labelLeft: b,
-  noBackground: h,
-  variant: c,
-  noTruncate: u,
+  labelLeft: u,
+  noBackground: b,
+  variant: g,
+  noTruncate: h,
   align: p,
-  radius: v
-}) => (c || (c = "primary"), r ? d(ee, t) : d(
-  ee,
-  it({
+  radius: f
+}) => (g || (g = "primary"), r ? s(re, t) : s(
+  re,
+  yt({
     mode: a,
-    variant: c,
-    noBackground: h,
-    noTruncate: u,
-    radius: v
+    variant: g,
+    noBackground: b,
+    noTruncate: h,
+    radius: f
   }),
-  ot({
+  pt({
     type: e,
-    size: n,
+    size: d,
     labelRight: m,
-    labelLeft: b,
+    labelLeft: u,
     align: p
   }),
-  nt({ mode: a, variant: c, noBorder: l }),
-  lt({ focusMode: o }),
-  dt({ mode: a, variant: c, disabled: i }),
-  st({ mode: a, variant: c, disabled: i }),
+  kt({ mode: a, variant: g, noBorder: c }),
+  xt({ focusMode: o }),
+  ft({ mode: a, variant: g, disabled: i }),
+  vt({ mode: a, variant: g, disabled: i }),
   {
-    "w-full": g,
+    "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": i
   },
   t
-)), ct = (e, t, r) => {
+)), Tt = (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);
-}, F = I.forwardRef((e, t) => {
+}, K = R.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (i) => {
-        ct(i, a, r);
+        Tt(i, a, r);
       },
       ...o
     }
   );
 });
-F.displayName = "BaseButton";
-const he = I.forwardRef(
+K.displayName = "BaseButton";
+const be = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -476,59 +744,59 @@ const he = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: i,
-    type: g = "button",
-    raw: n = !1,
-    noBorder: l = !1,
+    type: l = "button",
+    raw: d = !1,
+    noBorder: c = !1,
     "aria-label": m,
-    label: b,
-    size: h = "medium",
-    labelRight: c,
-    labelLeft: u,
+    label: u,
+    size: b = "medium",
+    labelRight: g,
+    labelLeft: h,
     noBackground: p = !1,
-    align: v = "center",
-    radius: _ = "large",
-    ...w
-  }, k) => {
-    const x = ue({
+    align: f = "center",
+    radius: C = "large",
+    ...E
+  }, x) => {
+    const T = he({
       type: W,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: n,
+      raw: d,
       className: i,
-      noBorder: l,
-      size: h,
-      labelRight: c,
-      labelLeft: u,
+      noBorder: c,
+      size: b,
+      labelRight: g,
+      labelLeft: h,
       noBackground: p,
-      align: v,
-      radius: _
-    }), N = d({
-      "text-copy-accent-dark": r === "light" && !n,
-      "text-copy-light": r === "dark" && !n,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !n,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !n
+      align: f,
+      radius: C
+    }), S = 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,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
     });
-    return /* @__PURE__ */ f(
-      F,
+    return /* @__PURE__ */ v(
+      K,
       {
-        ref: k,
-        className: x,
+        ref: x,
+        className: T,
         disabled: t,
-        type: g,
-        "aria-label": m || b,
-        ...w,
+        type: l,
+        "aria-label": m || u,
+        ...E,
         children: [
-          u && /* @__PURE__ */ s("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ s("div", { className: N, children: e }),
-          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
+          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ n("div", { className: S, children: e }),
+          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
         ]
       }
     );
   }
 );
-he.displayName = "ButtonIcon";
+be.displayName = "ButtonIcon";
 /*!
   @versini/ui-button v3.2.0
   © 2024 gizmette.com
@@ -542,7 +810,7 @@ try {
   });
 } catch {
 }
-const gt = I.forwardRef(
+const wt = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -550,41 +818,41 @@ const gt = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: i,
-    type: g = "button",
-    raw: n = !1,
-    noBorder: l = !1,
+    type: l = "button",
+    raw: d = !1,
+    noBorder: c = !1,
     "aria-label": m,
-    label: b,
-    size: h = "medium",
-    labelRight: c,
-    labelLeft: u,
+    label: u,
+    size: b = "medium",
+    labelRight: g,
+    labelLeft: h,
     noBackground: p = !1,
-    align: v = "center",
-    active: _ = !1,
-    radius: w = "large",
-    ...k
-  }, x) => {
-    const N = ue({
+    align: f = "center",
+    active: C = !1,
+    radius: E = "large",
+    ...x
+  }, T) => {
+    const S = he({
       type: W,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: n,
+      raw: d,
       className: i,
-      noBorder: l,
-      size: h,
-      labelRight: c,
-      labelLeft: u,
+      noBorder: c,
+      size: b,
+      labelRight: g,
+      labelLeft: h,
       noBackground: p,
-      align: v,
-      radius: w
-    }), T = d({
-      "text-copy-accent-dark": r === "light" && !n,
-      "text-copy-light": r === "dark" && !n,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !n,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !n
-    }), z = _ ? d(
+      align: f,
+      radius: E
+    }), w = 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,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    }), U = C ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -601,39 +869,39 @@ const gt = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ s("div", { className: z, children: /* @__PURE__ */ f(
-      F,
+    return /* @__PURE__ */ n("div", { className: U, children: /* @__PURE__ */ v(
+      K,
       {
-        ref: x,
-        className: N,
+        ref: T,
+        className: S,
         disabled: t,
-        type: g,
-        "aria-label": m || b,
-        ...k,
+        type: l,
+        "aria-label": m || u,
+        ...x,
         children: [
-          u && /* @__PURE__ */ s("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ s("div", { className: T, children: e }),
-          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
+          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ n("div", { className: w, children: e }),
+          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-gt.displayName = "ButtonSort";
-const be = ({
+wt.displayName = "ButtonSort";
+const pe = ({
   children: e,
   fill: t,
   viewBox: r,
   className: a,
   defaultViewBox: o,
   size: i,
-  title: g,
-  semantic: n = !1,
-  ...l
+  title: l,
+  semantic: d = !1,
+  ...c
 }) => {
-  const m = d(i, a);
-  return /* @__PURE__ */ f(R, { children: [
-    /* @__PURE__ */ s(
+  const m = s(i, a);
+  return /* @__PURE__ */ v(G, { children: [
+    /* @__PURE__ */ n(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -641,13 +909,13 @@ const be = ({
         viewBox: r || o,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !n,
+        "aria-hidden": !d,
         focusable: !1,
-        ...l,
+        ...c,
         children: e
       }
     ),
-    g && n && /* @__PURE__ */ s("span", { className: "sr-only", children: g })
+    l && d && /* @__PURE__ */ n("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
@@ -663,14 +931,14 @@ try {
   });
 } catch {
 }
-const mt = ({
+const _t = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ f(
-  be,
+}) => /* @__PURE__ */ v(
+  pe,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -679,24 +947,24 @@ const mt = ({
     title: r || "Copied",
     ...o,
     children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: "0.4",
           d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 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 0s9.4 24.6 0 33.9z"
         }
       ),
-      /* @__PURE__ */ s("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" })
+      /* @__PURE__ */ n("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" })
     ]
   }
-), ut = ({
+), Nt = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ s(
-  be,
+}) => /* @__PURE__ */ n(
+  pe,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -704,7 +972,7 @@ const mt = ({
     className: e,
     title: r || "Copy",
     ...o,
-    children: /* @__PURE__ */ s("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+    children: /* @__PURE__ */ n("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
   }
 );
 /*!
@@ -720,35 +988,35 @@ try {
   });
 } catch {
 }
-const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) => d({
+const Ct = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Et = ({ kind: e }) => s({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), pt = ({ kind: e }) => d(
+}), St = ({ 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"
   }
-), yt = ({ kind: e }) => d("rounded-b-xl", {
+), It = ({ kind: e }) => s("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), vt = ({
+}), Rt = ({
   kind: e,
   className: t
 }) => {
-  const r = d(
-    tt,
+  const r = s(
+    ut,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
     },
     t
-  ), a = d(
+  ), a = s(
     "flex flex-col empty:hidden",
-    ht(),
-    pt({ kind: e }),
-    bt({ kind: e }),
-    yt({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = d("flex flex-col-reverse gap-2 sm:flex-row", {
+    Ct(),
+    St({ kind: e }),
+    Et({ kind: e }),
+    It({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = s("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
@@ -758,74 +1026,74 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
     footer: o,
     copyButton: i
   };
-}, ft = ({
+}, Bt = ({
   children: e,
   kind: t = "left",
   className: r,
   footer: a,
   rawFooter: o,
   copyToClipboard: i,
-  copyToClipboardFocusMode: g = "system",
-  copyToClipboardMode: n = "system"
+  copyToClipboardFocusMode: l = "system",
+  copyToClipboardMode: d = "system"
 }) => {
-  const [l, m] = B(!1), b = vt({ kind: t, className: r }), h = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), c = () => {
+  const [c, m] = N(!1), u = Rt({ kind: t, className: r }), b = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), g = () => {
     m(!0), typeof i == "function" ? i(e) : typeof i == "string" ? navigator.clipboard.writeText(i) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
-  return E(() => {
-    let u;
-    return l && (u = window.setTimeout(() => {
+  return k(() => {
+    let h;
+    return c && (h = window.setTimeout(() => {
       m(!1);
     }, 3e3)), () => {
-      clearTimeout(u);
+      clearTimeout(h);
     };
-  }, [l]), /* @__PURE__ */ f("div", { className: b.wrapper, children: [
-    /* @__PURE__ */ f("div", { children: [
-      /* @__PURE__ */ s("div", { className: b.main, children: e }),
-      a && Object.keys(a).map((u) => a[u] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ f("p", { className: b.footer, children: [
-        u,
+  }, [c]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
+    /* @__PURE__ */ v("div", { children: [
+      /* @__PURE__ */ n("div", { className: u.main, children: e }),
+      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ n("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
+        h,
         ": ",
-        a[u]
-      ] }) }, `-${u}`) : null),
+        a[h]
+      ] }) }, `-${h}`) : null),
       o && o
     ] }),
-    h && /* @__PURE__ */ s("div", { className: b.copyButton, children: /* @__PURE__ */ s(
-      he,
+    b && /* @__PURE__ */ n("div", { className: u.copyButton, children: /* @__PURE__ */ n(
+      be,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: n,
-        focusMode: g,
-        label: l ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: c,
-        disabled: l,
-        children: l ? /* @__PURE__ */ s(mt, { size: "size-3" }) : /* @__PURE__ */ s(ut, { size: "size-3" })
+        mode: d,
+        focusMode: l,
+        label: c ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: g,
+        disabled: c,
+        children: c ? /* @__PURE__ */ n(_t, { size: "size-3" }) : /* @__PURE__ */ n(Nt, { size: "size-3" })
       }
     ) })
   ] });
-}, te = "av-button", pe = "icon", ye = "button", kt = "link", xt = ({
+}, ae = "av-button", ye = "icon", fe = "button", At = "link", Mt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0 px-2", g = "text-base font-medium max-h-9 py-1 px-3", n = "text-lg font-medium max-h-12 py-2 px-4";
+  const i = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", d = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
-    case ye:
-      return d({
+    case fe:
+      return s({
         [i]: t === "small",
-        [g]: t === "medium",
-        [n]: t === "large"
+        [l]: t === "medium",
+        [d]: t === "large"
       });
-    case kt:
-      return d("text-center", {
+    case At:
+      return s("text-center", {
         [i]: t === "small",
-        [g]: t === "medium",
-        [n]: t === "large"
+        [l]: t === "medium",
+        [d]: t === "large"
       });
-    case pe:
-      return d("inline-flex items-center", {
+    case ye:
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -837,7 +1105,7 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, Tt = ({
+}, Lt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -845,13 +1113,13 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
   radius: o
 }) => {
   if (t)
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small"
     });
   if (a === "primary")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -862,7 +1130,7 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -873,7 +1141,7 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -884,7 +1152,7 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -894,7 +1162,7 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
       "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
       "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
     });
-}, _t = ({
+}, Ot = ({
   mode: e,
   disabled: t,
   variant: r
@@ -902,34 +1170,34 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "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"
     });
   if (r === "selected")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-selected-dark-hover": e === "dark",
       "hover:bg-action-selected-light-hover": e === "light",
       "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
       "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
     });
-}, wt = ({
+}, zt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -937,34 +1205,34 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return d("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return d("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return d("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "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"
     });
   if (r === "selected")
-    return d("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-selected-dark-active": e === "dark",
       "active:bg-action-selected-light-active": e === "light",
       "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
       "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
     });
-}, Nt = ({
+}, Ut = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -972,36 +1240,36 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return d("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return d("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return d("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
   if (r === "selected")
-    return d("border", {
+    return s("border", {
       "border-border-selected-dark": e === "dark",
       "border-border-selected-medium": e === "light",
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, Et = ({
+}, Vt = ({
   focusMode: e
-}) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => 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",
@@ -1013,59 +1281,59 @@ const ht = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", bt = ({ kind: e }) =>
   mode: a,
   focusMode: o,
   disabled: i,
-  fullWidth: g,
-  size: n,
-  noBorder: l,
+  fullWidth: l,
+  size: d,
+  noBorder: c,
   labelRight: m,
-  labelLeft: b,
-  noBackground: h,
-  variant: c,
-  noTruncate: u,
+  labelLeft: u,
+  noBackground: b,
+  variant: g,
+  noTruncate: h,
   align: p,
-  radius: v
-}) => (c || (c = "primary"), r ? d(te, t) : d(
-  te,
-  Tt({
+  radius: f
+}) => (g || (g = "primary"), r ? s(ae, t) : s(
+  ae,
+  Lt({
     mode: a,
-    variant: c,
-    noBackground: h,
-    noTruncate: u,
-    radius: v
+    variant: g,
+    noBackground: b,
+    noTruncate: h,
+    radius: f
   }),
-  xt({
+  Mt({
     type: e,
-    size: n,
+    size: d,
     labelRight: m,
-    labelLeft: b,
+    labelLeft: u,
     align: p
   }),
-  Nt({ mode: a, variant: c, noBorder: l }),
-  Et({ focusMode: o }),
-  _t({ mode: a, variant: c, disabled: i }),
-  wt({ mode: a, variant: c, disabled: i }),
+  Ut({ mode: a, variant: g, noBorder: c }),
+  Vt({ focusMode: o }),
+  Ot({ mode: a, variant: g, disabled: i }),
+  zt({ mode: a, variant: g, disabled: i }),
   {
-    "w-full": g,
+    "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": i
   },
   t
-)), It = (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);
-}, K = I.forwardRef((e, t) => {
+}, q = R.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (i) => {
-        It(i, a, r);
+        Dt(i, a, r);
       },
       ...o
     }
   );
 });
-K.displayName = "BaseButton";
-const fe = I.forwardRef(
+q.displayName = "BaseButton";
+const ke = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1073,41 +1341,41 @@ const fe = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: i,
-    size: g = "medium",
-    raw: n = !1,
-    noBorder: l = !1,
+    size: l = "medium",
+    raw: d = !1,
+    noBorder: c = !1,
     variant: m = "primary",
-    noTruncate: b = !1,
-    radius: h = "large",
-    ...c
-  }, u) => {
+    noTruncate: u = !1,
+    radius: b = "large",
+    ...g
+  }, h) => {
     const p = ve({
-      type: ye,
+      type: fe,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: n,
+      raw: d,
       className: i,
-      size: g,
-      noBorder: l,
+      size: l,
+      noBorder: c,
       variant: m,
-      noTruncate: b,
-      radius: h
+      noTruncate: u,
+      radius: b
     });
-    return /* @__PURE__ */ s(
-      K,
+    return /* @__PURE__ */ n(
+      q,
       {
-        ref: u,
+        ref: h,
         className: p,
         disabled: t,
-        ...c,
+        ...g,
         children: e
       }
     );
   }
 );
-fe.displayName = "Button";
+ke.displayName = "Button";
 /*!
   @versini/ui-button v3.2.0
   © 2024 gizmette.com
@@ -1121,7 +1389,7 @@ try {
   });
 } catch {
 }
-const Ct = I.forwardRef(
+const $t = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1129,41 +1397,41 @@ const Ct = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: i,
-    type: g = "button",
-    raw: n = !1,
-    noBorder: l = !1,
+    type: l = "button",
+    raw: d = !1,
+    noBorder: c = !1,
     "aria-label": m,
-    label: b,
-    size: h = "medium",
-    labelRight: c,
-    labelLeft: u,
+    label: u,
+    size: b = "medium",
+    labelRight: g,
+    labelLeft: h,
     noBackground: p = !1,
-    align: v = "center",
-    active: _ = !1,
-    radius: w = "large",
-    ...k
-  }, x) => {
-    const N = ve({
-      type: pe,
+    align: f = "center",
+    active: C = !1,
+    radius: E = "large",
+    ...x
+  }, T) => {
+    const S = ve({
+      type: ye,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: n,
+      raw: d,
       className: i,
-      noBorder: l,
-      size: h,
-      labelRight: c,
-      labelLeft: u,
+      noBorder: c,
+      size: b,
+      labelRight: g,
+      labelLeft: h,
       noBackground: p,
-      align: v,
-      radius: w
-    }), T = d({
-      "text-copy-accent-dark": r === "light" && !n,
-      "text-copy-light": r === "dark" && !n,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !n,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !n
-    }), z = _ ? d(
+      align: f,
+      radius: E
+    }), w = 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,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    }), U = C ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1180,28 +1448,28 @@ const Ct = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ s("div", { className: z, children: /* @__PURE__ */ f(
-      K,
+    return /* @__PURE__ */ n("div", { className: U, children: /* @__PURE__ */ v(
+      q,
       {
-        ref: x,
-        className: N,
+        ref: T,
+        className: S,
         disabled: t,
-        type: g,
-        "aria-label": m || b,
-        ...k,
+        type: l,
+        "aria-label": m || u,
+        ...x,
         children: [
-          u && /* @__PURE__ */ s("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ s("div", { className: T, children: e }),
-          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
+          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ n("div", { className: w, children: e }),
+          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-Ct.displayName = "ButtonSort";
-const St = 200, Rt = ({
+$t.displayName = "ButtonSort";
+const Ht = 200, Gt = ({
   string: e,
-  idealLength: t = St
+  idealLength: t = Ht
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1212,30 +1480,30 @@ const St = 200, Rt = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, Bt = ({
+}, jt = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [o, i] = B(!1);
+  const [o, i] = N(!1);
   if (typeof e != "string")
     return e;
-  const { string: g, isTruncated: n } = Rt({
+  const { string: l, isTruncated: d } = Gt({
     string: e,
     idealLength: t
   });
-  return /* @__PURE__ */ f("span", { style: { wordBreak: "break-word" }, children: [
-    o ? e : g,
-    n && /* @__PURE__ */ s(
-      fe,
+  return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
+    o ? e : l,
+    d && /* @__PURE__ */ n(
+      ke,
       {
         mode: r,
         focusMode: a,
         className: "ml-2",
         size: "small",
-        onClick: (l) => {
-          l.preventDefault(), i(!o);
+        onClick: (c) => {
+          c.preventDefault(), i(!o);
         },
         children: o ? "less..." : "more..."
       }
@@ -1255,280 +1523,120 @@ try {
   });
 } catch {
 }
-const re = je(
+const oe = Ke(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.axz4vvCk.js"
+    "./LazyMessageAssistant.TR65WoZU.js"
   ).then((e) => e.LazyMessageAssistant)
-), At = () => {
-  const { state: e } = L(H);
-  return /* @__PURE__ */ f(R, { children: [
+), Ft = () => {
+  const { state: e } = I(M);
+  return /* @__PURE__ */ v("div", { className: "space-y-6 mt-2", children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: o, name: i, processingTime: g } = t.message;
-      return (a === S || a === G) && o ? /* @__PURE__ */ s(X, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(
-        re,
+      const { role: a, content: o, name: i, processingTime: l } = t.message;
+      return (a === A || a === j) && o ? /* @__PURE__ */ n(Z, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(
+        oe,
         {
           name: i,
-          processingTime: g,
+          processingTime: l,
           children: o
         }
-      ) }, `${r}-${a}`) : a === D && o ? /* @__PURE__ */ s(
-        ft,
+      ) }, `${r}-${a}`) : a === $ && o ? /* @__PURE__ */ n(
+        Bt,
         {
           kind: "right",
           copyToClipboard: o,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ s(Bt, { mode: "light", focusMode: "light", children: o })
+          children: /* @__PURE__ */ n(jt, { mode: "light", focusMode: "light", children: o })
         },
         `${r}-${a}`
       ) : null;
     }),
-    Ne(D, e) && /* @__PURE__ */ s(X, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(re, { loading: !0 }) })
+    Le($, e) && /* @__PURE__ */ n(Z, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(oe, { loading: !0 }) })
   ] });
-}, Mt = () => {
-  const { isAuthenticated: e } = O(), t = Ee(e);
-  return /* @__PURE__ */ s(R, { children: /* @__PURE__ */ f("div", { className: t, children: [
-    /* @__PURE__ */ s(Ie, {}),
-    /* @__PURE__ */ s(At, {})
-  ] }) });
-}, M = (e, t) => {
-  e({
-    type: de,
-    payload: {
-      streaming: t
-    }
-  });
-}, ae = (e) => {
-  M(e, !1), e({
-    type: C,
-    payload: {
-      message: {
-        role: G,
-        content: Ae
-      }
-    }
-  });
-}, Lt = () => {
-  const { state: e, dispatch: t } = L(H), { state: r, dispatch: a } = L(j), [o, i] = B(""), { getAccessToken: g, user: n } = O(), l = $(null), m = $(
-    null
-  );
-  E(() => {
-    (async () => {
-      var c;
-      if (!e || e.messages.length === 0) {
-        (c = m == null ? void 0 : m.current) == null || c.cancel();
-        return;
-      }
-      const h = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || h.message.role === S || h.message.role === Ce || h.message.role === G || h.message.role === Se))
-        try {
-          const u = await Ve({
-            accessToken: await g(),
-            name: "generate",
-            data: {
-              messages: e.messages,
-              model: e.engine || A,
-              user: (n == null ? void 0 : n.username) || "",
-              id: e.id,
-              usage: e.usage
-            }
-          });
-          if (u && u.ok) {
-            const p = P();
-            m.current = u.body.getReader();
-            const v = new TextDecoder();
-            for (; ; ) {
-              M(t, !0);
-              const { done: _, value: w } = await m.current.read();
-              if (_) {
-                M(t, !1);
-                break;
-              }
-              const k = v.decode(w, { stream: !0 }), x = k.indexOf(Y);
-              if (x !== -1) {
-                const N = k.substring(0, x), T = JSON.parse(
-                  k.substring(x + Y.length)
-                );
-                t({
-                  type: oe,
-                  payload: {
-                    model: T.model,
-                    usage: T.usage
-                  }
-                }), t({
-                  type: C,
-                  payload: {
-                    message: {
-                      content: N,
-                      role: S,
-                      messageId: p,
-                      processingTime: T.processingTime,
-                      name: T.name
-                    }
-                  }
-                }), M(t, !1);
-                break;
-              } else
-                t({
-                  type: C,
-                  payload: {
-                    message: {
-                      content: k,
-                      role: S,
-                      messageId: p
-                    }
-                  }
-                });
-            }
-          } else
-            ae(t);
-        } catch (u) {
-          console.error(u), ae(t);
-        }
-    })();
-  }, [e == null ? void 0 : e.messages]);
-  const b = async (h) => {
-    h.preventDefault(), t({
-      type: C,
-      payload: {
-        message: {
-          role: D,
-          content: o
-        }
-      }
-    }), i("");
-  };
-  return E(() => {
-    if (r.tag !== "") {
-      const h = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
-      h.indexOf(q) !== -1 ? navigator.clipboard.readText().then((u) => {
-        i(h.replace(q, u));
-      }) : i(h), l.current && l.current.focus(), a({
-        type: ne
+}, Pt = () => {
+  const { isAuthenticated: e } = z(), { state: t } = I(M), [r, a] = N(!1), [o, i] = rt(), l = Oe(e), d = _(!1), c = H(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollHeight: b, clientHeight: g, scrollTop: h } = u, p = b - g - h;
+      u.scrollBy({
+        top: p,
+        behavior: "smooth"
       });
     }
-  }, [r, a]), E(() => {
-    e && e.usage === 0 && e.messages.length === 0 && l.current && l.current.focus();
-  }, [e]), /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s("form", { className: "mt-2", onSubmit: b, children: /* @__PURE__ */ s(
-    De,
-    {
-      mode: "dark",
-      focusMode: "light",
-      ref: l,
-      name: "chat-input",
-      label: Re,
-      helperText: "Press ENTER to add a new line",
-      helperTextOnFocus: !0,
-      required: !0,
-      value: o,
-      onChange: (h) => i(h.target.value),
-      onKeyDown: Ke([["mod+Enter", b]]),
-      leftElement: /* @__PURE__ */ s($e, {}),
-      rightElement: /* @__PURE__ */ s(
-        ce,
-        {
-          disabled: e == null ? void 0 : e.streaming,
-          noBorder: !0,
-          type: "submit",
-          mode: "light",
-          focusMode: "light",
-          children: Be
-        }
-      )
-    }
-  ) }) });
-}, Ot = () => {
-  const { dispatch: e, state: t } = L(j), { getAccessToken: r, user: a } = O(), [o, i] = B({
-    loaded: !1
-  }), g = "mt-2 flex justify-center rounded-md", n = (l, m) => {
-    l.preventDefault(), e({
-      type: le,
-      payload: {
-        tag: m
-      }
-    });
-  };
-  return E(() => {
-    if (!a) {
-      i({
-        loaded: !1
-      });
-      return;
+  }, [o]), m = H(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollTop: b, scrollHeight: g, clientHeight: h } = u, p = g > h, f = b + h >= g - 1;
+      a(p && !f);
     }
-    o.loaded || (async () => {
-      try {
-        const l = await ge({
-          accessToken: await r(),
-          type: me.GET_USER_PREFERENCES,
-          params: {
-            user: a.username
-          }
-        });
-        l.status === 200 && (e({
-          type: se,
-          payload: {
-            tags: l.data.tags || []
-          }
-        }), i({
-          loaded: !0
-        }));
-      } catch {
+  }, [o]);
+  return qe(() => {
+    i && i.width && t && !t.streaming && m();
+  }, [i, t, m]), k(() => {
+    const u = o.current;
+    if (u)
+      return u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
+  }, [m, o]), k(() => {
+    t && t.streaming && m();
+  }, [t, m]), k(() => {
+    t && (!d.current && t.streaming && c(), d.current = !!t.streaming);
+  }, [t, c]), /* @__PURE__ */ v("div", { className: l, ref: o, children: [
+    r && /* @__PURE__ */ n("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ n(
+      ze,
+      {
+        className: "bg-white hover:bg-white active:bg-slate-400",
+        size: "medium",
+        mode: "dark",
+        onClick: c,
+        children: /* @__PURE__ */ n(Ye, { monotone: !0, size: "size-3", className: "text-copy-dark" })
       }
-    })();
-  }, [a]), /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(Me, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((l) => l.enabled && l.label && l.content && /* @__PURE__ */ s(Le, { children: /* @__PURE__ */ s("div", { className: g, children: /* @__PURE__ */ s(
-    ce,
-    {
-      noBorder: !0,
-      mode: "dark",
-      focusMode: "light",
-      size: "small",
-      onClick: (m) => n(m, l.content),
-      children: l.label
-    }
-  ) }) }, `tag-button-${l.slot}`)) }) });
+    ) }),
+    /* @__PURE__ */ n(Ue, {}),
+    /* @__PURE__ */ n(Ft, {})
+  ] });
 };
-function ke({ isComponent: e = !1 }) {
-  const t = $(!1), { getAccessToken: r, user: a } = O(), [o] = Q({
-    key: J + ze,
+function xe({ isComponent: e = !1 }) {
+  const t = _(!1), { getAccessToken: r, user: a } = z(), [o] = X({
+    key: Q + De,
     initialValue: ""
-  }), [i] = Q({
-    key: J + Ue,
-    initialValue: He.ASC
-  }), [g, n] = U(Xe, {
+  }), [i] = X({
+    key: Q + $e,
+    initialValue: Pe.ASC
+  }), [l, d] = V(st, {
     id: P(),
-    model: A,
-    engine: A,
+    model: L,
+    engine: L,
     usage: 0,
     messages: [],
     tags: [],
     isComponent: e
-  }), [l, m] = U(Ze, {
+  }), [c, m] = V(dt, {
     searchString: o,
     sortedCell: "timestamp",
     sortDirection: i
-  }), [b, h] = U(et, {
+  }), [u, b] = V(ct, {
     tag: "",
     tags: []
-  }), [c, u] = B({
+  }), [g, h] = N({
     version: "",
     models: [],
     plugins: [],
-    engine: A,
+    engine: L,
     engines: []
   });
-  return E(() => {
-    c.version !== "" || t.current || (async () => {
+  return k(() => {
+    g.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
-        const p = await ge({
+        const p = await me({
           accessToken: await r(),
-          type: me.ABOUT,
+          type: ue.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, p.status === 200 && (u(p.data), n({
-          type: ie,
+        t.current = !1, p.status === 200 && (h(p.data), d({
+          type: ne,
           payload: {
             engine: p.data.engine
           }
@@ -1536,38 +1644,35 @@ function ke({ isComponent: e = !1 }) {
       } catch {
       }
     })();
-  }, [c, r, a]), E(() => {
+  }, [g, r, a]), k(() => {
     var p;
     (p = document.getElementById("logo")) == null || p.classList.add("fadeOut"), setTimeout(() => {
-      var v;
-      (v = document.getElementById("root")) == null || v.classList.replace("app-hidden", "fadeIn");
+      var f;
+      (f = document.getElementById("root")) == null || f.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ s(H.Provider, { value: { state: g, dispatch: n, serverStats: c }, children: /* @__PURE__ */ s(
-    Ge.Provider,
+  }), /* @__PURE__ */ n(M.Provider, { value: { state: l, dispatch: d, serverStats: g }, children: /* @__PURE__ */ n(
+    Fe.Provider,
     {
       value: {
-        state: l,
+        state: c,
         dispatch: m
       },
-      children: /* @__PURE__ */ f(
-        j.Provider,
+      children: /* @__PURE__ */ v(
+        F.Provider,
         {
-          value: { state: b, dispatch: h },
+          value: { state: u, dispatch: b },
           children: [
-            /* @__PURE__ */ s(Oe, { className: "max-h-[calc(100svh_-_163px)]", children: /* @__PURE__ */ s(Mt, {}) }),
-            /* @__PURE__ */ f("div", { className: "md:mx-auto md:max-w-4xl w-11/12 fixed bottom-10 left-1/2 transform -translate-x-1/2 z-1000", children: [
-              /* @__PURE__ */ s(Ot, {}),
-              /* @__PURE__ */ s(Lt, {})
-            ] })
+            /* @__PURE__ */ n(Ve, { className: "max-h-[calc(100svh_-_163px)]", children: /* @__PURE__ */ n(Pt, {}) }),
+            /* @__PURE__ */ n(mt, {})
           ]
         }
       )
     }
   ) });
 }
-ke.displayName = "App";
-const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: ke }, Symbol.toStringTag, { value: "Module" }));
+xe.displayName = "App";
+const Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: xe }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Gt as LazyApp,
-  ft as ae
+  Qt as LazyApp,
+  Bt as ae
 };