@versini/sassysaint 5.5.12 → 5.5.14

package/dist/chunks/{HeaderToolbar.Bq1bArQC.js → HeaderToolbar.CtdlihAx.js}

@@ -1,18 +1,18 @@
-import { jsx as o, jsxs as k, Fragment as A } from "react/jsx-runtime";
-import { g as z, R as B, CARDS as I, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as $t, L as F, j as M, C as H, un as Z, LOCAL_STORAGE_PREFIX as ce, LOCAL_STORAGE_SORT as Ot, P as X, ACTION_RESET as Qe, ACTION_RESTORE as Vt, ACTION_SORT as De, LOCAL_STORAGE_SEARCH as Dt, ye as Ee, ACTION_SEARCH as Ht, debounce as Ft, HISTORY_TITLE as Gt, M as Ut, z as He, durationFormatter as jt, PROFILE_TITLE as Wt, TAGS_DESCRIPTION as Kt, ACTION_SET_TAGS as Yt, DEFAULT_AI_ENGINE as me, LOCAL_STORAGE_ENGINE_TOGGLE as Xe, LOCAL_STORAGE_CHAT_DETAILS as qt, SETTINGS_TITLE as Zt, ENGINE_OPENAI as ne, ENGINE_ANTHROPIC as Q, APP_NAME as Qt, ACTION_ENGINE as Je, getCurrentGeoLocation as Xt, LOG_OUT as Fe } from "./index.B7w6LJPp.js";
-import { AppContext as ve, HistoryContext as et, E as le, ge as Jt, he as er, ue as Ne, ke as tr, de as D, me as rr, be as or, serviceCall as $, SERVICE_TYPES as O, _ as Y, TagsContext as ar, Fe as Ge, NewChatButton as nr } from "./App.CNyYloEL.js";
+import { jsx as o, jsxs as y, Fragment as z } from "react/jsx-runtime";
+import { g as L, R as O, CARDS as S, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as Vt, L as q, j as M, C as H, un as Q, INFINITE_SCROLL_LIMIT as De, INFINITE_SCROLL_THRESHOLD as Fe, LOCAL_STORAGE_PREFIX as ce, LOCAL_STORAGE_SORT as Dt, P as J, ACTION_RESET as Je, ACTION_RESTORE as Ft, ACTION_SORT as He, LOCAL_STORAGE_SEARCH as Ht, ye as Ie, ACTION_SEARCH as Gt, debounce as Ut, HISTORY_TITLE as jt, M as Wt, z as Ge, durationFormatter as Kt, PROFILE_TITLE as Yt, TAGS_DESCRIPTION as qt, ACTION_SET_TAGS as Zt, DEFAULT_AI_ENGINE as me, LOCAL_STORAGE_ENGINE_TOGGLE as et, LOCAL_STORAGE_CHAT_DETAILS as Qt, SETTINGS_TITLE as Xt, ENGINE_OPENAI as ne, ENGINE_ANTHROPIC as X, APP_NAME as Jt, ACTION_ENGINE as tt, getCurrentGeoLocation as er, LOG_OUT as Ue } from "./index.Dx036nZH.js";
+import { AppContext as ve, HistoryContext as rt, E as le, ge as tr, he as rr, ue as Ne, le as B, ye as or, me as ar, be as nr, serviceCall as $, SERVICE_TYPES as V, f as K, TagsContext as sr, Pe as je, NewChatButton as ir } from "./App.BXK1QFQt.js";
 import * as g from "react";
-import E, { useId as ze, forwardRef as tt, useState as _, useRef as J, useContext as V, useEffect as G } from "react";
+import I, { useId as ze, forwardRef as ot, useState as R, useRef as Z, useContext as D, useEffect as F, useCallback as cr, Fragment as lr } from "react";
 import w from "clsx";
-import { useFloatingTree as rt, useFloatingNodeId as sr, useListItem as ot, useFloating as at, offset as ir, flip as cr, shift as lr, autoUpdate as dr, useClick as nt, useRole as st, useDismiss as it, useListNavigation as ur, useTypeahead as mr, useInteractions as ct, useMergeRefs as Le, FloatingNode as hr, FloatingList as gr, FloatingPortal as lt, FloatingFocusManager as dt, FloatingTree as fr, FloatingOverlay as pr } from "@floating-ui/react";
-const ut = ({
+import { useFloatingTree as at, useFloatingNodeId as dr, useListItem as nt, useFloating as st, offset as ur, flip as mr, shift as hr, autoUpdate as gr, useClick as it, useRole as ct, useDismiss as lt, useListNavigation as fr, useTypeahead as pr, useInteractions as dt, useMergeRefs as Le, FloatingNode as br, FloatingList as vr, FloatingPortal as ut, FloatingFocusManager as mt, FloatingTree as yr, FloatingOverlay as kr } from "@floating-ui/react";
+const ht = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  z,
+  L,
   {
     defaultViewBox: "0 0 256 176",
     size: "size-5",
@@ -22,14 +22,14 @@ const ut = ({
     ...n,
     children: /* @__PURE__ */ o("path", { d: "m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z" })
   }
-), br = ({
+), wr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -48,14 +48,14 @@ const ut = ({
       /* @__PURE__ */ o("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" })
     ]
   }
-), vr = ({
+), xr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -74,14 +74,14 @@ const ut = ({
       /* @__PURE__ */ o("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" })
     ]
   }
-), yr = ({
+), Cr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -100,14 +100,14 @@ const ut = ({
       /* @__PURE__ */ o("path", { d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z" })
     ]
   }
-), kr = ({
+), Nr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -126,14 +126,14 @@ const ut = ({
       /* @__PURE__ */ o("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" })
     ]
   }
-), wr = ({
+), Tr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -152,14 +152,14 @@ const ut = ({
       /* @__PURE__ */ o("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" })
     ]
   }
-), mt = ({
+), gt = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  z,
+  L,
   {
     defaultViewBox: "0 0 24 24",
     size: "size-5",
@@ -175,14 +175,14 @@ const ut = ({
       }
     )
   }
-), xr = ({
+), Ir = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -201,14 +201,14 @@ const ut = ({
       /* @__PURE__ */ o("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" })
     ]
   }
-), Cr = ({
+), Er = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -227,14 +227,14 @@ const ut = ({
       /* @__PURE__ */ o("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" })
     ]
   }
-), Nr = ({
+), _r = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  z,
+  L,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -244,14 +244,14 @@ const ut = ({
     ...n,
     children: /* @__PURE__ */ o("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" })
   }
-), Tr = ({
+), Sr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ k(
-  z,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -281,7 +281,7 @@ const ut = ({
 function fe(e) {
   return ze();
 }
-const Ie = g.createContext({
+const Ee = g.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -290,7 +290,7 @@ const Ie = g.createContext({
   setHasFocusInside: () => {
   },
   isOpen: !1
-}), Ue = (e) => {
+}), We = (e) => {
   if (typeof e == "string")
     return e;
   if (typeof e == "function")
@@ -301,53 +301,53 @@ const Ie = g.createContext({
       return t.displayName || t.name || "Component";
   }
   return "Element";
-}, ht = tt(
+}, ft = ot(
   ({
     trigger: e,
     children: t,
     label: r = "Open menu",
     defaultPlacement: a = "bottom-start",
     onOpenChange: n,
-    mode: i = "system",
-    focusMode: s = "system",
+    mode: s = "system",
+    focusMode: i = "system",
     ...c
-  }, m) => {
-    const [l, u] = _(!1), [f, p] = _(!1), [b, h] = _(null), d = J([]), v = J([]), x = V(Ie), C = rt(), y = sr(), T = ot(), { floatingStyles: S, refs: L, context: R } = at({
-      nodeId: y,
-      open: l,
+  }, u) => {
+    const [d, l] = R(!1), [f, b] = R(!1), [v, h] = R(null), p = Z([]), k = Z([]), x = D(Ee), C = at(), m = dr(), N = nt(), { floatingStyles: E, refs: A, context: _ } = st({
+      nodeId: m,
+      open: d,
       onOpenChange: (ae) => {
-        u(ae), n == null || n(ae);
+        l(ae), n == null || n(ae);
       },
       placement: a,
       strategy: "fixed",
-      middleware: [ir({ mainAxis: 10 }), cr(), lr()],
-      whileElementsMounted: dr
-    }), N = nt(R, {
+      middleware: [ur({ mainAxis: 10 }), mr(), hr()],
+      whileElementsMounted: gr
+    }), T = it(_, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), U = st(R, { role: "menu" }), j = it(R, { bubbles: !0 }), W = ur(R, {
-      listRef: d,
-      activeIndex: b,
+    }), G = ct(_, { role: "menu" }), U = lt(_, { bubbles: !0 }), j = fr(_, {
+      listRef: p,
+      activeIndex: v,
       nested: !1,
       onNavigate: h,
       loop: !0
-    }), re = mr(R, {
-      listRef: v,
-      onMatch: l ? h : void 0,
-      activeIndex: b
-    }), { getReferenceProps: oe, getFloatingProps: Ce, getItemProps: P } = ct([N, U, j, W, re]), Ve = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Pt = Ve ? {
+    }), re = pr(_, {
+      listRef: k,
+      onMatch: d ? h : void 0,
+      activeIndex: v
+    }), { getReferenceProps: oe, getFloatingProps: Ce, getItemProps: P } = dt([T, G, U, j, re]), Ve = We(e) === "Button" || We(e) === "ButtonIcon", Ot = Ve ? {
       noInternalClick: Ve,
-      focusMode: s,
-      mode: i
-    } : {}, Bt = E.cloneElement(
+      focusMode: i,
+      mode: s
+    } : {}, $t = I.cloneElement(
       e,
       {
-        ...Pt,
+        ...Ot,
         "aria-label": r,
-        "data-open": l ? "" : void 0,
+        "data-open": d ? "" : void 0,
         "data-focus-inside": f ? "" : void 0,
-        ref: Le([L.setReference, T.ref, m]),
+        ref: Le([A.setReference, N.ref, u]),
         ...oe(
           x.getItemProps({
             ...c
@@ -355,42 +355,42 @@ const Ie = g.createContext({
         )
       }
     );
-    return G(() => {
+    return F(() => {
       if (!C)
         return;
       function ae() {
-        u(!1), n == null || n(!1);
+        l(!1), n == null || n(!1);
       }
       return C.events.on("click", ae), () => {
         C.events.off("click", ae);
       };
-    }, [C, n]), G(() => {
-      l && C && C.events.emit("menuopen", { nodeId: y });
-    }, [C, l, y]), /* @__PURE__ */ k(hr, { id: y, children: [
-      Bt,
+    }, [C, n]), F(() => {
+      d && C && C.events.emit("menuopen", { nodeId: m });
+    }, [C, d, m]), /* @__PURE__ */ y(br, { id: m, children: [
+      $t,
       /* @__PURE__ */ o(
-        Ie.Provider,
+        Ee.Provider,
         {
           value: {
-            activeIndex: b,
+            activeIndex: v,
             setActiveIndex: h,
             getItemProps: P,
-            setHasFocusInside: p,
-            isOpen: l
+            setHasFocusInside: b,
+            isOpen: d
           },
-          children: /* @__PURE__ */ o(gr, { elementsRef: d, labelsRef: v, children: l && /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(
-            dt,
+          children: /* @__PURE__ */ o(vr, { elementsRef: p, labelsRef: k, children: d && /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(
+            mt,
             {
-              context: R,
+              context: _,
               modal: !1,
               initialFocus: 0,
               returnFocus: !0,
               children: /* @__PURE__ */ o(
                 "div",
                 {
-                  ref: L.setFloating,
+                  ref: A.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: S,
+                  style: E,
                   ...Ce(),
                   children: t
                 }
@@ -401,125 +401,125 @@ const Ie = g.createContext({
       )
     ] });
   }
-), _e = tt((e, t) => /* @__PURE__ */ o(fr, { children: /* @__PURE__ */ o(ht, { ...e, ref: t }) }));
+), _e = ot((e, t) => /* @__PURE__ */ o(yr, { children: /* @__PURE__ */ o(ft, { ...e, ref: t }) }));
 _e.displayName = "Menu";
-ht.displayName = "MenuComponent";
-const K = g.forwardRef(
+ft.displayName = "MenuComponent";
+const W = g.forwardRef(
   ({
     label: e,
     disabled: t,
     icon: r,
     raw: a = !1,
     children: n,
-    ignoreClick: i = !1,
-    ...s
+    ignoreClick: s = !1,
+    ...i
   }, c) => {
-    let m = "";
-    const l = g.useContext(Ie), u = ot({ label: t ? null : e }), f = rt(), p = Le([u.ref, c]);
+    let u = "";
+    const d = g.useContext(Ee), l = nt({ label: t ? null : e }), f = at(), b = Le([l.ref, c]);
     return a && n ? /* @__PURE__ */ o(
       "div",
       {
         role: "menuitem",
-        ...l.getItemProps({
-          onClick(b) {
+        ...d.getItemProps({
+          onClick(v) {
             var h;
-            i || ((h = s.onClick) == null || h.call(s, b), f == null || f.events.emit("click"));
+            s || ((h = i.onClick) == null || h.call(i, v), f == null || f.events.emit("click"));
           }
         }),
         children: n
       }
-    ) : (r && (m = "pl-2"), /* @__PURE__ */ k(
+    ) : (r && (u = "pl-2"), /* @__PURE__ */ y(
       "button",
       {
-        ...s,
-        ref: p,
+        ...i,
+        ref: b,
         role: "menuitem",
         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,
-        ...l.getItemProps({
-          onClick(b) {
+        ...d.getItemProps({
+          onClick(v) {
             var h;
-            i || ((h = s.onClick) == null || h.call(s, b), f == null || f.events.emit("click"));
+            s || ((h = i.onClick) == null || h.call(i, v), f == null || f.events.emit("click"));
           },
-          onFocus(b) {
+          onFocus(v) {
             var h;
-            (h = s.onFocus) == null || h.call(s, b), l.setHasFocusInside(!0);
+            (h = i.onFocus) == null || h.call(i, v), d.setHasFocusInside(!0);
           }
         }),
         children: [
           r,
-          e && /* @__PURE__ */ o("span", { className: m, children: e })
+          e && /* @__PURE__ */ o("span", { className: u, children: e })
         ]
       }
     ));
   }
 );
-K.displayName = "MenuItem";
-const Er = ({ className: e, ...t }) => {
+W.displayName = "MenuItem";
+const Rr = ({ className: e, ...t }) => {
   const r = w(e, "my-1 border-t border-border-medium");
   return /* @__PURE__ */ o("div", { className: r, ...t });
 };
 /*!
-  @versini/ui-menu v2.0.8
+  @versini/ui-menu v3.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "2.0.8",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "3.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 /*!
-  @versini/ui-togglegroup v2.0.6
+  @versini/ui-togglegroup v3.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
-    version: "2.0.6",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "3.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ir = "av-togglegroup", _r = "av-togglegroup-item-wrapper", Sr = "av-togglegroup-item";
-function Pe(e, t = []) {
+const Mr = "av-togglegroup", Ar = "av-togglegroup-item-wrapper", zr = "av-togglegroup-item";
+function Be(e, t = []) {
   let r = [];
-  function a(i, s) {
-    const c = g.createContext(s), m = r.length;
-    r = [...r, s];
-    const l = (f) => {
-      var p;
-      const { scope: b, children: h, ...d } = f, v = ((p = b == null ? void 0 : b[e]) == null ? void 0 : p[m]) || c, x = g.useMemo(() => d, Object.values(d));
-      return /* @__PURE__ */ o(v.Provider, { value: x, children: h });
-    };
-    l.displayName = i + "Provider";
-    function u(f, p) {
+  function a(s, i) {
+    const c = g.createContext(i), u = r.length;
+    r = [...r, i];
+    const d = (f) => {
       var b;
-      const h = ((b = p == null ? void 0 : p[e]) == null ? void 0 : b[m]) || c, d = g.useContext(h);
-      if (d) return d;
-      if (s !== void 0) return s;
-      throw new Error(`\`${f}\` must be used within \`${i}\``);
+      const { scope: v, children: h, ...p } = f, k = ((b = v == null ? void 0 : v[e]) == null ? void 0 : b[u]) || c, x = g.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ o(k.Provider, { value: x, children: h });
+    };
+    d.displayName = s + "Provider";
+    function l(f, b) {
+      var v;
+      const h = ((v = b == null ? void 0 : b[e]) == null ? void 0 : v[u]) || c, p = g.useContext(h);
+      if (p) return p;
+      if (i !== void 0) return i;
+      throw new Error(`\`${f}\` must be used within \`${s}\``);
     }
-    return [l, u];
+    return [d, l];
   }
   const n = () => {
-    const i = r.map((s) => g.createContext(s));
-    return function(s) {
-      const c = (s == null ? void 0 : s[e]) || i;
+    const s = r.map((i) => g.createContext(i));
+    return function(i) {
+      const c = (i == null ? void 0 : i[e]) || s;
       return g.useMemo(
-        () => ({ [`__scope${e}`]: { ...s, [e]: c } }),
-        [s, c]
+        () => ({ [`__scope${e}`]: { ...i, [e]: c } }),
+        [i, c]
       );
     };
   };
-  return n.scopeName = e, [a, Rr(n, ...t)];
+  return n.scopeName = e, [a, Lr(n, ...t)];
 }
-function Rr(...e) {
+function Lr(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -528,44 +528,44 @@ function Rr(...e) {
       scopeName: n.scopeName
     }));
     return function(n) {
-      const i = a.reduce((s, { useScope: c, scopeName: m }) => {
-        const l = c(n)[`__scope${m}`];
-        return { ...s, ...l };
+      const s = a.reduce((i, { useScope: c, scopeName: u }) => {
+        const d = c(n)[`__scope${u}`];
+        return { ...i, ...d };
       }, {});
-      return g.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+      return g.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return r.scopeName = t.scopeName, r;
 }
-function je(e, t) {
+function Ke(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function gt(...e) {
+function pt(...e) {
   return (t) => {
     let r = !1;
     const a = e.map((n) => {
-      const i = je(n, t);
-      return !r && typeof i == "function" && (r = !0), i;
+      const s = Ke(n, t);
+      return !r && typeof s == "function" && (r = !0), s;
     });
     if (r)
       return () => {
         for (let n = 0; n < a.length; n++) {
-          const i = a[n];
-          typeof i == "function" ? i() : je(e[n], null);
+          const s = a[n];
+          typeof s == "function" ? s() : Ke(e[n], null);
         }
       };
   };
 }
 function Se(...e) {
-  return g.useCallback(gt(...e), e);
+  return g.useCallback(pt(...e), e);
 }
 var pe = g.forwardRef((e, t) => {
-  const { children: r, ...a } = e, n = g.Children.toArray(r), i = n.find(Ar);
-  if (i) {
-    const s = i.props.children, c = n.map((m) => m === i ? g.Children.count(s) > 1 ? g.Children.only(null) : g.isValidElement(s) ? s.props.children : null : m);
-    return /* @__PURE__ */ o(Re, { ...a, ref: t, children: g.isValidElement(s) ? g.cloneElement(s, void 0, c) : null });
+  const { children: r, ...a } = e, n = g.Children.toArray(r), s = n.find(Pr);
+  if (s) {
+    const i = s.props.children, c = n.map((u) => u === s ? g.Children.count(i) > 1 ? g.Children.only(null) : g.isValidElement(i) ? i.props.children : null : u);
+    return /* @__PURE__ */ o(Re, { ...a, ref: t, children: g.isValidElement(i) ? g.cloneElement(i, void 0, c) : null });
   }
   return /* @__PURE__ */ o(Re, { ...a, ref: t, children: r });
 });
@@ -573,36 +573,36 @@ pe.displayName = "Slot";
 var Re = g.forwardRef((e, t) => {
   const { children: r, ...a } = e;
   if (g.isValidElement(r)) {
-    const n = Lr(r);
+    const n = $r(r);
     return g.cloneElement(r, {
-      ...zr(a, r.props),
+      ...Or(a, r.props),
       // @ts-ignore
-      ref: t ? gt(t, n) : n
+      ref: t ? pt(t, n) : n
     });
   }
   return g.Children.count(r) > 1 ? g.Children.only(null) : null;
 });
 Re.displayName = "SlotClone";
-var Mr = ({ children: e }) => /* @__PURE__ */ o(A, { children: e });
-function Ar(e) {
-  return g.isValidElement(e) && e.type === Mr;
+var Br = ({ children: e }) => /* @__PURE__ */ o(z, { children: e });
+function Pr(e) {
+  return g.isValidElement(e) && e.type === Br;
 }
-function zr(e, t) {
+function Or(e, t) {
   const r = { ...t };
   for (const a in t) {
-    const n = e[a], i = t[a];
-    /^on[A-Z]/.test(a) ? n && i ? r[a] = (...s) => {
-      i(...s), n(...s);
-    } : n && (r[a] = n) : a === "style" ? r[a] = { ...n, ...i } : a === "className" && (r[a] = [n, i].filter(Boolean).join(" "));
+    const n = e[a], s = t[a];
+    /^on[A-Z]/.test(a) ? n && s ? r[a] = (...i) => {
+      s(...i), n(...i);
+    } : n && (r[a] = n) : a === "style" ? r[a] = { ...n, ...s } : a === "className" && (r[a] = [n, s].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
-function Lr(e) {
+function $r(e) {
   var t, r;
   let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = a && "isReactWarning" in a && a.isReactWarning;
   return n ? e.ref : (a = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Pr = [
+var Vr = [
   "a",
   "button",
   "div",
@@ -619,69 +619,69 @@ var Pr = [
   "span",
   "svg",
   "ul"
-], de = Pr.reduce((e, t) => {
+], de = Vr.reduce((e, t) => {
   const r = g.forwardRef((a, n) => {
-    const { asChild: i, ...s } = a, c = i ? pe : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(c, { ...s, ref: n });
+    const { asChild: s, ...i } = a, c = s ? pe : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(c, { ...i, ref: n });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
-function q(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function Y(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), r === !1 || !a.defaultPrevented)
       return t == null ? void 0 : t(a);
   };
 }
-function Br(e) {
-  const t = e + "CollectionProvider", [r, a] = Pe(t), [n, i] = r(
+function Dr(e) {
+  const t = e + "CollectionProvider", [r, a] = Be(t), [n, s] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), s = (b) => {
-    const { scope: h, children: d } = b, v = E.useRef(null), x = E.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ o(n, { scope: h, itemMap: x, collectionRef: v, children: d });
+  ), i = (v) => {
+    const { scope: h, children: p } = v, k = I.useRef(null), x = I.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ o(n, { scope: h, itemMap: x, collectionRef: k, children: p });
   };
-  s.displayName = t;
-  const c = e + "CollectionSlot", m = E.forwardRef(
-    (b, h) => {
-      const { scope: d, children: v } = b, x = i(c, d), C = Se(h, x.collectionRef);
-      return /* @__PURE__ */ o(pe, { ref: C, children: v });
+  i.displayName = t;
+  const c = e + "CollectionSlot", u = I.forwardRef(
+    (v, h) => {
+      const { scope: p, children: k } = v, x = s(c, p), C = Se(h, x.collectionRef);
+      return /* @__PURE__ */ o(pe, { ref: C, children: k });
     }
   );
-  m.displayName = c;
-  const l = e + "CollectionItemSlot", u = "data-radix-collection-item", f = E.forwardRef(
-    (b, h) => {
-      const { scope: d, children: v, ...x } = b, C = E.useRef(null), y = Se(h, C), T = i(l, d);
-      return E.useEffect(() => (T.itemMap.set(C, { ref: C, ...x }), () => void T.itemMap.delete(C))), /* @__PURE__ */ o(pe, { [u]: "", ref: y, children: v });
+  u.displayName = c;
+  const d = e + "CollectionItemSlot", l = "data-radix-collection-item", f = I.forwardRef(
+    (v, h) => {
+      const { scope: p, children: k, ...x } = v, C = I.useRef(null), m = Se(h, C), N = s(d, p);
+      return I.useEffect(() => (N.itemMap.set(C, { ref: C, ...x }), () => void N.itemMap.delete(C))), /* @__PURE__ */ o(pe, { [l]: "", ref: m, children: k });
     }
   );
-  f.displayName = l;
-  function p(b) {
-    const h = i(e + "CollectionConsumer", b);
-    return E.useCallback(() => {
-      const d = h.collectionRef.current;
-      if (!d) return [];
-      const v = Array.from(d.querySelectorAll(`[${u}]`));
+  f.displayName = d;
+  function b(v) {
+    const h = s(e + "CollectionConsumer", v);
+    return I.useCallback(() => {
+      const p = h.collectionRef.current;
+      if (!p) return [];
+      const k = Array.from(p.querySelectorAll(`[${l}]`));
       return Array.from(h.itemMap.values()).sort(
-        (x, C) => v.indexOf(x.ref.current) - v.indexOf(C.ref.current)
+        (x, C) => k.indexOf(x.ref.current) - k.indexOf(C.ref.current)
       );
     }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: s, Slot: m, ItemSlot: f },
-    p,
+    { Provider: i, Slot: u, ItemSlot: f },
+    b,
     a
   ];
 }
-var $r = globalThis != null && globalThis.document ? g.useLayoutEffect : () => {
-}, Or = g.useId || (() => {
-}), Vr = 0;
-function Dr(e) {
-  const [t, r] = g.useState(Or());
-  return $r(() => {
-    r((a) => a ?? String(Vr++));
+var Fr = globalThis != null && globalThis.document ? g.useLayoutEffect : () => {
+}, Hr = g.useId || (() => {
+}), Gr = 0;
+function Ur(e) {
+  const [t, r] = g.useState(Hr());
+  return Fr(() => {
+    r((a) => a ?? String(Gr++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Be(e) {
+function Pe(e) {
   const t = g.useRef(e);
   return g.useEffect(() => {
     t.current = e;
@@ -696,158 +696,158 @@ function ye({
   onChange: r = () => {
   }
 }) {
-  const [a, n] = Hr({ defaultProp: t, onChange: r }), i = e !== void 0, s = i ? e : a, c = Be(r), m = g.useCallback(
-    (l) => {
-      if (i) {
-        const u = typeof l == "function" ? l(e) : l;
-        u !== e && c(u);
+  const [a, n] = jr({ defaultProp: t, onChange: r }), s = e !== void 0, i = s ? e : a, c = Pe(r), u = g.useCallback(
+    (d) => {
+      if (s) {
+        const l = typeof d == "function" ? d(e) : d;
+        l !== e && c(l);
       } else
-        n(l);
+        n(d);
     },
-    [i, e, n, c]
+    [s, e, n, c]
   );
-  return [s, m];
+  return [i, u];
 }
-function Hr({
+function jr({
   defaultProp: e,
   onChange: t
 }) {
-  const r = g.useState(e), [a] = r, n = g.useRef(a), i = Be(t);
+  const r = g.useState(e), [a] = r, n = g.useRef(a), s = Pe(t);
   return g.useEffect(() => {
-    n.current !== a && (i(a), n.current = a);
-  }, [a, n, i]), r;
+    n.current !== a && (s(a), n.current = a);
+  }, [a, n, s]), r;
 }
-var Fr = g.createContext(void 0);
-function ft(e) {
-  const t = g.useContext(Fr);
+var Wr = g.createContext(void 0);
+function bt(e) {
+  const t = g.useContext(Wr);
   return e || t || "ltr";
 }
-var Te = "rovingFocusGroup.onEntryFocus", Gr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Me, pt, Ur] = Br(ke), [jr, bt] = Pe(
+var Te = "rovingFocusGroup.onEntryFocus", Kr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Me, vt, Yr] = Dr(ke), [qr, yt] = Be(
   ke,
-  [Ur]
-), [Wr, Kr] = jr(ke), vt = g.forwardRef(
-  (e, t) => /* @__PURE__ */ o(Me.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Me.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Yr, { ...e, ref: t }) }) })
+  [Yr]
+), [Zr, Qr] = qr(ke), kt = g.forwardRef(
+  (e, t) => /* @__PURE__ */ o(Me.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Me.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Xr, { ...e, ref: t }) }) })
 );
-vt.displayName = ke;
-var Yr = g.forwardRef((e, t) => {
+kt.displayName = ke;
+var Xr = g.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
     orientation: a,
     loop: n = !1,
-    dir: i,
-    currentTabStopId: s,
+    dir: s,
+    currentTabStopId: i,
     defaultCurrentTabStopId: c,
-    onCurrentTabStopIdChange: m,
-    onEntryFocus: l,
-    preventScrollOnEntryFocus: u = !1,
+    onCurrentTabStopIdChange: u,
+    onEntryFocus: d,
+    preventScrollOnEntryFocus: l = !1,
     ...f
-  } = e, p = g.useRef(null), b = Se(t, p), h = ft(i), [d = null, v] = ye({
-    prop: s,
+  } = e, b = g.useRef(null), v = Se(t, b), h = bt(s), [p = null, k] = ye({
+    prop: i,
     defaultProp: c,
-    onChange: m
-  }), [x, C] = g.useState(!1), y = Be(l), T = pt(r), S = g.useRef(!1), [L, R] = g.useState(0);
+    onChange: u
+  }), [x, C] = g.useState(!1), m = Pe(d), N = vt(r), E = g.useRef(!1), [A, _] = g.useState(0);
   return g.useEffect(() => {
-    const N = p.current;
-    if (N)
-      return N.addEventListener(Te, y), () => N.removeEventListener(Te, y);
-  }, [y]), /* @__PURE__ */ o(
-    Wr,
+    const T = b.current;
+    if (T)
+      return T.addEventListener(Te, m), () => T.removeEventListener(Te, m);
+  }, [m]), /* @__PURE__ */ o(
+    Zr,
     {
       scope: r,
       orientation: a,
       dir: h,
       loop: n,
-      currentTabStopId: d,
+      currentTabStopId: p,
       onItemFocus: g.useCallback(
-        (N) => v(N),
-        [v]
+        (T) => k(T),
+        [k]
       ),
       onItemShiftTab: g.useCallback(() => C(!0), []),
       onFocusableItemAdd: g.useCallback(
-        () => R((N) => N + 1),
+        () => _((T) => T + 1),
         []
       ),
       onFocusableItemRemove: g.useCallback(
-        () => R((N) => N - 1),
+        () => _((T) => T - 1),
         []
       ),
       children: /* @__PURE__ */ o(
         de.div,
         {
-          tabIndex: x || L === 0 ? -1 : 0,
+          tabIndex: x || A === 0 ? -1 : 0,
           "data-orientation": a,
           ...f,
-          ref: b,
+          ref: v,
           style: { outline: "none", ...e.style },
-          onMouseDown: q(e.onMouseDown, () => {
-            S.current = !0;
+          onMouseDown: Y(e.onMouseDown, () => {
+            E.current = !0;
           }),
-          onFocus: q(e.onFocus, (N) => {
-            const U = !S.current;
-            if (N.target === N.currentTarget && U && !x) {
-              const j = new CustomEvent(Te, Gr);
-              if (N.currentTarget.dispatchEvent(j), !j.defaultPrevented) {
-                const W = T().filter((P) => P.focusable), re = W.find((P) => P.active), oe = W.find((P) => P.id === d), Ce = [re, oe, ...W].filter(
+          onFocus: Y(e.onFocus, (T) => {
+            const G = !E.current;
+            if (T.target === T.currentTarget && G && !x) {
+              const U = new CustomEvent(Te, Kr);
+              if (T.currentTarget.dispatchEvent(U), !U.defaultPrevented) {
+                const j = N().filter((P) => P.focusable), re = j.find((P) => P.active), oe = j.find((P) => P.id === p), Ce = [re, oe, ...j].filter(
                   Boolean
                 ).map((P) => P.ref.current);
-                wt(Ce, u);
+                Ct(Ce, l);
               }
             }
-            S.current = !1;
+            E.current = !1;
           }),
-          onBlur: q(e.onBlur, () => C(!1))
+          onBlur: Y(e.onBlur, () => C(!1))
         }
       )
     }
   );
-}), yt = "RovingFocusGroupItem", kt = g.forwardRef(
+}), wt = "RovingFocusGroupItem", xt = g.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: r,
       focusable: a = !0,
       active: n = !1,
-      tabStopId: i,
-      ...s
-    } = e, c = Dr(), m = i || c, l = Kr(yt, r), u = l.currentTabStopId === m, f = pt(r), { onFocusableItemAdd: p, onFocusableItemRemove: b } = l;
+      tabStopId: s,
+      ...i
+    } = e, c = Ur(), u = s || c, d = Qr(wt, r), l = d.currentTabStopId === u, f = vt(r), { onFocusableItemAdd: b, onFocusableItemRemove: v } = d;
     return g.useEffect(() => {
       if (a)
-        return p(), () => b();
-    }, [a, p, b]), /* @__PURE__ */ o(
+        return b(), () => v();
+    }, [a, b, v]), /* @__PURE__ */ o(
       Me.ItemSlot,
       {
         scope: r,
-        id: m,
+        id: u,
         focusable: a,
         active: n,
         children: /* @__PURE__ */ o(
           de.span,
           {
-            tabIndex: u ? 0 : -1,
-            "data-orientation": l.orientation,
-            ...s,
+            tabIndex: l ? 0 : -1,
+            "data-orientation": d.orientation,
+            ...i,
             ref: t,
-            onMouseDown: q(e.onMouseDown, (h) => {
-              a ? l.onItemFocus(m) : h.preventDefault();
+            onMouseDown: Y(e.onMouseDown, (h) => {
+              a ? d.onItemFocus(u) : h.preventDefault();
             }),
-            onFocus: q(e.onFocus, () => l.onItemFocus(m)),
-            onKeyDown: q(e.onKeyDown, (h) => {
+            onFocus: Y(e.onFocus, () => d.onItemFocus(u)),
+            onKeyDown: Y(e.onKeyDown, (h) => {
               if (h.key === "Tab" && h.shiftKey) {
-                l.onItemShiftTab();
+                d.onItemShiftTab();
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const d = Qr(h, l.orientation, l.dir);
-              if (d !== void 0) {
+              const p = to(h, d.orientation, d.dir);
+              if (p !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
-                let v = f().filter((x) => x.focusable).map((x) => x.ref.current);
-                if (d === "last") v.reverse();
-                else if (d === "prev" || d === "next") {
-                  d === "prev" && v.reverse();
-                  const x = v.indexOf(h.currentTarget);
-                  v = l.loop ? Xr(v, x + 1) : v.slice(x + 1);
+                let k = f().filter((x) => x.focusable).map((x) => x.ref.current);
+                if (p === "last") k.reverse();
+                else if (p === "prev" || p === "next") {
+                  p === "prev" && k.reverse();
+                  const x = k.indexOf(h.currentTarget);
+                  k = d.loop ? ro(k, x + 1) : k.slice(x + 1);
                 }
-                setTimeout(() => wt(v));
+                setTimeout(() => Ct(k));
               }
             })
           }
@@ -856,8 +856,8 @@ var Yr = g.forwardRef((e, t) => {
     );
   }
 );
-kt.displayName = yt;
-var qr = {
+xt.displayName = wt;
+var Jr = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -867,24 +867,24 @@ var qr = {
   PageDown: "last",
   End: "last"
 };
-function Zr(e, t) {
+function eo(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Qr(e, t, r) {
-  const a = Zr(e.key, r);
+function to(e, t, r) {
+  const a = eo(e.key, r);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
-    return qr[a];
+    return Jr[a];
 }
-function wt(e, t = !1) {
+function Ct(e, t = !1) {
   const r = document.activeElement;
   for (const a of e)
     if (a === r || (a.focus({ preventScroll: t }), document.activeElement !== r)) return;
 }
-function Xr(e, t) {
+function ro(e, t) {
   return e.map((r, a) => e[(t + a) % e.length]);
 }
-var Jr = vt, eo = kt, to = "Toggle", xt = g.forwardRef((e, t) => {
-  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...i } = e, [s = !1, c] = ye({
+var oo = kt, ao = xt, no = "Toggle", Nt = g.forwardRef((e, t) => {
+  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...s } = e, [i = !1, c] = ye({
     prop: r,
     onChange: n,
     defaultProp: a
@@ -893,159 +893,159 @@ var Jr = vt, eo = kt, to = "Toggle", xt = g.forwardRef((e, t) => {
     de.button,
     {
       type: "button",
-      "aria-pressed": s,
-      "data-state": s ? "on" : "off",
+      "aria-pressed": i,
+      "data-state": i ? "on" : "off",
       "data-disabled": e.disabled ? "" : void 0,
-      ...i,
+      ...s,
       ref: t,
-      onClick: q(e.onClick, () => {
-        e.disabled || c(!s);
+      onClick: Y(e.onClick, () => {
+        e.disabled || c(!i);
       })
     }
   );
 });
-xt.displayName = to;
-var ee = "ToggleGroup", [Ct, ca] = Pe(ee, [
-  bt
-]), Nt = bt(), $e = E.forwardRef((e, t) => {
+Nt.displayName = no;
+var ee = "ToggleGroup", [Tt, ma] = Be(ee, [
+  yt
+]), It = yt(), Oe = I.forwardRef((e, t) => {
   const { type: r, ...a } = e;
   if (r === "single")
-    return /* @__PURE__ */ o(ro, { ...a, ref: t });
+    return /* @__PURE__ */ o(so, { ...a, ref: t });
   if (r === "multiple")
-    return /* @__PURE__ */ o(oo, { ...a, ref: t });
+    return /* @__PURE__ */ o(io, { ...a, ref: t });
   throw new Error(`Missing prop \`type\` expected on \`${ee}\``);
 });
-$e.displayName = ee;
-var [Tt, Et] = Ct(ee), ro = E.forwardRef((e, t) => {
+Oe.displayName = ee;
+var [Et, _t] = Tt(ee), so = I.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
     onValueChange: n = () => {
     },
-    ...i
-  } = e, [s, c] = ye({
+    ...s
+  } = e, [i, c] = ye({
     prop: r,
     defaultProp: a,
     onChange: n
   });
   return /* @__PURE__ */ o(
-    Tt,
+    Et,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
-      value: s ? [s] : [],
+      value: i ? [i] : [],
       onItemActivate: c,
-      onItemDeactivate: E.useCallback(() => c(""), [c]),
-      children: /* @__PURE__ */ o(It, { ...i, ref: t })
+      onItemDeactivate: I.useCallback(() => c(""), [c]),
+      children: /* @__PURE__ */ o(St, { ...s, ref: t })
     }
   );
-}), oo = E.forwardRef((e, t) => {
+}), io = I.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
     onValueChange: n = () => {
     },
-    ...i
-  } = e, [s = [], c] = ye({
+    ...s
+  } = e, [i = [], c] = ye({
     prop: r,
     defaultProp: a,
     onChange: n
-  }), m = E.useCallback(
-    (u) => c((f = []) => [...f, u]),
+  }), u = I.useCallback(
+    (l) => c((f = []) => [...f, l]),
     [c]
-  ), l = E.useCallback(
-    (u) => c((f = []) => f.filter((p) => p !== u)),
+  ), d = I.useCallback(
+    (l) => c((f = []) => f.filter((b) => b !== l)),
     [c]
   );
   return /* @__PURE__ */ o(
-    Tt,
+    Et,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
-      value: s,
-      onItemActivate: m,
-      onItemDeactivate: l,
-      children: /* @__PURE__ */ o(It, { ...i, ref: t })
+      value: i,
+      onItemActivate: u,
+      onItemDeactivate: d,
+      children: /* @__PURE__ */ o(St, { ...s, ref: t })
     }
   );
 });
-$e.displayName = ee;
-var [ao, no] = Ct(ee), It = E.forwardRef(
+Oe.displayName = ee;
+var [co, lo] = Tt(ee), St = I.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: r,
       disabled: a = !1,
       rovingFocus: n = !0,
-      orientation: i,
-      dir: s,
+      orientation: s,
+      dir: i,
       loop: c = !0,
-      ...m
-    } = e, l = Nt(r), u = ft(s), f = { role: "group", dir: u, ...m };
-    return /* @__PURE__ */ o(ao, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
-      Jr,
+      ...u
+    } = e, d = It(r), l = bt(i), f = { role: "group", dir: l, ...u };
+    return /* @__PURE__ */ o(co, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
+      oo,
       {
         asChild: !0,
-        ...l,
-        orientation: i,
-        dir: u,
+        ...d,
+        orientation: s,
+        dir: l,
         loop: c,
         children: /* @__PURE__ */ o(de.div, { ...f, ref: t })
       }
     ) : /* @__PURE__ */ o(de.div, { ...f, ref: t }) });
   }
-), be = "ToggleGroupItem", _t = E.forwardRef(
+), be = "ToggleGroupItem", Rt = I.forwardRef(
   (e, t) => {
-    const r = Et(be, e.__scopeToggleGroup), a = no(be, e.__scopeToggleGroup), n = Nt(e.__scopeToggleGroup), i = r.value.includes(e.value), s = a.disabled || e.disabled, c = { ...e, pressed: i, disabled: s }, m = E.useRef(null);
+    const r = _t(be, e.__scopeToggleGroup), a = lo(be, e.__scopeToggleGroup), n = It(e.__scopeToggleGroup), s = r.value.includes(e.value), i = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, u = I.useRef(null);
     return a.rovingFocus ? /* @__PURE__ */ o(
-      eo,
+      ao,
       {
         asChild: !0,
         ...n,
-        focusable: !s,
-        active: i,
-        ref: m,
-        children: /* @__PURE__ */ o(We, { ...c, ref: t })
+        focusable: !i,
+        active: s,
+        ref: u,
+        children: /* @__PURE__ */ o(Ye, { ...c, ref: t })
       }
-    ) : /* @__PURE__ */ o(We, { ...c, ref: t });
+    ) : /* @__PURE__ */ o(Ye, { ...c, ref: t });
   }
 );
-_t.displayName = be;
-var We = E.forwardRef(
+Rt.displayName = be;
+var Ye = I.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: r, value: a, ...n } = e, i = Et(be, r), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = i.type === "single" ? s : void 0;
+    const { __scopeToggleGroup: r, value: a, ...n } = e, s = _t(be, r), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
     return /* @__PURE__ */ o(
-      xt,
+      Nt,
       {
         ...c,
         ...n,
         ref: t,
-        onPressedChange: (m) => {
-          m ? i.onItemActivate(a) : i.onItemDeactivate(a);
+        onPressedChange: (u) => {
+          u ? s.onItemActivate(a) : s.onItemDeactivate(a);
         }
       }
     );
   }
-), so = $e, io = _t;
-const St = E.createContext({
+), uo = Oe, mo = Rt;
+const Mt = I.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
-}), co = ({ focusMode: e }) => w("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}), ho = ({ focusMode: e }) => w("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"
-}), lo = ({ mode: e }) => w({
+}), go = ({ mode: e }) => w({
   "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"
-}), uo = ({ size: e }) => w({
+}), fo = ({ size: e }) => w({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), mo = ({ mode: e }) => w(
-  _r,
+}), po = ({ mode: e }) => w(
+  Ar,
   "px-1",
   "relative",
   "border-r",
@@ -1058,26 +1058,26 @@ const St = E.createContext({
     "border-surface-light dark:border-surface-darker": e === "system",
     "border-surface-darker dark:border-surface-light": e === "alt-system"
   }
-), ho = ({
+), bo = ({
   focusMode: e,
   mode: t,
   size: r
 }) => ({
-  wrapperClass: mo({ mode: t }),
+  wrapperClass: po({ mode: t }),
   itemClass: w(
-    Sr,
+    zr,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
     "transition duration-200 ease",
-    uo({ size: r }),
-    co({ focusMode: e }),
-    lo({ mode: t })
+    fo({ size: r }),
+    ho({ focusMode: e }),
+    go({ mode: t })
   )
-}), go = ({
+}), vo = ({
   mode: e,
   className: t
 }) => w(
-  Ir,
+  Mr,
   "inline-flex p-1",
   "rounded-sm",
   {
@@ -1087,75 +1087,75 @@ const St = E.createContext({
     "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
   },
   t
-), fo = ({
+), yo = ({
   children: e,
   value: t,
   onValueChange: r,
   disabled: a,
   mode: n = "system",
-  focusMode: i = "system",
-  size: s = "medium",
+  focusMode: s = "system",
+  size: i = "medium",
   defaultValue: c,
-  className: m,
-  ...l
+  className: u,
+  ...d
 }) => {
-  const u = go({ mode: n, className: m }), f = { size: s, focusMode: i, mode: n };
-  return /* @__PURE__ */ o(St.Provider, { value: f, children: /* @__PURE__ */ o(
-    so,
+  const l = vo({ mode: n, className: u }), f = { size: i, focusMode: s, mode: n };
+  return /* @__PURE__ */ o(Mt.Provider, { value: f, children: /* @__PURE__ */ o(
+    uo,
     {
       disabled: a,
-      className: u,
+      className: l,
       value: t,
       defaultValue: c,
       onValueChange: r,
-      ...l,
+      ...d,
       type: "single",
       children: e
     }
   ) });
-}, po = ({ value: e, disabled: t }) => {
-  const { size: r, focusMode: a, mode: n } = V(St), { itemClass: i, wrapperClass: s } = ho({
+}, ko = ({ value: e, disabled: t }) => {
+  const { size: r, focusMode: a, mode: n } = D(Mt), { itemClass: s, wrapperClass: i } = bo({
     focusMode: a,
     mode: n,
     size: r
   });
-  return /* @__PURE__ */ o("div", { className: s, children: /* @__PURE__ */ o(
-    io,
+  return /* @__PURE__ */ o("div", { className: i, children: /* @__PURE__ */ o(
+    mo,
     {
       disabled: t,
-      className: i,
+      className: s,
       value: e,
       children: e
     }
   ) });
 };
 /*!
-  @versini/ui-panel v1.2.15
+  @versini/ui-panel v1.3.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.2.15",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "1.3.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ke = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", Rt = "button", Ae = "link", bo = ({
+const qe = "av-messagebox", Ze = "av-panel", Qe = "av-button", we = "icon", At = "button", Ae = "link", wo = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  const i = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  const s = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
-    case Rt:
+    case At:
     case Ae:
       return w({
-        [i]: t === "small",
-        [s]: t === "medium",
+        [s]: t === "small",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case we:
@@ -1171,30 +1171,30 @@ const Ke = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", Rt =
         "h-12 px-4": t === "large" && (r || a)
       });
   }
-}, vo = ({
+}, xo = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a
 }) => {
-  const n = "text-sm font-medium", i = "text-base font-medium", s = "text-lg font-medium";
+  const n = "text-sm font-medium", s = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
-    case Rt:
+    case At:
     case Ae:
       return w({
         "text-center": e === Ae,
         [n]: t === "small",
-        [i]: t === "medium",
-        [s]: t === "large"
+        [s]: t === "medium",
+        [i]: t === "large"
       });
     case we:
       return w({
         [n]: t === "small" && (r || a),
-        [i]: t === "medium" && (r || a),
-        [s]: t === "large" && (r || a)
+        [s]: t === "medium" && (r || a),
+        [i]: t === "large" && (r || a)
       });
   }
-}, yo = ({
+}, Co = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -1234,7 +1234,7 @@ const Ke = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", Rt =
       "text-copy-light dark:text-copy-lighter": e === "system",
       "text-copy-lighter dark:text-copy-light": e === "alt-system"
     });
-}, ko = ({
+}, No = ({
   mode: e,
   noBackground: t,
   variant: r
@@ -1264,13 +1264,13 @@ const Ke = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", Rt =
     if (r === "selected")
       return "bg-action-selected-dark";
   }
-}, wo = ({
+}, To = ({
   radius: e
 }) => w({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), xo = ({
+}), Io = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1300,7 +1300,7 @@ const Ke = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", Rt =
     });
   if (r === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, Co = ({
+}, Eo = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1330,7 +1330,7 @@ const Ke = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", Rt =
     });
   if (r === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, No = ({
+}, _o = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -1360,193 +1360,193 @@ const Ke = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", Rt =
     });
   if (r === "selected")
     return "border border-border-selected-dark";
-}, To = ({
+}, So = ({
   focusMode: e
 }) => w("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"
-}), Mt = ({
+}), zt = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
   focusMode: n,
-  disabled: i,
-  fullWidth: s,
+  disabled: s,
+  fullWidth: i,
   size: c,
-  noBorder: m,
-  labelRight: l,
-  labelLeft: u,
+  noBorder: u,
+  labelRight: d,
+  labelLeft: l,
   noBackground: f,
-  variant: p,
-  noTruncate: b,
+  variant: b,
+  noTruncate: v,
   align: h,
-  radius: d
-}) => (p || (p = "primary"), r ? w(qe, t) : w(
-  qe,
-  yo({
+  radius: p
+}) => (b || (b = "primary"), r ? w(Qe, t) : w(
+  Qe,
+  Co({
     mode: a,
-    variant: p,
+    variant: b,
     noBackground: f,
-    noTruncate: b
+    noTruncate: v
   }),
-  ko({ mode: a, noBackground: f, variant: p }),
-  wo({ radius: d }),
-  bo({
+  No({ mode: a, noBackground: f, variant: b }),
+  To({ radius: p }),
+  wo({
     type: e,
     size: c,
-    labelRight: l,
-    labelLeft: u,
+    labelRight: d,
+    labelLeft: l,
     align: h
   }),
-  vo({ type: e, size: c, labelRight: l, labelLeft: u }),
-  No({ mode: a, variant: p, noBorder: m }),
-  To({ focusMode: n }),
-  xo({ mode: a, variant: p, disabled: i }),
-  Co({ mode: a, variant: p, disabled: i }),
+  xo({ type: e, size: c, labelRight: d, labelLeft: l }),
+  _o({ mode: a, variant: b, noBorder: u }),
+  So({ focusMode: n }),
+  Io({ mode: a, variant: b, disabled: s }),
+  Eo({ mode: a, variant: b, disabled: s }),
   {
-    "w-full": s,
-    "disabled:cursor-not-allowed disabled:opacity-50": i
+    "w-full": i,
+    "disabled:cursor-not-allowed disabled:opacity-50": s
   },
   t
-)), Eo = (e, t, r) => {
+)), Ro = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, Oe = E.forwardRef((e, t) => {
+}, $e = I.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ o(
     "button",
     {
       ref: t,
-      onClick: (i) => {
-        Eo(i, a, r);
+      onClick: (s) => {
+        Ro(s, a, r);
       },
       ...n
     }
   );
 });
-Oe.displayName = "BaseButton";
-const At = E.forwardRef(
+$e.displayName = "BaseButton";
+const Lt = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
     fullWidth: n = !1,
-    className: i,
-    type: s = "button",
+    className: s,
+    type: i = "button",
     raw: c = !1,
-    noBorder: m = !1,
-    "aria-label": l,
-    label: u,
+    noBorder: u = !1,
+    "aria-label": d,
+    label: l,
     size: f = "medium",
-    labelRight: p,
-    labelLeft: b,
+    labelRight: b,
+    labelLeft: v,
     noBackground: h = !1,
-    align: d = "center",
-    radius: v = "large",
+    align: p = "center",
+    radius: k = "large",
     variant: x = "primary",
     ...C
-  }, y) => {
-    const T = Mt({
+  }, m) => {
+    const N = zt({
       type: we,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
       raw: c,
-      className: i,
-      noBorder: m,
+      className: s,
+      noBorder: u,
       size: f,
-      labelRight: p,
-      labelLeft: b,
+      labelRight: b,
+      labelLeft: v,
       noBackground: h,
-      align: d,
-      radius: v,
+      align: p,
+      radius: k,
       variant: x
-    }), S = w({
+    }), E = w({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
     });
-    return /* @__PURE__ */ k(
-      Oe,
+    return /* @__PURE__ */ y(
+      $e,
       {
-        ref: y,
-        className: T,
+        ref: m,
+        className: N,
         disabled: t,
-        type: s,
-        "aria-label": l || u,
+        type: i,
+        "aria-label": d || l,
         ...C,
         children: [
-          b && /* @__PURE__ */ o("span", { className: "pr-2", children: b }),
-          /* @__PURE__ */ o("div", { className: S, children: e }),
-          p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
+          v && /* @__PURE__ */ o("span", { className: "pr-2", children: v }),
+          /* @__PURE__ */ o("div", { className: E, children: e }),
+          b && /* @__PURE__ */ o("span", { className: "pl-2", children: b })
         ]
       }
     );
   }
 );
-At.displayName = "ButtonIcon";
+Lt.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v3.2.2
+  @versini/ui-button v4.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "3.2.2",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "4.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Io = E.forwardRef(
+const Mo = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
     fullWidth: n = !1,
-    className: i,
-    type: s = "button",
+    className: s,
+    type: i = "button",
     raw: c = !1,
-    noBorder: m = !1,
-    "aria-label": l,
-    label: u,
+    noBorder: u = !1,
+    "aria-label": d,
+    label: l,
     size: f = "medium",
-    labelRight: p,
-    labelLeft: b,
+    labelRight: b,
+    labelLeft: v,
     noBackground: h = !1,
-    align: d = "center",
-    active: v = !1,
+    align: p = "center",
+    active: k = !1,
     radius: x = "large",
     ...C
-  }, y) => {
-    const T = Mt({
+  }, m) => {
+    const N = zt({
       type: we,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
       raw: c,
-      className: i,
-      noBorder: m,
+      className: s,
+      noBorder: u,
       size: f,
-      labelRight: p,
-      labelLeft: b,
+      labelRight: b,
+      labelLeft: v,
       noBackground: h,
-      align: d,
+      align: p,
       radius: x
-    }), S = w({
+    }), E = w({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), L = v ? w(
+    }), A = k ? w(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1563,76 +1563,76 @@ const Io = E.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ o("div", { className: L, children: /* @__PURE__ */ k(
-      Oe,
+    return /* @__PURE__ */ o("div", { className: A, children: /* @__PURE__ */ y(
+      $e,
       {
-        ref: y,
-        className: T,
+        ref: m,
+        className: N,
         disabled: t,
-        type: s,
-        "aria-label": l || u,
+        type: i,
+        "aria-label": d || l,
         ...C,
         children: [
-          b && /* @__PURE__ */ o("span", { className: "pr-2", children: b }),
-          /* @__PURE__ */ o("div", { className: S, children: e }),
-          p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
+          v && /* @__PURE__ */ o("span", { className: "pr-2", children: v }),
+          /* @__PURE__ */ o("div", { className: E, children: e }),
+          b && /* @__PURE__ */ o("span", { className: "pl-2", children: b })
         ]
       }
     ) });
   }
 );
-Io.displayName = "ButtonSort";
-const _o = ({
+Mo.displayName = "ButtonSort";
+const Ao = ({
   children: e,
   fill: t,
   viewBox: r,
   className: a,
   defaultViewBox: n,
-  size: i,
-  title: s,
+  size: s,
+  title: i,
   semantic: c = !1,
-  ...m
+  ...u
 }) => {
-  const l = w(i, a);
-  return /* @__PURE__ */ k(A, { children: [
+  const d = w(s, a);
+  return /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: l,
+        className: d,
         viewBox: r || n,
         fill: t || "currentColor",
         role: "img",
         "aria-hidden": !c,
         focusable: !1,
-        ...m,
+        ...u,
         children: e
       }
     ),
-    s && c && /* @__PURE__ */ o("span", { className: "sr-only", children: s })
+    i && c && /* @__PURE__ */ o("span", { className: "sr-only", children: i })
   ] });
 };
 /*!
-  @versini/ui-svgicon v3.0.3
+  @versini/ui-svgicon v4.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "3.0.3",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "4.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const So = ({
+const zo = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  _o,
+  Ao,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -1644,115 +1644,115 @@ const So = ({
   }
 );
 /*!
-  @versini/ui-icons v3.1.1
+  @versini/ui-icons v4.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "3.1.1",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "4.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const zt = g.createContext(null);
-function Ro({
+const Bt = g.createContext(null);
+function Lo({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, n] = g.useState(e), [i, s] = g.useState(), [c, m] = g.useState(), l = t ?? a, u = r ?? n, f = at({
-    open: l,
-    onOpenChange: u
-  }), p = f.context, b = nt(p, {
+  const [a, n] = g.useState(e), [s, i] = g.useState(), [c, u] = g.useState(), d = t ?? a, l = r ?? n, f = st({
+    open: d,
+    onOpenChange: l
+  }), b = f.context, v = it(b, {
     enabled: t == null
-  }), h = it(p, {
+  }), h = lt(b, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), d = st(p), v = ct([b, h, d]);
+  }), p = ct(b), k = dt([v, h, p]);
   return g.useMemo(
     () => ({
-      open: l,
-      setOpen: u,
-      ...v,
+      open: d,
+      setOpen: l,
+      ...k,
       ...f,
-      labelId: i,
+      labelId: s,
       descriptionId: c,
-      setLabelId: s,
-      setDescriptionId: m
+      setLabelId: i,
+      setDescriptionId: u
     }),
-    [l, u, v, f, i, c]
+    [d, l, k, f, s, c]
   );
 }
 const xe = () => {
-  const e = g.useContext(zt);
+  const e = g.useContext(Bt);
   if (e == null)
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function Mo({
+function Bo({
   children: e,
   ...t
 }) {
-  const r = Ro(t);
-  return /* @__PURE__ */ o(zt.Provider, { value: r, children: e });
+  const r = Lo(t);
+  return /* @__PURE__ */ o(Bt.Provider, { value: r, children: e });
 }
-const Ao = g.forwardRef(function(e, t) {
+const Po = g.forwardRef(function(e, t) {
   const { context: r, ...a } = xe(), n = Le([a.refs.setFloating, t]);
   if (!r.open)
     return null;
-  const { overlayBackground: i, ...s } = e, c = w("grid place-items-center", {
-    [`${i}`]: i,
-    "bg-black sm:bg-black/[.8]": !i
+  const { overlayBackground: s, ...i } = e, c = w("grid place-items-center", {
+    [`${s}`]: s,
+    "bg-black sm:bg-black/[.8]": !s
   });
-  return /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(pr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(dt, { context: r, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(kr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(mt, { context: r, children: /* @__PURE__ */ o(
     "div",
     {
       ref: n,
       "aria-labelledby": a.labelId,
       "aria-describedby": a.descriptionId,
-      ...a.getFloatingProps(s),
-      children: s.children
+      ...a.getFloatingProps(i),
+      children: i.children
     }
   ) }) }) });
-}), zo = g.forwardRef(function({ children: e, ...t }, r) {
+}), Oo = g.forwardRef(function({ children: e, ...t }, r) {
   const { setLabelId: a } = xe(), n = ze();
   return g.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
-}), Lo = g.forwardRef(function({ children: e, ...t }, r) {
+}), $o = g.forwardRef(function({ children: e, ...t }, r) {
   const { setDescriptionId: a } = xe(), n = ze();
   return g.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
-}), Po = g.forwardRef(function(e, t) {
-  const { setOpen: r } = xe(), { trigger: a, className: n, ...i } = e, s = g.useCallback(() => r(!1), [r]);
+}), Vo = g.forwardRef(function(e, t) {
+  const { setOpen: r } = xe(), { trigger: a, className: n, ...s } = e, i = g.useCallback(() => r(!1), [r]);
   return /* @__PURE__ */ o("div", { className: n, children: g.cloneElement(a, {
     ref: t,
-    onClick: s,
-    ...i
+    onClick: i,
+    ...s
   }) });
 });
 /*!
-  @versini/ui-modal v1.1.8
+  @versini/ui-modal v1.2.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.1.8",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "1.2.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const se = "panel", ue = "messagebox", Bo = ({
+const se = "panel", ue = "messagebox", Do = ({
   className: e,
   kind: t,
   borderMode: r
 }) => ({
   main: w("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${Ye} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === se,
-    [`${Ye} w-full sm:w-[95%] md:max-w-2xl`]: t === se && !e,
-    [`${Ke} rounded-lg border-2`]: t === ue,
-    [`${Ke} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
+    [`${Ze} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === se,
+    [`${Ze} w-full sm:w-[95%] md:max-w-2xl`]: t === se && !e,
+    [`${qe} rounded-lg border-2`]: t === ue,
+    [`${qe} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": r === "dark" && t === se,
     "sm:border-border-accent": r === "light" && t === se,
@@ -1769,70 +1769,70 @@ const se = "panel", ue = "messagebox", Bo = ({
   title: r,
   children: a,
   footer: n,
-  borderMode: i = "light",
-  kind: s = se,
+  borderMode: s = "light",
+  kind: i = se,
   className: c
 }) => {
-  const m = J(""), l = Bo({ className: c, kind: s, borderMode: i });
-  return G(() => (e && (m.current = document.title, document.title = `${r} | ${m.current}`), () => {
-    e && (document.title = m.current);
-  }), [r, e]), /* @__PURE__ */ o(A, { children: e && /* @__PURE__ */ o(Mo, { open: e, onOpenChange: t, children: /* @__PURE__ */ k(Ao, { className: l.main, children: [
-    /* @__PURE__ */ k("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+  const u = Z(""), d = Do({ className: c, kind: i, borderMode: s });
+  return F(() => (e && (u.current = document.title, document.title = `${r} | ${u.current}`), () => {
+    e && (document.title = u.current);
+  }), [r, e]), /* @__PURE__ */ o(z, { children: e && /* @__PURE__ */ o(Bo, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Po, { className: d.main, children: [
+    /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ o(
-        Po,
+        Vo,
         {
-          className: l.close,
+          className: d.close,
           trigger: /* @__PURE__ */ o(
-            At,
+            Lt,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ o(So, {})
+              children: /* @__PURE__ */ o(zo, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ o(zo, { className: l.header, children: r })
+      /* @__PURE__ */ o(Oo, { className: d.header, children: r })
     ] }),
-    /* @__PURE__ */ o(Lo, { className: l.content, children: a }),
-    n && /* @__PURE__ */ o("div", { className: l.footer, children: n })
+    /* @__PURE__ */ o($o, { className: d.content, children: a }),
+    n && /* @__PURE__ */ o("div", { className: d.footer, children: n })
   ] }) }) });
-}, $o = ({ stats: e }) => {
-  const t = (e == null ? void 0 : e.plugins) || [], r = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = fe(), i = fe();
-  return /* @__PURE__ */ k(A, { children: [
+}, Fo = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], r = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = fe(), s = fe();
+  return /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
-      B,
+      O,
       {
-        header: I.ABOUT.TITLE_CLIENT,
+        header: S.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: he(n, {
-          [I.ABOUT.VERSION]: "5.18.3",
-          [I.ABOUT.BUILD_TIMESTAMP]: "01/02/2025 08:11 PM EST"
+          [S.ABOUT.VERSION]: "5.19.0",
+          [S.ABOUT.BUILD_TIMESTAMP]: "01/03/2025 07:36 PM EST"
         })
       }
     ) }),
     /* @__PURE__ */ o(
-      B,
+      O,
       {
-        header: I.ABOUT.TITLE_SERVER,
+        header: S.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
-        children: he(i, {
-          [I.ABOUT.VERSION]: r,
-          [ge(I.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(A, { children: a.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) }),
-          [ge(I.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(A, { children: t.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) })
+        children: he(s, {
+          [S.ABOUT.VERSION]: r,
+          [ge(S.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(z, { children: a.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) }),
+          [ge(S.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(z, { children: t.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
   ] });
-}, Oo = ({
+}, Ho = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { serverStats: r } = V(ve);
-  return /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: $t, children: /* @__PURE__ */ o($o, { stats: r }) });
-}, Lt = ({
+  const { serverStats: r } = D(ve);
+  return /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Vt, children: /* @__PURE__ */ o(Fo, { stats: r }) });
+}, Pt = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: r,
@@ -1845,7 +1845,7 @@ const se = "panel", ue = "messagebox", Bo = ({
     open: e,
     onOpenChange: t,
     title: n.title,
-    footer: /* @__PURE__ */ k(F, { columnGap: 2, alignHorizontal: "flex-end", children: [
+    footer: /* @__PURE__ */ y(q, { columnGap: 2, alignHorizontal: "flex-end", children: [
       /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
         H,
         {
@@ -1873,19 +1873,19 @@ const se = "panel", ue = "messagebox", Bo = ({
     ] }),
     children: a
   }
-), Vo = async (e, t, r, a) => {
+), Go = async (e, t, r, a) => {
   try {
     const n = await $({
       accessToken: a,
-      type: O.GET_CHAT,
+      type: V.GET_CHAT,
       params: {
         id: e.id
       }
     });
     n.status === 200 && (t({
-      type: Qe
+      type: Je
     }), t({
-      type: Vt,
+      type: Ft,
       payload: {
         id: e.id,
         model: n.data.model,
@@ -1895,67 +1895,77 @@ const se = "panel", ue = "messagebox", Bo = ({
     }), r(!1));
   } catch {
   }
-}, Do = ({
+}, Uo = ({
   filteredHistory: e,
   setFilteredHistory: t,
   dispatch: r,
   onOpenChange: a
 }) => {
-  var h;
-  const { user: n, getAccessToken: i } = Z(), s = J({
+  var C;
+  const { user: n, getAccessToken: s } = Q(), i = Z(null), c = Z({
     id: 0,
     timestamp: "",
     message: ""
-  }), [c, m] = _(!1), { state: l, dispatch: u } = V(et), [, f] = le({
-    key: ce + Ot,
-    initialValue: l.sortDirection
-  }), p = (d) => {
-    switch (l.sortDirection) {
-      case Y.ASC:
-        f(Y.DESC), u({
-          type: De,
+  }), [u, d] = R(!1), [l, f] = R(
+    De + Fe
+  ), { state: b, dispatch: v } = D(rt), [, h] = le({
+    key: ce + Dt,
+    initialValue: b.sortDirection
+  }), p = (m) => {
+    switch (b.sortDirection) {
+      case K.ASC:
+        h(K.DESC), v({
+          type: He,
           payload: {
-            sortedCell: d,
-            sortDirection: Y.DESC
+            sortedCell: m,
+            sortDirection: K.DESC
           }
         });
         break;
       default:
-        f(Y.ASC), u({
-          type: De,
+        h(K.ASC), v({
+          type: He,
           payload: {
-            sortedCell: d,
-            sortDirection: Y.ASC
+            sortedCell: m,
+            sortDirection: K.ASC
           }
         });
         break;
     }
-  };
-  return /* @__PURE__ */ k(A, { children: [
-    /* @__PURE__ */ k(
-      Lt,
+  }, k = async () => {
+    const m = c.current;
+    try {
+      const N = await $({
+        accessToken: await s(),
+        type: V.DELETE_CHAT,
+        params: {
+          userId: (n == null ? void 0 : n.username) || "",
+          id: m.id,
+          limit: 1,
+          searchString: b.searchString,
+          direction: b.sortDirection,
+          truncateSize: 100
+        }
+      });
+      N.status === 200 && t({ data: N.data });
+    } catch {
+    }
+  }, x = cr((m) => {
+    m[0].isIntersecting && f((E) => E + De);
+  }, []);
+  return F(() => {
+    const m = {
+      // root: null,
+      rootMargin: "20px"
+    }, N = new IntersectionObserver(x, m);
+    i.current && N.observe(i.current);
+  }), /* @__PURE__ */ y(z, { children: [
+    /* @__PURE__ */ y(
+      Pt,
       {
-        showConfirmation: c,
-        setShowConfirmation: m,
-        action: async () => {
-          const d = s.current;
-          try {
-            const v = await $({
-              accessToken: await i(),
-              type: O.DELETE_CHAT,
-              params: {
-                userId: (n == null ? void 0 : n.username) || "",
-                id: d.id,
-                limit: 1,
-                searchString: l.searchString,
-                direction: l.sortDirection,
-                truncateSize: 100
-              }
-            });
-            v.status === 200 && t({ data: v.data });
-          } catch {
-          }
-        },
+        showConfirmation: u,
+        setShowConfirmation: d,
+        action: k,
         customStrings: {
           confirmAction: "Delete",
           cancelAction: "Cancel",
@@ -1963,114 +1973,129 @@ const se = "panel", ue = "messagebox", Bo = ({
         },
         children: [
           /* @__PURE__ */ o("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ k("ul", { className: "m-0", children: [
-            /* @__PURE__ */ k("li", { children: [
+          /* @__PURE__ */ y("ul", { className: "m-0", children: [
+            /* @__PURE__ */ y("li", { children: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ o("span", { className: "text-lg", children: s.current && s.current.timestamp })
+              /* @__PURE__ */ o("span", { className: "text-lg", children: c.current && c.current.timestamp })
             ] }),
-            /* @__PURE__ */ k("li", { children: [
+            /* @__PURE__ */ y("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ o("span", { className: "text-lg", children: (h = s.current) == null ? void 0 : h.message })
+              /* @__PURE__ */ o("span", { className: "text-lg", children: (C = c.current) == null ? void 0 : C.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ k(
-      Jt,
+    /* @__PURE__ */ y(
+      tr,
       {
         stickyHeader: !0,
         stickyFooter: !0,
         compact: !0,
         wrapperClassName: "max-h-[60vh] min-h-[60vh]",
         children: [
-          /* @__PURE__ */ o(er, { children: /* @__PURE__ */ k(Ne, { children: [
+          /* @__PURE__ */ o(rr, { children: /* @__PURE__ */ y(Ne, { children: [
+            /* @__PURE__ */ o(B, { className: "sr-only", children: "Row" }),
             /* @__PURE__ */ o(
-              tr,
+              or,
               {
                 buttonClassName: "text-xs sm:text-sm",
                 cellId: "timestamp",
                 align: "left",
-                sortDirection: l.sortDirection,
-                sortedCell: l.sortedCell,
+                sortDirection: b.sortDirection,
+                sortedCell: b.sortedCell,
                 onClick: () => {
                   p("timestamp");
                 },
                 children: "Date"
               }
             ),
-            /* @__PURE__ */ o(D, { className: "text-xs sm:text-sm", children: "First message" }),
-            /* @__PURE__ */ o(D, { className: "text-xs sm:text-sm", children: "Model" }),
-            /* @__PURE__ */ o(D, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+            /* @__PURE__ */ o(B, { className: "text-xs sm:text-sm", children: "First message" }),
+            /* @__PURE__ */ o(B, { className: "text-xs sm:text-sm", children: "Model" }),
+            /* @__PURE__ */ o(B, { className: "text-xs sm:text-sm text-right", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ o(rr, { children: e.data.map((d, v) => {
-            var x, C;
-            return ((x = d == null ? void 0 : d.messages) == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ k(Ne, { children: [
-              /* @__PURE__ */ o(
-                D,
-                {
-                  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__ */ o(
-                D,
-                {
-                  className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-                  style: {
-                    wordBreak: "break-word"
-                  },
-                  children: d.messages.length > 0 ? (C = d.messages[0]) == null ? void 0 : C.content : ""
-                }
-              ),
-              /* @__PURE__ */ o(D, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ k(F, { alignHorizontal: "center", children: [
-                d.model && d.model.startsWith("claude") && /* @__PURE__ */ o(ut, { size: "size-4 sm:size-5" }),
-                d.model && d.model.startsWith("gpt") && /* @__PURE__ */ o(mt, { size: "size-4 sm:size-5" })
-              ] }) }),
-              /* @__PURE__ */ o(D, { className: "px-2", children: /* @__PURE__ */ k("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ o(ar, { children: e.data.slice(0, l).map((m, N) => {
+            var E, A;
+            return ((E = m == null ? void 0 : m.messages) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ y(lr, { children: [
+              N === l - Fe && /* @__PURE__ */ o("tr", { ref: i }),
+              /* @__PURE__ */ y(Ne, { children: [
+                /* @__PURE__ */ o(B, { children: N + 1 }),
                 /* @__PURE__ */ o(
-                  X,
+                  B,
                   {
-                    focusMode: "alt-system",
-                    noBorder: !0,
-                    label: "Restore chat",
-                    onClick: async () => {
-                      const y = await i();
-                      Vo(
-                        d,
-                        r,
-                        a,
-                        y
-                      );
-                    },
-                    children: /* @__PURE__ */ o(Cr, { size: "size-3", monotone: !0 })
+                    component: "th",
+                    scope: "row",
+                    className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+                    children: m.timestamp
                   }
                 ),
                 /* @__PURE__ */ o(
-                  X,
+                  B,
                   {
-                    focusMode: "alt-system",
-                    noBorder: !0,
-                    label: "Delete chat",
-                    onClick: () => {
-                      var y;
-                      s.current = {
-                        id: d.id,
-                        timestamp: d.timestamp,
-                        message: d.messages.length > 0 ? (y = d.messages[0]) == null ? void 0 : y.content : ""
-                      }, m(!c);
+                    className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+                    style: {
+                      wordBreak: "break-word"
                     },
-                    children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(vr, { size: "size-3", monotone: !0 }) })
+                    children: m.messages.length > 0 ? (A = m.messages[0]) == null ? void 0 : A.content : ""
                   }
-                )
-              ] }) })
-            ] }, `${I.HISTORY.TITLE}-${d.id}-${v}`) : null;
+                ),
+                /* @__PURE__ */ y(
+                  B,
+                  {
+                    component: "th",
+                    scope: "row",
+                    className: "text-gray-400",
+                    align: "center",
+                    children: [
+                      m.model && m.model.startsWith("claude") && /* @__PURE__ */ o(ht, { size: "size-4 sm:size-5" }),
+                      m.model && m.model.startsWith("gpt") && /* @__PURE__ */ o(gt, { size: "size-4 sm:size-5" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ y(B, { align: "right", children: [
+                  /* @__PURE__ */ o(
+                    J,
+                    {
+                      className: "mr-2",
+                      focusMode: "alt-system",
+                      noBorder: !0,
+                      label: "Restore chat",
+                      onClick: async () => {
+                        const _ = await s();
+                        Go(
+                          m,
+                          r,
+                          a,
+                          _
+                        );
+                      },
+                      children: /* @__PURE__ */ o(Er, { size: "size-3", monotone: !0 })
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    J,
+                    {
+                      focusMode: "alt-system",
+                      noBorder: !0,
+                      label: "Delete chat",
+                      onClick: () => {
+                        var _;
+                        c.current = {
+                          id: m.id,
+                          timestamp: m.timestamp,
+                          message: m.messages.length > 0 ? (_ = m.messages[0]) == null ? void 0 : _.content : ""
+                        }, d(!u);
+                      },
+                      children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(xr, { size: "size-3", monotone: !0 }) })
+                    }
+                  )
+                ] })
+              ] })
+            ] }, `${S.HISTORY.TITLE}-${m.id}-${N}`) : null;
           }) }),
-          /* @__PURE__ */ o(or, { children: /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(D, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: ge(
+          /* @__PURE__ */ o(nr, { children: /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(B, { colSpan: 1e3, children: /* @__PURE__ */ o("div", { children: ge(
             `${e.data.length} chat`,
             e.data.length
           ) }) }) }) })
@@ -2078,18 +2103,18 @@ const se = "panel", ue = "messagebox", Bo = ({
       }
     )
   ] });
-}, Ze = async ({
+}, Xe = async ({
   searchString: e,
   username: t,
   accessToken: r,
-  direction: a = Y.ASC
+  direction: a = K.ASC
 }) => {
   if (!t)
     return [];
   try {
     const n = await $({
       accessToken: r,
-      type: O.GET_CHATS,
+      type: V.GET_CHATS,
       params: {
         userId: t,
         searchString: e,
@@ -2104,63 +2129,63 @@ const se = "panel", ue = "messagebox", Bo = ({
     return [];
   }
   return [];
-}, Ho = ({ onOpenChange: e }) => {
-  const { isAuthenticated: t, getAccessToken: r, user: a } = Z(), n = J(null), i = J(!1), { dispatch: s } = V(ve), { state: c, dispatch: m } = V(et), [, l] = le({
-    key: ce + Dt,
+}, jo = ({ onOpenChange: e }) => {
+  const { isAuthenticated: t, getAccessToken: r, user: a } = Q(), n = Z(null), s = Z(!1), { dispatch: i } = D(ve), { state: c, dispatch: u } = D(rt), [, d] = le({
+    key: ce + Ht,
     initialValue: c.searchString
-  }), [u, f] = _({
+  }), [l, f] = R({
     data: [],
     sortedDirection: c.sortDirection
-  }), p = async (d) => {
-    const v = await r(), x = await Ze({
-      searchString: d,
+  }), b = async (p) => {
+    const k = await r(), x = await Xe({
+      searchString: p,
       username: a == null ? void 0 : a.username,
-      accessToken: v,
+      accessToken: k,
       direction: c.sortDirection
     });
     f({
       data: x,
       sortedDirection: c.sortDirection
-    }), l(d), m({
-      type: Ht,
-      payload: { searchString: d }
+    }), d(p), u({
+      type: Gt,
+      payload: { searchString: p }
     });
-  }, b = Ft((d) => {
-    p(d.target.value);
-  }, 500), h = async (d) => {
-    d.preventDefault();
+  }, v = Ut((p) => {
+    b(p.target.value);
+  }, 500), h = async (p) => {
+    p.preventDefault();
   };
-  return G(() => {
-    i.current || (async () => {
-      i.current = !0;
-      const d = await r(), v = await Ze({
+  return F(() => {
+    s.current || (async () => {
+      s.current = !0;
+      const p = await r(), k = await Xe({
         searchString: c.searchString,
         username: a == null ? void 0 : a.username,
-        accessToken: d,
+        accessToken: p,
         direction: c.sortDirection
       });
       f({
-        data: v,
+        data: k,
         sortedDirection: c.sortDirection
       });
     })();
-  }), G(() => {
-    if (c.sortDirection !== u.sortedDirection) {
-      const d = [...u.data].sort((v, x) => {
+  }), F(() => {
+    if (c.sortDirection !== l.sortedDirection) {
+      const p = [...l.data].sort((k, x) => {
         if (c.sortedCell === "timestamp") {
-          const C = new Date(v[c.sortedCell]).getTime(), y = new Date(x[c.sortedCell]).getTime();
-          return c.sortDirection === Y.ASC ? C - y : y - C;
+          const C = new Date(k[c.sortedCell]).getTime(), m = new Date(x[c.sortedCell]).getTime();
+          return c.sortDirection === K.ASC ? C - m : m - C;
         }
         return 0;
       });
       f({
-        data: d,
+        data: p,
         sortedDirection: c.sortDirection
       });
     }
-  }, [u, c]), t ? u && u.data && /* @__PURE__ */ k(A, { children: [
+  }, [l, c]), t ? l && l.data && /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: h, children: /* @__PURE__ */ o(
-      Ee,
+      Ie,
       {
         autoCapitalize: "off",
         autoComplete: "off",
@@ -2171,7 +2196,7 @@ const se = "panel", ue = "messagebox", Bo = ({
         mode: "dark",
         name: "Search",
         label: "Search",
-        onChange: b,
+        onChange: v,
         className: "mt-2 mb-2",
         ...c.searchString && {
           rightElement: /* @__PURE__ */ o(
@@ -2184,8 +2209,8 @@ const se = "panel", ue = "messagebox", Bo = ({
               noBorder: !0,
               size: "small",
               onClick: () => {
-                var d;
-                p(""), (d = n.current) != null && d.value && (n.current.value = "", n.current.focus());
+                var p;
+                b(""), (p = n.current) != null && p.value && (n.current.value = "", n.current.focus());
               },
               children: "Reset"
             }
@@ -2194,107 +2219,107 @@ const se = "panel", ue = "messagebox", Bo = ({
       }
     ) }),
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ o(
-      Do,
+      Uo,
       {
-        filteredHistory: u,
+        filteredHistory: l,
         setFilteredHistory: f,
-        dispatch: s,
+        dispatch: i,
         onOpenChange: e
       }
     ) })
   ] }) : null;
-}, Fo = ({
+}, Wo = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Gt, children: /* @__PURE__ */ o(Ho, { onOpenChange: t }) }), Go = ({ stats: e }) => {
-  const { isAuthenticated: t, user: r, registeringForPasskey: a, authenticationType: n } = Z(), i = fe(), s = fe(), c = (r == null ? void 0 : r.username) || "";
-  return t && c ? /* @__PURE__ */ k(A, { children: [
+}) => /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: jt, children: /* @__PURE__ */ o(jo, { onOpenChange: t }) }), Ko = ({ stats: e }) => {
+  const { isAuthenticated: t, user: r, registeringForPasskey: a, authenticationType: n } = Q(), s = fe(), i = fe(), c = (r == null ? void 0 : r.username) || "";
+  return t && c ? /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o(
-      B,
+      O,
       {
-        header: I.PREFERENCES.TITLE,
+        header: S.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: he(i, {
-          [I.PREFERENCES.NAME]: c,
-          [I.PREFERENCES.EMAIL]: (r == null ? void 0 : r.email) || ""
+        children: he(s, {
+          [S.PREFERENCES.NAME]: c,
+          [S.PREFERENCES.EMAIL]: (r == null ? void 0 : r.email) || ""
         })
       }
     ),
-    n !== Ut.PASSKEY && /* @__PURE__ */ k(
-      B,
+    n !== Wt.PASSKEY && /* @__PURE__ */ y(
+      O,
       {
         className: "prose-dark dark:prose-lighter mt-4",
-        header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ k(F, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(He, { size: "size-8" }) }),
-          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o("div", { children: I.PREFERENCES.PASSKEY_TITLE }) })
+        header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ y(q, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(Ge, { size: "size-8" }) }),
+          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o("div", { children: S.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
-          /* @__PURE__ */ o("p", { children: I.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ o("p", { children: S.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ o(
-            X,
+            J,
             {
               size: "small",
               className: "mt-2",
               onClick: a,
-              labelLeft: I.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ o(He, { size: "size-5", monotone: !0 })
+              labelLeft: S.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ o(Ge, { size: "size-5", monotone: !0 })
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ o(
-      B,
+      O,
       {
-        header: I.MAIN_STATISTICS.TITLE,
+        header: S.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter mt-4",
-        children: he(s, {
-          [ge(I.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
-          [I.MAIN_STATISTICS.PROCESSING_TIME]: jt(
+        children: he(i, {
+          [ge(S.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
+          [S.MAIN_STATISTICS.PROCESSING_TIME]: Kt(
             e.averageProcessingTimes
           )
         })
       }
     )
   ] }) : null;
-}, Uo = ({
+}, Yo = ({
   open: e,
   onOpenChange: t
 }) => {
-  const [r, a] = _({
+  const [r, a] = R({
     averageProcessingTimes: 0,
     totalChats: 0
-  }), { getAccessToken: n, user: i } = Z();
-  return G(() => {
-    !e || !i || (async () => {
+  }), { getAccessToken: n, user: s } = Q();
+  return F(() => {
+    !e || !s || (async () => {
       try {
-        const s = await $({
+        const i = await $({
           accessToken: await n(),
-          type: O.GET_CHATS_STATS,
+          type: V.GET_CHATS_STATS,
           params: {
-            userId: i.username
+            userId: s.username
           }
         });
-        s.status === 200 && a(s.data);
+        i.status === 200 && a(i.data);
       } catch {
       }
     })();
-  }, [e, n, i]), /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Wt, children: /* @__PURE__ */ o(Go, { stats: r }) });
+  }, [e, n, s]), /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Yt, children: /* @__PURE__ */ o(Ko, { stats: r }) });
 };
 /*!
-  @versini/ui-toggle v2.0.6
+  @versini/ui-toggle v3.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "2.0.6",
-    buildTime: "01/02/2025 05:13 PM EST",
+    version: "3.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko = ({
+const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo = ({
   focusMode: e
 }) => w(
   "peer-focus:outline",
@@ -2306,14 +2331,14 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": e === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": e === "system"
   }
-), Yo = () => w(
+), Xo = () => w(
   "peer-checked:after:translate-x-full",
   // background color when checked
   "peer-checked:bg-violet-500",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), qo = () => w(
+), Jo = () => w(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -2325,7 +2350,7 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), Zo = ({
+), ea = ({
   mode: e,
   noBorder: t
 }) => w({
@@ -2334,7 +2359,7 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
   "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"
-}), Qo = ({
+}), ta = ({
   mode: e,
   labelHidden: t
 }) => t ? "sr-only" : w("ml-2 text-sm", {
@@ -2342,11 +2367,11 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), Xo = ({ className: e }) => w(
-  jo,
+}), ra = ({ className: e }) => w(
+  qo,
   "relative flex cursor-pointer items-center",
   e
-), Jo = ({
+), oa = ({
   mode: e,
   focusMode: t,
   labelHidden: r,
@@ -2354,103 +2379,103 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
   noBorder: n
 }) => ({
   toggle: w(
-    Wo(),
-    Zo({ mode: e, noBorder: n }),
-    Ko({ focusMode: t }),
-    qo(),
-    Yo()
+    Zo(),
+    ea({ mode: e, noBorder: n }),
+    Qo({ focusMode: t }),
+    Jo(),
+    Xo()
   ),
-  label: Qo({ mode: e, labelHidden: r }),
+  label: ta({ mode: e, labelHidden: r }),
   input: "peer sr-only",
-  wrapper: Xo({ className: a })
+  wrapper: ra({ className: a })
 }), ie = ({
   checked: e = !1,
   onChange: t,
   label: r,
   labelHidden: a = !1,
   name: n,
-  mode: i = "system",
-  focusMode: s = "system",
+  mode: s = "system",
+  focusMode: i = "system",
   className: c,
-  noBorder: m = !1
+  noBorder: u = !1
 }) => {
-  const l = Jo({
-    mode: i,
-    focusMode: s,
+  const d = oa({
+    mode: s,
+    focusMode: i,
     labelHidden: a,
     className: c,
-    noBorder: m
-  }), u = (f) => {
+    noBorder: u
+  }), l = (f) => {
     t == null || t(f.target.checked);
   };
-  return /* @__PURE__ */ k("label", { className: l.wrapper, children: [
+  return /* @__PURE__ */ y("label", { className: d.wrapper, children: [
     /* @__PURE__ */ o(
       "input",
       {
         name: n,
         checked: e,
         type: "checkbox",
-        className: l.input,
-        onChange: u
+        className: d.input,
+        onChange: l
       }
     ),
-    /* @__PURE__ */ o("div", { className: l.toggle }),
-    /* @__PURE__ */ o("span", { className: l.label, children: r })
+    /* @__PURE__ */ o("div", { className: d.toggle }),
+    /* @__PURE__ */ o("span", { className: d.label, children: r })
   ] });
-}, ea = ({
+}, aa = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { state: r, dispatch: a } = V(ar), { getAccessToken: n, user: i } = Z(), [s, c] = _({
+  const { state: r, dispatch: a } = D(sr), { getAccessToken: n, user: s } = Q(), [i, c] = R({
     tags: [...r.tags]
-  }), m = ({
-    slot: u,
+  }), u = ({
+    slot: l,
     checked: f,
-    label: p,
-    content: b
+    label: b,
+    content: v
   }) => {
     c((h) => {
-      const d = h.tags, v = {
-        slot: u,
-        label: p,
-        content: b,
+      const p = h.tags, k = {
+        slot: l,
+        label: b,
+        content: v,
         enabled: f
-      }, x = d.findIndex((C) => C.slot === u);
+      }, x = p.findIndex((C) => C.slot === l);
       return x === -1 ? {
         ...h,
-        tags: [...d, { ...v, slot: u }]
-      } : (d[x] = v, {
+        tags: [...p, { ...k, slot: l }]
+      } : (p[x] = k, {
         ...h,
-        tags: [...d]
+        tags: [...p]
       });
     });
-  }, l = async (u) => {
-    u.preventDefault();
+  }, d = async (l) => {
+    l.preventDefault();
     try {
       await $({
         accessToken: await n(),
-        type: O.SET_USER_PREFERENCES,
+        type: V.SET_USER_PREFERENCES,
         params: {
-          user: i == null ? void 0 : i.username,
-          tags: s.tags
+          user: s == null ? void 0 : s.username,
+          tags: i.tags
         }
       }), a({
-        type: Yt,
+        type: Zt,
         payload: {
-          tags: s.tags
+          tags: i.tags
         }
       });
     } catch {
     }
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ y(
     te,
     {
       open: e,
       onOpenChange: t,
       title: "Tags",
-      footer: /* @__PURE__ */ k(
-        F,
+      footer: /* @__PURE__ */ y(
+        q,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
@@ -2474,8 +2499,8 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (u) => {
-                  t(!1), await l(u);
+                onClick: async (l) => {
+                  t(!1), await d(l);
                 },
                 children: "Save"
               }
@@ -2484,41 +2509,41 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
         }
       ),
       children: [
-        /* @__PURE__ */ o("p", { children: Kt }),
-        s.tags && s.tags.map((u) => /* @__PURE__ */ k(
-          B,
+        /* @__PURE__ */ o("p", { children: qt }),
+        i.tags && i.tags.map((l) => /* @__PURE__ */ y(
+          O,
           {
-            header: `Tag ${u.slot + 1}`,
+            header: `Tag ${l.slot + 1}`,
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
-              /* @__PURE__ */ k(F, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
+              /* @__PURE__ */ y(q, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
                 /* @__PURE__ */ o(M, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  Ee,
+                  Ie,
                   {
                     label: "Label",
-                    name: `tag${u.slot}-label`,
-                    value: u.label,
+                    name: `tag${l.slot}-label`,
+                    value: l.label,
                     onChange: (f) => {
-                      m({
-                        slot: u.slot,
-                        checked: u.enabled,
+                      u({
+                        slot: l.slot,
+                        checked: l.enabled,
                         label: f.target.value,
-                        content: u.content
+                        content: l.content
                       });
                     }
                   }
                 ) }),
                 /* @__PURE__ */ o(M, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  Ee,
+                  Ie,
                   {
                     label: "Content",
-                    name: `tag${u.slot}-content`,
-                    value: u.content,
+                    name: `tag${l.slot}-content`,
+                    value: l.content,
                     onChange: (f) => {
-                      m({
-                        slot: u.slot,
-                        checked: u.enabled,
-                        label: u.label,
+                      u({
+                        slot: l.slot,
+                        checked: l.enabled,
+                        label: l.label,
                         content: f.target.value
                       });
                     }
@@ -2531,49 +2556,49 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                   className: "mt-2",
                   noBorder: !0,
                   label: "Enabled",
-                  name: u.slot.toString(),
+                  name: l.slot.toString(),
                   onChange: (f) => {
-                    m({
-                      slot: u.slot,
+                    u({
+                      slot: l.slot,
                       checked: f,
-                      label: u.label,
-                      content: u.content
+                      label: l.label,
+                      content: l.content
                     });
                   },
-                  checked: u.enabled
+                  checked: l.enabled
                 }
               )
             ]
           },
-          `tag-slot-${u.slot}`
+          `tag-slot-${l.slot}`
         ))
       ]
     }
   );
-}, ta = ({
+}, na = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: r } = V(ve), { getAccessToken: a, user: n } = Z(), [i, s] = _(!1), [c, m] = _({
+  const { dispatch: r } = D(ve), { getAccessToken: a, user: n } = Q(), [s, i] = R(!1), [c, u] = R({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
     engine: me
-  }), [l, u] = le({
-    key: ce + Xe,
+  }), [d, l] = le({
+    key: ce + et,
     initialValue: !1
-  }), [f, p] = le({
-    key: ce + qt,
+  }), [f, b] = le({
+    key: ce + Qt,
     initialValue: !1
-  }), b = (y) => {
-    p(y);
-  }, h = async (y) => {
-    y.preventDefault();
+  }), v = (m) => {
+    b(m);
+  }, h = async (m) => {
+    m.preventDefault();
     try {
       await $({
         accessToken: await a(),
-        type: O.SET_USER_PREFERENCES,
+        type: V.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
           instructions: c.instructions,
@@ -2581,61 +2606,61 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
           engine: c.engine
         }
       }), r({
-        type: Je,
+        type: tt,
         payload: {
           engine: c.engine
         }
       });
     } catch {
     }
-  }, d = async () => {
-    m((y) => ({
-      ...y,
+  }, p = async () => {
+    u((m) => ({
+      ...m,
       location: "...",
       loadingLocation: !0
     }));
     try {
-      const y = Date.now(), T = await Xt(), S = await $({
+      const m = Date.now(), N = await er(), E = await $({
         accessToken: await a(),
-        type: O.GET_LOCATION,
+        type: V.GET_LOCATION,
         params: {
-          latitude: T.latitude,
-          longitude: T.longitude
+          latitude: N.latitude,
+          longitude: N.longitude
         }
-      }), R = Date.now() - y;
-      if (R < 2e3 && await new Promise((N) => setTimeout(N, 2e3 - R)), S.status === 200) {
-        const { city: N, state: U, country: j, displayName: W } = S.data, re = N && U && j ? `${N}, ${U}, ${j}` : W;
-        m((oe) => ({
+      }), _ = Date.now() - m;
+      if (_ < 2e3 && await new Promise((T) => setTimeout(T, 2e3 - _)), E.status === 200) {
+        const { city: T, state: G, country: U, displayName: j } = E.data, re = T && G && U ? `${T}, ${G}, ${U}` : j;
+        u((oe) => ({
           ...oe,
           loaded: !0,
           location: re,
           loadingLocation: !1
         }));
       } else
-        m((N) => ({
-          ...N,
+        u((T) => ({
+          ...T,
           loaded: !0,
           location: "",
           loadingLocation: !1
         }));
     } catch {
     }
-  }, v = (y) => {
-    m((T) => ({
-      ...T,
-      engine: y ? ne : Q
+  }, k = (m) => {
+    u((N) => ({
+      ...N,
+      engine: m ? ne : X
     }));
-  }, x = (y) => {
-    m((T) => ({
-      ...T,
-      engine: y ? Q : ne
+  }, x = (m) => {
+    u((N) => ({
+      ...N,
+      engine: m ? X : ne
     }));
   }, C = () => {
-    s(!i);
+    i(!s);
   };
-  return G(() => {
+  return F(() => {
     if (!e || !n) {
-      m({
+      u({
         loaded: !1,
         loadingLocation: !1,
         instructions: "",
@@ -2646,19 +2671,19 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
     }
     (async () => {
       try {
-        const y = await $({
+        const m = await $({
           accessToken: await a(),
-          type: O.GET_USER_PREFERENCES,
+          type: V.GET_USER_PREFERENCES,
           params: {
             user: n.username
           }
         });
-        y.status === 200 && m((T) => ({
-          ...T,
+        m.status === 200 && u((N) => ({
+          ...N,
           loaded: !0,
-          instructions: y.data.instructions || "",
-          location: y.data.location || "",
-          engine: y.data.engine || me
+          instructions: m.data.instructions || "",
+          location: m.data.location || "",
+          engine: m.data.engine || me
         }));
       } catch {
       }
@@ -2668,9 +2693,9 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
     {
       open: e,
       onOpenChange: t,
-      title: Zt,
-      footer: /* @__PURE__ */ k(
-        F,
+      title: Xt,
+      footer: /* @__PURE__ */ y(
+        q,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
@@ -2694,8 +2719,8 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (y) => {
-                  t(!1), await h(y);
+                onClick: async (m) => {
+                  t(!1), await h(m);
                 },
                 children: "Save"
               }
@@ -2703,12 +2728,12 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
           ]
         }
       ),
-      children: /* @__PURE__ */ k(A, { children: [
-        i && /* @__PURE__ */ o(ea, { open: i, onOpenChange: s }),
-        /* @__PURE__ */ k(
-          B,
+      children: /* @__PURE__ */ y(z, { children: [
+        s && /* @__PURE__ */ o(aa, { open: s, onOpenChange: i }),
+        /* @__PURE__ */ y(
+          O,
           {
-            header: I.SETTINGS_ENGINE.TITLE,
+            header: S.SETTINGS_ENGINE.TITLE,
             className: "prose-dark dark:prose-lighter",
             children: [
               /* @__PURE__ */ o("p", { className: "text-xs", children: "Select the AI engine that will be used to generate responses." }),
@@ -2718,7 +2743,7 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                   noBorder: !0,
                   label: ne,
                   name: ne,
-                  onChange: v,
+                  onChange: k,
                   checked: c.engine === ne
                 }
               ),
@@ -2727,10 +2752,10 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                 {
                   className: "mt-2",
                   noBorder: !0,
-                  label: Q,
-                  name: Q,
+                  label: X,
+                  name: X,
                   onChange: x,
-                  checked: c.engine === Q
+                  checked: c.engine === X
                 }
               ),
               /* @__PURE__ */ o("p", { className: "text-xs", children: "This option introduces a new menu at the top of the screen, enabling you to quickly switch between engines." }),
@@ -2741,8 +2766,8 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                   noBorder: !0,
                   label: "Show Quick Engine Toggle Menu",
                   name: "show-toggle-engine-menu",
-                  onChange: u,
-                  checked: l
+                  onChange: l,
+                  checked: d
                 }
               ),
               /* @__PURE__ */ o("p", { className: "text-xs", children: "This option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more." }),
@@ -2753,37 +2778,37 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                   noBorder: !0,
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
-                  onChange: b,
+                  onChange: v,
                   checked: f
                 }
               ),
               /* @__PURE__ */ o("h3", { className: "border-b-2 border-slate-400", children: "Tags" }),
               /* @__PURE__ */ o(
-                X,
+                J,
                 {
                   className: "mt-2",
                   size: "small",
                   onClick: C,
                   labelLeft: "Edit Custom Tags",
-                  children: /* @__PURE__ */ o(yr, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ o(Cr, { size: "size-3", monotone: !0 })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ k(
-          B,
+        /* @__PURE__ */ y(
+          O,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ k("p", { children: [
+              /* @__PURE__ */ y("p", { children: [
                 "What would you like ",
-                /* @__PURE__ */ o("em", { children: Qt }),
+                /* @__PURE__ */ o("em", { children: Jt }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ o(
-                Ge,
+                je,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -2792,11 +2817,11 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                   name: "customInstructions",
                   label: "Custom Instructions",
                   value: c.instructions,
-                  onChange: (y) => {
-                    m((T) => ({
-                      ...T,
+                  onChange: (m) => {
+                    u((N) => ({
+                      ...N,
                       loaded: !0,
-                      instructions: y.target.value
+                      instructions: m.target.value
                     }));
                   },
                   helperText: "Press ENTER to add a new line."
@@ -2805,25 +2830,25 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
             ]
           }
         ),
-        /* @__PURE__ */ k(
-          B,
+        /* @__PURE__ */ y(
+          O,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
               /* @__PURE__ */ o("p", { children: "You can share your location to receive customized responses based on your area." }),
               /* @__PURE__ */ o(
-                Ge,
+                je,
                 {
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
                   value: c.location,
-                  onChange: (y) => {
-                    m((T) => ({
-                      ...T,
+                  onChange: (m) => {
+                    u((N) => ({
+                      ...N,
                       loaded: !0,
-                      location: y.target.value
+                      location: m.target.value
                     }));
                   },
                   helperText: "Enter your location or press auto-detect."
@@ -2836,7 +2861,7 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
                   size: "small",
                   noBorder: !0,
                   disabled: c.loadingLocation,
-                  onClick: d,
+                  onClick: p,
                   children: c.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
@@ -2846,133 +2871,133 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
       ] })
     }
   );
-}, la = () => {
-  const { state: e, dispatch: t, serverStats: r } = V(ve), [a, n] = _((e == null ? void 0 : e.engine) || me), [i, s] = _(!1), [c, m] = _(!1), [l, u] = _(!1), [f, p] = _(!1), [b, h] = _(!1), [d] = le({
-    key: ce + Xe,
+}, ha = () => {
+  const { state: e, dispatch: t, serverStats: r } = D(ve), [a, n] = R((e == null ? void 0 : e.engine) || me), [s, i] = R(!1), [c, u] = R(!1), [d, l] = R(!1), [f, b] = R(!1), [v, h] = R(!1), [p] = le({
+    key: ce + et,
     initialValue: !1
-  }), { logout: v, getAccessToken: x, user: C } = Z(), y = () => {
-    s(!i);
-  }, T = () => {
-    m(!c);
-  }, S = () => {
-    u(!l);
-  }, L = () => {
-    p(!f);
-  }, R = () => {
-    h(!b);
+  }), { logout: k, getAccessToken: x, user: C } = Q(), m = () => {
+    i(!s);
+  }, N = () => {
+    u(!c);
+  }, E = () => {
+    l(!d);
+  }, A = () => {
+    b(!f);
+  }, _ = () => {
+    h(!v);
   };
-  return G(() => {
+  return F(() => {
     e && e.engine && e.engine !== a && n(e.engine);
-  }, [e, a]), /* @__PURE__ */ k(A, { children: [
+  }, [e, a]), /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o(
-      Lt,
+      Pt,
       {
-        showConfirmation: b,
+        showConfirmation: v,
         setShowConfirmation: h,
-        action: v,
+        action: k,
         customStrings: {
-          confirmAction: Fe,
+          confirmAction: Ue,
           cancelAction: "Cancel",
-          title: Fe
+          title: Ue
         },
         children: /* @__PURE__ */ o("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ o(Uo, { open: i, onOpenChange: s }),
-    /* @__PURE__ */ o(ta, { open: c, onOpenChange: m }),
-    /* @__PURE__ */ o(Fo, { open: l, onOpenChange: u }),
-    /* @__PURE__ */ o(Oo, { open: f, onOpenChange: p }),
-    /* @__PURE__ */ o("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ k(F, { alignHorizontal: "space-between", alignVertical: "center", children: [
-      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(nr, { mode: "dark", radius: "large" }) }),
-      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ k(F, { children: [
-        d && r && /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
+    /* @__PURE__ */ o(Yo, { open: s, onOpenChange: i }),
+    /* @__PURE__ */ o(na, { open: c, onOpenChange: u }),
+    /* @__PURE__ */ o(Wo, { open: d, onOpenChange: l }),
+    /* @__PURE__ */ o(Ho, { open: f, onOpenChange: b }),
+    /* @__PURE__ */ o("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ y(q, { alignHorizontal: "space-between", alignVertical: "center", children: [
+      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(ir, { mode: "dark", radius: "large" }) }),
+      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ y(q, { children: [
+        p && r && /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
           _e,
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ o(X, { className: "mr-2", children: e && e.engine === Q ? /* @__PURE__ */ o(ut, {}) : /* @__PURE__ */ o(mt, {}) }),
+            trigger: /* @__PURE__ */ o(J, { className: "mr-2", children: e && e.engine === X ? /* @__PURE__ */ o(ht, {}) : /* @__PURE__ */ o(gt, {}) }),
             defaultPlacement: "bottom-start",
-            children: /* @__PURE__ */ o(K, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ o(
-              fo,
+            children: /* @__PURE__ */ o(W, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ o(
+              yo,
               {
                 size: "small",
                 mode: "dark",
                 focusMode: "light",
                 value: a,
-                onValueChange: async (N) => {
-                  if (N)
+                onValueChange: async (T) => {
+                  if (T)
                     try {
                       await $({
                         accessToken: await x(),
-                        type: O.SET_USER_PREFERENCES,
+                        type: V.SET_USER_PREFERENCES,
                         params: {
                           user: C == null ? void 0 : C.username,
-                          engine: N
+                          engine: T
                         }
                       }), t({
-                        type: Je,
+                        type: tt,
                         payload: {
-                          engine: N
+                          engine: T
                         }
                       }), t({
-                        type: Qe
+                        type: Je
                       });
                     } catch {
                     }
                 },
-                children: r && r.engines.map((N) => /* @__PURE__ */ o(po, { value: N }, N))
+                children: r && r.engines.map((T) => /* @__PURE__ */ o(ko, { value: T }, T))
               }
             ) })
           }
         ) }),
-        /* @__PURE__ */ o(M, { children: /* @__PURE__ */ k(
+        /* @__PURE__ */ o(M, { children: /* @__PURE__ */ y(
           _e,
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(Nr, {}) }),
+            trigger: /* @__PURE__ */ o(J, { children: /* @__PURE__ */ o(_r, {}) }),
             defaultPlacement: "bottom-end",
             children: [
               /* @__PURE__ */ o(
-                K,
+                W,
                 {
                   label: "Profile",
-                  onClick: y,
-                  icon: /* @__PURE__ */ o(xr, {})
+                  onClick: m,
+                  icon: /* @__PURE__ */ o(Ir, {})
                 }
               ),
               /* @__PURE__ */ o(
-                K,
+                W,
                 {
                   label: "Settings",
-                  onClick: T,
-                  icon: /* @__PURE__ */ o(Tr, {})
+                  onClick: N,
+                  icon: /* @__PURE__ */ o(Sr, {})
                 }
               ),
               /* @__PURE__ */ o(
-                K,
+                W,
                 {
                   label: "History",
-                  onClick: S,
-                  icon: /* @__PURE__ */ o(kr, {})
+                  onClick: E,
+                  icon: /* @__PURE__ */ o(Nr, {})
                 }
               ),
               /* @__PURE__ */ o(
-                K,
+                W,
                 {
                   label: "About",
-                  onClick: L,
-                  icon: /* @__PURE__ */ o(wr, {})
+                  onClick: A,
+                  icon: /* @__PURE__ */ o(Tr, {})
                 }
               ),
-              e && e.id && !e.isComponent && /* @__PURE__ */ k(A, { children: [
-                /* @__PURE__ */ o(Er, {}),
+              e && e.id && !e.isComponent && /* @__PURE__ */ y(z, { children: [
+                /* @__PURE__ */ o(Rr, {}),
                 /* @__PURE__ */ o(
-                  K,
+                  W,
                   {
                     label: "Log out",
-                    onClick: R,
-                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(br, { monotone: !0 }) })
+                    onClick: _,
+                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(wr, { monotone: !0 }) })
                   }
                 )
               ] })
@@ -2984,5 +3009,5 @@ const jo = "av-toggle", Wo = () => w("peer", "h-6", "w-11", "rounded-full"), Ko
   ] });
 };
 export {
-  la as default
+  ha as default
 };