@versini/sassysaint 5.4.5 → 5.4.7

package/dist/chunks/{LazyHeader.CHy11tdF.js → LazyHeader.UqpjTCxz.js}

@@ -1,11 +1,11 @@
-import { jsx as r, jsxs as v, Fragment as A } from "react/jsx-runtime";
-import { g as V, E as $, CARDS as N, renderDataAsList as ie, pluralize as be, AppContext as ue, ABOUT_TITLE as At, DEFAULT_AI_ENGINE as ae, numberFormatter as Mt, durationFormatter as Xe, NA as Pt, ROLE_ASSISTANT as Lt, extractAverage as $t, GPT4_MAX_TOKENS as Bt, un as X, STATS as Ze, b as Q, j as L, R as G, HistoryContext as Je, LOCAL_STORAGE_PREFIX as me, LOCAL_STORAGE_SORT as Vt, O as W, ACTION_RESET as Qe, ACTION_RESTORE as zt, truncate as Ot, ACTION_SORT as we, LOCAL_STORAGE_SEARCH as Dt, fe as _e, ACTION_SEARCH as Ht, debounce as Ft, HISTORY_TITLE as Gt, LOCAL_STORAGE_ENGINE_TOGGLE as et, ENGINE_OPENAI as Ne, ENGINE_ANTHROPIC as fe, APP_NAME as Ut, ACTION_ENGINE as tt, getCurrentGeoLocation as jt, TagsContext as Kt, TAGS_DESCRIPTION as Wt, ACTION_SET_TAGS as Yt, LOCAL_STORAGE_CHAT_DETAILS as qt, M as Xt, v as ze, PROFILE_TITLE as Zt, LOG_OUT as Oe } from "./index.Cul7Y08v.js";
-import { serviceCall as D, SERVICE_TYPES as H, E as he, y as O, ge as Jt, he as Qt, ue as Te, pe as eo, se as F, me as to, be as oo, $e as De, m as He } from "./index.CTGK59bg.js";
-import * as b from "react";
-import _, { useId as ro, forwardRef as ot, useState as x, useRef as le, useContext as B, useEffect as q, Suspense as no, lazy as ao, useMemo as so } from "react";
+import { jsx as r, jsxs as y, Fragment as S } from "react/jsx-runtime";
+import { g as L, E as M, CARDS as T, renderDataAsList as re, pluralize as he, AppContext as se, ABOUT_TITLE as zt, DEFAULT_AI_ENGINE as te, numberFormatter as Ft, durationFormatter as Xe, NA as Gt, ROLE_ASSISTANT as Ht, extractAverage as Ut, GPT4_MAX_TOKENS as jt, un as W, STATS as Je, b as q, j as A, R as F, HistoryContext as et, LOCAL_STORAGE_PREFIX as ie, LOCAL_STORAGE_SORT as Kt, O as j, ACTION_RESET as tt, ACTION_RESTORE as Wt, truncate as Yt, ACTION_SORT as De, LOCAL_STORAGE_SEARCH as qt, fe as Te, ACTION_SEARCH as Zt, debounce as Qt, HISTORY_TITLE as Xt, LOCAL_STORAGE_ENGINE_TOGGLE as ot, ENGINE_OPENAI as we, ENGINE_ANTHROPIC as me, APP_NAME as Jt, ACTION_ENGINE as rt, getCurrentGeoLocation as eo, TagsContext as to, TAGS_DESCRIPTION as oo, ACTION_SET_TAGS as ro, LOCAL_STORAGE_CHAT_DETAILS as no, M as ao, v as ze, PROFILE_TITLE as so, LOG_OUT as Fe } from "./index.VTwhsE7D.js";
+import { serviceCall as V, SERVICE_TYPES as D, E as ce, ge as io, he as co, ue as Ne, pe as lo, se as z, me as uo, be as mo, y as U, $e as Ge, m as He } from "./index.B5TWwDVi.js";
+import * as f from "react";
+import _, { useId as Ae, forwardRef as nt, useState as x, useRef as Z, useContext as P, useEffect as G } from "react";
 import C from "clsx";
-import { useFloatingTree as rt, useFloatingNodeId as io, useListItem as nt, useFloating as lo, offset as co, flip as uo, shift as mo, autoUpdate as ho, useClick as po, useRole as go, useDismiss as fo, useListNavigation as bo, useTypeahead as vo, useInteractions as yo, useMergeRefs as at, FloatingNode as ko, FloatingList as Co, FloatingPortal as wo, FloatingFocusManager as No, FloatingTree as To } from "@floating-ui/react";
-const st = ({
+import { useFloatingTree as at, useFloatingNodeId as ho, useListItem as st, useFloating as it, offset as po, flip as go, shift as fo, autoUpdate as bo, useClick as ct, useRole as lt, useDismiss as dt, useListNavigation as vo, useTypeahead as yo, useInteractions as ut, useMergeRefs as Me, FloatingNode as ko, FloatingList as Co, FloatingPortal as mt, FloatingFocusManager as ht, FloatingTree as wo, FloatingOverlay as No } from "@floating-ui/react";
+const pt = ({
   className: e,
   viewBox: t,
   spacing: o,
@@ -13,7 +13,7 @@ const st = ({
   monotone: a,
   ...s
 }) => /* @__PURE__ */ r(
-  V,
+  L,
   {
     defaultViewBox: "0 0 256 176",
     defaultClassName: "size-5",
@@ -31,8 +31,8 @@ const st = ({
   title: n,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -52,15 +52,15 @@ const st = ({
       /* @__PURE__ */ r("path", { d: "M32 0H192c17.7 0 32 14.3 32 32s-14.3 32-32 32H109.3L342.6 297.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3V192c0 17.7-14.3 32-32 32s-32-14.3-32-32V32C0 14.3 14.3 0 32 0z" })
     ]
   }
-), _o = ({
+), To = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -80,15 +80,15 @@ const st = ({
       /* @__PURE__ */ r("path", { d: "M368 96c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48H368zM48 224c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48H48z" })
     ]
   }
-), Eo = ({
+), _o = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -108,15 +108,15 @@ const st = ({
       /* @__PURE__ */ r("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8z" })
     ]
   }
-), xo = ({
+), Eo = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -136,15 +136,15 @@ const st = ({
       /* @__PURE__ */ r("path", { d: "M256 128c13.3 0 24 10.7 24 24v94.1l65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17V152c0-13.3 10.7-24 24-24z" })
     ]
   }
-), So = ({
+), xo = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -164,7 +164,7 @@ const st = ({
       /* @__PURE__ */ r("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h24V272H216c-13.3 0-24-10.7-24-24z" })
     ]
   }
-), it = ({
+), gt = ({
   className: e,
   viewBox: t,
   spacing: o,
@@ -172,7 +172,7 @@ const st = ({
   monotone: a,
   ...s
 }) => /* @__PURE__ */ r(
-  V,
+  L,
   {
     defaultViewBox: "0 0 24 24",
     defaultClassName: "size-5",
@@ -189,15 +189,15 @@ const st = ({
       }
     )
   }
-), Ro = ({
+), So = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -217,15 +217,15 @@ const st = ({
       /* @__PURE__ */ r("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16H272c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80H144z" })
     ]
   }
-), Ao = ({
+), Ro = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -245,7 +245,7 @@ const st = ({
       /* @__PURE__ */ r("path", { d: "M64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64H64zm32 64H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32z" })
     ]
   }
-), Mo = ({
+), Ao = ({
   className: e,
   viewBox: t,
   spacing: o,
@@ -253,7 +253,7 @@ const st = ({
   monotone: a,
   ...s
 }) => /* @__PURE__ */ r(
-  V,
+  L,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -265,10 +265,10 @@ const st = ({
     children: /* @__PURE__ */ r("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
   }
 );
-function ce(e) {
-  return ro();
+function ne(e) {
+  return Ae();
 }
-const Ee = b.createContext({
+const _e = f.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -277,7 +277,7 @@ const Ee = b.createContext({
   setHasFocusInside: () => {
   },
   isOpen: !1
-}), Fe = (e) => {
+}), Ue = (e) => {
   if (typeof e == "string")
     return e;
   if (typeof e == "function")
@@ -288,7 +288,7 @@ const Ee = b.createContext({
       return t.displayName || t.name || "Component";
   }
   return "Element";
-}, lt = ot(
+}, ft = nt(
   ({
     trigger: e,
     children: t,
@@ -297,90 +297,90 @@ const Ee = b.createContext({
     onOpenChange: a,
     spacing: s,
     mode: i = "system",
-    focusMode: l = "system",
-    ...h
-  }, d) => {
-    const [c, g] = x(!1), [y, u] = x(!1), [m, f] = x(null), p = le([]), k = le([]), w = B(Ee), T = rt(), E = io(), M = nt(), { floatingStyles: S, refs: z, context: I } = lo({
+    focusMode: c = "system",
+    ...p
+  }, m) => {
+    const [l, g] = x(!1), [v, h] = x(!1), [u, d] = x(null), b = Z([]), k = Z([]), w = P(_e), I = at(), E = ho(), R = st(), { floatingStyles: $, refs: O, context: N } = it({
       nodeId: E,
-      open: c,
-      onOpenChange: (re) => {
-        g(re), a == null || a(re);
+      open: l,
+      onOpenChange: (J) => {
+        g(J), a == null || a(J);
       },
       placement: n,
       strategy: "fixed",
-      middleware: [co({ mainAxis: 10 }), uo(), mo()],
-      whileElementsMounted: ho
-    }), te = po(I, {
+      middleware: [po({ mainAxis: 10 }), go(), fo()],
+      whileElementsMounted: bo
+    }), le = ct(N, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), J = go(I, { role: "menu" }), U = fo(I, { bubbles: !0 }), oe = bo(I, {
-      listRef: p,
-      activeIndex: m,
+    }), de = lt(N, { role: "menu" }), X = dt(N, { bubbles: !0 }), ye = vo(N, {
+      listRef: b,
+      activeIndex: u,
       nested: !1,
-      onNavigate: f,
+      onNavigate: d,
       loop: !0
-    }), P = vo(I, {
+    }), ke = yo(N, {
       listRef: k,
-      onMatch: c ? f : void 0,
-      activeIndex: m
-    }), { getReferenceProps: j, getFloatingProps: R, getItemProps: xt } = yo([te, J, U, oe, P]), Ve = Fe(e) === "Button" || Fe(e) === "ButtonIcon", St = Ve ? {
+      onMatch: l ? d : void 0,
+      activeIndex: u
+    }), { getReferenceProps: Ce, getFloatingProps: B, getItemProps: Bt } = ut([le, de, X, ye, ke]), Ve = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Vt = Ve ? {
       noInternalClick: Ve,
-      focusMode: l,
+      focusMode: c,
       mode: i,
       spacing: s
-    } : {}, Rt = _.cloneElement(
+    } : {}, Dt = _.cloneElement(
       e,
       {
-        ...St,
+        ...Vt,
         "aria-label": o,
-        "data-open": c ? "" : void 0,
-        "data-focus-inside": y ? "" : void 0,
-        ref: at([z.setReference, M.ref, d]),
-        ...j(
+        "data-open": l ? "" : void 0,
+        "data-focus-inside": v ? "" : void 0,
+        ref: Me([O.setReference, R.ref, m]),
+        ...Ce(
           w.getItemProps({
-            ...h
+            ...p
           })
         )
       }
     );
-    return q(() => {
-      if (!T)
+    return G(() => {
+      if (!I)
         return;
-      function re() {
+      function J() {
         g(!1), a == null || a(!1);
       }
-      return T.events.on("click", re), () => {
-        T.events.off("click", re);
+      return I.events.on("click", J), () => {
+        I.events.off("click", J);
       };
-    }, [T, a]), q(() => {
-      c && T && T.events.emit("menuopen", { nodeId: E });
-    }, [T, c, E]), /* @__PURE__ */ v(ko, { id: E, children: [
-      Rt,
+    }, [I, a]), G(() => {
+      l && I && I.events.emit("menuopen", { nodeId: E });
+    }, [I, l, E]), /* @__PURE__ */ y(ko, { id: E, children: [
+      Dt,
       /* @__PURE__ */ r(
-        Ee.Provider,
+        _e.Provider,
         {
           value: {
-            activeIndex: m,
-            setActiveIndex: f,
-            getItemProps: xt,
-            setHasFocusInside: u,
-            isOpen: c
+            activeIndex: u,
+            setActiveIndex: d,
+            getItemProps: Bt,
+            setHasFocusInside: h,
+            isOpen: l
           },
-          children: /* @__PURE__ */ r(Co, { elementsRef: p, labelsRef: k, children: c && /* @__PURE__ */ r(wo, { children: /* @__PURE__ */ r(
-            No,
+          children: /* @__PURE__ */ r(Co, { elementsRef: b, labelsRef: k, children: l && /* @__PURE__ */ r(mt, { children: /* @__PURE__ */ r(
+            ht,
             {
-              context: I,
+              context: N,
               modal: !1,
               initialFocus: 0,
               returnFocus: !0,
               children: /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: z.setFloating,
+                  ref: O.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: S,
-                  ...R(),
+                  style: $,
+                  ...B(),
                   children: t
                 }
               )
@@ -390,10 +390,10 @@ const Ee = b.createContext({
       )
     ] });
   }
-), xe = ot((e, t) => /* @__PURE__ */ r(To, { children: /* @__PURE__ */ r(lt, { ...e, ref: t }) }));
-xe.displayName = "Menu";
-lt.displayName = "MenuComponent";
-const K = b.forwardRef(
+), Ee = nt((e, t) => /* @__PURE__ */ r(wo, { children: /* @__PURE__ */ r(ft, { ...e, ref: t }) }));
+Ee.displayName = "Menu";
+ft.displayName = "MenuComponent";
+const H = f.forwardRef(
   ({
     label: e,
     disabled: t,
@@ -402,60 +402,61 @@ const K = b.forwardRef(
     children: a,
     ignoreClick: s = !1,
     ...i
-  }, l) => {
-    const h = b.useContext(Ee), d = nt({ label: t ? null : e }), c = rt(), g = at([d.ref, l]);
+  }, c) => {
+    let p = "";
+    const m = f.useContext(_e), l = st({ label: t ? null : e }), g = at(), v = Me([l.ref, c]);
     return n && a ? /* @__PURE__ */ r(
       "div",
       {
         role: "menuitem",
-        ...h.getItemProps({
-          onClick(y) {
+        ...m.getItemProps({
+          onClick(h) {
             var u;
-            s || ((u = i.onClick) == null || u.call(i, y), c == null || c.events.emit("click"));
+            s || ((u = i.onClick) == null || u.call(i, h), g == null || g.events.emit("click"));
           }
         }),
         children: a
       }
-    ) : /* @__PURE__ */ v(
+    ) : (o && (p = "pl-2"), /* @__PURE__ */ y(
       "button",
       {
         ...i,
-        ref: g,
+        ref: v,
         role: "menuitem",
-        className: "m-0 flex w-full rounded-md border border-transparent bg-none px-3 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
+        className: "m-0 flex w-full rounded-md border border-transparent bg-none px-2 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
         tabIndex: 0,
         disabled: t,
-        ...h.getItemProps({
-          onClick(y) {
+        ...m.getItemProps({
+          onClick(h) {
             var u;
-            s || ((u = i.onClick) == null || u.call(i, y), c == null || c.events.emit("click"));
+            s || ((u = i.onClick) == null || u.call(i, h), g == null || g.events.emit("click"));
           },
-          onFocus(y) {
+          onFocus(h) {
             var u;
-            (u = i.onFocus) == null || u.call(i, y), h.setHasFocusInside(!0);
+            (u = i.onFocus) == null || u.call(i, h), m.setHasFocusInside(!0);
           }
         }),
         children: [
           o,
-          e && /* @__PURE__ */ r("span", { className: "pl-2", children: e })
+          e && /* @__PURE__ */ r("span", { className: p, children: e })
         ]
       }
-    );
+    ));
   }
 );
-K.displayName = "MenuItem";
-const Po = ({ className: e, ...t }) => {
+H.displayName = "MenuItem";
+const Mo = ({ className: e, ...t }) => {
   const o = C(e, "my-1 border-t border-border-medium");
   return /* @__PURE__ */ r("div", { className: o, ...t });
 };
 /*!
-  @versini/ui-menu v1.4.0
+  @versini/ui-menu v1.4.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "1.4.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "1.4.1",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -474,40 +475,40 @@ try {
   });
 } catch {
 }
-const Lo = "av-togglegroup", $o = "av-togglegroup-item-wrapper", Bo = "av-togglegroup-item";
-function Me(e, t = []) {
+const Po = "av-togglegroup", Lo = "av-togglegroup-item-wrapper", $o = "av-togglegroup-item";
+function Pe(e, t = []) {
   let o = [];
   function n(s, i) {
-    const l = b.createContext(i), h = o.length;
+    const c = f.createContext(i), p = o.length;
     o = [...o, i];
-    const d = (g) => {
-      var y;
-      const { scope: u, children: m, ...f } = g, p = ((y = u == null ? void 0 : u[e]) == null ? void 0 : y[h]) || l, k = b.useMemo(() => f, Object.values(f));
-      return /* @__PURE__ */ r(p.Provider, { value: k, children: m });
+    const m = (g) => {
+      var v;
+      const { scope: h, children: u, ...d } = g, b = ((v = h == null ? void 0 : h[e]) == null ? void 0 : v[p]) || c, k = f.useMemo(() => d, Object.values(d));
+      return /* @__PURE__ */ r(b.Provider, { value: k, children: u });
     };
-    d.displayName = s + "Provider";
-    function c(g, y) {
-      var u;
-      const m = ((u = y == null ? void 0 : y[e]) == null ? void 0 : u[h]) || l, f = b.useContext(m);
-      if (f) return f;
+    m.displayName = s + "Provider";
+    function l(g, v) {
+      var h;
+      const u = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[p]) || c, d = f.useContext(u);
+      if (d) return d;
       if (i !== void 0) return i;
       throw new Error(`\`${g}\` must be used within \`${s}\``);
     }
-    return [d, c];
+    return [m, l];
   }
   const a = () => {
-    const s = o.map((i) => b.createContext(i));
+    const s = o.map((i) => f.createContext(i));
     return function(i) {
-      const l = (i == null ? void 0 : i[e]) || s;
-      return b.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
+      const c = (i == null ? void 0 : i[e]) || s;
+      return f.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: c } }),
+        [i, c]
       );
     };
   };
-  return a.scopeName = e, [n, Vo(a, ...t)];
+  return a.scopeName = e, [n, Oo(a, ...t)];
 }
-function Vo(...e) {
+function Oo(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const o = () => {
@@ -516,64 +517,64 @@ function Vo(...e) {
       scopeName: a.scopeName
     }));
     return function(a) {
-      const s = n.reduce((i, { useScope: l, scopeName: h }) => {
-        const d = l(a)[`__scope${h}`];
-        return { ...i, ...d };
+      const s = n.reduce((i, { useScope: c, scopeName: p }) => {
+        const m = c(a)[`__scope${p}`];
+        return { ...i, ...m };
       }, {});
-      return b.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return o.scopeName = t.scopeName, o;
 }
-function Ge(e, t) {
+function je(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function ct(...e) {
+function bt(...e) {
   return (t) => {
     let o = !1;
     const n = e.map((a) => {
-      const s = Ge(a, t);
+      const s = je(a, t);
       return !o && typeof s == "function" && (o = !0), s;
     });
     if (o)
       return () => {
         for (let a = 0; a < n.length; a++) {
           const s = n[a];
-          typeof s == "function" ? s() : Ge(e[a], null);
+          typeof s == "function" ? s() : je(e[a], null);
         }
       };
   };
 }
-function Se(...e) {
-  return b.useCallback(ct(...e), e);
+function xe(...e) {
+  return f.useCallback(bt(...e), e);
 }
-var ve = b.forwardRef((e, t) => {
-  const { children: o, ...n } = e, a = b.Children.toArray(o), s = a.find(Oo);
+var pe = f.forwardRef((e, t) => {
+  const { children: o, ...n } = e, a = f.Children.toArray(o), s = a.find(Vo);
   if (s) {
-    const i = s.props.children, l = a.map((h) => h === s ? b.Children.count(i) > 1 ? b.Children.only(null) : b.isValidElement(i) ? i.props.children : null : h);
-    return /* @__PURE__ */ r(Re, { ...n, ref: t, children: b.isValidElement(i) ? b.cloneElement(i, void 0, l) : null });
+    const i = s.props.children, c = a.map((p) => p === s ? f.Children.count(i) > 1 ? f.Children.only(null) : f.isValidElement(i) ? i.props.children : null : p);
+    return /* @__PURE__ */ r(Se, { ...n, ref: t, children: f.isValidElement(i) ? f.cloneElement(i, void 0, c) : null });
   }
-  return /* @__PURE__ */ r(Re, { ...n, ref: t, children: o });
+  return /* @__PURE__ */ r(Se, { ...n, ref: t, children: o });
 });
-ve.displayName = "Slot";
-var Re = b.forwardRef((e, t) => {
+pe.displayName = "Slot";
+var Se = f.forwardRef((e, t) => {
   const { children: o, ...n } = e;
-  if (b.isValidElement(o)) {
-    const a = Ho(o);
-    return b.cloneElement(o, {
+  if (f.isValidElement(o)) {
+    const a = zo(o);
+    return f.cloneElement(o, {
       ...Do(n, o.props),
       // @ts-ignore
-      ref: t ? ct(t, a) : a
+      ref: t ? bt(t, a) : a
     });
   }
-  return b.Children.count(o) > 1 ? b.Children.only(null) : null;
+  return f.Children.count(o) > 1 ? f.Children.only(null) : null;
 });
-Re.displayName = "SlotClone";
-var zo = ({ children: e }) => /* @__PURE__ */ r(A, { children: e });
-function Oo(e) {
-  return b.isValidElement(e) && e.type === zo;
+Se.displayName = "SlotClone";
+var Bo = ({ children: e }) => /* @__PURE__ */ r(S, { children: e });
+function Vo(e) {
+  return f.isValidElement(e) && e.type === Bo;
 }
 function Do(e, t) {
   const o = { ...t };
@@ -585,7 +586,7 @@ function Do(e, t) {
   }
   return { ...e, ...o };
 }
-function Ho(e) {
+function zo(e) {
   var t, o;
   let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = n && "isReactWarning" in n && n.isReactWarning;
   return a ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, a = n && "isReactWarning" in n && n.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
@@ -607,188 +608,188 @@ var Fo = [
   "span",
   "svg",
   "ul"
-], de = Fo.reduce((e, t) => {
-  const o = b.forwardRef((n, a) => {
-    const { asChild: s, ...i } = n, l = s ? ve : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(l, { ...i, ref: a });
+], ae = Fo.reduce((e, t) => {
+  const o = f.forwardRef((n, a) => {
+    const { asChild: s, ...i } = n, c = s ? pe : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(c, { ...i, ref: a });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function Y(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+function K(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
   return function(n) {
     if (e == null || e(n), o === !1 || !n.defaultPrevented)
       return t == null ? void 0 : t(n);
   };
 }
 function Go(e) {
-  const t = e + "CollectionProvider", [o, n] = Me(t), [a, s] = o(
+  const t = e + "CollectionProvider", [o, n] = Pe(t), [a, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (u) => {
-    const { scope: m, children: f } = u, p = _.useRef(null), k = _.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ r(a, { scope: m, itemMap: k, collectionRef: p, children: f });
+  ), i = (h) => {
+    const { scope: u, children: d } = h, b = _.useRef(null), k = _.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ r(a, { scope: u, itemMap: k, collectionRef: b, children: d });
   };
   i.displayName = t;
-  const l = e + "CollectionSlot", h = _.forwardRef(
-    (u, m) => {
-      const { scope: f, children: p } = u, k = s(l, f), w = Se(m, k.collectionRef);
-      return /* @__PURE__ */ r(ve, { ref: w, children: p });
+  const c = e + "CollectionSlot", p = _.forwardRef(
+    (h, u) => {
+      const { scope: d, children: b } = h, k = s(c, d), w = xe(u, k.collectionRef);
+      return /* @__PURE__ */ r(pe, { ref: w, children: b });
     }
   );
-  h.displayName = l;
-  const d = e + "CollectionItemSlot", c = "data-radix-collection-item", g = _.forwardRef(
-    (u, m) => {
-      const { scope: f, children: p, ...k } = u, w = _.useRef(null), T = Se(m, w), E = s(d, f);
-      return _.useEffect(() => (E.itemMap.set(w, { ref: w, ...k }), () => void E.itemMap.delete(w))), /* @__PURE__ */ r(ve, { [c]: "", ref: T, children: p });
+  p.displayName = c;
+  const m = e + "CollectionItemSlot", l = "data-radix-collection-item", g = _.forwardRef(
+    (h, u) => {
+      const { scope: d, children: b, ...k } = h, w = _.useRef(null), I = xe(u, w), E = s(m, d);
+      return _.useEffect(() => (E.itemMap.set(w, { ref: w, ...k }), () => void E.itemMap.delete(w))), /* @__PURE__ */ r(pe, { [l]: "", ref: I, children: b });
     }
   );
-  g.displayName = d;
-  function y(u) {
-    const m = s(e + "CollectionConsumer", u);
+  g.displayName = m;
+  function v(h) {
+    const u = s(e + "CollectionConsumer", h);
     return _.useCallback(() => {
-      const f = m.collectionRef.current;
-      if (!f) return [];
-      const p = Array.from(f.querySelectorAll(`[${c}]`));
-      return Array.from(m.itemMap.values()).sort(
-        (k, w) => p.indexOf(k.ref.current) - p.indexOf(w.ref.current)
+      const d = u.collectionRef.current;
+      if (!d) return [];
+      const b = Array.from(d.querySelectorAll(`[${l}]`));
+      return Array.from(u.itemMap.values()).sort(
+        (k, w) => b.indexOf(k.ref.current) - b.indexOf(w.ref.current)
       );
-    }, [m.collectionRef, m.itemMap]);
+    }, [u.collectionRef, u.itemMap]);
   }
   return [
-    { Provider: i, Slot: h, ItemSlot: g },
-    y,
+    { Provider: i, Slot: p, ItemSlot: g },
+    v,
     n
   ];
 }
-var Uo = globalThis != null && globalThis.document ? b.useLayoutEffect : () => {
-}, jo = b.useId || (() => {
-}), Ko = 0;
-function Wo(e) {
-  const [t, o] = b.useState(jo());
-  return Uo(() => {
-    o((n) => n ?? String(Ko++));
+var Ho = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, Uo = f.useId || (() => {
+}), jo = 0;
+function Ko(e) {
+  const [t, o] = f.useState(Uo());
+  return Ho(() => {
+    o((n) => n ?? String(jo++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Pe(e) {
-  const t = b.useRef(e);
-  return b.useEffect(() => {
+function Le(e) {
+  const t = f.useRef(e);
+  return f.useEffect(() => {
     t.current = e;
-  }), b.useMemo(() => (...o) => {
+  }), f.useMemo(() => (...o) => {
     var n;
     return (n = t.current) == null ? void 0 : n.call(t, ...o);
   }, []);
 }
-function ke({
+function fe({
   prop: e,
   defaultProp: t,
   onChange: o = () => {
   }
 }) {
-  const [n, a] = Yo({ defaultProp: t, onChange: o }), s = e !== void 0, i = s ? e : n, l = Pe(o), h = b.useCallback(
-    (d) => {
+  const [n, a] = Wo({ defaultProp: t, onChange: o }), s = e !== void 0, i = s ? e : n, c = Le(o), p = f.useCallback(
+    (m) => {
       if (s) {
-        const c = typeof d == "function" ? d(e) : d;
-        c !== e && l(c);
+        const l = typeof m == "function" ? m(e) : m;
+        l !== e && c(l);
       } else
-        a(d);
+        a(m);
     },
-    [s, e, a, l]
+    [s, e, a, c]
   );
-  return [i, h];
+  return [i, p];
 }
-function Yo({
+function Wo({
   defaultProp: e,
   onChange: t
 }) {
-  const o = b.useState(e), [n] = o, a = b.useRef(n), s = Pe(t);
-  return b.useEffect(() => {
+  const o = f.useState(e), [n] = o, a = f.useRef(n), s = Le(t);
+  return f.useEffect(() => {
     a.current !== n && (s(n), a.current = n);
   }, [n, a, s]), o;
 }
-var qo = b.createContext(void 0);
-function dt(e) {
-  const t = b.useContext(qo);
+var Yo = f.createContext(void 0);
+function vt(e) {
+  const t = f.useContext(Yo);
   return e || t || "ltr";
 }
-var Ie = "rovingFocusGroup.onEntryFocus", Xo = { bubbles: !1, cancelable: !0 }, Ce = "RovingFocusGroup", [Ae, ut, Zo] = Go(Ce), [Jo, mt] = Me(
-  Ce,
+var Ie = "rovingFocusGroup.onEntryFocus", qo = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Re, yt, Zo] = Go(be), [Qo, kt] = Pe(
+  be,
   [Zo]
-), [Qo, er] = Jo(Ce), ht = b.forwardRef(
-  (e, t) => /* @__PURE__ */ r(Ae.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Ae.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(tr, { ...e, ref: t }) }) })
+), [Xo, Jo] = Qo(be), Ct = f.forwardRef(
+  (e, t) => /* @__PURE__ */ r(Re.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Re.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(er, { ...e, ref: t }) }) })
 );
-ht.displayName = Ce;
-var tr = b.forwardRef((e, t) => {
+Ct.displayName = be;
+var er = f.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: n,
     loop: a = !1,
     dir: s,
     currentTabStopId: i,
-    defaultCurrentTabStopId: l,
-    onCurrentTabStopIdChange: h,
-    onEntryFocus: d,
-    preventScrollOnEntryFocus: c = !1,
+    defaultCurrentTabStopId: c,
+    onCurrentTabStopIdChange: p,
+    onEntryFocus: m,
+    preventScrollOnEntryFocus: l = !1,
     ...g
-  } = e, y = b.useRef(null), u = Se(t, y), m = dt(s), [f = null, p] = ke({
+  } = e, v = f.useRef(null), h = xe(t, v), u = vt(s), [d = null, b] = fe({
     prop: i,
-    defaultProp: l,
-    onChange: h
-  }), [k, w] = b.useState(!1), T = Pe(d), E = ut(o), M = b.useRef(!1), [S, z] = b.useState(0);
-  return b.useEffect(() => {
-    const I = y.current;
-    if (I)
-      return I.addEventListener(Ie, T), () => I.removeEventListener(Ie, T);
-  }, [T]), /* @__PURE__ */ r(
-    Qo,
+    defaultProp: c,
+    onChange: p
+  }), [k, w] = f.useState(!1), I = Le(m), E = yt(o), R = f.useRef(!1), [$, O] = f.useState(0);
+  return f.useEffect(() => {
+    const N = v.current;
+    if (N)
+      return N.addEventListener(Ie, I), () => N.removeEventListener(Ie, I);
+  }, [I]), /* @__PURE__ */ r(
+    Xo,
     {
       scope: o,
       orientation: n,
-      dir: m,
+      dir: u,
       loop: a,
-      currentTabStopId: f,
-      onItemFocus: b.useCallback(
-        (I) => p(I),
-        [p]
+      currentTabStopId: d,
+      onItemFocus: f.useCallback(
+        (N) => b(N),
+        [b]
       ),
-      onItemShiftTab: b.useCallback(() => w(!0), []),
-      onFocusableItemAdd: b.useCallback(
-        () => z((I) => I + 1),
+      onItemShiftTab: f.useCallback(() => w(!0), []),
+      onFocusableItemAdd: f.useCallback(
+        () => O((N) => N + 1),
         []
       ),
-      onFocusableItemRemove: b.useCallback(
-        () => z((I) => I - 1),
+      onFocusableItemRemove: f.useCallback(
+        () => O((N) => N - 1),
         []
       ),
       children: /* @__PURE__ */ r(
-        de.div,
+        ae.div,
         {
-          tabIndex: k || S === 0 ? -1 : 0,
+          tabIndex: k || $ === 0 ? -1 : 0,
           "data-orientation": n,
           ...g,
-          ref: u,
+          ref: h,
           style: { outline: "none", ...e.style },
-          onMouseDown: Y(e.onMouseDown, () => {
-            M.current = !0;
+          onMouseDown: K(e.onMouseDown, () => {
+            R.current = !0;
           }),
-          onFocus: Y(e.onFocus, (I) => {
-            const te = !M.current;
-            if (I.target === I.currentTarget && te && !k) {
-              const J = new CustomEvent(Ie, Xo);
-              if (I.currentTarget.dispatchEvent(J), !J.defaultPrevented) {
-                const U = E().filter((R) => R.focusable), oe = U.find((R) => R.active), P = U.find((R) => R.id === f), j = [oe, P, ...U].filter(
+          onFocus: K(e.onFocus, (N) => {
+            const le = !R.current;
+            if (N.target === N.currentTarget && le && !k) {
+              const de = new CustomEvent(Ie, qo);
+              if (N.currentTarget.dispatchEvent(de), !de.defaultPrevented) {
+                const X = E().filter((B) => B.focusable), ye = X.find((B) => B.active), ke = X.find((B) => B.id === d), Ce = [ye, ke, ...X].filter(
                   Boolean
-                ).map((R) => R.ref.current);
-                ft(j, c);
+                ).map((B) => B.ref.current);
+                It(Ce, l);
               }
             }
-            M.current = !1;
+            R.current = !1;
           }),
-          onBlur: Y(e.onBlur, () => w(!1))
+          onBlur: K(e.onBlur, () => w(!1))
         }
       )
     }
   );
-}), pt = "RovingFocusGroupItem", gt = b.forwardRef(
+}), wt = "RovingFocusGroupItem", Nt = f.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
@@ -796,46 +797,46 @@ var tr = b.forwardRef((e, t) => {
       active: a = !1,
       tabStopId: s,
       ...i
-    } = e, l = Wo(), h = s || l, d = er(pt, o), c = d.currentTabStopId === h, g = ut(o), { onFocusableItemAdd: y, onFocusableItemRemove: u } = d;
-    return b.useEffect(() => {
+    } = e, c = Ko(), p = s || c, m = Jo(wt, o), l = m.currentTabStopId === p, g = yt(o), { onFocusableItemAdd: v, onFocusableItemRemove: h } = m;
+    return f.useEffect(() => {
       if (n)
-        return y(), () => u();
-    }, [n, y, u]), /* @__PURE__ */ r(
-      Ae.ItemSlot,
+        return v(), () => h();
+    }, [n, v, h]), /* @__PURE__ */ r(
+      Re.ItemSlot,
       {
         scope: o,
-        id: h,
+        id: p,
         focusable: n,
         active: a,
         children: /* @__PURE__ */ r(
-          de.span,
+          ae.span,
           {
-            tabIndex: c ? 0 : -1,
-            "data-orientation": d.orientation,
+            tabIndex: l ? 0 : -1,
+            "data-orientation": m.orientation,
             ...i,
             ref: t,
-            onMouseDown: Y(e.onMouseDown, (m) => {
-              n ? d.onItemFocus(h) : m.preventDefault();
+            onMouseDown: K(e.onMouseDown, (u) => {
+              n ? m.onItemFocus(p) : u.preventDefault();
             }),
-            onFocus: Y(e.onFocus, () => d.onItemFocus(h)),
-            onKeyDown: Y(e.onKeyDown, (m) => {
-              if (m.key === "Tab" && m.shiftKey) {
-                d.onItemShiftTab();
+            onFocus: K(e.onFocus, () => m.onItemFocus(p)),
+            onKeyDown: K(e.onKeyDown, (u) => {
+              if (u.key === "Tab" && u.shiftKey) {
+                m.onItemShiftTab();
                 return;
               }
-              if (m.target !== m.currentTarget) return;
-              const f = nr(m, d.orientation, d.dir);
-              if (f !== void 0) {
-                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
-                m.preventDefault();
-                let p = g().filter((k) => k.focusable).map((k) => k.ref.current);
-                if (f === "last") p.reverse();
-                else if (f === "prev" || f === "next") {
-                  f === "prev" && p.reverse();
-                  const k = p.indexOf(m.currentTarget);
-                  p = d.loop ? ar(p, k + 1) : p.slice(k + 1);
+              if (u.target !== u.currentTarget) return;
+              const d = rr(u, m.orientation, m.dir);
+              if (d !== void 0) {
+                if (u.metaKey || u.ctrlKey || u.altKey || u.shiftKey) return;
+                u.preventDefault();
+                let b = g().filter((k) => k.focusable).map((k) => k.ref.current);
+                if (d === "last") b.reverse();
+                else if (d === "prev" || d === "next") {
+                  d === "prev" && b.reverse();
+                  const k = b.indexOf(u.currentTarget);
+                  b = m.loop ? nr(b, k + 1) : b.slice(k + 1);
                 }
-                setTimeout(() => ft(p));
+                setTimeout(() => It(b));
               }
             })
           }
@@ -844,8 +845,8 @@ var tr = b.forwardRef((e, t) => {
     );
   }
 );
-gt.displayName = pt;
-var or = {
+Nt.displayName = wt;
+var tr = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -855,30 +856,30 @@ var or = {
   PageDown: "last",
   End: "last"
 };
-function rr(e, t) {
+function or(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function nr(e, t, o) {
-  const n = rr(e.key, o);
+function rr(e, t, o) {
+  const n = or(e.key, o);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
-    return or[n];
+    return tr[n];
 }
-function ft(e, t = !1) {
+function It(e, t = !1) {
   const o = document.activeElement;
   for (const n of e)
     if (n === o || (n.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function ar(e, t) {
+function nr(e, t) {
   return e.map((o, n) => e[(t + n) % e.length]);
 }
-var sr = ht, ir = gt, lr = "Toggle", bt = b.forwardRef((e, t) => {
-  const { pressed: o, defaultPressed: n = !1, onPressedChange: a, ...s } = e, [i = !1, l] = ke({
+var ar = Ct, sr = Nt, ir = "Toggle", Tt = f.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: n = !1, onPressedChange: a, ...s } = e, [i = !1, c] = fe({
     prop: o,
     onChange: a,
     defaultProp: n
   });
   return /* @__PURE__ */ r(
-    de.button,
+    ae.button,
     {
       type: "button",
       "aria-pressed": i,
@@ -886,79 +887,79 @@ var sr = ht, ir = gt, lr = "Toggle", bt = b.forwardRef((e, t) => {
       "data-disabled": e.disabled ? "" : void 0,
       ...s,
       ref: t,
-      onClick: Y(e.onClick, () => {
-        e.disabled || l(!i);
+      onClick: K(e.onClick, () => {
+        e.disabled || c(!i);
       })
     }
   );
 });
-bt.displayName = lr;
-var ee = "ToggleGroup", [vt, Cn] = Me(ee, [
-  mt
-]), yt = mt(), Le = _.forwardRef((e, t) => {
+Tt.displayName = ir;
+var Q = "ToggleGroup", [_t, Cn] = Pe(Q, [
+  kt
+]), Et = kt(), $e = _.forwardRef((e, t) => {
   const { type: o, ...n } = e;
   if (o === "single")
     return /* @__PURE__ */ r(cr, { ...n, ref: t });
   if (o === "multiple")
-    return /* @__PURE__ */ r(dr, { ...n, ref: t });
-  throw new Error(`Missing prop \`type\` expected on \`${ee}\``);
+    return /* @__PURE__ */ r(lr, { ...n, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${Q}\``);
 });
-Le.displayName = ee;
-var [kt, Ct] = vt(ee), cr = _.forwardRef((e, t) => {
+$e.displayName = Q;
+var [xt, St] = _t(Q), cr = _.forwardRef((e, t) => {
   const {
     value: o,
     defaultValue: n,
     onValueChange: a = () => {
     },
     ...s
-  } = e, [i, l] = ke({
+  } = e, [i, c] = fe({
     prop: o,
     defaultProp: n,
     onChange: a
   });
   return /* @__PURE__ */ r(
-    kt,
+    xt,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
       value: i ? [i] : [],
-      onItemActivate: l,
-      onItemDeactivate: _.useCallback(() => l(""), [l]),
-      children: /* @__PURE__ */ r(wt, { ...s, ref: t })
+      onItemActivate: c,
+      onItemDeactivate: _.useCallback(() => c(""), [c]),
+      children: /* @__PURE__ */ r(Rt, { ...s, ref: t })
     }
   );
-}), dr = _.forwardRef((e, t) => {
+}), lr = _.forwardRef((e, t) => {
   const {
     value: o,
     defaultValue: n,
     onValueChange: a = () => {
     },
     ...s
-  } = e, [i = [], l] = ke({
+  } = e, [i = [], c] = fe({
     prop: o,
     defaultProp: n,
     onChange: a
-  }), h = _.useCallback(
-    (c) => l((g = []) => [...g, c]),
-    [l]
-  ), d = _.useCallback(
-    (c) => l((g = []) => g.filter((y) => y !== c)),
-    [l]
+  }), p = _.useCallback(
+    (l) => c((g = []) => [...g, l]),
+    [c]
+  ), m = _.useCallback(
+    (l) => c((g = []) => g.filter((v) => v !== l)),
+    [c]
   );
   return /* @__PURE__ */ r(
-    kt,
+    xt,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
       value: i,
-      onItemActivate: h,
-      onItemDeactivate: d,
-      children: /* @__PURE__ */ r(wt, { ...s, ref: t })
+      onItemActivate: p,
+      onItemDeactivate: m,
+      children: /* @__PURE__ */ r(Rt, { ...s, ref: t })
     }
   );
 });
-Le.displayName = ee;
-var [ur, mr] = vt(ee), wt = _.forwardRef(
+$e.displayName = Q;
+var [dr, ur] = _t(Q), Rt = _.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: o,
@@ -966,55 +967,55 @@ var [ur, mr] = vt(ee), wt = _.forwardRef(
       rovingFocus: a = !0,
       orientation: s,
       dir: i,
-      loop: l = !0,
-      ...h
-    } = e, d = yt(o), c = dt(i), g = { role: "group", dir: c, ...h };
-    return /* @__PURE__ */ r(ur, { scope: o, rovingFocus: a, disabled: n, children: a ? /* @__PURE__ */ r(
-      sr,
+      loop: c = !0,
+      ...p
+    } = e, m = Et(o), l = vt(i), g = { role: "group", dir: l, ...p };
+    return /* @__PURE__ */ r(dr, { scope: o, rovingFocus: a, disabled: n, children: a ? /* @__PURE__ */ r(
+      ar,
       {
         asChild: !0,
-        ...d,
+        ...m,
         orientation: s,
-        dir: c,
-        loop: l,
-        children: /* @__PURE__ */ r(de.div, { ...g, ref: t })
+        dir: l,
+        loop: c,
+        children: /* @__PURE__ */ r(ae.div, { ...g, ref: t })
       }
-    ) : /* @__PURE__ */ r(de.div, { ...g, ref: t }) });
+    ) : /* @__PURE__ */ r(ae.div, { ...g, ref: t }) });
   }
-), ye = "ToggleGroupItem", Nt = _.forwardRef(
+), ge = "ToggleGroupItem", At = _.forwardRef(
   (e, t) => {
-    const o = Ct(ye, e.__scopeToggleGroup), n = mr(ye, e.__scopeToggleGroup), a = yt(e.__scopeToggleGroup), s = o.value.includes(e.value), i = n.disabled || e.disabled, l = { ...e, pressed: s, disabled: i }, h = _.useRef(null);
+    const o = St(ge, e.__scopeToggleGroup), n = ur(ge, e.__scopeToggleGroup), a = Et(e.__scopeToggleGroup), s = o.value.includes(e.value), i = n.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, p = _.useRef(null);
     return n.rovingFocus ? /* @__PURE__ */ r(
-      ir,
+      sr,
       {
         asChild: !0,
         ...a,
         focusable: !i,
         active: s,
-        ref: h,
-        children: /* @__PURE__ */ r(Ue, { ...l, ref: t })
+        ref: p,
+        children: /* @__PURE__ */ r(Ke, { ...c, ref: t })
       }
-    ) : /* @__PURE__ */ r(Ue, { ...l, ref: t });
+    ) : /* @__PURE__ */ r(Ke, { ...c, ref: t });
   }
 );
-Nt.displayName = ye;
-var Ue = _.forwardRef(
+At.displayName = ge;
+var Ke = _.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: o, value: n, ...a } = e, s = Ct(ye, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = s.type === "single" ? i : void 0;
+    const { __scopeToggleGroup: o, value: n, ...a } = e, s = St(ge, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
     return /* @__PURE__ */ r(
-      bt,
+      Tt,
       {
-        ...l,
+        ...c,
         ...a,
         ref: t,
-        onPressedChange: (h) => {
-          h ? s.onItemActivate(n) : s.onItemDeactivate(n);
+        onPressedChange: (p) => {
+          p ? s.onItemActivate(n) : s.onItemDeactivate(n);
         }
       }
     );
   }
-), hr = Le, pr = Nt;
-const Tt = _.createContext({
+), mr = $e, hr = At;
+const Mt = _.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
@@ -1032,7 +1033,7 @@ try {
   });
 } catch {
 }
-const gr = (e) => {
+const pr = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1041,22 +1042,22 @@ const gr = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, fr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}, gr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), br = ({ mode: e }) => C({
+}), fr = ({ mode: e }) => C({
   "data-[state=on]:bg-surface-medium": e === "dark",
   "data-[state=on]:bg-surface-lightest": e === "light",
   "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
   "data-[state=on]:bg-surface-medium dark:data-[state=on]:bg-surface-lightest": e === "alt-system"
-}), vr = ({ size: e }) => C({
+}), br = ({ size: e }) => C({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), yr = ({ mode: e }) => C(
-  $o,
+}), vr = ({ mode: e }) => C(
+  Lo,
   "px-1",
   "relative",
   "border-r",
@@ -1069,27 +1070,27 @@ const gr = (e) => {
     "border-surface-light dark:border-surface-darker": e === "system",
     "border-surface-darker dark:border-surface-light": e === "alt-system"
   }
-), kr = ({
+), yr = ({
   focusMode: e,
   mode: t,
   size: o
 }) => ({
-  wrapperClass: yr({ mode: t }),
+  wrapperClass: vr({ mode: t }),
   itemClass: C(
-    Bo,
+    $o,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
     "transition duration-200 ease",
-    vr({ size: o }),
-    fr({ focusMode: e }),
-    br({ mode: t })
+    br({ size: o }),
+    gr({ focusMode: e }),
+    fr({ mode: t })
   )
-}), Cr = ({
+}), kr = ({
   mode: e,
   spacing: t
 }) => C(
-  Lo,
-  gr(t),
+  Po,
+  pr(t),
   "inline-flex p-1",
   "rounded-sm",
   {
@@ -1098,7 +1099,7 @@ const gr = (e) => {
     "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-lighter": e === "system",
     "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
   }
-), wr = ({
+), Cr = ({
   children: e,
   value: t,
   onValueChange: o,
@@ -1106,32 +1107,32 @@ const gr = (e) => {
   mode: a = "system",
   focusMode: s = "system",
   size: i = "medium",
-  defaultValue: l,
-  spacing: h,
-  ...d
+  defaultValue: c,
+  spacing: p,
+  ...m
 }) => {
-  const c = Cr({ mode: a, spacing: h }), g = { size: i, focusMode: s, mode: a };
-  return /* @__PURE__ */ r(Tt.Provider, { value: g, children: /* @__PURE__ */ r(
-    hr,
+  const l = kr({ mode: a, spacing: p }), g = { size: i, focusMode: s, mode: a };
+  return /* @__PURE__ */ r(Mt.Provider, { value: g, children: /* @__PURE__ */ r(
+    mr,
     {
       disabled: n,
-      className: c,
+      className: l,
       value: t,
-      defaultValue: l,
+      defaultValue: c,
       onValueChange: o,
-      ...d,
+      ...m,
       type: "single",
       children: e
     }
   ) });
-}, Nr = ({ value: e, disabled: t }) => {
-  const { size: o, focusMode: n, mode: a } = B(Tt), { itemClass: s, wrapperClass: i } = kr({
+}, wr = ({ value: e, disabled: t }) => {
+  const { size: o, focusMode: n, mode: a } = P(Mt), { itemClass: s, wrapperClass: i } = yr({
     focusMode: n,
     mode: a,
     size: o
   });
   return /* @__PURE__ */ r("div", { className: i, children: /* @__PURE__ */ r(
-    pr,
+    hr,
     {
       disabled: t,
       className: s,
@@ -1141,19 +1142,19 @@ const gr = (e) => {
   ) });
 };
 /*!
-  @versini/ui-panel v1.2.2
+  @versini/ui-panel v1.2.3
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.2.2",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "1.2.3",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const je = "av-messagebox", Ke = "av-panel", We = "av-button";
+const We = "av-messagebox", Ye = "av-panel", qe = "av-button";
 /*!
   @versini/ui-spacing v1.1.0
   © 2024 gizmette.com
@@ -1161,13 +1162,13 @@ const je = "av-messagebox", Ke = "av-panel", We = "av-button";
 try {
   window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
     version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Tr = (e) => {
+const Nr = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1176,28 +1177,28 @@ const Tr = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, $e = "icon", Ir = "button", _r = "link", Er = ({
+}, Oe = "icon", Ir = "button", Tr = "link", _r = ({
   type: e,
   size: t,
   labelRight: o,
   labelLeft: n,
   align: a
 }) => {
-  const s = "text-sm font-medium max-h-8 py-0", i = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
+  const s = "text-sm font-medium max-h-8 py-0", i = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
   switch (e) {
     case Ir:
       return C("px-4", {
         [s]: t === "small",
         [i]: t === "medium",
-        [l]: t === "large"
+        [c]: t === "large"
       });
-    case _r:
+    case Tr:
       return C("px-4 text-center", {
         [s]: t === "small",
         [i]: t === "medium",
-        [l]: t === "large"
+        [c]: t === "large"
       });
-    case $e:
+    case Oe:
       return C("inline-flex items-center", {
         "justify-center": a === "center",
         "justify-start": a === "left",
@@ -1210,7 +1211,7 @@ const Tr = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (o || n)
       });
   }
-}, xr = ({
+}, Er = ({
   mode: e,
   noBackground: t,
   noTruncate: o,
@@ -1242,7 +1243,7 @@ const Tr = (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"
     });
-}, Sr = ({
+}, xr = ({
   mode: e,
   disabled: t,
   variant: o
@@ -1270,7 +1271,7 @@ const Tr = (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"
     });
-}, Rr = ({
+}, Sr = ({
   mode: e,
   disabled: t,
   variant: o
@@ -1298,7 +1299,7 @@ const Tr = (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"
     });
-}, Ar = ({
+}, Rr = ({
   mode: e,
   noBorder: t,
   variant: o
@@ -1326,12 +1327,12 @@ const Tr = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, Mr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Ar = ({ focusMode: e }) => C("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"
-}), It = ({
+}), Pt = ({
   type: e,
   className: t,
   raw: o,
@@ -1339,30 +1340,30 @@ const Tr = (e) => {
   focusMode: a,
   disabled: s,
   fullWidth: i,
-  size: l,
-  noBorder: h,
-  labelRight: d,
-  labelLeft: c,
+  size: c,
+  noBorder: p,
+  labelRight: m,
+  labelLeft: l,
   spacing: g,
-  noBackground: y,
-  variant: u,
-  noTruncate: m,
-  align: f
-}) => (u || (u = "primary"), o ? C(We, t) : C(
-  We,
+  noBackground: v,
+  variant: h,
+  noTruncate: u,
+  align: d
+}) => (h || (h = "primary"), o ? C(qe, t) : C(
+  qe,
   t,
-  Tr(g),
-  xr({ mode: n, variant: u, noBackground: y, noTruncate: m }),
-  Er({ type: e, size: l, labelRight: d, labelLeft: c, align: f }),
-  Ar({ mode: n, variant: u, noBorder: h }),
-  Mr({ focusMode: a }),
-  Sr({ mode: n, variant: u, disabled: s }),
-  Rr({ mode: n, variant: u, disabled: s }),
+  Nr(g),
+  Er({ mode: n, variant: h, noBackground: v, noTruncate: u }),
+  _r({ type: e, size: c, labelRight: m, labelLeft: l, align: d }),
+  Rr({ mode: n, variant: h, noBorder: p }),
+  Ar({ focusMode: a }),
+  xr({ mode: n, variant: h, disabled: s }),
+  Sr({ mode: n, variant: h, disabled: s }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": s
   }
-)), Pr = (e, t, o) => {
+)), Mr = (e, t, o) => {
   var n;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((n = e == null ? void 0 : e.currentTarget) == null ? void 0 : n.focus) == "function" && e.currentTarget.focus(), typeof o == "function" && o(e);
 }, Be = _.forwardRef((e, t) => {
@@ -1372,14 +1373,14 @@ const Tr = (e) => {
     {
       ref: t,
       onClick: (s) => {
-        Pr(s, n, o);
+        Mr(s, n, o);
       },
       ...a
     }
   );
 });
 Be.displayName = "BaseButton";
-const _t = _.forwardRef(
+const Lt = _.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1388,58 +1389,58 @@ const _t = _.forwardRef(
     fullWidth: a = !1,
     className: s,
     type: i = "button",
-    raw: l = !1,
-    noBorder: h = !1,
-    "aria-label": d,
-    label: c,
+    raw: c = !1,
+    noBorder: p = !1,
+    "aria-label": m,
+    label: l,
     size: g = "medium",
-    labelRight: y,
-    labelLeft: u,
-    spacing: m,
-    noBackground: f = !1,
-    align: p = "center",
+    labelRight: v,
+    labelLeft: h,
+    spacing: u,
+    noBackground: d = !1,
+    align: b = "center",
     ...k
   }, w) => {
-    const T = It({
-      type: $e,
+    const I = Pt({
+      type: Oe,
       mode: o,
       focusMode: n,
       fullWidth: a,
       disabled: t,
-      raw: l,
+      raw: c,
       className: s,
-      noBorder: h,
+      noBorder: p,
       size: g,
-      labelRight: y,
-      labelLeft: u,
-      spacing: m,
-      noBackground: f,
-      align: p
+      labelRight: v,
+      labelLeft: h,
+      spacing: u,
+      noBackground: d,
+      align: b
     }), E = C({
-      "text-copy-accent-dark": o === "light" && !l,
-      "text-copy-light": o === "dark" && !l,
-      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
-      "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
+      "text-copy-accent-dark": o === "light" && !c,
+      "text-copy-light": o === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": o === "system" && !c
     });
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       Be,
       {
         ref: w,
-        className: T,
+        className: I,
         disabled: t,
         type: i,
-        "aria-label": d || c,
+        "aria-label": m || l,
         ...k,
         children: [
-          u && /* @__PURE__ */ r("span", { className: "pr-2", children: u }),
+          h && /* @__PURE__ */ r("span", { className: "pr-2", children: h }),
           /* @__PURE__ */ r("div", { className: E, children: e }),
-          y && /* @__PURE__ */ r("span", { className: "pl-2", children: y })
+          v && /* @__PURE__ */ r("span", { className: "pl-2", children: v })
         ]
       }
     );
   }
 );
-_t.displayName = "ButtonIcon";
+Lt.displayName = "ButtonIcon";
 /*!
   @versini/ui-button v1.6.0
   © 2024 gizmette.com
@@ -1447,13 +1448,13 @@ _t.displayName = "ButtonIcon";
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
     version: "1.6.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Lr = _.forwardRef(
+const Pr = _.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1462,40 +1463,40 @@ const Lr = _.forwardRef(
     fullWidth: a = !1,
     className: s,
     type: i = "button",
-    raw: l = !1,
-    noBorder: h = !1,
-    "aria-label": d,
-    label: c,
+    raw: c = !1,
+    noBorder: p = !1,
+    "aria-label": m,
+    label: l,
     size: g = "medium",
-    labelRight: y,
-    labelLeft: u,
-    spacing: m,
-    noBackground: f = !1,
-    align: p = "center",
+    labelRight: v,
+    labelLeft: h,
+    spacing: u,
+    noBackground: d = !1,
+    align: b = "center",
     active: k = !1,
     ...w
-  }, T) => {
-    const E = It({
-      type: $e,
+  }, I) => {
+    const E = Pt({
+      type: Oe,
       mode: o,
       focusMode: n,
       fullWidth: a,
       disabled: t,
-      raw: l,
+      raw: c,
       className: s,
-      noBorder: h,
+      noBorder: p,
       size: g,
-      labelRight: y,
-      labelLeft: u,
-      spacing: m,
-      noBackground: f,
-      align: p
-    }), M = C({
-      "text-copy-accent-dark": o === "light" && !l,
-      "text-copy-light": o === "dark" && !l,
-      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
-      "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
-    }), S = k ? C(
+      labelRight: v,
+      labelLeft: h,
+      spacing: u,
+      noBackground: d,
+      align: b
+    }), R = C({
+      "text-copy-accent-dark": o === "light" && !c,
+      "text-copy-light": o === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": o === "system" && !c
+    }), $ = k ? C(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1512,25 +1513,25 @@ const Lr = _.forwardRef(
         "after:border-table-light dark:after:border-table-dark": o === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ r("div", { className: S, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ r("div", { className: $, children: /* @__PURE__ */ y(
       Be,
       {
-        ref: T,
+        ref: I,
         className: E,
         disabled: t,
         type: i,
-        "aria-label": d || c,
+        "aria-label": m || l,
         ...w,
         children: [
-          u && /* @__PURE__ */ r("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ r("div", { className: M, children: e }),
-          y && /* @__PURE__ */ r("span", { className: "pl-2", children: y })
+          h && /* @__PURE__ */ r("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ r("div", { className: R, children: e }),
+          v && /* @__PURE__ */ r("span", { className: "pl-2", children: v })
         ]
       }
     ) });
   }
 );
-Lr.displayName = "ButtonSort";
+Pr.displayName = "ButtonSort";
 /*!
   @versini/ui-spacing v1.1.0
   © 2024 gizmette.com
@@ -1538,13 +1539,13 @@ Lr.displayName = "ButtonSort";
 try {
   window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
     version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const $r = (e) => {
+const Lr = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1553,7 +1554,7 @@ const $r = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, Br = ({
+}, $r = ({
   children: e,
   fill: t,
   viewBox: o,
@@ -1561,15 +1562,15 @@ const $r = (e) => {
   defaultViewBox: a,
   defaultClassName: s,
   spacing: i,
-  title: l,
-  semantic: h = !1,
-  ...d
+  title: c,
+  semantic: p = !1,
+  ...m
 }) => {
-  const c = $r(i), g = C(
-    c,
+  const l = Lr(i), g = C(
+    l,
     n || s
   );
-  return /* @__PURE__ */ v(A, { children: [
+  return /* @__PURE__ */ y(S, { children: [
     /* @__PURE__ */ r(
       "svg",
       {
@@ -1578,13 +1579,13 @@ const $r = (e) => {
         viewBox: o || a,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !h,
+        "aria-hidden": !p,
         focusable: !1,
-        ...d,
+        ...m,
         children: e
       }
     ),
-    l && h && /* @__PURE__ */ r("span", { className: "sr-only", children: l })
+    c && p && /* @__PURE__ */ r("span", { className: "sr-only", children: c })
   ] });
 };
 /*!
@@ -1594,13 +1595,13 @@ const $r = (e) => {
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Vr = ({
+const Or = ({
   className: e,
   viewBox: t,
   spacing: o,
@@ -1608,7 +1609,7 @@ const Vr = ({
   monotone: a,
   ...s
 }) => /* @__PURE__ */ r(
-  Br,
+  $r,
   {
     defaultViewBox: "0 0 384 512",
     defaultClassName: "size-5",
@@ -1627,95 +1628,178 @@ const Vr = ({
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
     version: "1.19.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ne = "panel", ge = "messagebox", zr = ({
+const $t = f.createContext(null);
+function Br({
+  initialOpen: e = !1,
+  open: t,
+  onOpenChange: o
+} = {}) {
+  const [n, a] = f.useState(e), [s, i] = f.useState(), [c, p] = f.useState(), m = t ?? n, l = o ?? a, g = it({
+    open: m,
+    onOpenChange: l
+  }), v = g.context, h = ct(v, {
+    enabled: t == null
+  }), u = dt(v, {
+    outsidePress: !1,
+    outsidePressEvent: "mousedown"
+  }), d = lt(v), b = ut([h, u, d]);
+  return f.useMemo(
+    () => ({
+      open: m,
+      setOpen: l,
+      ...b,
+      ...g,
+      labelId: s,
+      descriptionId: c,
+      setLabelId: i,
+      setDescriptionId: p
+    }),
+    [m, l, b, g, s, c]
+  );
+}
+const ve = () => {
+  const e = f.useContext($t);
+  if (e == null)
+    throw new Error("Modal components must be wrapped in <Modal />");
+  return e;
+};
+function Vr({
+  children: e,
+  ...t
+}) {
+  const o = Br(t);
+  return /* @__PURE__ */ r($t.Provider, { value: o, children: e });
+}
+const Dr = f.forwardRef(function(e, t) {
+  const { context: o, ...n } = ve(), a = Me([n.refs.setFloating, t]);
+  if (!o.open)
+    return null;
+  const { overlayBackground: s, ...i } = e, c = C("grid place-items-center", {
+    [`${s}`]: s,
+    "bg-black sm:bg-black/[.8]": !s
+  });
+  return /* @__PURE__ */ r(mt, { children: /* @__PURE__ */ r(No, { className: c, lockScroll: !0, children: /* @__PURE__ */ r(ht, { context: o, children: /* @__PURE__ */ r(
+    "div",
+    {
+      ref: a,
+      "aria-labelledby": n.labelId,
+      "aria-describedby": n.descriptionId,
+      ...n.getFloatingProps(i),
+      children: i.children
+    }
+  ) }) }) });
+}), zr = f.forwardRef(function({ children: e, ...t }, o) {
+  const { setLabelId: n } = ve(), a = Ae();
+  return f.useLayoutEffect(() => (n(a), () => n(void 0)), [a, n]), /* @__PURE__ */ r("h1", { ...t, ref: o, id: a, children: e });
+}), Fr = f.forwardRef(function({ children: e, ...t }, o) {
+  const { setDescriptionId: n } = ve(), a = Ae();
+  return f.useLayoutEffect(() => (n(a), () => n(void 0)), [a, n]), /* @__PURE__ */ r("div", { ...t, ref: o, id: a, children: e });
+}), Gr = f.forwardRef(function(e, t) {
+  const { setOpen: o } = ve(), { trigger: n, className: a, ...s } = e, i = f.useCallback(() => o(!1), [o]);
+  return /* @__PURE__ */ r("div", { className: a, children: f.cloneElement(n, {
+    ref: t,
+    onClick: i,
+    ...s
+  }) });
+});
+/*!
+  @versini/ui-modal v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
+    version: "1.1.0",
+    buildTime: "12/27/2024 07:18 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ee = "panel", ue = "messagebox", Hr = ({
   className: e,
   kind: t,
   borderMode: o
 }) => ({
   main: C("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${Ke} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ne,
-    [`${Ke} w-full sm:w-[95%] md:max-w-2xl`]: t === ne && !e,
-    [`${je} rounded-lg border-2`]: t === ge,
-    [`${je} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ge && !e,
+    [`${Ye} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ee,
+    [`${Ye} w-full sm:w-[95%] md:max-w-2xl`]: t === ee && !e,
+    [`${We} rounded-lg border-2`]: t === ue,
+    [`${We} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
     [`${e}`]: !!e,
-    "sm:border-border-dark": o === "dark" && t === ne,
-    "sm:border-border-accent": o === "light" && t === ne,
-    "border-border-dark": o === "dark" && t === ge,
-    "border-border-accent": o === "light" && t === ge
+    "sm:border-border-dark": o === "dark" && t === ee,
+    "sm:border-border-accent": o === "light" && t === ee,
+    "border-border-dark": o === "dark" && t === ue,
+    "border-border-accent": o === "light" && t === ue
   }),
   content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
   footer: "flex flex-grow flex-col sm:p-4 p-2",
   header: "sm:p-4 mb-0 p-2",
   close: "sm:p-4 p-2"
-}), pe = (e) => ao(
-  () => import("./index.DaIz2ggm.CWKMlVvg.js").then((t) => ({
-    default: t[e]
-  }))
-), Or = pe("Modal"), Dr = pe("ModalClose"), Hr = pe("ModalContent"), Fr = pe("ModalDescription"), Gr = pe("ModalHeading"), Z = ({
+}), Y = ({
   open: e,
   onOpenChange: t,
   title: o,
   children: n,
   footer: a,
   borderMode: s = "light",
-  kind: i = ne,
-  className: l
+  kind: i = ee,
+  className: c
 }) => {
-  const h = le(""), d = zr({ className: l, kind: i, borderMode: s });
-  return q(() => (e && (h.current = document.title, document.title = `${o} | ${h.current}`), () => {
-    e && (document.title = h.current);
-  }), [o, e]), /* @__PURE__ */ r(no, { fallback: /* @__PURE__ */ r("div", {}), children: e && /* @__PURE__ */ r(Or, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Hr, { className: d.main, children: [
-    /* @__PURE__ */ v("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+  const p = Z(""), m = Hr({ className: c, kind: i, borderMode: s });
+  return G(() => (e && (p.current = document.title, document.title = `${o} | ${p.current}`), () => {
+    e && (document.title = p.current);
+  }), [o, e]), /* @__PURE__ */ r(S, { children: e && /* @__PURE__ */ r(Vr, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Dr, { className: m.main, children: [
+    /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ r(
-        Dr,
+        Gr,
         {
-          className: d.close,
+          className: m.close,
           trigger: /* @__PURE__ */ r(
-            _t,
+            Lt,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ r(Vr, {})
+              children: /* @__PURE__ */ r(Or, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ r(Gr, { className: d.header, children: o })
+      /* @__PURE__ */ r(zr, { className: m.header, children: o })
     ] }),
-    /* @__PURE__ */ r(Fr, { className: d.content, children: n }),
-    a && /* @__PURE__ */ r("div", { className: d.footer, children: a })
+    /* @__PURE__ */ r(Fr, { className: m.content, children: n }),
+    a && /* @__PURE__ */ r("div", { className: m.footer, children: a })
   ] }) }) });
 }, Ur = ({ stats: e }) => {
-  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], a = ce(), s = ce();
-  return /* @__PURE__ */ v(A, { children: [
+  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], a = ne(), s = ne();
+  return /* @__PURE__ */ y(S, { children: [
     /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      $,
+      M,
       {
-        header: N.ABOUT.TITLE_CLIENT,
+        header: T.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
-        children: ie(a, {
-          [N.ABOUT.VERSION]: "5.8.2",
-          [N.ABOUT.BUILD_TIMESTAMP]: "12/27/2024 02:51 PM EST"
+        children: re(a, {
+          [T.ABOUT.VERSION]: "5.10.0",
+          [T.ABOUT.BUILD_TIMESTAMP]: "12/28/2024 05:55 PM EST"
         })
       }
     ) }),
     /* @__PURE__ */ r(
-      $,
+      M,
       {
-        header: N.ABOUT.TITLE_SERVER,
+        header: T.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
-        children: ie(s, {
-          [N.ABOUT.VERSION]: o,
-          [be(N.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ r(A, { children: n.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) }),
-          [be(N.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(A, { children: t.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) })
+        children: re(s, {
+          [T.ABOUT.VERSION]: o,
+          [he(T.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ r(S, { children: n.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) }),
+          [he(T.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(S, { children: t.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
@@ -1724,18 +1808,18 @@ const ne = "panel", ge = "messagebox", zr = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { serverStats: o } = B(ue);
-  return /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: At, children: /* @__PURE__ */ r(Ur, { stats: o }) });
+  const { serverStats: o } = P(se);
+  return /* @__PURE__ */ r(Y, { open: e, onOpenChange: t, title: zt, children: /* @__PURE__ */ r(Ur, { stats: o }) });
 }, Kr = (e) => Xe(e), Wr = (e) => {
   if (!e || e.length === 0)
-    return Pt;
+    return Gt;
   const t = e.filter(
     (o) => {
       var n, a;
-      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Lt && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
+      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Ht && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
     }
   ).map((o) => o.message.processingTime);
-  return $t({
+  return Ut({
     data: t,
     formatter: Kr
   });
@@ -1743,29 +1827,29 @@ const ne = "panel", ge = "messagebox", zr = ({
   isAuthenticated: e,
   stats: t
 }) => {
-  const { state: o } = B(ue), n = Bt - Number(o == null ? void 0 : o.usage), a = ce(), s = ce();
-  return e ? /* @__PURE__ */ v(A, { children: [
+  const { state: o } = P(se), n = jt - Number(o == null ? void 0 : o.usage), a = ne(), s = ne();
+  return e ? /* @__PURE__ */ y(S, { children: [
     o && o.messages.length > 0 && /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      $,
+      M,
       {
-        header: N.CURRENT_STATISTICS.TITLE,
+        header: T.CURRENT_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: ie(a, {
-          [N.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || ae,
-          [N.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
-          [N.CURRENT_STATISTICS.REMAINING_TOKENS]: Mt.format(n),
-          [N.CURRENT_STATISTICS.PROCESSING_TIME]: Wr(o == null ? void 0 : o.messages)
+        children: re(a, {
+          [T.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || te,
+          [T.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
+          [T.CURRENT_STATISTICS.REMAINING_TOKENS]: Ft.format(n),
+          [T.CURRENT_STATISTICS.PROCESSING_TIME]: Wr(o == null ? void 0 : o.messages)
         })
       }
     ) }),
     /* @__PURE__ */ r(
-      $,
+      M,
       {
-        header: N.MAIN_STATISTICS.TITLE,
+        header: T.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: ie(s, {
-          [be(N.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
-          [N.MAIN_STATISTICS.PROCESSING_TIME]: Xe(
+        children: re(s, {
+          [he(T.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [T.MAIN_STATISTICS.PROCESSING_TIME]: Xe(
             t.averageProcessingTimes
           )
         })
@@ -1779,38 +1863,38 @@ const ne = "panel", ge = "messagebox", zr = ({
   const [o, n] = x({
     averageProcessingTimes: 0,
     totalChats: 0
-  }), { isAuthenticated: a, getAccessToken: s, user: i } = X();
-  return q(() => {
+  }), { isAuthenticated: a, getAccessToken: s, user: i } = W();
+  return G(() => {
     !e || !i || (async () => {
       try {
-        const l = await D({
+        const c = await V({
           accessToken: await s(),
-          type: H.GET_CHATS_STATS,
+          type: D.GET_CHATS_STATS,
           params: {
             userId: i.username
           }
         });
-        l.status === 200 && n(l.data);
+        c.status === 200 && n(c.data);
       } catch {
       }
     })();
-  }, [e, s, i]), /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Ze, children: /* @__PURE__ */ r(Yr, { isAuthenticated: a, stats: o }) });
-}, Et = ({
+  }, [e, s, i]), /* @__PURE__ */ r(Y, { open: e, onOpenChange: t, title: Je, children: /* @__PURE__ */ r(Yr, { isAuthenticated: a, stats: o }) });
+}, Ot = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: o,
   children: n,
   customStrings: a
 }) => /* @__PURE__ */ r(
-  Z,
+  Y,
   {
     kind: "messagebox",
     open: e,
     onOpenChange: t,
     title: a.title,
-    footer: /* @__PURE__ */ v(Q, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
-        G,
+    footer: /* @__PURE__ */ y(q, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+        F,
         {
           mode: "dark",
           variant: "secondary",
@@ -1821,8 +1905,8 @@ const ne = "panel", ge = "messagebox", zr = ({
           children: a.cancelAction
         }
       ) }),
-      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
-        G,
+      /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+        F,
         {
           mode: "dark",
           variant: "danger",
@@ -1836,19 +1920,19 @@ const ne = "panel", ge = "messagebox", zr = ({
     ] }),
     children: n
   }
-), Xr = async (e, t, o, n) => {
+), Zr = async (e, t, o, n) => {
   try {
-    const a = await D({
+    const a = await V({
       accessToken: n,
-      type: H.GET_CHAT,
+      type: D.GET_CHAT,
       params: {
         id: e.id
       }
     });
     a.status === 200 && (t({
-      type: Qe
+      type: tt
     }), t({
-      type: zt,
+      type: Wt,
       payload: {
         id: e.id,
         model: a.data.model,
@@ -1858,86 +1942,63 @@ const ne = "panel", ge = "messagebox", zr = ({
     }), o(!1));
   } catch {
   }
-}, Ye = (e) => {
+}, Ze = (e) => {
   const t = e[0];
-  return Ot(t == null ? void 0 : t.content, 100);
-}, Zr = ({
+  return Yt(t == null ? void 0 : t.content, 100);
+}, Qr = ({
   filteredHistory: e,
   setFilteredHistory: t,
   dispatch: o,
   onOpenChange: n
 }) => {
-  var f;
-  const { user: a, getAccessToken: s } = X(), i = le({
+  var u;
+  const { user: a, getAccessToken: s } = W(), i = Z({
     id: 0,
     timestamp: "",
     message: ""
-  }), [l, h] = x(!1), { state: d, dispatch: c } = B(Je), [, g] = he({
-    key: me + Vt,
-    initialValue: d.sortDirection
-  }), y = e.data.sort(
-    (p, k) => {
-      switch (d.sortedCell) {
-        case "timestamp":
-          if (d.sortDirection === O.ASC)
-            return new Date(p[d.sortedCell]).getTime() - new Date(k[d.sortedCell]).getTime();
-          if (d.sortDirection === O.DESC)
-            return new Date(k[d.sortedCell]).getTime() - new Date(p[d.sortedCell]).getTime();
-          break;
-        default:
-          return 0;
-      }
-      return 0;
-    }
-  ), u = (p) => {
-    switch (d.sortDirection) {
-      case !1:
-        g(O.ASC), c({
-          type: we,
+  }), [c, p] = x(!1), { state: m, dispatch: l } = P(et), [, g] = ce({
+    key: ie + Kt,
+    initialValue: m.sortDirection
+  }), v = (d) => {
+    switch (m.sortDirection) {
+      case U.ASC:
+        g(U.DESC), l({
+          type: De,
           payload: {
-            sortedCell: p,
-            sortDirection: O.ASC
-          }
-        });
-        break;
-      case O.ASC:
-        g(O.DESC), c({
-          type: we,
-          payload: {
-            sortedCell: p,
-            sortDirection: O.DESC
+            sortedCell: d,
+            sortDirection: U.DESC
           }
         });
         break;
       default:
-        g(O.ASC), c({
-          type: we,
+        g(U.ASC), l({
+          type: De,
           payload: {
-            sortedCell: p,
-            sortDirection: O.ASC
+            sortedCell: d,
+            sortDirection: U.ASC
           }
         });
         break;
     }
   };
-  return /* @__PURE__ */ v(A, { children: [
-    /* @__PURE__ */ v(
-      Et,
+  return /* @__PURE__ */ y(S, { children: [
+    /* @__PURE__ */ y(
+      Ot,
       {
-        showConfirmation: l,
-        setShowConfirmation: h,
+        showConfirmation: c,
+        setShowConfirmation: p,
         action: async () => {
-          const p = i.current;
+          const d = i.current;
           try {
-            const k = await D({
+            const b = await V({
               accessToken: await s(),
-              type: H.DELETE_CHAT,
+              type: D.DELETE_CHAT,
               params: {
                 userId: (a == null ? void 0 : a.username) || "",
-                id: p.id
+                id: d.id
               }
             });
-            k.status === 200 && t({ data: k.data });
+            b.status === 200 && t({ data: b.data });
           } catch {
           }
         },
@@ -1948,173 +2009,223 @@ const ne = "panel", ge = "messagebox", zr = ({
         },
         children: [
           /* @__PURE__ */ r("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ v("ul", { className: "m-0", children: [
-            /* @__PURE__ */ v("li", { children: [
+          /* @__PURE__ */ y("ul", { className: "m-0", children: [
+            /* @__PURE__ */ y("li", { children: [
               "Timestamp:",
               " ",
               /* @__PURE__ */ r("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
-            /* @__PURE__ */ v("li", { children: [
+            /* @__PURE__ */ y("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: (f = i.current) == null ? void 0 : f.message })
+              /* @__PURE__ */ r("span", { className: "text-lg", children: (u = i.current) == null ? void 0 : u.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ v(Jt, { stickyHeader: !0, stickyFooter: !0, compact: !0, wrapperClassName: "max-h-[60vh]", children: [
-      /* @__PURE__ */ r(Qt, { children: /* @__PURE__ */ v(Te, { children: [
-        /* @__PURE__ */ r(
-          eo,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: "timestamp",
-            align: "left",
-            sortDirection: d.sortDirection,
-            sortedCell: d.sortedCell,
-            onClick: () => {
-              u("timestamp");
-            },
-            children: "Date"
-          }
-        ),
-        /* @__PURE__ */ r(F, { className: "text-xs sm:text-sm", children: "First message" }),
-        /* @__PURE__ */ r(F, { className: "text-xs sm:text-sm", children: "Model" }),
-        /* @__PURE__ */ r(F, { className: "text-xs sm:text-sm text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ r(to, { children: y.map((p, k) => {
-        var w;
-        return ((w = p == null ? void 0 : p.messages) == null ? void 0 : w.length) > 0 ? /* @__PURE__ */ v(Te, { children: [
-          /* @__PURE__ */ r(
-            F,
-            {
-              component: "th",
-              scope: "row",
-              className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-              children: p.timestamp
-            }
-          ),
-          /* @__PURE__ */ r(
-            F,
-            {
-              className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-              style: {
-                wordBreak: "break-word"
-              },
-              children: Ye(p.messages)
-            }
-          ),
-          /* @__PURE__ */ r(F, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ v(Q, { alignHorizontal: "center", children: [
-            p.model && p.model.startsWith("claude") && /* @__PURE__ */ r(st, { className: "size-4 sm:size-5" }),
-            p.model && p.model.startsWith("gpt") && /* @__PURE__ */ r(it, { className: "size-4 sm:size-5" })
-          ] }) }),
-          /* @__PURE__ */ r(F, { className: "px-2", children: /* @__PURE__ */ v("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ r(
-              W,
-              {
-                focusMode: "alt-system",
-                noBorder: !0,
-                label: "Restore chat",
-                onClick: async () => {
-                  const T = await s();
-                  Xr(
-                    p,
-                    o,
-                    n,
-                    T
-                  );
-                },
-                children: /* @__PURE__ */ r(Ao, { className: "h-3 w-3", monotone: !0 })
-              }
-            ),
+    /* @__PURE__ */ y(
+      io,
+      {
+        stickyHeader: !0,
+        stickyFooter: !0,
+        compact: !0,
+        wrapperClassName: "max-h-[60vh] min-h-[60vh]",
+        children: [
+          /* @__PURE__ */ r(co, { children: /* @__PURE__ */ y(Ne, { children: [
             /* @__PURE__ */ r(
-              W,
+              lo,
               {
-                focusMode: "alt-system",
-                noBorder: !0,
-                label: "Delete chat",
+                buttonClassName: "text-xs sm:text-sm",
+                cellId: "timestamp",
+                align: "left",
+                sortDirection: m.sortDirection,
+                sortedCell: m.sortedCell,
                 onClick: () => {
-                  i.current = {
-                    id: p.id,
-                    timestamp: p.timestamp,
-                    message: Ye(p.messages)
-                  }, h(!l);
+                  v("timestamp");
                 },
-                children: /* @__PURE__ */ r("div", { className: "text-red-400", children: /* @__PURE__ */ r(Eo, { className: "h-3 w-3", monotone: !0 }) })
+                children: "Date"
               }
-            )
-          ] }) })
-        ] }, `${N.HISTORY.TITLE}-${p.id}-${k}`) : null;
-      }) }),
-      /* @__PURE__ */ r(oo, { children: /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(F, { colSpan: 4, children: /* @__PURE__ */ r("div", { children: be(
-        `${e.data.length} chat`,
-        e.data.length
-      ) }) }) }) })
-    ] })
+            ),
+            /* @__PURE__ */ r(z, { className: "text-xs sm:text-sm", children: "First message" }),
+            /* @__PURE__ */ r(z, { className: "text-xs sm:text-sm", children: "Model" }),
+            /* @__PURE__ */ r(z, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+          ] }) }),
+          /* @__PURE__ */ r(uo, { children: e.data.map((d, b) => {
+            var k;
+            return ((k = d == null ? void 0 : d.messages) == null ? void 0 : k.length) > 0 ? /* @__PURE__ */ y(Ne, { children: [
+              /* @__PURE__ */ r(
+                z,
+                {
+                  component: "th",
+                  scope: "row",
+                  className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+                  children: d.timestamp
+                }
+              ),
+              /* @__PURE__ */ r(
+                z,
+                {
+                  className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+                  style: {
+                    wordBreak: "break-word"
+                  },
+                  children: Ze(d.messages)
+                }
+              ),
+              /* @__PURE__ */ r(z, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ y(q, { alignHorizontal: "center", children: [
+                d.model && d.model.startsWith("claude") && /* @__PURE__ */ r(pt, { className: "size-4 sm:size-5" }),
+                d.model && d.model.startsWith("gpt") && /* @__PURE__ */ r(gt, { className: "size-4 sm:size-5" })
+              ] }) }),
+              /* @__PURE__ */ r(z, { className: "px-2", children: /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
+                /* @__PURE__ */ r(
+                  j,
+                  {
+                    focusMode: "alt-system",
+                    noBorder: !0,
+                    label: "Restore chat",
+                    onClick: async () => {
+                      const w = await s();
+                      Zr(
+                        d,
+                        o,
+                        n,
+                        w
+                      );
+                    },
+                    children: /* @__PURE__ */ r(Ro, { className: "h-3 w-3", monotone: !0 })
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  j,
+                  {
+                    focusMode: "alt-system",
+                    noBorder: !0,
+                    label: "Delete chat",
+                    onClick: () => {
+                      i.current = {
+                        id: d.id,
+                        timestamp: d.timestamp,
+                        message: Ze(d.messages)
+                      }, p(!c);
+                    },
+                    children: /* @__PURE__ */ r("div", { className: "text-red-400", children: /* @__PURE__ */ r(_o, { className: "h-3 w-3", monotone: !0 }) })
+                  }
+                )
+              ] }) })
+            ] }, `${T.HISTORY.TITLE}-${d.id}-${b}`) : null;
+          }) }),
+          /* @__PURE__ */ r(mo, { children: /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(z, { colSpan: 4, children: /* @__PURE__ */ r("div", { children: he(
+            `${e.data.length} chat`,
+            e.data.length
+          ) }) }) }) })
+        ]
+      }
+    )
   ] });
-};
-function qe(e, t) {
-  return t ? e.filter(
-    (o) => o.messages.some(
-      (n) => n.content !== null && n.content.toLowerCase().includes(t.toLowerCase())
-    ) || o.timestamp && o.timestamp.toLowerCase().includes(t.toLowerCase())
-  ) : e;
-}
-const Jr = ({
-  onOpenChange: e,
-  historyData: t
+}, Qe = async ({
+  searchString: e,
+  username: t,
+  accessToken: o,
+  direction: n = U.ASC
 }) => {
-  const { isAuthenticated: o } = X(), n = le(null), { dispatch: a } = B(ue), { state: s, dispatch: i } = B(Je), [, l] = he({
-    key: me + Dt,
-    initialValue: s.searchString
-  }), h = so(() => t, [t]), [d, c] = x({
-    data: h
-  }), g = (m) => {
-    const f = qe(h, m);
-    c({
-      data: f
-    }), l(m), i({
-      type: Ht,
-      payload: { searchString: m }
+  if (!t)
+    return [];
+  try {
+    const a = await V({
+      accessToken: o,
+      type: D.GET_CHATS,
+      params: {
+        userId: t,
+        searchString: e,
+        limit: 1,
+        direction: n
+      }
     });
-  }, y = Ft((m) => {
-    g(m.target.value);
-  }, 200), u = async (m) => {
-    m.preventDefault();
-  };
-  return q(() => {
-    const m = qe(
-      t,
-      s.searchString
-    );
-    c({
-      data: m
+    if (a.status === 200)
+      return a.data;
+  } catch {
+    return [];
+  }
+  return [];
+}, Xr = ({ onOpenChange: e }) => {
+  const { isAuthenticated: t, getAccessToken: o, user: n } = W(), a = Z(null), s = Z(!1), { dispatch: i } = P(se), { state: c, dispatch: p } = P(et), [, m] = ce({
+    key: ie + qt,
+    initialValue: c.searchString
+  }), [l, g] = x({
+    data: [],
+    sortedDirection: c.sortDirection
+  }), v = async (d) => {
+    const b = await o(), k = await Qe({
+      searchString: d,
+      username: n == null ? void 0 : n.username,
+      accessToken: b,
+      direction: c.sortDirection
     });
-  }, [t, s.searchString]), o ? d && d.data && /* @__PURE__ */ v(A, { children: [
+    g({
+      data: k,
+      sortedDirection: c.sortDirection
+    }), m(d), p({
+      type: Zt,
+      payload: { searchString: d }
+    });
+  }, h = Qt((d) => {
+    v(d.target.value);
+  }, 500), u = async (d) => {
+    d.preventDefault();
+  };
+  return G(() => {
+    s.current || (async () => {
+      s.current = !0;
+      const d = await o(), b = await Qe({
+        searchString: c.searchString,
+        username: n == null ? void 0 : n.username,
+        accessToken: d,
+        direction: c.sortDirection
+      });
+      g({
+        data: b,
+        sortedDirection: c.sortDirection
+      });
+    })();
+  }), G(() => {
+    if (c.sortDirection !== l.sortedDirection) {
+      const d = [...l.data].sort((b, k) => {
+        if (c.sortedCell === "timestamp") {
+          const w = new Date(b[c.sortedCell]).getTime(), I = new Date(k[c.sortedCell]).getTime();
+          return c.sortDirection === U.ASC ? w - I : I - w;
+        }
+        return 0;
+      });
+      g({
+        data: d,
+        sortedDirection: c.sortDirection
+      });
+    }
+  }, [l, c]), t ? l && l.data && /* @__PURE__ */ y(S, { children: [
     /* @__PURE__ */ r("form", { autoComplete: "off", onSubmit: u, children: /* @__PURE__ */ r(
-      _e,
+      Te,
       {
         autoComplete: "off",
         autoCorrect: "off",
-        ref: n,
-        defaultValue: s.searchString,
+        ref: a,
+        defaultValue: c.searchString,
         focusMode: "light",
         name: "Search",
         label: "Search",
-        onChange: y,
+        onChange: h,
         spacing: { t: 2, b: 2 },
-        ...s.searchString && {
+        ...c.searchString && {
           rightElement: /* @__PURE__ */ r(
-            G,
+            F,
             {
-              disabled: !s.searchString,
+              disabled: !c.searchString,
               mode: "dark",
               noBorder: !0,
               size: "small",
               onClick: () => {
-                var m;
-                g(""), (m = n.current) != null && m.value && (n.current.value = "", n.current.focus());
+                var d;
+                v(""), (d = a.current) != null && d.value && (a.current.value = "", a.current.focus());
               },
               children: "Reset"
             }
@@ -2123,20 +2234,19 @@ const Jr = ({
       }
     ) }),
     /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ r(
-      Zr,
+      Qr,
       {
-        filteredHistory: d,
-        setFilteredHistory: c,
-        dispatch: a,
+        filteredHistory: l,
+        setFilteredHistory: g,
+        dispatch: i,
         onOpenChange: e
       }
     ) })
   ] }) : null;
-}, Qr = ({
+}, Jr = ({
   open: e,
-  onOpenChange: t,
-  historyData: o
-}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Gt, children: /* @__PURE__ */ r(Jr, { onOpenChange: t, historyData: o }) });
+  onOpenChange: t
+}) => /* @__PURE__ */ r(Y, { open: e, onOpenChange: t, title: Xt, children: /* @__PURE__ */ r(Xr, { onOpenChange: t }) });
 /*!
   @versini/ui-toggle v1.4.0
   © 2024 gizmette.com
@@ -2213,7 +2323,7 @@ const tn = (e) => {
   "border-border-light bg-surface-darker": e === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), ln = ({
+}), cn = ({
   mode: e,
   labelHidden: t
 }) => t ? "sr-only" : C("ml-2 text-sm", {
@@ -2221,7 +2331,7 @@ const tn = (e) => {
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), cn = ({ spacing: e }) => C(
+}), ln = ({ spacing: e }) => C(
   en,
   "relative flex cursor-pointer items-center",
   tn(e)
@@ -2239,10 +2349,10 @@ const tn = (e) => {
     an(),
     nn()
   ),
-  label: ln({ mode: e, labelHidden: o }),
+  label: cn({ mode: e, labelHidden: o }),
   input: "peer sr-only",
-  wrapper: cn({ spacing: n })
-}), se = ({
+  wrapper: ln({ spacing: n })
+}), oe = ({
   checked: e = !1,
   onChange: t,
   label: o,
@@ -2250,51 +2360,51 @@ const tn = (e) => {
   name: a,
   mode: s = "system",
   focusMode: i = "system",
-  spacing: l,
-  noBorder: h = !1
+  spacing: c,
+  noBorder: p = !1
 }) => {
-  const d = dn({
+  const m = dn({
     mode: s,
     focusMode: i,
     labelHidden: n,
-    spacing: l,
-    noBorder: h
-  }), c = (g) => {
+    spacing: c,
+    noBorder: p
+  }), l = (g) => {
     t == null || t(g.target.checked);
   };
-  return /* @__PURE__ */ v("label", { className: d.wrapper, children: [
+  return /* @__PURE__ */ y("label", { className: m.wrapper, children: [
     /* @__PURE__ */ r(
       "input",
       {
         name: a,
         checked: e,
         type: "checkbox",
-        className: d.input,
-        onChange: c
+        className: m.input,
+        onChange: l
       }
     ),
-    /* @__PURE__ */ r("div", { className: d.toggle }),
-    /* @__PURE__ */ r("span", { className: d.label, children: o })
+    /* @__PURE__ */ r("div", { className: m.toggle }),
+    /* @__PURE__ */ r("span", { className: m.label, children: o })
   ] });
 }, un = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: o } = B(ue), { getAccessToken: n, user: a } = X(), [s, i] = x({
+  const { dispatch: o } = P(se), { getAccessToken: n, user: a } = W(), [s, i] = x({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
-    engine: ae
-  }), [l, h] = he({
-    key: me + et,
+    engine: te
+  }), [c, p] = ce({
+    key: ie + ot,
     initialValue: !1
-  }), d = async (u) => {
-    u.preventDefault();
+  }), m = async (h) => {
+    h.preventDefault();
     try {
-      await D({
+      await V({
         accessToken: await n(),
-        type: H.SET_USER_PREFERENCES,
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: a == null ? void 0 : a.username,
           instructions: s.instructions,
@@ -2302,34 +2412,34 @@ const tn = (e) => {
           engine: s.engine
         }
       }), o({
-        type: tt,
+        type: rt,
         payload: {
           engine: s.engine
         }
       });
     } catch {
     }
-  }, c = async () => {
-    i((u) => ({
-      ...u,
+  }, l = async () => {
+    i((h) => ({
+      ...h,
       location: "...",
       loadingLocation: !0
     }));
     try {
-      const u = Date.now(), m = await jt(), f = await D({
+      const h = Date.now(), u = await eo(), d = await V({
         accessToken: await n(),
-        type: H.GET_LOCATION,
+        type: D.GET_LOCATION,
         params: {
-          latitude: m.latitude,
-          longitude: m.longitude
+          latitude: u.latitude,
+          longitude: u.longitude
         }
-      }), k = Date.now() - u;
-      if (k < 2e3 && await new Promise((w) => setTimeout(w, 2e3 - k)), f.status === 200) {
-        const { city: w, state: T, country: E, displayName: M } = f.data, S = w && T && E ? `${w}, ${T}, ${E}` : M;
-        i((z) => ({
-          ...z,
+      }), k = Date.now() - h;
+      if (k < 2e3 && await new Promise((w) => setTimeout(w, 2e3 - k)), d.status === 200) {
+        const { city: w, state: I, country: E, displayName: R } = d.data, $ = w && I && E ? `${w}, ${I}, ${E}` : R;
+        i((O) => ({
+          ...O,
           loaded: !0,
-          location: S,
+          location: $,
           loadingLocation: !1
         }));
       } else
@@ -2341,62 +2451,62 @@ const tn = (e) => {
         }));
     } catch {
     }
-  }, g = (u) => {
-    i((m) => ({
-      ...m,
-      engine: u ? Ne : fe
+  }, g = (h) => {
+    i((u) => ({
+      ...u,
+      engine: h ? we : me
     }));
-  }, y = (u) => {
-    i((m) => ({
-      ...m,
-      engine: u ? fe : Ne
+  }, v = (h) => {
+    i((u) => ({
+      ...u,
+      engine: h ? me : we
     }));
   };
-  return q(() => {
+  return G(() => {
     if (!e || !a) {
       i({
         loaded: !1,
         loadingLocation: !1,
         instructions: "",
         location: "",
-        engine: ae
+        engine: te
       });
       return;
     }
     (async () => {
       try {
-        const u = await D({
+        const h = await V({
           accessToken: await n(),
-          type: H.GET_USER_PREFERENCES,
+          type: D.GET_USER_PREFERENCES,
           params: {
             user: a.username
           }
         });
-        u.status === 200 && i((m) => ({
-          ...m,
+        h.status === 200 && i((u) => ({
+          ...u,
           loaded: !0,
-          instructions: u.data.instructions || "",
-          location: u.data.location || "",
-          engine: u.data.engine || ae
+          instructions: h.data.instructions || "",
+          location: h.data.location || "",
+          engine: h.data.engine || te
         }));
       } catch {
       }
     })();
-  }, [a, e]), /* @__PURE__ */ r(A, { children: s.loaded && /* @__PURE__ */ r(
-    Z,
+  }, [a, e]), /* @__PURE__ */ r(S, { children: s.loaded && /* @__PURE__ */ r(
+    Y,
     {
       open: e,
       onOpenChange: t,
       title: "Engine Fine Tuning",
-      footer: /* @__PURE__ */ v(
-        Q,
+      footer: /* @__PURE__ */ y(
+        q,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
-              G,
+            /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+              F,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -2407,14 +2517,14 @@ const tn = (e) => {
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
-              G,
+            /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+              F,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (u) => {
-                  t(!1), await d(u);
+                onClick: async (h) => {
+                  t(!1), await m(h);
                 },
                 children: "Save"
               }
@@ -2422,65 +2532,65 @@ const tn = (e) => {
           ]
         }
       ),
-      children: /* @__PURE__ */ v(A, { children: [
-        /* @__PURE__ */ v(
-          $,
+      children: /* @__PURE__ */ y(S, { children: [
+        /* @__PURE__ */ y(
+          M,
           {
             header: "AI Engine",
             className: "prose-dark dark:prose-lighter",
             children: [
               /* @__PURE__ */ r("p", { children: "Select the AI engine that will be used to generate responses." }),
               /* @__PURE__ */ r(
-                se,
+                oe,
                 {
                   noBorder: !0,
                   label: "OpenAI",
                   name: "OpenAI",
                   onChange: g,
-                  checked: s.engine === Ne
+                  checked: s.engine === we
                 }
               ),
               /* @__PURE__ */ r(
-                se,
+                oe,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Anthropic",
                   name: "Anthropic",
-                  onChange: y,
-                  checked: s.engine === fe
+                  onChange: v,
+                  checked: s.engine === me
                 }
               ),
               /* @__PURE__ */ r("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI." }),
               /* @__PURE__ */ r(
-                se,
+                oe,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Show Quick Engine Toggle",
                   name: "show-toggle-engine-menu",
-                  onChange: h,
-                  checked: l
+                  onChange: p,
+                  checked: c
                 }
               ),
               /* @__PURE__ */ r("p", { className: "text-xs", children: "This option introduces a new menu on the left side of the screen, enabling you to quickly switch between engines." })
             ]
           }
         ),
-        /* @__PURE__ */ v(
-          $,
+        /* @__PURE__ */ y(
+          M,
           {
             spacing: { t: 4 },
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ v("p", { children: [
+              /* @__PURE__ */ y("p", { children: [
                 "What would you like ",
-                /* @__PURE__ */ r("em", { children: Ut }),
+                /* @__PURE__ */ r("em", { children: Jt }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ r(
-                De,
+                Ge,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -2489,11 +2599,11 @@ const tn = (e) => {
                   name: "customInstructions",
                   label: "Custom Instructions",
                   value: s.instructions,
-                  onChange: (u) => {
-                    i((m) => ({
-                      ...m,
+                  onChange: (h) => {
+                    i((u) => ({
+                      ...u,
                       loaded: !0,
-                      instructions: u.target.value
+                      instructions: h.target.value
                     }));
                   },
                   helperText: "Press ENTER to add a new line."
@@ -2502,8 +2612,8 @@ const tn = (e) => {
             ]
           }
         ),
-        /* @__PURE__ */ v(
-          $,
+        /* @__PURE__ */ y(
+          M,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter",
@@ -2511,30 +2621,30 @@ const tn = (e) => {
             children: [
               /* @__PURE__ */ r("p", { children: "You can share your location to receive customized responses based on your area." }),
               /* @__PURE__ */ r(
-                De,
+                Ge,
                 {
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
                   value: s.location,
-                  onChange: (u) => {
-                    i((m) => ({
-                      ...m,
+                  onChange: (h) => {
+                    i((u) => ({
+                      ...u,
                       loaded: !0,
-                      location: u.target.value
+                      location: h.target.value
                     }));
                   },
                   helperText: "Enter your location or press auto-detect."
                 }
               ),
               /* @__PURE__ */ r(
-                G,
+                F,
                 {
                   spacing: { t: 2 },
                   size: "small",
                   noBorder: !0,
                   disabled: s.loadingLocation,
-                  onClick: c,
+                  onClick: l,
                   children: s.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
@@ -2548,41 +2658,41 @@ const tn = (e) => {
   open: e,
   onOpenChange: t
 }) => {
-  const { state: o, dispatch: n } = B(Kt), { getAccessToken: a, user: s } = X(), [i, l] = x({
+  const { state: o, dispatch: n } = P(to), { getAccessToken: a, user: s } = W(), [i, c] = x({
     tags: [...o.tags]
-  }), h = ({
-    slot: c,
+  }), p = ({
+    slot: l,
     checked: g,
-    label: y,
-    content: u
+    label: v,
+    content: h
   }) => {
-    l((m) => {
-      const f = m.tags, p = {
-        slot: c,
-        label: y,
-        content: u,
+    c((u) => {
+      const d = u.tags, b = {
+        slot: l,
+        label: v,
+        content: h,
         enabled: g
-      }, k = f.findIndex((w) => w.slot === c);
+      }, k = d.findIndex((w) => w.slot === l);
       return k === -1 ? {
-        ...m,
-        tags: [...f, { ...p, slot: c }]
-      } : (f[k] = p, {
-        ...m,
-        tags: [...f]
+        ...u,
+        tags: [...d, { ...b, slot: l }]
+      } : (d[k] = b, {
+        ...u,
+        tags: [...d]
       });
     });
-  }, d = async (c) => {
-    c.preventDefault();
+  }, m = async (l) => {
+    l.preventDefault();
     try {
-      await D({
+      await V({
         accessToken: await a(),
-        type: H.SET_USER_PREFERENCES,
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: s == null ? void 0 : s.username,
           tags: i.tags
         }
       }), n({
-        type: Yt,
+        type: ro,
         payload: {
           tags: i.tags
         }
@@ -2590,21 +2700,21 @@ const tn = (e) => {
     } catch {
     }
   };
-  return /* @__PURE__ */ v(
-    Z,
+  return /* @__PURE__ */ y(
+    Y,
     {
       open: e,
       onOpenChange: t,
       title: "Tags",
-      footer: /* @__PURE__ */ v(
-        Q,
+      footer: /* @__PURE__ */ y(
+        q,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
-              G,
+            /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+              F,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -2615,14 +2725,14 @@ const tn = (e) => {
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
-              G,
+            /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+              F,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (c) => {
-                  t(!1), await d(c);
+                onClick: async (l) => {
+                  t(!1), await m(l);
                 },
                 children: "Save"
               }
@@ -2631,42 +2741,42 @@ const tn = (e) => {
         }
       ),
       children: [
-        /* @__PURE__ */ r("p", { children: Wt }),
-        i.tags && i.tags.map((c) => /* @__PURE__ */ v(
-          $,
+        /* @__PURE__ */ r("p", { children: oo }),
+        i.tags && i.tags.map((l) => /* @__PURE__ */ y(
+          M,
           {
-            header: `Tag ${c.slot + 1}`,
+            header: `Tag ${l.slot + 1}`,
             className: "prose-dark dark:prose-lighter",
             spacing: { b: 2 },
             children: [
-              /* @__PURE__ */ v(Q, { spacing: { t: 8, b: 6 }, columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ r(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
-                  _e,
+              /* @__PURE__ */ y(q, { spacing: { t: 8, b: 6 }, columnGap: 2, rowGap: 6, children: [
+                /* @__PURE__ */ r(A, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
+                  Te,
                   {
                     label: "Label",
-                    name: `tag${c.slot}-label`,
-                    value: c.label,
+                    name: `tag${l.slot}-label`,
+                    value: l.label,
                     onChange: (g) => {
-                      h({
-                        slot: c.slot,
-                        checked: c.enabled,
+                      p({
+                        slot: l.slot,
+                        checked: l.enabled,
                         label: g.target.value,
-                        content: c.content
+                        content: l.content
                       });
                     }
                   }
                 ) }),
-                /* @__PURE__ */ r(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
-                  _e,
+                /* @__PURE__ */ r(A, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
+                  Te,
                   {
                     label: "Content",
-                    name: `tag${c.slot}-content`,
-                    value: c.content,
+                    name: `tag${l.slot}-content`,
+                    value: l.content,
                     onChange: (g) => {
-                      h({
-                        slot: c.slot,
-                        checked: c.enabled,
-                        label: c.label,
+                      p({
+                        slot: l.slot,
+                        checked: l.enabled,
+                        label: l.label,
                         content: g.target.value
                       });
                     }
@@ -2674,87 +2784,87 @@ const tn = (e) => {
                 ) })
               ] }),
               /* @__PURE__ */ r(
-                se,
+                oe,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Enabled",
-                  name: c.slot.toString(),
+                  name: l.slot.toString(),
                   onChange: (g) => {
-                    h({
-                      slot: c.slot,
+                    p({
+                      slot: l.slot,
                       checked: g,
-                      label: c.label,
-                      content: c.content
+                      label: l.label,
+                      content: l.content
                     });
                   },
-                  checked: c.enabled
+                  checked: l.enabled
                 }
               )
             ]
           },
-          `tag-slot-${c.slot}`
+          `tag-slot-${l.slot}`
         ))
       ]
     }
   );
 }, hn = () => {
-  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: n } = X(), [a, s] = he({
-    key: me + qt,
+  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: n } = W(), [a, s] = ce({
+    key: ie + no,
     initialValue: !1
-  }), [i, l] = x(!1), [h, d] = x(!1), c = ce(), g = (t == null ? void 0 : t.username) || "", y = (f) => {
-    s(f);
+  }), [i, c] = x(!1), [p, m] = x(!1), l = ne(), g = (t == null ? void 0 : t.username) || "", v = (d) => {
+    s(d);
+  }, h = () => {
+    c(!i);
   }, u = () => {
-    l(!i);
-  }, m = () => {
-    d(!h);
+    m(!p);
   };
-  return e && g ? /* @__PURE__ */ v(A, { children: [
+  return e && g ? /* @__PURE__ */ y(S, { children: [
     i && /* @__PURE__ */ r(
       un,
       {
         open: i,
-        onOpenChange: l
+        onOpenChange: c
       }
     ),
-    h && /* @__PURE__ */ r(mn, { open: h, onOpenChange: d }),
-    /* @__PURE__ */ v(
-      $,
+    p && /* @__PURE__ */ r(mn, { open: p, onOpenChange: m }),
+    /* @__PURE__ */ y(
+      M,
       {
-        header: N.PREFERENCES.TITLE,
+        header: T.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: [
-          ie(c, {
-            [N.PREFERENCES.NAME]: g,
-            [N.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
-            [N.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ r(
-              se,
+          re(l, {
+            [T.PREFERENCES.NAME]: g,
+            [T.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
+            [T.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ r(
+              oe,
               {
                 noBorder: !0,
                 labelHidden: !0,
-                label: N.PREFERENCES.ENGINE_DETAILS,
-                name: N.PREFERENCES.ENGINE_DETAILS,
-                onChange: y,
+                label: T.PREFERENCES.ENGINE_DETAILS,
+                name: T.PREFERENCES.ENGINE_DETAILS,
+                onChange: v,
                 checked: a
               }
             )
           }),
           /* @__PURE__ */ r(
-            W,
+            j,
             {
               spacing: { t: 2 },
               size: "small",
-              onClick: u,
+              onClick: h,
               labelLeft: "Engine Fine Tuning",
               children: /* @__PURE__ */ r(He, { className: "size-3", monotone: !0 })
             }
           ),
           /* @__PURE__ */ r(
-            W,
+            j,
             {
               spacing: { t: 2, l: 2 },
               size: "small",
-              onClick: m,
+              onClick: u,
               labelLeft: "Tags",
               children: /* @__PURE__ */ r(He, { className: "size-3", monotone: !0 })
             }
@@ -2762,24 +2872,24 @@ const tn = (e) => {
         ]
       }
     ),
-    n !== Xt.PASSKEY && /* @__PURE__ */ v(
-      $,
+    n !== ao.PASSKEY && /* @__PURE__ */ y(
+      M,
       {
         spacing: { t: 4 },
         className: "prose-dark dark:prose-lighter",
-        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ v(Q, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(ze, { className: "size-8" }) }),
-          /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
+        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ y(q, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(ze, { className: "size-8" }) }),
+          /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r("div", { children: T.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
-          /* @__PURE__ */ r("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ r("p", { children: T.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ r(
-            W,
+            j,
             {
               size: "small",
               spacing: { t: 2 },
               onClick: o,
-              labelLeft: N.PREFERENCES.PASSKEY_BUTTON,
+              labelLeft: T.PREFERENCES.PASSKEY_BUTTON,
               children: /* @__PURE__ */ r(ze, { className: "size-5", monotone: !0 })
             }
           )
@@ -2790,171 +2900,130 @@ const tn = (e) => {
 }, pn = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Zt, children: /* @__PURE__ */ r(hn, {}) }), wn = () => {
-  const { state: e, dispatch: t, serverStats: o } = B(ue), [n, a] = x((e == null ? void 0 : e.engine) || ae), [s, i] = x(!1), [l, h] = x(!1), [d, c] = x(!1), [g, y] = x(!1), [u, m] = x([]), [f, p] = x(!1), [k, w] = x({
-    done: !1,
-    progress: !1,
-    timestamp: Date.now()
-  }), [T] = he({
-    key: me + et,
+}) => /* @__PURE__ */ r(Y, { open: e, onOpenChange: t, title: so, children: /* @__PURE__ */ r(hn, {}) }), wn = () => {
+  const { state: e, dispatch: t, serverStats: o } = P(se), [n, a] = x((e == null ? void 0 : e.engine) || te), [s, i] = x(!1), [c, p] = x(!1), [m, l] = x(!1), [g, v] = x(!1), [h, u] = x(!1), [d] = ce({
+    key: ie + ot,
     initialValue: !1
-  }), { logout: E, getAccessToken: M, user: S } = X(), z = () => {
+  }), { logout: b, getAccessToken: k, user: w } = W(), I = () => {
     i(!s);
-  }, I = () => {
-    h(!l);
-  }, te = () => {
-    c(!d);
-  }, J = () => {
-    y(!g);
-  }, U = async (P) => {
-    const j = Date.now();
-    if (P && !(!S || !e || k.progress || k.done === !0 && j - k.timestamp < 5e3)) {
-      w({
-        done: !0,
-        progress: !0,
-        timestamp: j
-      });
-      try {
-        const R = await D({
-          accessToken: await M(),
-          type: H.GET_CHATS,
-          params: {
-            userId: S.username
-          }
-        });
-        R.status === 200 && (m(R.data), w({
-          done: !0,
-          progress: !1,
-          timestamp: Date.now()
-        }));
-      } catch {
-        w({
-          done: !0,
-          progress: !1,
-          timestamp: Date.now()
-        });
-      }
-    }
-  }, oe = () => {
-    p(!f);
+  }, E = () => {
+    p(!c);
+  }, R = () => {
+    l(!m);
+  }, $ = () => {
+    v(!g);
+  }, O = () => {
+    u(!h);
   };
-  return q(() => {
+  return G(() => {
     e && e.engine && e.engine !== n && a(e.engine);
-  }, [e, n]), /* @__PURE__ */ v(A, { children: [
+  }, [e, n]), /* @__PURE__ */ y(S, { children: [
     /* @__PURE__ */ r(
-      Et,
+      Ot,
       {
-        showConfirmation: f,
-        setShowConfirmation: p,
-        action: E,
+        showConfirmation: h,
+        setShowConfirmation: u,
+        action: b,
         customStrings: {
-          confirmAction: Oe,
+          confirmAction: Fe,
           cancelAction: "Cancel",
-          title: Oe
+          title: Fe
         },
         children: /* @__PURE__ */ r("p", { children: "Are you sure you want to log out?" })
       }
     ),
     /* @__PURE__ */ r(pn, { open: s, onOpenChange: i }),
-    /* @__PURE__ */ r(qr, { open: l, onOpenChange: h }),
-    /* @__PURE__ */ r(
-      Qr,
-      {
-        open: d,
-        onOpenChange: c,
-        historyData: u
-      }
-    ),
-    /* @__PURE__ */ r(jr, { open: g, onOpenChange: y }),
-    /* @__PURE__ */ v("div", { className: "relative", children: [
-      T && o && /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ r(
-        xe,
+    /* @__PURE__ */ r(qr, { open: c, onOpenChange: p }),
+    /* @__PURE__ */ r(Jr, { open: m, onOpenChange: l }),
+    /* @__PURE__ */ r(jr, { open: g, onOpenChange: v }),
+    /* @__PURE__ */ y("div", { className: "relative", children: [
+      d && o && /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ r(
+        Ee,
         {
           mode: "dark",
           focusMode: "light",
-          trigger: /* @__PURE__ */ r(W, { children: e && e.engine === fe ? /* @__PURE__ */ r(st, {}) : /* @__PURE__ */ r(it, {}) }),
+          trigger: /* @__PURE__ */ r(j, { children: e && e.engine === me ? /* @__PURE__ */ r(pt, {}) : /* @__PURE__ */ r(gt, {}) }),
           defaultPlacement: "bottom-start",
-          children: /* @__PURE__ */ r(K, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
-            wr,
+          children: /* @__PURE__ */ r(H, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
+            Cr,
             {
               size: "small",
               mode: "dark",
               focusMode: "light",
               value: n,
-              onValueChange: async (P) => {
-                if (P)
+              onValueChange: async (N) => {
+                if (N)
                   try {
-                    await D({
-                      accessToken: await M(),
-                      type: H.SET_USER_PREFERENCES,
+                    await V({
+                      accessToken: await k(),
+                      type: D.SET_USER_PREFERENCES,
                       params: {
-                        user: S == null ? void 0 : S.username,
-                        engine: P
+                        user: w == null ? void 0 : w.username,
+                        engine: N
                       }
                     }), t({
-                      type: tt,
+                      type: rt,
                       payload: {
-                        engine: P
+                        engine: N
                       }
                     }), t({
-                      type: Qe
+                      type: tt
                     });
                   } catch {
                   }
               },
-              children: o && o.engines.map((P) => /* @__PURE__ */ r(Nr, { value: P }, P))
+              children: o && o.engines.map((N) => /* @__PURE__ */ r(wr, { value: N }, N))
             }
           ) })
         }
       ) }),
-      /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ v(
-        xe,
+      /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ y(
+        Ee,
         {
           mode: "dark",
           focusMode: "light",
-          trigger: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Mo, {}) }),
+          trigger: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Ao, {}) }),
           defaultPlacement: "bottom-end",
-          onOpenChange: U,
           children: [
             /* @__PURE__ */ r(
-              K,
+              H,
               {
                 label: "Profile",
-                onClick: z,
-                icon: /* @__PURE__ */ r(Ro, {})
+                onClick: I,
+                icon: /* @__PURE__ */ r(So, {})
               }
             ),
             /* @__PURE__ */ r(
-              K,
+              H,
               {
-                label: Ze,
-                onClick: I,
-                icon: /* @__PURE__ */ r(_o, {})
+                label: Je,
+                onClick: E,
+                icon: /* @__PURE__ */ r(To, {})
               }
             ),
             /* @__PURE__ */ r(
-              K,
+              H,
               {
                 label: "History",
-                onClick: te,
-                icon: /* @__PURE__ */ r(xo, {})
+                onClick: R,
+                icon: /* @__PURE__ */ r(Eo, {})
               }
             ),
             /* @__PURE__ */ r(
-              K,
+              H,
               {
                 label: "About",
-                onClick: J,
-                icon: /* @__PURE__ */ r(So, {})
+                onClick: $,
+                icon: /* @__PURE__ */ r(xo, {})
               }
             ),
-            e && e.id && !e.isComponent && /* @__PURE__ */ v(A, { children: [
-              /* @__PURE__ */ r(Po, {}),
+            e && e.id && !e.isComponent && /* @__PURE__ */ y(S, { children: [
+              /* @__PURE__ */ r(Mo, {}),
               /* @__PURE__ */ r(
-                K,
+                H,
                 {
                   label: "Log out",
-                  onClick: oe,
+                  onClick: O,
                   icon: /* @__PURE__ */ r("div", { className: "text-red-700", children: /* @__PURE__ */ r(Io, { monotone: !0 }) })
                 }
               )