@versini/sassysaint 5.5.24 → 5.5.25

package/dist/chunks/{HeaderToolbar.CMqJfj02.js → HeaderToolbar.CDxPnDwl.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as v, Fragment as z } from "react/jsx-runtime";
-import { g as P, un as D, R as F, CARDS as _, renderDataAsList as pe, pluralize as be, ABOUT_TITLE as Dt, L as Y, j as M, C as U, INFINITE_SCROLL_LIMIT as Ue, INFINITE_SCROLL_THRESHOLD as He, LOCAL_STORAGE_PREFIX as ue, LOCAL_STORAGE_SORT as Vt, P as te, ACTION_RESET as tt, ACTION_RESTORE as Gt, ACTION_SORT as je, LOCAL_STORAGE_SEARCH as Ut, HISTORY_TITLE as Ht, ye as Te, ACTION_SEARCH as jt, debounce as Wt, M as Kt, z as We, durationFormatter as Yt, PROFILE_TITLE as Zt, PROMPTS_DESCRIPTION as qt, DEFAULT_AI_ENGINE as Qt, LOCAL_STORAGE_ENGINE_TOGGLE as rt, LOCAL_STORAGE_CHAT_DETAILS as Xt, SETTINGS_TITLE as Jt, ENGINE_OPENAI as J, ENGINE_ANTHROPIC as ee, APP_NAME as er, getCurrentGeoLocation as tr, LOG_OUT as Ke } from "./index.fO85d_Gw.js";
+import { g as P, un as D, R as F, CARDS as _, renderDataAsList as pe, pluralize as be, ABOUT_TITLE as Dt, L as K, j as M, C as U, INFINITE_SCROLL_LIMIT as Ge, INFINITE_SCROLL_THRESHOLD as Ue, LOCAL_STORAGE_PREFIX as ue, LOCAL_STORAGE_SORT as Vt, P as te, ACTION_RESET as et, ACTION_RESTORE as Gt, ACTION_SORT as He, LOCAL_STORAGE_SEARCH as Ut, HISTORY_TITLE as Ht, ye as Te, ACTION_SEARCH as jt, debounce as Wt, M as Kt, z as je, durationFormatter as Yt, PROFILE_TITLE as Zt, PROMPTS_DESCRIPTION as qt, DEFAULT_AI_ENGINE as Qt, LOCAL_STORAGE_ENGINE_TOGGLE as tt, LOCAL_STORAGE_CHAT_DETAILS as Xt, SETTINGS_TITLE as Jt, ENGINE_OPENAI as J, ENGINE_ANTHROPIC as ee, APP_NAME as er, getCurrentGeoLocation as tr, LOG_OUT as We } from "./index.DBAc9xii.js";
 import * as h from "react";
-import E, { useId as ze, forwardRef as ot, useState as R, useRef as re, useContext as H, useEffect as Z, useCallback as rr, Fragment as or } from "react";
-import { useServerCapabilities as at, HistoryContext as Ae, E as me, ge as ar, he as nr, ue as Ie, ie as $, ye as sr, me as lr, be as cr, serviceCall as oe, SERVICE_TYPES as ae, f as ce, AppContext as Pe, useChatsHistory as ir, useUserChatStats as dr, useUserPreferences as Be, Pe as Ye, usePreloadChatsHistory as ur, NewChatButton as mr } from "./App.F-8gwPT4.js";
+import E, { useId as ze, forwardRef as rt, useState as R, useRef as re, useContext as Y, useEffect as Z, useCallback as rr, Fragment as or } from "react";
 import w from "clsx";
-import { useFloatingTree as nt, useFloatingNodeId as hr, useListItem as st, useFloating as lt, offset as gr, flip as fr, shift as pr, autoUpdate as br, useClick as ct, useRole as it, useDismiss as dt, useListNavigation as vr, useTypeahead as yr, useInteractions as ut, useMergeRefs as Oe, FloatingNode as kr, FloatingList as wr, FloatingPortal as mt, FloatingFocusManager as ht, FloatingTree as Nr, FloatingOverlay as Cr } from "@floating-ui/react";
+import { useFloatingTree as ot, useFloatingNodeId as ar, useListItem as at, useFloating as nt, offset as nr, flip as sr, shift as lr, autoUpdate as cr, useClick as st, useRole as lt, useDismiss as ct, useListNavigation as ir, useTypeahead as dr, useInteractions as it, useMergeRefs as Ae, FloatingNode as ur, FloatingList as mr, FloatingPortal as dt, FloatingFocusManager as ut, FloatingTree as hr, FloatingOverlay as gr } from "@floating-ui/react";
+import { useServerCapabilities as mt, HistoryContext as ht, E as me, ge as fr, he as pr, ue as Ie, ie as $, ye as br, me as vr, be as yr, serviceCall as oe, SERVICE_TYPES as ae, f as ce, AppContext as Pe, useChatsHistory as kr, useUserChatStats as wr, useUserPreferences as Be, Fe as Ke, NewChatButton as Nr } from "./App.BX41JKCq.js";
 const gt = ({
   className: e,
   viewBox: t,
@@ -55,7 +55,7 @@ const gt = ({
       )
     ]
   }
-), Ir = ({
+), Cr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -88,7 +88,7 @@ const gt = ({
       )
     ]
   }
-), Er = ({
+), Ir = ({
   className: e,
   viewBox: t,
   title: r,
@@ -121,7 +121,7 @@ const gt = ({
       )
     ]
   }
-), Tr = ({
+), Er = ({
   className: e,
   viewBox: t,
   title: r,
@@ -154,7 +154,7 @@ const gt = ({
       )
     ]
   }
-), _r = ({
+), Tr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -204,7 +204,7 @@ const gt = ({
     ...n,
     children: /* @__PURE__ */ o("path", { d: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" })
   }
-), Sr = ({
+), _r = ({
   className: e,
   viewBox: t,
   title: r,
@@ -237,7 +237,7 @@ const gt = ({
       )
     ]
   }
-), Rr = ({
+), Sr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -270,7 +270,7 @@ const gt = ({
       )
     ]
   }
-), Lr = ({
+), Rr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -287,7 +287,7 @@ const gt = ({
     ...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" })
   }
-), Mr = ({
+), Lr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -333,7 +333,7 @@ const _e = h.createContext({
   setHasFocusInside: () => {
   },
   isOpen: !1
-}), Ze = (e) => {
+}), Ye = (e) => {
   if (typeof e == "string")
     return e;
   if (typeof e == "function")
@@ -344,7 +344,7 @@ const _e = h.createContext({
       return t.displayName || t.name || "Component";
   }
   return "Element";
-}, pt = ot(
+}, pt = rt(
   ({
     trigger: e,
     children: t,
@@ -355,31 +355,31 @@ const _e = h.createContext({
     focusMode: l = "system",
     ...c
   }, u) => {
-    const [i, f] = R(!1), [p, g] = R(!1), [d, m] = R(null), k = re([]), b = re([]), N = H(_e), C = nt(), y = hr(), x = st(), { floatingStyles: T, refs: A, context: L } = lt({
-      nodeId: y,
+    const [i, f] = R(!1), [p, g] = R(!1), [d, m] = R(null), y = re([]), b = re([]), N = Y(_e), x = ot(), k = ar(), C = at(), { floatingStyles: T, refs: A, context: L } = nt({
+      nodeId: k,
       open: i,
       onOpenChange: (G) => {
         f(G), n == null || n(G);
       },
       placement: a,
       strategy: "fixed",
-      middleware: [gr({ mainAxis: 10 }), fr(), pr()],
-      whileElementsMounted: br
-    }), S = ct(L, {
+      middleware: [nr({ mainAxis: 10 }), sr(), lr()],
+      whileElementsMounted: cr
+    }), S = st(L, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), q = it(L, { role: "menu" }), Q = dt(L, { bubbles: !0 }), V = vr(L, {
-      listRef: k,
+    }), q = lt(L, { role: "menu" }), Q = ct(L, { bubbles: !0 }), V = ir(L, {
+      listRef: y,
       activeIndex: d,
       nested: !1,
       onNavigate: m,
       loop: !0
-    }), I = yr(L, {
+    }), I = dr(L, {
       listRef: b,
       onMatch: i ? m : void 0,
       activeIndex: d
-    }), { getReferenceProps: B, getFloatingProps: j, getItemProps: O } = ut([S, q, Q, V, I]), le = Ze(e) === "Button" || Ze(e) === "ButtonIcon", X = le ? {
+    }), { getReferenceProps: B, getFloatingProps: H, getItemProps: O } = it([S, q, Q, V, I]), le = Ye(e) === "Button" || Ye(e) === "ButtonIcon", X = le ? {
       noInternalClick: le,
       focusMode: l,
       mode: s
@@ -390,7 +390,7 @@ const _e = h.createContext({
         "aria-label": r,
         "data-open": i ? "" : void 0,
         "data-focus-inside": p ? "" : void 0,
-        ref: Oe([A.setReference, x.ref, u]),
+        ref: Ae([A.setReference, C.ref, u]),
         ...B(
           N.getItemProps({
             ...c
@@ -399,17 +399,17 @@ const _e = h.createContext({
       }
     );
     return Z(() => {
-      if (!C)
+      if (!x)
         return;
       function G() {
         f(!1), n == null || n(!1);
       }
-      return C.events.on("click", G), () => {
-        C.events.off("click", G);
+      return x.events.on("click", G), () => {
+        x.events.off("click", G);
       };
-    }, [C, n]), Z(() => {
-      i && C && C.events.emit("menuopen", { nodeId: y });
-    }, [C, i, y]), /* @__PURE__ */ v(kr, { id: y, children: [
+    }, [x, n]), Z(() => {
+      i && x && x.events.emit("menuopen", { nodeId: k });
+    }, [x, i, k]), /* @__PURE__ */ v(ur, { id: k, children: [
       ge,
       /* @__PURE__ */ o(
         _e.Provider,
@@ -421,8 +421,8 @@ const _e = h.createContext({
             setHasFocusInside: g,
             isOpen: i
           },
-          children: /* @__PURE__ */ o(wr, { elementsRef: k, labelsRef: b, children: i && /* @__PURE__ */ o(mt, { children: /* @__PURE__ */ o(
-            ht,
+          children: /* @__PURE__ */ o(mr, { elementsRef: y, labelsRef: b, children: i && /* @__PURE__ */ o(dt, { children: /* @__PURE__ */ o(
+            ut,
             {
               context: L,
               modal: !1,
@@ -434,7 +434,7 @@ const _e = h.createContext({
                   ref: A.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
                   style: T,
-                  ...j(),
+                  ...H(),
                   children: t
                 }
               )
@@ -444,10 +444,10 @@ const _e = h.createContext({
       )
     ] });
   }
-), $e = ot((e, t) => /* @__PURE__ */ o(Nr, { children: /* @__PURE__ */ o(pt, { ...e, ref: t }) }));
-$e.displayName = "Menu";
+), Oe = rt((e, t) => /* @__PURE__ */ o(hr, { children: /* @__PURE__ */ o(pt, { ...e, ref: t }) }));
+Oe.displayName = "Menu";
 pt.displayName = "MenuComponent";
-const W = h.forwardRef(
+const j = h.forwardRef(
   ({
     label: e,
     disabled: t,
@@ -458,7 +458,7 @@ const W = h.forwardRef(
     ...l
   }, c) => {
     let u = "";
-    const i = h.useContext(_e), f = st({ label: t ? null : e }), p = nt(), g = Oe([f.ref, c]);
+    const i = h.useContext(_e), f = at({ label: t ? null : e }), p = ot(), g = Ae([f.ref, c]);
     return a && n ? /* @__PURE__ */ o(
       "div",
       {
@@ -498,38 +498,38 @@ const W = h.forwardRef(
     ));
   }
 );
-W.displayName = "MenuItem";
-const zr = ({ className: e, ...t }) => {
+j.displayName = "MenuItem";
+const Mr = ({ className: e, ...t }) => {
   const r = w(e, "my-1 border-t border-border-medium");
   return /* @__PURE__ */ o("div", { className: r, ...t });
 };
 /*!
-  @versini/ui-menu v3.0.2
+  @versini/ui-menu v3.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "3.0.2",
-    buildTime: "01/04/2025 04:09 PM EST",
+    version: "3.0.3",
+    buildTime: "01/06/2025 08:01 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 /*!
-  @versini/ui-panel v1.3.3
+  @versini/ui-panel v1.3.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.3.3",
-    buildTime: "01/04/2025 04:09 PM EST",
+    version: "1.3.4",
+    buildTime: "01/06/2025 08:01 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt = "button", Se = "link", Ar = ({
+const Ze = "av-messagebox", qe = "av-panel", Qe = "av-button", we = "icon", bt = "button", Se = "link", zr = ({
   type: e,
   size: t,
   labelRight: r,
@@ -558,7 +558,7 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
         "h-12 px-4": t === "large" && (r || a)
       });
   }
-}, Pr = ({
+}, Ar = ({
   type: e,
   size: t,
   labelRight: r,
@@ -581,7 +581,7 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
         [l]: t === "large" && (r || a)
       });
   }
-}, Br = ({
+}, Pr = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -617,7 +617,7 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
     return w("not-prose text-copy-lighter", {
       truncate: !r
     });
-}, Or = ({
+}, Br = ({
   mode: e,
   noBackground: t,
   variant: r
@@ -647,13 +647,13 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
     if (r === "selected")
       return "bg-action-selected-dark";
   }
-}, $r = ({
+}, Or = ({
   radius: e
 }) => w({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), Fr = ({
+}), $r = ({
   mode: e,
   disabled: t,
   variant: r
@@ -683,7 +683,7 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
     });
   if (r === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, Dr = ({
+}, Fr = ({
   mode: e,
   disabled: t,
   variant: r
@@ -713,7 +713,7 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
     });
   if (r === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, Vr = ({
+}, Dr = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -743,7 +743,7 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
     });
   if (r === "selected")
     return "border border-border-selected-dark";
-}, Gr = ({
+}, Vr = ({
   focusMode: e
 }) => w("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -766,51 +766,51 @@ const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", bt =
   variant: g,
   noTruncate: d,
   align: m,
-  radius: k
-}) => (g || (g = "primary"), r ? w(Xe, t) : w(
-  Xe,
-  Br({
+  radius: y
+}) => (g || (g = "primary"), r ? w(Qe, t) : w(
+  Qe,
+  Pr({
     mode: a,
     variant: g,
     noBackground: p,
     noTruncate: d
   }),
-  Or({ mode: a, noBackground: p, variant: g }),
-  $r({ radius: k }),
-  Ar({
+  Br({ mode: a, noBackground: p, variant: g }),
+  Or({ radius: y }),
+  zr({
     type: e,
     size: c,
     labelRight: i,
     labelLeft: f,
     align: m
   }),
-  Pr({ type: e, size: c, labelRight: i, labelLeft: f }),
-  Vr({ mode: a, variant: g, noBorder: u }),
-  Gr({ focusMode: n }),
+  Ar({ type: e, size: c, labelRight: i, labelLeft: f }),
+  Dr({ mode: a, variant: g, noBorder: u }),
+  Vr({ focusMode: n }),
+  $r({ mode: a, variant: g, disabled: s }),
   Fr({ mode: a, variant: g, disabled: s }),
-  Dr({ mode: a, variant: g, disabled: s }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": s
   },
   t
-)), Ur = (e, t, r) => {
+)), Gr = (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);
-}, Fe = E.forwardRef((e, t) => {
+}, $e = E.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ o(
     "button",
     {
       ref: t,
       onClick: (s) => {
-        Ur(s, a, r);
+        Gr(s, a, r);
       },
       ...n
     }
   );
 });
-Fe.displayName = "BaseButton";
+$e.displayName = "BaseButton";
 const yt = E.forwardRef(
   ({
     children: e,
@@ -828,12 +828,12 @@ const yt = E.forwardRef(
     labelRight: g,
     labelLeft: d,
     noBackground: m = !1,
-    align: k = "center",
+    align: y = "center",
     radius: b = "large",
     variant: N = "primary",
-    ...C
-  }, y) => {
-    const x = vt({
+    ...x
+  }, k) => {
+    const C = vt({
       type: we,
       mode: r,
       focusMode: a,
@@ -846,7 +846,7 @@ const yt = E.forwardRef(
       labelRight: g,
       labelLeft: d,
       noBackground: m,
-      align: k,
+      align: y,
       radius: b,
       variant: N
     }), T = w({
@@ -856,14 +856,14 @@ const yt = E.forwardRef(
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
     });
     return /* @__PURE__ */ v(
-      Fe,
+      $e,
       {
-        ref: y,
-        className: x,
+        ref: k,
+        className: C,
         disabled: t,
         type: l,
         "aria-label": i || f,
-        ...C,
+        ...x,
         children: [
           d && /* @__PURE__ */ o("span", { className: "pr-2", children: d }),
           /* @__PURE__ */ o("div", { className: T, children: e }),
@@ -875,19 +875,19 @@ const yt = E.forwardRef(
 );
 yt.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.3
+  @versini/ui-button v4.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.3",
-    buildTime: "01/04/2025 04:09 PM EST",
+    version: "4.0.4",
+    buildTime: "01/06/2025 08:01 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Hr = E.forwardRef(
+const Ur = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -904,12 +904,12 @@ const Hr = E.forwardRef(
     labelRight: g,
     labelLeft: d,
     noBackground: m = !1,
-    align: k = "center",
+    align: y = "center",
     active: b = !1,
     radius: N = "large",
-    ...C
-  }, y) => {
-    const x = vt({
+    ...x
+  }, k) => {
+    const C = vt({
       type: we,
       mode: r,
       focusMode: a,
@@ -922,7 +922,7 @@ const Hr = E.forwardRef(
       labelRight: g,
       labelLeft: d,
       noBackground: m,
-      align: k,
+      align: y,
       radius: N
     }), T = w({
       "text-copy-accent-dark": r === "light" && !c,
@@ -947,14 +947,14 @@ const Hr = E.forwardRef(
       }
     ) : "";
     return /* @__PURE__ */ o("div", { className: A, children: /* @__PURE__ */ v(
-      Fe,
+      $e,
       {
-        ref: y,
-        className: x,
+        ref: k,
+        className: C,
         disabled: t,
         type: l,
         "aria-label": i || f,
-        ...C,
+        ...x,
         children: [
           d && /* @__PURE__ */ o("span", { className: "pr-2", children: d }),
           /* @__PURE__ */ o("div", { className: T, children: e }),
@@ -964,8 +964,8 @@ const Hr = E.forwardRef(
     ) });
   }
 );
-Hr.displayName = "ButtonSort";
-const jr = ({
+Ur.displayName = "ButtonSort";
+const Hr = ({
   children: e,
   fill: t,
   viewBox: r,
@@ -996,26 +996,26 @@ const jr = ({
   ] });
 };
 /*!
-  @versini/ui-svgicon v4.0.0
+  @versini/ui-svgicon v4.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.0",
-    buildTime: "01/04/2025 04:09 PM EST",
+    version: "4.0.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Wr = ({
+const jr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  jr,
+  Hr,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -1027,33 +1027,33 @@ const Wr = ({
   }
 );
 /*!
-  @versini/ui-icons v4.2.0
+  @versini/ui-icons v4.2.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.2.0",
-    buildTime: "01/04/2025 04:09 PM EST",
+    version: "4.2.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 const kt = h.createContext(null);
-function Kr({
+function Wr({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, n] = h.useState(e), [s, l] = h.useState(), [c, u] = h.useState(), i = t ?? a, f = r ?? n, p = lt({
+  const [a, n] = h.useState(e), [s, l] = h.useState(), [c, u] = h.useState(), i = t ?? a, f = r ?? n, p = nt({
     open: i,
     onOpenChange: f
-  }), g = p.context, d = ct(g, {
+  }), g = p.context, d = st(g, {
     enabled: t == null
-  }), m = dt(g, {
+  }), m = ct(g, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), k = it(g), b = ut([d, m, k]);
+  }), y = lt(g), b = it([d, m, y]);
   return h.useMemo(
     () => ({
       open: i,
@@ -1074,22 +1074,22 @@ const Ne = () => {
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function Yr({
+function Kr({
   children: e,
   ...t
 }) {
-  const r = Kr(t);
+  const r = Wr(t);
   return /* @__PURE__ */ o(kt.Provider, { value: r, children: e });
 }
-const Zr = h.forwardRef(function(e, t) {
-  const { context: r, ...a } = Ne(), n = Oe([a.refs.setFloating, t]);
+const Yr = h.forwardRef(function(e, t) {
+  const { context: r, ...a } = Ne(), n = Ae([a.refs.setFloating, t]);
   if (!r.open)
     return null;
   const { overlayBackground: s, ...l } = e, c = w("grid place-items-center", {
     [`${s}`]: s,
     "bg-black sm:bg-black/[.8]": !s
   });
-  return /* @__PURE__ */ o(mt, { children: /* @__PURE__ */ o(Cr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(ht, { context: r, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(dt, { children: /* @__PURE__ */ o(gr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(ut, { context: r, children: /* @__PURE__ */ o(
     "div",
     {
       ref: n,
@@ -1099,13 +1099,13 @@ const Zr = h.forwardRef(function(e, t) {
       children: l.children
     }
   ) }) }) });
-}), qr = h.forwardRef(function({ children: e, ...t }, r) {
+}), Zr = h.forwardRef(function({ children: e, ...t }, r) {
   const { setLabelId: a } = Ne(), n = ze();
   return h.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
-}), Qr = h.forwardRef(function({ children: e, ...t }, r) {
+}), qr = h.forwardRef(function({ children: e, ...t }, r) {
   const { setDescriptionId: a } = Ne(), n = ze();
   return h.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
-}), Xr = h.forwardRef(function(e, t) {
+}), Qr = h.forwardRef(function(e, t) {
   const { setOpen: r } = Ne(), { trigger: a, className: n, ...s } = e, l = h.useCallback(() => r(!1), [r]);
   return /* @__PURE__ */ o("div", { className: n, children: h.cloneElement(a, {
     ref: t,
@@ -1114,28 +1114,28 @@ const Zr = h.forwardRef(function(e, t) {
   }) });
 });
 /*!
-  @versini/ui-modal v1.2.0
+  @versini/ui-modal v1.2.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.2.0",
-    buildTime: "01/04/2025 04:09 PM EST",
+    version: "1.2.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ie = "panel", fe = "messagebox", Jr = ({
+const ie = "panel", fe = "messagebox", Xr = ({
   className: e,
   kind: t,
   borderMode: r
 }) => ({
   main: w("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${Qe} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ie,
-    [`${Qe} w-full sm:w-[95%] md:max-w-2xl`]: t === ie && !e,
-    [`${qe} rounded-lg border-2`]: t === fe,
-    [`${qe} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === fe && !e,
+    [`${qe} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ie,
+    [`${qe} w-full sm:w-[95%] md:max-w-2xl`]: t === ie && !e,
+    [`${Ze} rounded-lg border-2`]: t === fe,
+    [`${Ze} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === fe && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": r === "dark" && t === ie,
     "sm:border-border-accent": r === "light" && t === ie,
@@ -1156,13 +1156,13 @@ const ie = "panel", fe = "messagebox", Jr = ({
   kind: l = ie,
   className: c
 }) => {
-  const u = re(""), i = Jr({ className: c, kind: l, borderMode: s });
+  const u = re(""), i = Xr({ className: c, kind: l, borderMode: s });
   return Z(() => (e && (u.current = document.title, document.title = `${r} | ${u.current}`), () => {
     e && (document.title = u.current);
-  }), [r, e]), /* @__PURE__ */ o(z, { children: e && /* @__PURE__ */ o(Yr, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Zr, { className: i.main, children: [
+  }), [r, e]), /* @__PURE__ */ o(z, { children: e && /* @__PURE__ */ o(Kr, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Yr, { className: i.main, children: [
     /* @__PURE__ */ v("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ o(
-        Xr,
+        Qr,
         {
           className: i.close,
           trigger: /* @__PURE__ */ o(
@@ -1172,23 +1172,22 @@ const ie = "panel", fe = "messagebox", Jr = ({
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ o(Wr, {})
+              children: /* @__PURE__ */ o(jr, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ o(qr, { className: i.header, children: r })
+      /* @__PURE__ */ o(Zr, { className: i.header, children: r })
     ] }),
-    /* @__PURE__ */ o(Qr, { className: i.content, children: a }),
+    /* @__PURE__ */ o(qr, { className: i.content, children: a }),
     n && /* @__PURE__ */ o("div", { className: i.footer, children: n })
   ] }) }) });
-}, eo = () => {
+}, Jr = () => {
   const { getAccessToken: e } = D(), t = ve(), r = ve(), {
     data: a,
     error: n,
     isLoading: s
-  } = at({
-    keys: [],
+  } = mt({
     getAccessToken: e
   }), l = (a == null ? void 0 : a.plugins) || [], c = (a == null ? void 0 : a.version) || "", u = (a == null ? void 0 : a.models) || [];
   return /* @__PURE__ */ v(z, { children: [
@@ -1198,8 +1197,8 @@ const ie = "panel", fe = "messagebox", Jr = ({
         header: _.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: pe(t, {
-          [_.ABOUT.VERSION]: "5.19.10",
-          [_.ABOUT.BUILD_TIMESTAMP]: "01/06/2025 06:20 PM EST"
+          [_.ABOUT.VERSION]: "5.19.11",
+          [_.ABOUT.BUILD_TIMESTAMP]: "01/07/2025 09:42 AM EST"
         })
       }
     ) }),
@@ -1216,10 +1215,10 @@ const ie = "panel", fe = "messagebox", Jr = ({
       }
     )
   ] });
-}, to = ({
+}, eo = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ o(ne, { open: e, onOpenChange: t, title: Dt, children: /* @__PURE__ */ o(eo, {}) }), wt = ({
+}) => /* @__PURE__ */ o(ne, { open: e, onOpenChange: t, title: Dt, children: /* @__PURE__ */ o(Jr, {}) }), wt = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: r,
@@ -1232,7 +1231,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
     open: e,
     onOpenChange: t,
     title: n.title,
-    footer: /* @__PURE__ */ v(Y, { columnGap: 2, alignHorizontal: "flex-end", children: [
+    footer: /* @__PURE__ */ v(K, { columnGap: 2, alignHorizontal: "flex-end", children: [
       /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
         U,
         {
@@ -1260,7 +1259,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
     ] }),
     children: a
   }
-), ro = async (e, t, r, a) => {
+), to = async (e, t, r, a) => {
   try {
     const n = await oe({
       accessToken: a,
@@ -1270,7 +1269,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
       }
     });
     n.status === 200 && (t({
-      type: tt
+      type: et
     }), t({
       type: Gt,
       payload: {
@@ -1282,65 +1281,65 @@ const ie = "panel", fe = "messagebox", Jr = ({
     }), r(!1));
   } catch {
   }
-}, oo = ({
+}, ro = ({
   filteredHistory: e,
   dispatch: t,
   onOpenChange: r,
   mutate: a
 }) => {
-  var C;
+  var x;
   const { user: n, getAccessToken: s } = D(), l = re(null), c = re({
     id: 0,
     timestamp: "",
     message: ""
   }), [u, i] = R(!1), [f, p] = R(
-    Ue + He
-  ), { state: g, dispatch: d } = H(Ae), [, m] = me({
+    Ge + Ue
+  ), { state: g, dispatch: d } = Y(ht), [, m] = me({
     key: ue + Vt,
     initialValue: g.sortDirection
-  }), k = (y) => {
+  }), y = (k) => {
     switch (g.sortDirection) {
       case ce.ASC:
         m(ce.DESC), d({
-          type: je,
+          type: He,
           payload: {
-            sortedCell: y,
+            sortedCell: k,
             sortDirection: ce.DESC
           }
         });
         break;
       default:
         m(ce.ASC), d({
-          type: je,
+          type: He,
           payload: {
-            sortedCell: y,
+            sortedCell: k,
             sortDirection: ce.ASC
           }
         });
         break;
     }
   }, b = async () => {
-    const y = c.current;
+    const k = c.current;
     try {
       await oe({
         accessToken: await s(),
         type: ae.DELETE_CHAT,
         params: {
           userId: (n == null ? void 0 : n.username) || "",
-          id: y.id
+          id: k.id
         }
       }), a();
     } catch {
     }
-  }, N = rr((y) => {
-    y[0].isIntersecting && p((T) => T + Ue);
+  }, N = rr((k) => {
+    k[0].isIntersecting && p((T) => T + Ge);
   }, []);
   return Z(() => {
-    const y = {
+    const k = {
       // root: null,
       rootMargin: "20px"
-    }, x = new IntersectionObserver(N, y);
-    l.current && x.observe(l.current);
+    }, C = new IntersectionObserver(N, k);
+    l.current && C.observe(l.current);
   }), /* @__PURE__ */ v(z, { children: [
     /* @__PURE__ */ v(
       wt,
@@ -1364,17 +1363,17 @@ const ie = "panel", fe = "messagebox", Jr = ({
             /* @__PURE__ */ v("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ o("span", { className: "text-lg", children: (C = c.current) == null ? void 0 : C.message })
+              /* @__PURE__ */ o("span", { className: "text-lg", children: (x = c.current) == null ? void 0 : x.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ v(ar, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-      /* @__PURE__ */ o(nr, { children: /* @__PURE__ */ v(Ie, { children: [
+    /* @__PURE__ */ v(fr, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+      /* @__PURE__ */ o(pr, { children: /* @__PURE__ */ v(Ie, { children: [
         /* @__PURE__ */ o($, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ o(
-          sr,
+          br,
           {
             buttonClassName: "text-xs sm:text-sm",
             cellId: "timestamp",
@@ -1382,7 +1381,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
             sortDirection: g.sortDirection,
             sortedCell: g.sortedCell,
             onClick: () => {
-              k("timestamp");
+              y("timestamp");
             },
             children: "Date"
           }
@@ -1391,19 +1390,19 @@ const ie = "panel", fe = "messagebox", Jr = ({
         /* @__PURE__ */ o($, { className: "text-xs sm:text-sm", children: "Model" }),
         /* @__PURE__ */ o($, { className: "text-xs sm:text-sm text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ o(lr, { children: e.slice(0, f).map((y, x) => {
+      /* @__PURE__ */ o(vr, { children: e.slice(0, f).map((k, C) => {
         var T, A;
-        return ((T = y == null ? void 0 : y.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ v(or, { children: [
-          x === f - He && /* @__PURE__ */ o("tr", { ref: l }),
+        return ((T = k == null ? void 0 : k.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ v(or, { children: [
+          C === f - Ue && /* @__PURE__ */ o("tr", { ref: l }),
           /* @__PURE__ */ v(Ie, { children: [
-            /* @__PURE__ */ o($, { children: x + 1 }),
+            /* @__PURE__ */ o($, { children: C + 1 }),
             /* @__PURE__ */ o(
               $,
               {
                 component: "th",
                 scope: "row",
                 className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-                children: y.timestamp.split(",")[0]
+                children: k.timestamp.split(",")[0]
               }
             ),
             /* @__PURE__ */ o(
@@ -1413,7 +1412,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
                 style: {
                   wordBreak: "break-word"
                 },
-                children: y.messages.length > 0 ? (A = y.messages[0]) == null ? void 0 : A.content : ""
+                children: k.messages.length > 0 ? (A = k.messages[0]) == null ? void 0 : A.content : ""
               }
             ),
             /* @__PURE__ */ v(
@@ -1424,8 +1423,8 @@ const ie = "panel", fe = "messagebox", Jr = ({
                 className: "text-gray-400",
                 align: "center",
                 children: [
-                  y.model && y.model.startsWith("claude") && /* @__PURE__ */ o(gt, { size: "size-4 sm:size-5" }),
-                  y.model && y.model.startsWith("gpt") && /* @__PURE__ */ o(ft, { size: "size-4 sm:size-5" })
+                  k.model && k.model.startsWith("claude") && /* @__PURE__ */ o(gt, { size: "size-4 sm:size-5" }),
+                  k.model && k.model.startsWith("gpt") && /* @__PURE__ */ o(ft, { size: "size-4 sm:size-5" })
                 ]
               }
             ),
@@ -1439,14 +1438,14 @@ const ie = "panel", fe = "messagebox", Jr = ({
                   label: "Restore chat",
                   onClick: async () => {
                     const L = await s();
-                    ro(
-                      y,
+                    to(
+                      k,
                       t,
                       r,
                       L
                     );
                   },
-                  children: /* @__PURE__ */ o(Rr, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ o(Sr, { size: "size-3", monotone: !0 })
                 }
               ),
               /* @__PURE__ */ o(
@@ -1458,29 +1457,29 @@ const ie = "panel", fe = "messagebox", Jr = ({
                   onClick: () => {
                     var L;
                     c.current = {
-                      id: y.id,
-                      timestamp: y.timestamp,
-                      message: y.messages.length > 0 ? (L = y.messages[0]) == null ? void 0 : L.content : ""
+                      id: k.id,
+                      timestamp: k.timestamp,
+                      message: k.messages.length > 0 ? (L = k.messages[0]) == null ? void 0 : L.content : ""
                     }, i(!u);
                   },
-                  children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Ir, { size: "size-3", monotone: !0 }) })
+                  children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Cr, { size: "size-3", monotone: !0 }) })
                 }
               )
             ] })
           ] })
-        ] }, `${_.HISTORY.TITLE}-${y.id}-${x}`) : null;
+        ] }, `${_.HISTORY.TITLE}-${k.id}-${C}`) : null;
       }) }),
-      /* @__PURE__ */ o(cr, { children: /* @__PURE__ */ o(Ie, { children: /* @__PURE__ */ o($, { colSpan: 1e3, children: /* @__PURE__ */ o("div", { children: be(
+      /* @__PURE__ */ o(yr, { children: /* @__PURE__ */ o(Ie, { children: /* @__PURE__ */ o($, { colSpan: 1e3, children: /* @__PURE__ */ o("div", { children: be(
         `${e.length} chat`,
         e.length
       ) }) }) }) })
     ] })
   ] });
-}, ao = ({
+}, oo = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { getAccessToken: r, user: a } = D(), { dispatch: n } = H(Pe), { state: s, dispatch: l } = H(Ae), { data: c, mutate: u } = ir({
+  const { getAccessToken: r, user: a } = D(), { dispatch: n } = Y(Pe), { state: s, dispatch: l } = Y(ht), { data: c, mutate: u } = kr({
     keys: [
       a == null ? void 0 : a.username,
       s.searchString,
@@ -1540,7 +1539,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
       }
     ) }),
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ o(
-      oo,
+      ro,
       {
         mutate: u,
         filteredHistory: p,
@@ -1549,7 +1548,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
       }
     ) })
   ] }) });
-}, no = ({ stats: e }) => {
+}, ao = ({ stats: e }) => {
   const { isAuthenticated: t, user: r, registeringForPasskey: a, authenticationType: n } = D(), s = ve(), l = ve(), c = (r == null ? void 0 : r.username) || "";
   return t && c ? /* @__PURE__ */ v(z, { children: [
     /* @__PURE__ */ o(
@@ -1567,8 +1566,8 @@ const ie = "panel", fe = "messagebox", Jr = ({
       F,
       {
         className: "prose-dark dark:prose-lighter mt-4",
-        header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ v(Y, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(We, { size: "size-8" }) }),
+        header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ v(K, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(je, { size: "size-8" }) }),
           /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o("div", { children: _.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
@@ -1580,7 +1579,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
               className: "mt-2",
               onClick: a,
               labelLeft: _.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ o(We, { size: "size-5", monotone: !0 })
+              children: /* @__PURE__ */ o(je, { size: "size-5", monotone: !0 })
             }
           )
         ]
@@ -1600,7 +1599,7 @@ const ie = "panel", fe = "messagebox", Jr = ({
       }
     )
   ] }) : null;
-}, so = ({
+}, no = ({
   open: e,
   onOpenChange: t
 }) => {
@@ -1608,26 +1607,26 @@ const ie = "panel", fe = "messagebox", Jr = ({
     data: n,
     error: s,
     isLoading: l
-  } = dr({
+  } = wr({
     keys: [a == null ? void 0 : a.username],
     getAccessToken: r
   });
-  return s || l ? null : /* @__PURE__ */ o(ne, { open: e, onOpenChange: t, title: Zt, children: /* @__PURE__ */ o(no, { stats: n }) });
+  return s || l ? null : /* @__PURE__ */ o(ne, { open: e, onOpenChange: t, title: Zt, children: /* @__PURE__ */ o(ao, { stats: n }) });
 };
 /*!
-  @versini/ui-toggle v3.0.0
+  @versini/ui-toggle v3.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io = ({
+const so = "av-toggle", lo = () => w("peer", "h-6", "w-11", "rounded-full"), co = ({
   focusMode: e
 }) => w(
   "peer-focus:outline",
@@ -1639,14 +1638,14 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
     "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"
   }
-), uo = () => w(
+), io = () => 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"
-), mo = () => w(
+), uo = () => w(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -1658,7 +1657,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), ho = ({
+), mo = ({
   mode: e,
   noBorder: t
 }) => w({
@@ -1667,7 +1666,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   "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"
-}), go = ({
+}), ho = ({
   mode: e,
   labelHidden: t
 }) => t ? "sr-only" : w("ml-2 text-sm", {
@@ -1675,11 +1674,11 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), fo = ({ className: e }) => w(
-  lo,
+}), go = ({ className: e }) => w(
+  so,
   "relative flex cursor-pointer items-center",
   e
-), po = ({
+), fo = ({
   mode: e,
   focusMode: t,
   labelHidden: r,
@@ -1687,15 +1686,15 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   noBorder: n
 }) => ({
   toggle: w(
-    co(),
-    ho({ mode: e, noBorder: n }),
-    io({ focusMode: t }),
-    mo(),
-    uo()
+    lo(),
+    mo({ mode: e, noBorder: n }),
+    co({ focusMode: t }),
+    uo(),
+    io()
   ),
-  label: go({ mode: e, labelHidden: r }),
+  label: ho({ mode: e, labelHidden: r }),
   input: "peer sr-only",
-  wrapper: fo({ className: a })
+  wrapper: go({ className: a })
 }), de = ({
   checked: e = !1,
   onChange: t,
@@ -1707,7 +1706,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   className: c,
   noBorder: u = !1
 }) => {
-  const i = po({
+  const i = fo({
     mode: s,
     focusMode: l,
     labelHidden: a,
@@ -1730,7 +1729,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
     /* @__PURE__ */ o("div", { className: i.toggle }),
     /* @__PURE__ */ o("span", { className: i.label, children: r })
   ] });
-}, bo = ({
+}, po = ({
   open: e,
   onOpenChange: t
 }) => {
@@ -1747,22 +1746,22 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   }), f = ({
     slot: d,
     checked: m,
-    label: k,
+    label: y,
     content: b
   }) => {
     i((N) => {
-      const C = N.prompts, y = {
+      const x = N.prompts, k = {
         slot: d,
-        label: k,
+        label: y,
         content: b,
         enabled: m
-      }, x = C.findIndex((T) => T.slot === d);
-      return x === -1 ? {
+      }, C = x.findIndex((T) => T.slot === d);
+      return C === -1 ? {
         ...N,
-        prompts: [...C, { ...y, slot: d }]
-      } : (C[x] = y, {
+        prompts: [...x, { ...k, slot: d }]
+      } : (x[C] = k, {
         ...N,
-        prompts: [...C]
+        prompts: [...x]
       });
     });
   }, p = async (d) => {
@@ -1790,7 +1789,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
       onOpenChange: g,
       title: "Prompts",
       footer: /* @__PURE__ */ v(
-        Y,
+        K,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
@@ -1829,7 +1828,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
             header: `Prompt ${d.slot + 1}`,
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
-              /* @__PURE__ */ v(Y, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
+              /* @__PURE__ */ v(K, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
                 /* @__PURE__ */ o(M, { span: 12, children: /* @__PURE__ */ o(
                   Te,
                   {
@@ -1888,7 +1887,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
       ]
     }
   );
-}, vo = ({
+}, bo = ({
   open: e,
   onOpenChange: t
 }) => {
@@ -1902,10 +1901,10 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
     getAccessToken: r
   }), [u, i] = R(!1), [f, p] = R({
     loadingLocation: !1
-  }), [g, d] = R(""), [m, k] = R(""), [b, N] = R(Qt), [C, y] = me({
-    key: ue + rt,
+  }), [g, d] = R(""), [m, y] = R(""), [b, N] = R(Qt), [x, k] = me({
+    key: ue + tt,
     initialValue: !1
-  }), [x, T] = me({
+  }), [C, T] = me({
     key: ue + Xt,
     initialValue: !1
   }), A = (I) => {
@@ -1930,9 +1929,9 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   }, S = async () => {
     p({
       loadingLocation: !0
-    }), k("...");
+    }), y("...");
     try {
-      const I = Date.now(), B = await tr(), j = await oe({
+      const I = Date.now(), B = await tr(), H = await oe({
         accessToken: await r(),
         type: ae.GET_LOCATION,
         params: {
@@ -1940,11 +1939,11 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
           longitude: B.longitude
         }
       }), le = Date.now() - I;
-      if (le < 2e3 && await new Promise((X) => setTimeout(X, 2e3 - le)), j.status === 200) {
-        const { city: X, state: ge, country: G, displayName: $t } = j.data, Ft = X && ge && G ? `${X}, ${ge}, ${G}` : $t;
+      if (le < 2e3 && await new Promise((X) => setTimeout(X, 2e3 - le)), H.status === 200) {
+        const { city: X, state: ge, country: G, displayName: $t } = H.data, Ft = X && ge && G ? `${X}, ${ge}, ${G}` : $t;
         p({
           loadingLocation: !1
-        }), k(Ft);
+        }), y(Ft);
       } else
         p({
           loadingLocation: !1
@@ -1959,7 +1958,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
     c({ ...n }), t(!1);
   };
   return Z(() => {
-    n != null && n.instructions && d(n.instructions), n != null && n.location && k(n.location), n != null && n.engine && N(n.engine);
+    n != null && n.instructions && d(n.instructions), n != null && n.location && y(n.location), n != null && n.engine && N(n.engine);
   }, [n]), s || l ? null : /* @__PURE__ */ o(
     ne,
     {
@@ -1967,7 +1966,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
       onOpenChange: V,
       title: Jt,
       footer: /* @__PURE__ */ v(
-        Y,
+        K,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
@@ -1999,7 +1998,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
         }
       ),
       children: /* @__PURE__ */ v(z, { children: [
-        u && /* @__PURE__ */ o(bo, { open: u, onOpenChange: i }),
+        u && /* @__PURE__ */ o(po, { open: u, onOpenChange: i }),
         /* @__PURE__ */ v(
           F,
           {
@@ -2036,8 +2035,8 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
                   noBorder: !0,
                   label: "Show Quick Engine Toggle Menu",
                   name: "show-toggle-engine-menu",
-                  onChange: y,
-                  checked: C
+                  onChange: k,
+                  checked: x
                 }
               ),
               /* @__PURE__ */ o("p", { className: "text-sm", children: "This option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more." }),
@@ -2049,7 +2048,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
                   onChange: A,
-                  checked: x
+                  checked: C
                 }
               ),
               /* @__PURE__ */ o("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
@@ -2060,7 +2059,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
                   size: "small",
                   onClick: Q,
                   labelLeft: "Edit Custom Prompts",
-                  children: /* @__PURE__ */ o(Er, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ o(Ir, { size: "size-3", monotone: !0 })
                 }
               )
             ]
@@ -2078,7 +2077,7 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ o(
-                Ye,
+                Ke,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -2104,14 +2103,14 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
             children: [
               /* @__PURE__ */ o("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
               /* @__PURE__ */ o(
-                Ye,
+                Ke,
                 {
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
                   value: m,
                   onChange: (I) => {
-                    k(I.target.value);
+                    y(I.target.value);
                   },
                   helperText: "Enter your location or press auto-detect."
                 }
@@ -2135,34 +2134,34 @@ const lo = "av-toggle", co = () => w("peer", "h-6", "w-11", "rounded-full"), io
   );
 };
 /*!
-  @versini/ui-togglegroup v3.0.0
+  @versini/ui-togglegroup v3.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.1",
+    buildTime: "01/06/2025 08:00 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const yo = "av-togglegroup", ko = "av-togglegroup-item-wrapper", wo = "av-togglegroup-item";
-function De(e, t = []) {
+const vo = "av-togglegroup", yo = "av-togglegroup-item-wrapper", ko = "av-togglegroup-item";
+function Fe(e, t = []) {
   let r = [];
   function a(s, l) {
     const c = h.createContext(l), u = r.length;
     r = [...r, l];
     const i = (p) => {
       var g;
-      const { scope: d, children: m, ...k } = p, b = ((g = d == null ? void 0 : d[e]) == null ? void 0 : g[u]) || c, N = h.useMemo(() => k, Object.values(k));
+      const { scope: d, children: m, ...y } = p, b = ((g = d == null ? void 0 : d[e]) == null ? void 0 : g[u]) || c, N = h.useMemo(() => y, Object.values(y));
       return /* @__PURE__ */ o(b.Provider, { value: N, children: m });
     };
     i.displayName = s + "Provider";
     function f(p, g) {
       var d;
-      const m = ((d = g == null ? void 0 : g[e]) == null ? void 0 : d[u]) || c, k = h.useContext(m);
-      if (k) return k;
+      const m = ((d = g == null ? void 0 : g[e]) == null ? void 0 : d[u]) || c, y = h.useContext(m);
+      if (y) return y;
       if (l !== void 0) return l;
       throw new Error(`\`${p}\` must be used within \`${s}\``);
     }
@@ -2178,9 +2177,9 @@ function De(e, t = []) {
       );
     };
   };
-  return n.scopeName = e, [a, No(n, ...t)];
+  return n.scopeName = e, [a, wo(n, ...t)];
 }
-function No(...e) {
+function wo(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -2198,7 +2197,7 @@ function No(...e) {
   };
   return r.scopeName = t.scopeName, r;
 }
-function Je(e, t) {
+function Xe(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -2207,14 +2206,14 @@ function Nt(...e) {
   return (t) => {
     let r = !1;
     const a = e.map((n) => {
-      const s = Je(n, t);
+      const s = Xe(n, t);
       return !r && typeof s == "function" && (r = !0), s;
     });
     if (r)
       return () => {
         for (let n = 0; n < a.length; n++) {
           const s = a[n];
-          typeof s == "function" ? s() : Je(e[n], null);
+          typeof s == "function" ? s() : Xe(e[n], null);
         }
       };
   };
@@ -2234,9 +2233,9 @@ ye.displayName = "Slot";
 var Le = h.forwardRef((e, t) => {
   const { children: r, ...a } = e;
   if (h.isValidElement(r)) {
-    const n = Eo(r);
+    const n = Io(r);
     return h.cloneElement(r, {
-      ...Io(a, r.props),
+      ...Co(a, r.props),
       // @ts-ignore
       ref: t ? Nt(t, n) : n
     });
@@ -2244,11 +2243,11 @@ var Le = h.forwardRef((e, t) => {
   return h.Children.count(r) > 1 ? h.Children.only(null) : null;
 });
 Le.displayName = "SlotClone";
-var Co = ({ children: e }) => /* @__PURE__ */ o(z, { children: e });
+var No = ({ children: e }) => /* @__PURE__ */ o(z, { children: e });
 function xo(e) {
-  return h.isValidElement(e) && e.type === Co;
+  return h.isValidElement(e) && e.type === No;
 }
-function Io(e, t) {
+function Co(e, t) {
   const r = { ...t };
   for (const a in t) {
     const n = e[a], s = t[a];
@@ -2258,12 +2257,12 @@ function Io(e, t) {
   }
   return { ...e, ...r };
 }
-function Eo(e) {
+function Io(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 To = [
+var Eo = [
   "a",
   "button",
   "div",
@@ -2280,50 +2279,50 @@ var To = [
   "span",
   "svg",
   "ul"
-], he = To.reduce((e, t) => {
+], he = Eo.reduce((e, t) => {
   const r = h.forwardRef((a, n) => {
     const { asChild: s, ...l } = a, c = s ? ye : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(c, { ...l, ref: n });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
-function K(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function W(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 _o(e) {
-  const t = e + "CollectionProvider", [r, a] = De(t), [n, s] = r(
+function To(e) {
+  const t = e + "CollectionProvider", [r, a] = Fe(t), [n, s] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), l = (d) => {
-    const { scope: m, children: k } = d, b = E.useRef(null), N = E.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ o(n, { scope: m, itemMap: N, collectionRef: b, children: k });
+    const { scope: m, children: y } = d, b = E.useRef(null), N = E.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ o(n, { scope: m, itemMap: N, collectionRef: b, children: y });
   };
   l.displayName = t;
   const c = e + "CollectionSlot", u = E.forwardRef(
     (d, m) => {
-      const { scope: k, children: b } = d, N = s(c, k), C = Re(m, N.collectionRef);
-      return /* @__PURE__ */ o(ye, { ref: C, children: b });
+      const { scope: y, children: b } = d, N = s(c, y), x = Re(m, N.collectionRef);
+      return /* @__PURE__ */ o(ye, { ref: x, children: b });
     }
   );
   u.displayName = c;
   const i = e + "CollectionItemSlot", f = "data-radix-collection-item", p = E.forwardRef(
     (d, m) => {
-      const { scope: k, children: b, ...N } = d, C = E.useRef(null), y = Re(m, C), x = s(i, k);
-      return E.useEffect(() => (x.itemMap.set(C, { ref: C, ...N }), () => void x.itemMap.delete(C))), /* @__PURE__ */ o(ye, { [f]: "", ref: y, children: b });
+      const { scope: y, children: b, ...N } = d, x = E.useRef(null), k = Re(m, x), C = s(i, y);
+      return E.useEffect(() => (C.itemMap.set(x, { ref: x, ...N }), () => void C.itemMap.delete(x))), /* @__PURE__ */ o(ye, { [f]: "", ref: k, children: b });
     }
   );
   p.displayName = i;
   function g(d) {
     const m = s(e + "CollectionConsumer", d);
     return E.useCallback(() => {
-      const k = m.collectionRef.current;
-      if (!k) return [];
-      const b = Array.from(k.querySelectorAll(`[${f}]`));
+      const y = m.collectionRef.current;
+      if (!y) return [];
+      const b = Array.from(y.querySelectorAll(`[${f}]`));
       return Array.from(m.itemMap.values()).sort(
-        (N, C) => b.indexOf(N.ref.current) - b.indexOf(C.ref.current)
+        (N, x) => b.indexOf(N.ref.current) - b.indexOf(x.ref.current)
       );
     }, [m.collectionRef, m.itemMap]);
   }
@@ -2333,16 +2332,16 @@ function _o(e) {
     a
   ];
 }
-var So = globalThis != null && globalThis.document ? h.useLayoutEffect : () => {
-}, Ro = h.useId || (() => {
-}), Lo = 0;
-function Mo(e) {
-  const [t, r] = h.useState(Ro());
-  return So(() => {
-    r((a) => a ?? String(Lo++));
+var _o = globalThis != null && globalThis.document ? h.useLayoutEffect : () => {
+}, So = h.useId || (() => {
+}), Ro = 0;
+function Lo(e) {
+  const [t, r] = h.useState(So());
+  return _o(() => {
+    r((a) => a ?? String(Ro++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Ve(e) {
+function De(e) {
   const t = h.useRef(e);
   return h.useEffect(() => {
     t.current = e;
@@ -2351,13 +2350,13 @@ function Ve(e) {
     return (a = t.current) == null ? void 0 : a.call(t, ...r);
   }, []);
 }
-function Ce({
+function xe({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
   }
 }) {
-  const [a, n] = zo({ defaultProp: t, onChange: r }), s = e !== void 0, l = s ? e : a, c = Ve(r), u = h.useCallback(
+  const [a, n] = Mo({ defaultProp: t, onChange: r }), s = e !== void 0, l = s ? e : a, c = De(r), u = h.useCallback(
     (i) => {
       if (s) {
         const f = typeof i == "function" ? i(e) : i;
@@ -2369,28 +2368,28 @@ function Ce({
   );
   return [l, u];
 }
-function zo({
+function Mo({
   defaultProp: e,
   onChange: t
 }) {
-  const r = h.useState(e), [a] = r, n = h.useRef(a), s = Ve(t);
+  const r = h.useState(e), [a] = r, n = h.useRef(a), s = De(t);
   return h.useEffect(() => {
     n.current !== a && (s(a), n.current = a);
   }, [a, n, s]), r;
 }
-var Ao = h.createContext(void 0);
-function Ct(e) {
-  const t = h.useContext(Ao);
+var zo = h.createContext(void 0);
+function xt(e) {
+  const t = h.useContext(zo);
   return e || t || "ltr";
 }
-var Ee = "rovingFocusGroup.onEntryFocus", Po = { bubbles: !1, cancelable: !0 }, xe = "RovingFocusGroup", [Me, xt, Bo] = _o(xe), [Oo, It] = De(
-  xe,
-  [Bo]
-), [$o, Fo] = Oo(xe), Et = h.forwardRef(
-  (e, t) => /* @__PURE__ */ o(Me.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Me.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Do, { ...e, ref: t }) }) })
+var Ee = "rovingFocusGroup.onEntryFocus", Ao = { bubbles: !1, cancelable: !0 }, Ce = "RovingFocusGroup", [Me, Ct, Po] = To(Ce), [Bo, It] = Fe(
+  Ce,
+  [Po]
+), [Oo, $o] = Bo(Ce), Et = h.forwardRef(
+  (e, t) => /* @__PURE__ */ o(Me.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Me.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Fo, { ...e, ref: t }) }) })
 );
-Et.displayName = xe;
-var Do = h.forwardRef((e, t) => {
+Et.displayName = Ce;
+var Fo = h.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
     orientation: a,
@@ -2402,28 +2401,28 @@ var Do = h.forwardRef((e, t) => {
     onEntryFocus: i,
     preventScrollOnEntryFocus: f = !1,
     ...p
-  } = e, g = h.useRef(null), d = Re(t, g), m = Ct(s), [k = null, b] = Ce({
+  } = e, g = h.useRef(null), d = Re(t, g), m = xt(s), [y = null, b] = xe({
     prop: l,
     defaultProp: c,
     onChange: u
-  }), [N, C] = h.useState(!1), y = Ve(i), x = xt(r), T = h.useRef(!1), [A, L] = h.useState(0);
+  }), [N, x] = h.useState(!1), k = De(i), C = Ct(r), T = h.useRef(!1), [A, L] = h.useState(0);
   return h.useEffect(() => {
     const S = g.current;
     if (S)
-      return S.addEventListener(Ee, y), () => S.removeEventListener(Ee, y);
-  }, [y]), /* @__PURE__ */ o(
-    $o,
+      return S.addEventListener(Ee, k), () => S.removeEventListener(Ee, k);
+  }, [k]), /* @__PURE__ */ o(
+    Oo,
     {
       scope: r,
       orientation: a,
       dir: m,
       loop: n,
-      currentTabStopId: k,
+      currentTabStopId: y,
       onItemFocus: h.useCallback(
         (S) => b(S),
         [b]
       ),
-      onItemShiftTab: h.useCallback(() => C(!0), []),
+      onItemShiftTab: h.useCallback(() => x(!0), []),
       onFocusableItemAdd: h.useCallback(
         () => L((S) => S + 1),
         []
@@ -2440,23 +2439,23 @@ var Do = h.forwardRef((e, t) => {
           ...p,
           ref: d,
           style: { outline: "none", ...e.style },
-          onMouseDown: K(e.onMouseDown, () => {
+          onMouseDown: W(e.onMouseDown, () => {
             T.current = !0;
           }),
-          onFocus: K(e.onFocus, (S) => {
+          onFocus: W(e.onFocus, (S) => {
             const q = !T.current;
             if (S.target === S.currentTarget && q && !N) {
-              const Q = new CustomEvent(Ee, Po);
+              const Q = new CustomEvent(Ee, Ao);
               if (S.currentTarget.dispatchEvent(Q), !Q.defaultPrevented) {
-                const V = x().filter((O) => O.focusable), I = V.find((O) => O.active), B = V.find((O) => O.id === k), j = [I, B, ...V].filter(
+                const V = C().filter((O) => O.focusable), I = V.find((O) => O.active), B = V.find((O) => O.id === y), H = [I, B, ...V].filter(
                   Boolean
                 ).map((O) => O.ref.current);
-                St(j, f);
+                St(H, f);
               }
             }
             T.current = !1;
           }),
-          onBlur: K(e.onBlur, () => C(!1))
+          onBlur: W(e.onBlur, () => x(!1))
         }
       )
     }
@@ -2469,7 +2468,7 @@ var Do = h.forwardRef((e, t) => {
       active: n = !1,
       tabStopId: s,
       ...l
-    } = e, c = Mo(), u = s || c, i = Fo(Tt, r), f = i.currentTabStopId === u, p = xt(r), { onFocusableItemAdd: g, onFocusableItemRemove: d } = i;
+    } = e, c = Lo(), u = s || c, i = $o(Tt, r), f = i.currentTabStopId === u, p = Ct(r), { onFocusableItemAdd: g, onFocusableItemRemove: d } = i;
     return h.useEffect(() => {
       if (a)
         return g(), () => d();
@@ -2487,26 +2486,26 @@ var Do = h.forwardRef((e, t) => {
             "data-orientation": i.orientation,
             ...l,
             ref: t,
-            onMouseDown: K(e.onMouseDown, (m) => {
+            onMouseDown: W(e.onMouseDown, (m) => {
               a ? i.onItemFocus(u) : m.preventDefault();
             }),
-            onFocus: K(e.onFocus, () => i.onItemFocus(u)),
-            onKeyDown: K(e.onKeyDown, (m) => {
+            onFocus: W(e.onFocus, () => i.onItemFocus(u)),
+            onKeyDown: W(e.onKeyDown, (m) => {
               if (m.key === "Tab" && m.shiftKey) {
                 i.onItemShiftTab();
                 return;
               }
               if (m.target !== m.currentTarget) return;
-              const k = Uo(m, i.orientation, i.dir);
-              if (k !== void 0) {
+              const y = Go(m, i.orientation, i.dir);
+              if (y !== void 0) {
                 if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
                 m.preventDefault();
                 let b = p().filter((N) => N.focusable).map((N) => N.ref.current);
-                if (k === "last") b.reverse();
-                else if (k === "prev" || k === "next") {
-                  k === "prev" && b.reverse();
+                if (y === "last") b.reverse();
+                else if (y === "prev" || y === "next") {
+                  y === "prev" && b.reverse();
                   const N = b.indexOf(m.currentTarget);
-                  b = i.loop ? Ho(b, N + 1) : b.slice(N + 1);
+                  b = i.loop ? Uo(b, N + 1) : b.slice(N + 1);
                 }
                 setTimeout(() => St(b));
               }
@@ -2518,7 +2517,7 @@ var Do = h.forwardRef((e, t) => {
   }
 );
 _t.displayName = Tt;
-var Vo = {
+var Do = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -2528,24 +2527,24 @@ var Vo = {
   PageDown: "last",
   End: "last"
 };
-function Go(e, t) {
+function Vo(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Uo(e, t, r) {
-  const a = Go(e.key, r);
+function Go(e, t, r) {
+  const a = Vo(e.key, r);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
-    return Vo[a];
+    return Do[a];
 }
 function St(e, t = !1) {
   const r = document.activeElement;
   for (const a of e)
     if (a === r || (a.focus({ preventScroll: t }), document.activeElement !== r)) return;
 }
-function Ho(e, t) {
+function Uo(e, t) {
   return e.map((r, a) => e[(t + a) % e.length]);
 }
-var jo = Et, Wo = _t, Ko = "Toggle", Rt = h.forwardRef((e, t) => {
-  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...s } = e, [l = !1, c] = Ce({
+var Ho = Et, jo = _t, Wo = "Toggle", Rt = h.forwardRef((e, t) => {
+  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...s } = e, [l = !1, c] = xe({
     prop: r,
     onChange: n,
     defaultProp: a
@@ -2559,32 +2558,32 @@ var jo = Et, Wo = _t, Ko = "Toggle", Rt = h.forwardRef((e, t) => {
       "data-disabled": e.disabled ? "" : void 0,
       ...s,
       ref: t,
-      onClick: K(e.onClick, () => {
+      onClick: W(e.onClick, () => {
         e.disabled || c(!l);
       })
     }
   );
 });
-Rt.displayName = Ko;
-var se = "ToggleGroup", [Lt, fa] = De(se, [
+Rt.displayName = Wo;
+var se = "ToggleGroup", [Lt, ga] = Fe(se, [
   It
-]), Mt = It(), Ge = E.forwardRef((e, t) => {
+]), Mt = It(), Ve = E.forwardRef((e, t) => {
   const { type: r, ...a } = e;
   if (r === "single")
-    return /* @__PURE__ */ o(Yo, { ...a, ref: t });
+    return /* @__PURE__ */ o(Ko, { ...a, ref: t });
   if (r === "multiple")
-    return /* @__PURE__ */ o(Zo, { ...a, ref: t });
+    return /* @__PURE__ */ o(Yo, { ...a, ref: t });
   throw new Error(`Missing prop \`type\` expected on \`${se}\``);
 });
-Ge.displayName = se;
-var [zt, At] = Lt(se), Yo = E.forwardRef((e, t) => {
+Ve.displayName = se;
+var [zt, At] = Lt(se), Ko = E.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
     onValueChange: n = () => {
     },
     ...s
-  } = e, [l, c] = Ce({
+  } = e, [l, c] = xe({
     prop: r,
     defaultProp: a,
     onChange: n
@@ -2600,14 +2599,14 @@ var [zt, At] = Lt(se), Yo = E.forwardRef((e, t) => {
       children: /* @__PURE__ */ o(Pt, { ...s, ref: t })
     }
   );
-}), Zo = E.forwardRef((e, t) => {
+}), Yo = E.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
     onValueChange: n = () => {
     },
     ...s
-  } = e, [l = [], c] = Ce({
+  } = e, [l = [], c] = xe({
     prop: r,
     defaultProp: a,
     onChange: n
@@ -2630,8 +2629,8 @@ var [zt, At] = Lt(se), Yo = E.forwardRef((e, t) => {
     }
   );
 });
-Ge.displayName = se;
-var [qo, Qo] = Lt(se), Pt = E.forwardRef(
+Ve.displayName = se;
+var [Zo, qo] = Lt(se), Pt = E.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: r,
@@ -2641,9 +2640,9 @@ var [qo, Qo] = Lt(se), Pt = E.forwardRef(
       dir: l,
       loop: c = !0,
       ...u
-    } = e, i = Mt(r), f = Ct(l), p = { role: "group", dir: f, ...u };
-    return /* @__PURE__ */ o(qo, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
-      jo,
+    } = e, i = Mt(r), f = xt(l), p = { role: "group", dir: f, ...u };
+    return /* @__PURE__ */ o(Zo, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
+      Ho,
       {
         asChild: !0,
         ...i,
@@ -2656,22 +2655,22 @@ var [qo, Qo] = Lt(se), Pt = E.forwardRef(
   }
 ), ke = "ToggleGroupItem", Bt = E.forwardRef(
   (e, t) => {
-    const r = At(ke, e.__scopeToggleGroup), a = Qo(ke, e.__scopeToggleGroup), n = Mt(e.__scopeToggleGroup), s = r.value.includes(e.value), l = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: l }, u = E.useRef(null);
+    const r = At(ke, e.__scopeToggleGroup), a = qo(ke, e.__scopeToggleGroup), n = Mt(e.__scopeToggleGroup), s = r.value.includes(e.value), l = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: l }, u = E.useRef(null);
     return a.rovingFocus ? /* @__PURE__ */ o(
-      Wo,
+      jo,
       {
         asChild: !0,
         ...n,
         focusable: !l,
         active: s,
         ref: u,
-        children: /* @__PURE__ */ o(et, { ...c, ref: t })
+        children: /* @__PURE__ */ o(Je, { ...c, ref: t })
       }
-    ) : /* @__PURE__ */ o(et, { ...c, ref: t });
+    ) : /* @__PURE__ */ o(Je, { ...c, ref: t });
   }
 );
 Bt.displayName = ke;
-var et = E.forwardRef(
+var Je = E.forwardRef(
   (e, t) => {
     const { __scopeToggleGroup: r, value: a, ...n } = e, s = At(ke, r), l = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? l : void 0;
     return /* @__PURE__ */ o(
@@ -2686,27 +2685,27 @@ var et = E.forwardRef(
       }
     );
   }
-), Xo = Ge, Jo = Bt;
+), Qo = Ve, Xo = Bt;
 const Ot = E.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
-}), ea = ({ focusMode: e }) => w("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}), Jo = ({ 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"
-}), ta = ({ mode: e }) => w({
+}), ea = ({ 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"
-}), ra = ({ size: e }) => w({
+}), ta = ({ size: e }) => w({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), oa = ({ mode: e }) => w(
-  ko,
+}), ra = ({ mode: e }) => w(
+  yo,
   "px-1",
   "relative",
   "border-r",
@@ -2719,26 +2718,26 @@ const Ot = E.createContext({
     "border-surface-light dark:border-surface-darker": e === "system",
     "border-surface-darker dark:border-surface-light": e === "alt-system"
   }
-), aa = ({
+), oa = ({
   focusMode: e,
   mode: t,
   size: r
 }) => ({
-  wrapperClass: oa({ mode: t }),
+  wrapperClass: ra({ mode: t }),
   itemClass: w(
-    wo,
+    ko,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
     "transition duration-200 ease",
-    ra({ size: r }),
-    ea({ focusMode: e }),
-    ta({ mode: t })
+    ta({ size: r }),
+    Jo({ focusMode: e }),
+    ea({ mode: t })
   )
-}), na = ({
+}), aa = ({
   mode: e,
   className: t
 }) => w(
-  yo,
+  vo,
   "inline-flex p-1",
   "rounded-sm",
   {
@@ -2748,7 +2747,7 @@ const Ot = E.createContext({
     "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
   },
   t
-), sa = ({
+), na = ({
   children: e,
   value: t,
   onValueChange: r,
@@ -2760,9 +2759,9 @@ const Ot = E.createContext({
   className: u,
   ...i
 }) => {
-  const f = na({ mode: n, className: u }), p = { size: l, focusMode: s, mode: n };
+  const f = aa({ mode: n, className: u }), p = { size: l, focusMode: s, mode: n };
   return /* @__PURE__ */ o(Ot.Provider, { value: p, children: /* @__PURE__ */ o(
-    Xo,
+    Qo,
     {
       disabled: a,
       className: f,
@@ -2774,14 +2773,14 @@ const Ot = E.createContext({
       children: e
     }
   ) });
-}, la = ({ value: e, disabled: t }) => {
-  const { size: r, focusMode: a, mode: n } = H(Ot), { itemClass: s, wrapperClass: l } = aa({
+}, sa = ({ value: e, disabled: t }) => {
+  const { size: r, focusMode: a, mode: n } = Y(Ot), { itemClass: s, wrapperClass: l } = oa({
     focusMode: a,
     mode: n,
     size: r
   });
   return /* @__PURE__ */ o("div", { className: l, children: /* @__PURE__ */ o(
-    Jo,
+    Xo,
     {
       disabled: t,
       className: s,
@@ -2789,16 +2788,15 @@ const Ot = E.createContext({
       children: e
     }
   ) });
-}, ca = () => {
-  const { state: e, dispatch: t } = H(Pe), { getAccessToken: r, user: a } = D(), [n] = me({
-    key: ue + rt,
+}, la = () => {
+  const { state: e, dispatch: t } = Y(Pe), { getAccessToken: r, user: a } = D(), [n] = me({
+    key: ue + tt,
     initialValue: !1
   }), {
     data: s,
     error: l,
     isLoading: c
-  } = at({
-    keys: [],
+  } = mt({
     getAccessToken: r
   }), {
     data: u,
@@ -2810,14 +2808,14 @@ const Ot = E.createContext({
     getAccessToken: r
   });
   return l || c || i || f ? null : n && u && /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-    $e,
+    Oe,
     {
       mode: "dark",
       focusMode: "light",
       trigger: /* @__PURE__ */ o(te, { className: "mr-2", children: u && u.engine === ee ? /* @__PURE__ */ o(gt, {}) : /* @__PURE__ */ o(ft, {}) }),
       defaultPlacement: "bottom-start",
-      children: /* @__PURE__ */ o(W, { raw: !0, children: /* @__PURE__ */ o(
-        sa,
+      children: /* @__PURE__ */ o(j, { raw: !0, children: /* @__PURE__ */ o(
+        na,
         {
           size: "small",
           mode: "dark",
@@ -2834,107 +2832,98 @@ const Ot = E.createContext({
                     engine: g
                   }
                 }), p({ ...u }), e && (e == null ? void 0 : e.messages.length) > 0 && t({
-                  type: tt
+                  type: et
                 });
               } catch {
               }
           },
-          children: s && s.engines && s.engines.map((g) => /* @__PURE__ */ o(la, { value: g }, g))
+          children: s && s.engines && s.engines.map((g) => /* @__PURE__ */ o(sa, { value: g }, g))
         }
       ) })
     }
   ) });
-}, pa = () => {
-  const { logout: e, user: t, getAccessToken: r } = D(), { state: a } = H(Pe), { state: n } = H(Ae);
-  ur({
-    keys: [
-      t == null ? void 0 : t.username,
-      n.searchString,
-      n.sortDirection
-    ],
-    getAccessToken: r
-  });
-  const [s, l] = R(!1), [c, u] = R(!1), [i, f] = R(!1), [p, g] = R(!1), [d, m] = R(!1), k = () => {
-    l(!s);
-  }, b = () => {
-    u(!c);
-  }, N = () => {
-    f(!i);
-  }, C = () => {
-    g(!p);
+}, fa = () => {
+  const { logout: e } = D(), { state: t } = Y(Pe), [r, a] = R(!1), [n, s] = R(!1), [l, c] = R(!1), [u, i] = R(!1), [f, p] = R(!1), g = () => {
+    a(!r);
+  }, d = () => {
+    s(!n);
+  }, m = () => {
+    c(!l);
   }, y = () => {
-    m(!d);
+    i(!u);
+  }, b = () => {
+    p(!f);
   };
   return /* @__PURE__ */ v(z, { children: [
     /* @__PURE__ */ o(
       wt,
       {
-        showConfirmation: d,
-        setShowConfirmation: m,
+        showConfirmation: f,
+        setShowConfirmation: p,
         action: e,
         customStrings: {
-          confirmAction: Ke,
+          confirmAction: We,
           cancelAction: "Cancel",
-          title: Ke
+          title: We
         },
         children: /* @__PURE__ */ o("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ o(so, { open: s, onOpenChange: l }),
-    /* @__PURE__ */ o(vo, { open: c, onOpenChange: u }),
-    i && /* @__PURE__ */ o(ao, { open: i, onOpenChange: f }),
-    /* @__PURE__ */ o(to, { open: p, onOpenChange: g }),
-    /* @__PURE__ */ o("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ v(Y, { alignHorizontal: "space-between", alignVertical: "center", children: [
-      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(mr, { mode: "dark", radius: "large" }) }),
-      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ v(Y, { children: [
-        /* @__PURE__ */ o(ca, {}),
+    /* @__PURE__ */ o(no, { open: r, onOpenChange: a }),
+    /* @__PURE__ */ o(bo, { open: n, onOpenChange: s }),
+    l && /* @__PURE__ */ o(oo, { open: l, onOpenChange: c }),
+    /* @__PURE__ */ o(eo, { open: u, onOpenChange: i }),
+    /* @__PURE__ */ o("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ v(K, { alignHorizontal: "space-between", alignVertical: "center", children: [
+      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(Nr, { mode: "dark", radius: "large" }) }),
+      /* @__PURE__ */ o(M, { children: /* @__PURE__ */ v(K, { children: [
+        /* @__PURE__ */ o(la, {}),
         /* @__PURE__ */ o(M, { children: /* @__PURE__ */ v(
-          $e,
+          Oe,
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(Lr, {}) }),
+            trigger: /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(Rr, {}) }),
             defaultPlacement: "bottom-end",
             children: [
               /* @__PURE__ */ o(
-                W,
+                j,
                 {
                   label: "Profile",
-                  onClick: k,
-                  icon: /* @__PURE__ */ o(Sr, {})
+                  onClick: g,
+                  icon: /* @__PURE__ */ o(_r, {})
                 }
               ),
               /* @__PURE__ */ o(
-                W,
+                j,
                 {
                   label: "Settings",
-                  onClick: b,
-                  icon: /* @__PURE__ */ o(Mr, {})
+                  onClick: d,
+                  icon: /* @__PURE__ */ o(Lr, {})
                 }
               ),
               /* @__PURE__ */ o(
-                W,
+                j,
                 {
                   label: "History",
-                  onClick: N,
-                  icon: /* @__PURE__ */ o(Tr, {})
+                  onClick: m,
+                  icon: /* @__PURE__ */ o(Er, {})
                 }
               ),
               /* @__PURE__ */ o(
-                W,
+                j,
                 {
                   label: "About",
-                  onClick: C,
-                  icon: /* @__PURE__ */ o(_r, {})
+                  onClick: y,
+                  icon: /* @__PURE__ */ o(Tr, {})
                 }
               ),
-              a && a.id && !a.isComponent && /* @__PURE__ */ v(z, { children: [
-                /* @__PURE__ */ o(zr, {}),
+              t && t.id && !t.isComponent && /* @__PURE__ */ v(z, { children: [
+                /* @__PURE__ */ o(Mr, {}),
                 /* @__PURE__ */ o(
-                  W,
+                  j,
                   {
                     label: "Log out",
-                    onClick: y,
+                    onClick: b,
                     icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(xr, { monotone: !0 }) })
                   }
                 )
@@ -2947,5 +2936,5 @@ const Ot = E.createContext({
   ] });
 };
 export {
-  pa as default
+  fa as default
 };