@versini/sassysaint 5.5.9 → 5.5.11

package/dist/chunks/{LazyHeader.DmyF2sJC.js → HeaderToolbar.CmGmS7yq.js}

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as k, Fragment as M } from "react/jsx-runtime";
-import { g as z, R as L, CARDS as E, renderDataAsList as ce, pluralize as pe, ABOUT_TITLE as Bt, L as H, j as R, C as F, un as Z, LOCAL_STORAGE_PREFIX as ue, LOCAL_STORAGE_SORT as Ot, O as X, ACTION_RESET as Ze, ACTION_RESTORE as Vt, ACTION_SORT as $e, LOCAL_STORAGE_SEARCH as $t, ye as Ne, ACTION_SEARCH as Dt, debounce as Ft, HISTORY_TITLE as Ht, M as Gt, z as De, DEFAULT_AI_ENGINE as le, numberFormatter as Ut, durationFormatter as Qe, NA as jt, ROLE_ASSISTANT as Kt, extractAverage as Wt, GPT4_MAX_TOKENS as Yt, PROFILE_TITLE as qt, TAGS_DESCRIPTION as Zt, ACTION_SET_TAGS as Qt, LOCAL_STORAGE_ENGINE_TOGGLE as Xe, LOCAL_STORAGE_CHAT_DETAILS as Xt, SETTINGS_TITLE as Jt, ENGINE_OPENAI as ne, ENGINE_ANTHROPIC as Q, APP_NAME as er, ACTION_ENGINE as Je, getCurrentGeoLocation as tr, LOG_OUT as Fe } from "./index.CFKzlMOQ.js";
-import { AppContext as ge, HistoryContext as et, E as me, ce as rr, se as or, he as xe, be as ar, oe as D, ge as nr, ne as sr, serviceCall as V, SERVICE_TYPES as $, f as Y, TagsContext as ir, Fe as He, NewChatButton as cr } from "./index.DPKX3b_X.js";
+import { g as z, R as L, CARDS as E, renderDataAsList as ce, pluralize as pe, ABOUT_TITLE as $t, L as H, j as A, C as F, un as X, LOCAL_STORAGE_PREFIX as ue, LOCAL_STORAGE_SORT as Dt, P as Q, ACTION_RESET as Ze, ACTION_RESTORE as Vt, ACTION_SORT as Ve, LOCAL_STORAGE_SEARCH as Ft, ye as Ee, ACTION_SEARCH as Ht, debounce as Gt, HISTORY_TITLE as Ut, M as jt, z as Fe, DEFAULT_AI_ENGINE as le, numberFormatter as Kt, durationFormatter as Qe, NA as Wt, ROLE_ASSISTANT as Yt, extractAverage as qt, GPT4_MAX_TOKENS as Xt, PROFILE_TITLE as Zt, TAGS_DESCRIPTION as Qt, ACTION_SET_TAGS as Jt, LOCAL_STORAGE_ENGINE_TOGGLE as Je, LOCAL_STORAGE_CHAT_DETAILS as er, SETTINGS_TITLE as tr, ENGINE_OPENAI as ne, ENGINE_ANTHROPIC as Z, APP_NAME as rr, ACTION_ENGINE as et, getCurrentGeoLocation as or, LOG_OUT as He } from "./index.CTyCRIB4.js";
+import { AppContext as ge, HistoryContext as tt, E as me, ge as ar, he as nr, ue as Ce, ke as sr, de as V, me as ir, be as cr, serviceCall as $, SERVICE_TYPES as D, _ as Y, TagsContext as lr, Fe as Ge, NewChatButton as dr } from "./App.CbBMiVHr.js";
 import * as g from "react";
-import I, { useId as Ae, forwardRef as tt, useState as S, useRef as J, useContext as P, useEffect as G } from "react";
+import I, { useId as ze, forwardRef as rt, useState as S, useRef as J, useContext as P, useEffect as G } from "react";
 import w from "clsx";
-import { useFloatingTree as rt, useFloatingNodeId as lr, useListItem as ot, useFloating as at, offset as dr, flip as ur, shift as mr, autoUpdate as hr, useClick as nt, useRole as st, useDismiss as it, useListNavigation as gr, useTypeahead as fr, useInteractions as ct, useMergeRefs as Me, FloatingNode as pr, FloatingList as br, FloatingPortal as lt, FloatingFocusManager as dt, FloatingTree as vr, FloatingOverlay as yr } from "@floating-ui/react";
-const ut = ({
+import { useFloatingTree as ot, useFloatingNodeId as ur, useListItem as at, useFloating as nt, offset as mr, flip as hr, shift as gr, autoUpdate as fr, useClick as st, useRole as it, useDismiss as ct, useListNavigation as pr, useTypeahead as br, useInteractions as lt, useMergeRefs as Le, FloatingNode as vr, FloatingList as yr, FloatingPortal as dt, FloatingFocusManager as ut, FloatingTree as kr, FloatingOverlay as wr } from "@floating-ui/react";
+const mt = ({
   className: e,
   viewBox: t,
   title: r,
@@ -22,7 +22,7 @@ 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" })
   }
-), kr = ({
+), Tr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -48,7 +48,7 @@ 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" })
     ]
   }
-), wr = ({
+), Nr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -74,7 +74,7 @@ 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" })
     ]
   }
-), Tr = ({
+), Cr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -126,7 +126,7 @@ 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" })
     ]
   }
-), Cr = ({
+), Er = ({
   className: e,
   viewBox: t,
   title: r,
@@ -152,7 +152,7 @@ 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 = ({
+), ht = ({
   className: e,
   viewBox: t,
   title: r,
@@ -175,7 +175,7 @@ const ut = ({
       }
     )
   }
-), Nr = ({
+), Ir = ({
   className: e,
   viewBox: t,
   title: r,
@@ -201,7 +201,7 @@ 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" })
     ]
   }
-), Er = ({
+), Sr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -227,7 +227,7 @@ 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" })
     ]
   }
-), Ir = ({
+), _r = ({
   className: e,
   viewBox: t,
   title: r,
@@ -244,7 +244,7 @@ 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" })
   }
-), Sr = ({
+), Rr = ({
   className: e,
   viewBox: t,
   title: r,
@@ -279,9 +279,9 @@ const ut = ({
   }
 );
 function de(e) {
-  return Ae();
+  return ze();
 }
-const Ee = g.createContext({
+const Ie = g.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -290,7 +290,7 @@ const Ee = g.createContext({
   setHasFocusInside: () => {
   },
   isOpen: !1
-}), Ge = (e) => {
+}), Ue = (e) => {
   if (typeof e == "string")
     return e;
   if (typeof e == "function")
@@ -301,7 +301,7 @@ const Ee = g.createContext({
       return t.displayName || t.name || "Component";
   }
   return "Element";
-}, ht = tt(
+}, gt = rt(
   ({
     trigger: e,
     children: t,
@@ -312,7 +312,7 @@ const Ee = g.createContext({
     focusMode: i = "system",
     ...c
   }, m) => {
-    const [l, d] = S(!1), [f, p] = S(!1), [b, h] = S(null), u = J([]), v = J([]), T = P(Ee), x = rt(), y = lr(), N = ot(), { floatingStyles: A, refs: B, context: _ } = at({
+    const [l, d] = S(!1), [f, p] = S(!1), [b, h] = S(null), u = J([]), v = J([]), T = P(Ie), N = ot(), y = ur(), x = at(), { floatingStyles: _, refs: B, context: R } = nt({
       nodeId: y,
       open: l,
       onOpenChange: (ae) => {
@@ -320,34 +320,34 @@ const Ee = g.createContext({
       },
       placement: a,
       strategy: "fixed",
-      middleware: [dr({ mainAxis: 10 }), ur(), mr()],
-      whileElementsMounted: hr
-    }), C = nt(_, {
+      middleware: [mr({ mainAxis: 10 }), hr(), gr()],
+      whileElementsMounted: fr
+    }), C = st(R, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), U = st(_, { role: "menu" }), j = it(_, { bubbles: !0 }), K = gr(_, {
+    }), U = it(R, { role: "menu" }), j = ct(R, { bubbles: !0 }), K = pr(R, {
       listRef: u,
       activeIndex: b,
       nested: !1,
       onNavigate: h,
       loop: !0
-    }), re = fr(_, {
+    }), re = br(R, {
       listRef: v,
       onMatch: l ? h : void 0,
       activeIndex: b
-    }), { getReferenceProps: oe, getFloatingProps: Te, getItemProps: O } = ct([C, U, j, K, re]), Ve = Ge(e) === "Button" || Ge(e) === "ButtonIcon", Lt = Ve ? {
-      noInternalClick: Ve,
+    }), { getReferenceProps: oe, getFloatingProps: Ne, getItemProps: O } = lt([C, U, j, K, re]), De = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Bt = De ? {
+      noInternalClick: De,
       focusMode: i,
       mode: s
-    } : {}, Pt = I.cloneElement(
+    } : {}, Ot = I.cloneElement(
       e,
       {
-        ...Lt,
+        ...Bt,
         "aria-label": r,
         "data-open": l ? "" : void 0,
         "data-focus-inside": f ? "" : void 0,
-        ref: Me([B.setReference, N.ref, m]),
+        ref: Le([B.setReference, x.ref, m]),
         ...oe(
           T.getItemProps({
             ...c
@@ -356,20 +356,20 @@ const Ee = g.createContext({
       }
     );
     return G(() => {
-      if (!x)
+      if (!N)
         return;
       function ae() {
         d(!1), n == null || n(!1);
       }
-      return x.events.on("click", ae), () => {
-        x.events.off("click", ae);
+      return N.events.on("click", ae), () => {
+        N.events.off("click", ae);
       };
-    }, [x, n]), G(() => {
-      l && x && x.events.emit("menuopen", { nodeId: y });
-    }, [x, l, y]), /* @__PURE__ */ k(pr, { id: y, children: [
-      Pt,
+    }, [N, n]), G(() => {
+      l && N && N.events.emit("menuopen", { nodeId: y });
+    }, [N, l, y]), /* @__PURE__ */ k(vr, { id: y, children: [
+      Ot,
       /* @__PURE__ */ o(
-        Ee.Provider,
+        Ie.Provider,
         {
           value: {
             activeIndex: b,
@@ -378,10 +378,10 @@ const Ee = g.createContext({
             setHasFocusInside: p,
             isOpen: l
           },
-          children: /* @__PURE__ */ o(br, { elementsRef: u, labelsRef: v, children: l && /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(
-            dt,
+          children: /* @__PURE__ */ o(yr, { elementsRef: u, labelsRef: v, children: l && /* @__PURE__ */ o(dt, { children: /* @__PURE__ */ o(
+            ut,
             {
-              context: _,
+              context: R,
               modal: !1,
               initialFocus: 0,
               returnFocus: !0,
@@ -390,8 +390,8 @@ const Ee = g.createContext({
                 {
                   ref: B.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: A,
-                  ...Te(),
+                  style: _,
+                  ...Ne(),
                   children: t
                 }
               )
@@ -401,9 +401,9 @@ const Ee = g.createContext({
       )
     ] });
   }
-), Ie = tt((e, t) => /* @__PURE__ */ o(vr, { children: /* @__PURE__ */ o(ht, { ...e, ref: t }) }));
-Ie.displayName = "Menu";
-ht.displayName = "MenuComponent";
+), Se = rt((e, t) => /* @__PURE__ */ o(kr, { children: /* @__PURE__ */ o(gt, { ...e, ref: t }) }));
+Se.displayName = "Menu";
+gt.displayName = "MenuComponent";
 const W = g.forwardRef(
   ({
     label: e,
@@ -415,7 +415,7 @@ const W = g.forwardRef(
     ...i
   }, c) => {
     let m = "";
-    const l = g.useContext(Ee), d = ot({ label: t ? null : e }), f = rt(), p = Me([d.ref, c]);
+    const l = g.useContext(Ie), d = at({ label: t ? null : e }), f = ot(), p = Le([d.ref, c]);
     return a && n ? /* @__PURE__ */ o(
       "div",
       {
@@ -456,38 +456,38 @@ const W = g.forwardRef(
   }
 );
 W.displayName = "MenuItem";
-const _r = ({ className: e, ...t }) => {
+const Ar = ({ 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.7
+  @versini/ui-menu v2.0.8
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "2.0.7",
-    buildTime: "01/01/2025 07:31 PM EST",
+    version: "2.0.8",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 /*!
-  @versini/ui-togglegroup v2.0.5
-  © 2024 gizmette.com
+  @versini/ui-togglegroup v2.0.6
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
-    version: "2.0.5",
-    buildTime: "12/30/2024 07:48 PM EST",
+    version: "2.0.6",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Rr = "av-togglegroup", Ar = "av-togglegroup-item-wrapper", Mr = "av-togglegroup-item";
-function ze(e, t = []) {
+const Mr = "av-togglegroup", zr = "av-togglegroup-item-wrapper", Lr = "av-togglegroup-item";
+function Pe(e, t = []) {
   let r = [];
   function a(s, i) {
     const c = g.createContext(i), m = r.length;
@@ -517,9 +517,9 @@ function ze(e, t = []) {
       );
     };
   };
-  return n.scopeName = e, [a, zr(n, ...t)];
+  return n.scopeName = e, [a, Pr(n, ...t)];
 }
-function zr(...e) {
+function Pr(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -537,57 +537,57 @@ function zr(...e) {
   };
   return r.scopeName = t.scopeName, r;
 }
-function Ue(e, t) {
+function je(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function gt(...e) {
+function ft(...e) {
   return (t) => {
     let r = !1;
     const a = e.map((n) => {
-      const s = Ue(n, t);
+      const s = je(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() : Ue(e[n], null);
+          typeof s == "function" ? s() : je(e[n], null);
         }
       };
   };
 }
-function Se(...e) {
-  return g.useCallback(gt(...e), e);
+function _e(...e) {
+  return g.useCallback(ft(...e), e);
 }
 var be = g.forwardRef((e, t) => {
-  const { children: r, ...a } = e, n = g.Children.toArray(r), s = n.find(Pr);
+  const { children: r, ...a } = e, n = g.Children.toArray(r), s = n.find(Or);
   if (s) {
     const i = s.props.children, c = n.map((m) => m === s ? g.Children.count(i) > 1 ? g.Children.only(null) : g.isValidElement(i) ? i.props.children : null : m);
-    return /* @__PURE__ */ o(_e, { ...a, ref: t, children: g.isValidElement(i) ? g.cloneElement(i, void 0, c) : null });
+    return /* @__PURE__ */ o(Re, { ...a, ref: t, children: g.isValidElement(i) ? g.cloneElement(i, void 0, c) : null });
   }
-  return /* @__PURE__ */ o(_e, { ...a, ref: t, children: r });
+  return /* @__PURE__ */ o(Re, { ...a, ref: t, children: r });
 });
 be.displayName = "Slot";
-var _e = g.forwardRef((e, t) => {
+var Re = g.forwardRef((e, t) => {
   const { children: r, ...a } = e;
   if (g.isValidElement(r)) {
-    const n = Or(r);
+    const n = Dr(r);
     return g.cloneElement(r, {
-      ...Br(a, r.props),
+      ...$r(a, r.props),
       // @ts-ignore
-      ref: t ? gt(t, n) : n
+      ref: t ? ft(t, n) : n
     });
   }
   return g.Children.count(r) > 1 ? g.Children.only(null) : null;
 });
-_e.displayName = "SlotClone";
-var Lr = ({ children: e }) => /* @__PURE__ */ o(M, { children: e });
-function Pr(e) {
-  return g.isValidElement(e) && e.type === Lr;
+Re.displayName = "SlotClone";
+var Br = ({ children: e }) => /* @__PURE__ */ o(M, { children: e });
+function Or(e) {
+  return g.isValidElement(e) && e.type === Br;
 }
-function Br(e, t) {
+function $r(e, t) {
   const r = { ...t };
   for (const a in t) {
     const n = e[a], s = t[a];
@@ -597,7 +597,7 @@ function Br(e, t) {
   }
   return { ...e, ...r };
 }
-function Or(e) {
+function Dr(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);
@@ -632,8 +632,8 @@ function q(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
       return t == null ? void 0 : t(a);
   };
 }
-function $r(e) {
-  const t = e + "CollectionProvider", [r, a] = ze(t), [n, s] = r(
+function Fr(e) {
+  const t = e + "CollectionProvider", [r, a] = Pe(t), [n, s] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (b) => {
@@ -643,15 +643,15 @@ function $r(e) {
   i.displayName = t;
   const c = e + "CollectionSlot", m = I.forwardRef(
     (b, h) => {
-      const { scope: u, children: v } = b, T = s(c, u), x = Se(h, T.collectionRef);
-      return /* @__PURE__ */ o(be, { ref: x, children: v });
+      const { scope: u, children: v } = b, T = s(c, u), N = _e(h, T.collectionRef);
+      return /* @__PURE__ */ o(be, { ref: N, children: v });
     }
   );
   m.displayName = c;
   const l = e + "CollectionItemSlot", d = "data-radix-collection-item", f = I.forwardRef(
     (b, h) => {
-      const { scope: u, children: v, ...T } = b, x = I.useRef(null), y = Se(h, x), N = s(l, u);
-      return I.useEffect(() => (N.itemMap.set(x, { ref: x, ...T }), () => void N.itemMap.delete(x))), /* @__PURE__ */ o(be, { [d]: "", ref: y, children: v });
+      const { scope: u, children: v, ...T } = b, N = I.useRef(null), y = _e(h, N), x = s(l, u);
+      return I.useEffect(() => (x.itemMap.set(N, { ref: N, ...T }), () => void x.itemMap.delete(N))), /* @__PURE__ */ o(be, { [d]: "", ref: y, children: v });
     }
   );
   f.displayName = l;
@@ -662,7 +662,7 @@ function $r(e) {
       if (!u) return [];
       const v = Array.from(u.querySelectorAll(`[${d}]`));
       return Array.from(h.itemMap.values()).sort(
-        (T, x) => v.indexOf(T.ref.current) - v.indexOf(x.ref.current)
+        (T, N) => v.indexOf(T.ref.current) - v.indexOf(N.ref.current)
       );
     }, [h.collectionRef, h.itemMap]);
   }
@@ -672,16 +672,16 @@ function $r(e) {
     a
   ];
 }
-var Dr = globalThis != null && globalThis.document ? g.useLayoutEffect : () => {
-}, Fr = g.useId || (() => {
-}), Hr = 0;
-function Gr(e) {
-  const [t, r] = g.useState(Fr());
-  return Dr(() => {
-    r((a) => a ?? String(Hr++));
+var Hr = globalThis != null && globalThis.document ? g.useLayoutEffect : () => {
+}, Gr = g.useId || (() => {
+}), Ur = 0;
+function jr(e) {
+  const [t, r] = g.useState(Gr());
+  return Hr(() => {
+    r((a) => a ?? String(Ur++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Le(e) {
+function Be(e) {
   const t = g.useRef(e);
   return g.useEffect(() => {
     t.current = e;
@@ -696,7 +696,7 @@ function ye({
   onChange: r = () => {
   }
 }) {
-  const [a, n] = Ur({ defaultProp: t, onChange: r }), s = e !== void 0, i = s ? e : a, c = Le(r), m = g.useCallback(
+  const [a, n] = Kr({ defaultProp: t, onChange: r }), s = e !== void 0, i = s ? e : a, c = Be(r), m = g.useCallback(
     (l) => {
       if (s) {
         const d = typeof l == "function" ? l(e) : l;
@@ -708,28 +708,28 @@ function ye({
   );
   return [i, m];
 }
-function Ur({
+function Kr({
   defaultProp: e,
   onChange: t
 }) {
-  const r = g.useState(e), [a] = r, n = g.useRef(a), s = Le(t);
+  const r = g.useState(e), [a] = r, n = g.useRef(a), s = Be(t);
   return g.useEffect(() => {
     n.current !== a && (s(a), n.current = a);
   }, [a, n, s]), r;
 }
-var jr = g.createContext(void 0);
-function ft(e) {
-  const t = g.useContext(jr);
+var Wr = g.createContext(void 0);
+function pt(e) {
+  const t = g.useContext(Wr);
   return e || t || "ltr";
 }
-var Ce = "rovingFocusGroup.onEntryFocus", Kr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Re, pt, Wr] = $r(ke), [Yr, bt] = ze(
+var xe = "rovingFocusGroup.onEntryFocus", Yr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Ae, bt, qr] = Fr(ke), [Xr, vt] = Pe(
   ke,
-  [Wr]
-), [qr, Zr] = Yr(ke), vt = g.forwardRef(
-  (e, t) => /* @__PURE__ */ o(Re.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Re.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Qr, { ...e, ref: t }) }) })
+  [qr]
+), [Zr, Qr] = Xr(ke), yt = g.forwardRef(
+  (e, t) => /* @__PURE__ */ o(Ae.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Ae.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Jr, { ...e, ref: t }) }) })
 );
-vt.displayName = ke;
-var Qr = g.forwardRef((e, t) => {
+yt.displayName = ke;
+var Jr = g.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
     orientation: a,
@@ -741,17 +741,17 @@ var Qr = g.forwardRef((e, t) => {
     onEntryFocus: l,
     preventScrollOnEntryFocus: d = !1,
     ...f
-  } = e, p = g.useRef(null), b = Se(t, p), h = ft(s), [u = null, v] = ye({
+  } = e, p = g.useRef(null), b = _e(t, p), h = pt(s), [u = null, v] = ye({
     prop: i,
     defaultProp: c,
     onChange: m
-  }), [T, x] = g.useState(!1), y = Le(l), N = pt(r), A = g.useRef(!1), [B, _] = g.useState(0);
+  }), [T, N] = g.useState(!1), y = Be(l), x = bt(r), _ = g.useRef(!1), [B, R] = g.useState(0);
   return g.useEffect(() => {
     const C = p.current;
     if (C)
-      return C.addEventListener(Ce, y), () => C.removeEventListener(Ce, y);
+      return C.addEventListener(xe, y), () => C.removeEventListener(xe, y);
   }, [y]), /* @__PURE__ */ o(
-    qr,
+    Zr,
     {
       scope: r,
       orientation: a,
@@ -762,13 +762,13 @@ var Qr = g.forwardRef((e, t) => {
         (C) => v(C),
         [v]
       ),
-      onItemShiftTab: g.useCallback(() => x(!0), []),
+      onItemShiftTab: g.useCallback(() => N(!0), []),
       onFocusableItemAdd: g.useCallback(
-        () => _((C) => C + 1),
+        () => R((C) => C + 1),
         []
       ),
       onFocusableItemRemove: g.useCallback(
-        () => _((C) => C - 1),
+        () => R((C) => C - 1),
         []
       ),
       children: /* @__PURE__ */ o(
@@ -780,27 +780,27 @@ var Qr = g.forwardRef((e, t) => {
           ref: b,
           style: { outline: "none", ...e.style },
           onMouseDown: q(e.onMouseDown, () => {
-            A.current = !0;
+            _.current = !0;
           }),
           onFocus: q(e.onFocus, (C) => {
-            const U = !A.current;
+            const U = !_.current;
             if (C.target === C.currentTarget && U && !T) {
-              const j = new CustomEvent(Ce, Kr);
+              const j = new CustomEvent(xe, Yr);
               if (C.currentTarget.dispatchEvent(j), !j.defaultPrevented) {
-                const K = N().filter((O) => O.focusable), re = K.find((O) => O.active), oe = K.find((O) => O.id === u), Te = [re, oe, ...K].filter(
+                const K = x().filter((O) => O.focusable), re = K.find((O) => O.active), oe = K.find((O) => O.id === u), Ne = [re, oe, ...K].filter(
                   Boolean
                 ).map((O) => O.ref.current);
-                wt(Te, d);
+                Tt(Ne, d);
               }
             }
-            A.current = !1;
+            _.current = !1;
           }),
-          onBlur: q(e.onBlur, () => x(!1))
+          onBlur: q(e.onBlur, () => N(!1))
         }
       )
     }
   );
-}), yt = "RovingFocusGroupItem", kt = g.forwardRef(
+}), kt = "RovingFocusGroupItem", wt = g.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: r,
@@ -808,12 +808,12 @@ var Qr = g.forwardRef((e, t) => {
       active: n = !1,
       tabStopId: s,
       ...i
-    } = e, c = Gr(), m = s || c, l = Zr(yt, r), d = l.currentTabStopId === m, f = pt(r), { onFocusableItemAdd: p, onFocusableItemRemove: b } = l;
+    } = e, c = jr(), m = s || c, l = Qr(kt, r), d = l.currentTabStopId === m, f = bt(r), { onFocusableItemAdd: p, onFocusableItemRemove: b } = l;
     return g.useEffect(() => {
       if (a)
         return p(), () => b();
     }, [a, p, b]), /* @__PURE__ */ o(
-      Re.ItemSlot,
+      Ae.ItemSlot,
       {
         scope: r,
         id: m,
@@ -836,7 +836,7 @@ var Qr = g.forwardRef((e, t) => {
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const u = eo(h, l.orientation, l.dir);
+              const u = ro(h, l.orientation, l.dir);
               if (u !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
@@ -845,9 +845,9 @@ var Qr = g.forwardRef((e, t) => {
                 else if (u === "prev" || u === "next") {
                   u === "prev" && v.reverse();
                   const T = v.indexOf(h.currentTarget);
-                  v = l.loop ? to(v, T + 1) : v.slice(T + 1);
+                  v = l.loop ? oo(v, T + 1) : v.slice(T + 1);
                 }
-                setTimeout(() => wt(v));
+                setTimeout(() => Tt(v));
               }
             })
           }
@@ -856,8 +856,8 @@ var Qr = g.forwardRef((e, t) => {
     );
   }
 );
-kt.displayName = yt;
-var Xr = {
+wt.displayName = kt;
+var eo = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -867,23 +867,23 @@ var Xr = {
   PageDown: "last",
   End: "last"
 };
-function Jr(e, t) {
+function to(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function eo(e, t, r) {
-  const a = Jr(e.key, r);
+function ro(e, t, r) {
+  const a = to(e.key, r);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
-    return Xr[a];
+    return eo[a];
 }
-function wt(e, t = !1) {
+function Tt(e, t = !1) {
   const r = document.activeElement;
   for (const a of e)
     if (a === r || (a.focus({ preventScroll: t }), document.activeElement !== r)) return;
 }
-function to(e, t) {
+function oo(e, t) {
   return e.map((r, a) => e[(t + a) % e.length]);
 }
-var ro = vt, oo = kt, ao = "Toggle", Tt = g.forwardRef((e, t) => {
+var ao = yt, no = wt, so = "Toggle", Nt = g.forwardRef((e, t) => {
   const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...s } = e, [i = !1, c] = ye({
     prop: r,
     onChange: n,
@@ -904,19 +904,19 @@ var ro = vt, oo = kt, ao = "Toggle", Tt = g.forwardRef((e, t) => {
     }
   );
 });
-Tt.displayName = ao;
-var ee = "ToggleGroup", [xt, ma] = ze(ee, [
-  bt
-]), Ct = bt(), Pe = I.forwardRef((e, t) => {
+Nt.displayName = so;
+var ee = "ToggleGroup", [Ct, fa] = Pe(ee, [
+  vt
+]), xt = vt(), Oe = I.forwardRef((e, t) => {
   const { type: r, ...a } = e;
   if (r === "single")
-    return /* @__PURE__ */ o(no, { ...a, ref: t });
+    return /* @__PURE__ */ o(io, { ...a, ref: t });
   if (r === "multiple")
-    return /* @__PURE__ */ o(so, { ...a, ref: t });
+    return /* @__PURE__ */ o(co, { ...a, ref: t });
   throw new Error(`Missing prop \`type\` expected on \`${ee}\``);
 });
-Pe.displayName = ee;
-var [Nt, Et] = xt(ee), no = I.forwardRef((e, t) => {
+Oe.displayName = ee;
+var [Et, It] = Ct(ee), io = I.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
@@ -929,17 +929,17 @@ var [Nt, Et] = xt(ee), no = I.forwardRef((e, t) => {
     onChange: n
   });
   return /* @__PURE__ */ o(
-    Nt,
+    Et,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
       value: i ? [i] : [],
       onItemActivate: c,
       onItemDeactivate: I.useCallback(() => c(""), [c]),
-      children: /* @__PURE__ */ o(It, { ...s, ref: t })
+      children: /* @__PURE__ */ o(St, { ...s, ref: t })
     }
   );
-}), so = I.forwardRef((e, t) => {
+}), co = I.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
@@ -958,19 +958,19 @@ var [Nt, Et] = xt(ee), no = I.forwardRef((e, t) => {
     [c]
   );
   return /* @__PURE__ */ o(
-    Nt,
+    Et,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
       value: i,
       onItemActivate: m,
       onItemDeactivate: l,
-      children: /* @__PURE__ */ o(It, { ...s, ref: t })
+      children: /* @__PURE__ */ o(St, { ...s, ref: t })
     }
   );
 });
-Pe.displayName = ee;
-var [io, co] = xt(ee), It = I.forwardRef(
+Oe.displayName = ee;
+var [lo, uo] = Ct(ee), St = I.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: r,
@@ -980,9 +980,9 @@ var [io, co] = xt(ee), It = I.forwardRef(
       dir: i,
       loop: c = !0,
       ...m
-    } = e, l = Ct(r), d = ft(i), f = { role: "group", dir: d, ...m };
-    return /* @__PURE__ */ o(io, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
-      ro,
+    } = e, l = xt(r), d = pt(i), f = { role: "group", dir: d, ...m };
+    return /* @__PURE__ */ o(lo, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
+      ao,
       {
         asChild: !0,
         ...l,
@@ -993,28 +993,28 @@ var [io, co] = xt(ee), It = I.forwardRef(
       }
     ) : /* @__PURE__ */ o(he.div, { ...f, ref: t }) });
   }
-), ve = "ToggleGroupItem", St = I.forwardRef(
+), ve = "ToggleGroupItem", _t = I.forwardRef(
   (e, t) => {
-    const r = Et(ve, e.__scopeToggleGroup), a = co(ve, e.__scopeToggleGroup), n = Ct(e.__scopeToggleGroup), s = r.value.includes(e.value), i = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, m = I.useRef(null);
+    const r = It(ve, e.__scopeToggleGroup), a = uo(ve, e.__scopeToggleGroup), n = xt(e.__scopeToggleGroup), s = r.value.includes(e.value), i = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, m = I.useRef(null);
     return a.rovingFocus ? /* @__PURE__ */ o(
-      oo,
+      no,
       {
         asChild: !0,
         ...n,
         focusable: !i,
         active: s,
         ref: m,
-        children: /* @__PURE__ */ o(je, { ...c, ref: t })
+        children: /* @__PURE__ */ o(Ke, { ...c, ref: t })
       }
-    ) : /* @__PURE__ */ o(je, { ...c, ref: t });
+    ) : /* @__PURE__ */ o(Ke, { ...c, ref: t });
   }
 );
-St.displayName = ve;
-var je = I.forwardRef(
+_t.displayName = ve;
+var Ke = I.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: r, value: a, ...n } = e, s = Et(ve, r), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
+    const { __scopeToggleGroup: r, value: a, ...n } = e, s = It(ve, r), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
     return /* @__PURE__ */ o(
-      Tt,
+      Nt,
       {
         ...c,
         ...n,
@@ -1025,27 +1025,27 @@ var je = I.forwardRef(
       }
     );
   }
-), lo = Pe, uo = St;
-const _t = I.createContext({
+), mo = Oe, ho = _t;
+const Rt = I.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
-}), mo = ({ focusMode: e }) => w("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}), go = ({ 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"
-}), ho = ({ mode: e }) => w({
+}), fo = ({ 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"
-}), go = ({ size: e }) => w({
+}), po = ({ size: e }) => w({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), fo = ({ mode: e }) => w(
-  Ar,
+}), bo = ({ mode: e }) => w(
+  zr,
   "px-1",
   "relative",
   "border-r",
@@ -1058,26 +1058,26 @@ const _t = I.createContext({
     "border-surface-light dark:border-surface-darker": e === "system",
     "border-surface-darker dark:border-surface-light": e === "alt-system"
   }
-), po = ({
+), vo = ({
   focusMode: e,
   mode: t,
   size: r
 }) => ({
-  wrapperClass: fo({ mode: t }),
+  wrapperClass: bo({ mode: t }),
   itemClass: w(
-    Mr,
+    Lr,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
     "transition duration-200 ease",
-    go({ size: r }),
-    mo({ focusMode: e }),
-    ho({ mode: t })
+    po({ size: r }),
+    go({ focusMode: e }),
+    fo({ mode: t })
   )
-}), bo = ({
+}), yo = ({
   mode: e,
   className: t
 }) => w(
-  Rr,
+  Mr,
   "inline-flex p-1",
   "rounded-sm",
   {
@@ -1087,7 +1087,7 @@ const _t = I.createContext({
     "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
   },
   t
-), vo = ({
+), ko = ({
   children: e,
   value: t,
   onValueChange: r,
@@ -1099,9 +1099,9 @@ const _t = I.createContext({
   className: m,
   ...l
 }) => {
-  const d = bo({ mode: n, className: m }), f = { size: i, focusMode: s, mode: n };
-  return /* @__PURE__ */ o(_t.Provider, { value: f, children: /* @__PURE__ */ o(
-    lo,
+  const d = yo({ mode: n, className: m }), f = { size: i, focusMode: s, mode: n };
+  return /* @__PURE__ */ o(Rt.Provider, { value: f, children: /* @__PURE__ */ o(
+    mo,
     {
       disabled: a,
       className: d,
@@ -1113,14 +1113,14 @@ const _t = I.createContext({
       children: e
     }
   ) });
-}, yo = ({ value: e, disabled: t }) => {
-  const { size: r, focusMode: a, mode: n } = P(_t), { itemClass: s, wrapperClass: i } = po({
+}, wo = ({ value: e, disabled: t }) => {
+  const { size: r, focusMode: a, mode: n } = P(Rt), { itemClass: s, wrapperClass: i } = vo({
     focusMode: a,
     mode: n,
     size: r
   });
   return /* @__PURE__ */ o("div", { className: i, children: /* @__PURE__ */ o(
-    uo,
+    ho,
     {
       disabled: t,
       className: s,
@@ -1130,110 +1130,147 @@ const _t = I.createContext({
   ) });
 };
 /*!
-  @versini/ui-panel v1.2.14
+  @versini/ui-panel v1.2.15
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.2.14",
-    buildTime: "01/01/2025 07:31 PM EST",
+    version: "1.2.15",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ke = "av-messagebox", We = "av-panel", Ye = "av-button", Be = "icon", ko = "button", wo = "link", To = ({
+const We = "av-messagebox", Ye = "av-panel", qe = "av-button", we = "icon", At = "button", Me = "link", To = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  const s = "text-sm font-medium max-h-8 py-0 px-2", i = "text-base font-medium max-h-9 py-1 px-3", c = "text-lg font-medium 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 ko:
+    case At:
+    case Me:
       return w({
         [s]: t === "small",
         [i]: t === "medium",
         [c]: t === "large"
       });
-    case wo:
-      return w("text-center", {
-        [s]: t === "small",
-        [i]: t === "medium",
-        [c]: t === "large"
-      });
-    case Be:
+    case we:
       return w("inline-flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
         "justify-end": n === "right",
         "h-6 w-6 p-0": t === "small" && !(r || a),
-        "h-6 px-2 text-sm font-medium": t === "small" && (r || a),
+        "h-6 px-2": t === "small" && (r || a),
         "h-8 w-8 p-1": t === "medium" && !(r || a),
-        "h-8 px-3 text-base font-medium": t === "medium" && (r || a),
+        "h-8 px-3": t === "medium" && (r || a),
         "h-12 w-12 p-2": t === "large" && !(r || a),
-        "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
+        "h-12 px-4": t === "large" && (r || a)
       });
   }
-}, xo = ({
+}, No = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a
+}) => {
+  const n = "text-sm font-medium", s = "text-base font-medium", i = "text-lg font-medium";
+  switch (e) {
+    case At:
+    case Me:
+      return w({
+        "text-center": e === Me,
+        [n]: t === "small",
+        [s]: t === "medium",
+        [i]: t === "large"
+      });
+    case we:
+      return w({
+        [n]: t === "small" && (r || a),
+        [s]: t === "medium" && (r || a),
+        [i]: t === "large" && (r || a)
+      });
+  }
+}, Co = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
-  variant: a,
-  radius: n
+  variant: a
 }) => {
   if (t)
-    return w("not-prose", {
-      "rounded-full": n === "large",
-      "rounded-md": n === "medium",
-      "rounded-sm": n === "small"
-    });
+    return "not-prose";
   if (a === "primary")
     return w("not-prose", {
-      "rounded-full": n === "large",
-      "rounded-md": n === "medium",
-      "rounded-sm": n === "small",
       truncate: !r,
-      "bg-action-dark text-copy-light": e === "dark",
-      "bg-action-light text-copy-lighter": e === "light",
-      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
-      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
     return w("not-prose", {
-      "rounded-full": n === "large",
-      "rounded-md": n === "medium",
-      "rounded-sm": n === "small",
       truncate: !r,
-      "bg-action-dark text-copy-light": e === "light",
-      "bg-action-light text-copy-lighter": e === "dark",
-      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
-      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
+      "text-copy-light": e === "light",
+      "text-copy-lighter": e === "dark",
+      "text-copy-light dark:text-copy-lighter": e === "alt-system",
+      "text-copy-lighter dark:text-copy-light": e === "system"
     });
   if (a === "danger")
     return w("not-prose", {
-      "rounded-full": n === "large",
-      "rounded-md": n === "medium",
-      "rounded-sm": n === "small",
       truncate: !r,
-      "bg-action-danger-dark text-copy-light": e === "dark",
-      "bg-action-danger-light text-copy-lighter": e === "light",
-      "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
-      "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
     return w("not-prose", {
-      "rounded-full": n === "large",
-      "rounded-md": n === "medium",
-      "rounded-sm": n === "small",
       truncate: !r,
-      "bg-action-selected-dark text-copy-light": e === "dark",
-      "bg-action-selected-light text-copy-lighter": e === "light",
-      "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
-      "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
     });
-}, Co = ({
+}, xo = ({
+  mode: e,
+  noBackground: t,
+  variant: r
+}) => {
+  if (!t) {
+    if (r === "primary")
+      return w({
+        "bg-action-dark": e === "dark",
+        "bg-action-light": e === "light",
+        "bg-action-dark dark:bg-action-light": e === "system",
+        "bg-action-light dark:bg-action-dark": e === "alt-system"
+      });
+    if (r === "secondary")
+      return w({
+        "bg-action-dark": e === "light",
+        "bg-action-light": e === "dark",
+        "bg-action-dark dark:bg-action-light": e === "alt-system",
+        "bg-action-light dark:bg-action-dark": e === "system"
+      });
+    if (r === "danger")
+      return w({
+        "bg-action-danger-dark": e === "dark",
+        "bg-action-danger-light": e === "light",
+        "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
+        "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
+      });
+    if (r === "selected")
+      return "bg-action-selected-dark";
+  }
+}, Eo = ({
+  radius: e
+}) => w({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-sm": e === "small"
+}), Io = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1262,13 +1299,8 @@ const Ke = "av-messagebox", We = "av-panel", Ye = "av-button", Be = "icon", ko =
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
   if (r === "selected")
-    return w("hover:text-copy-light-hover", {
-      "hover:bg-action-selected-dark-hover": e === "dark",
-      "hover:bg-action-selected-light-hover": e === "light",
-      "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
-      "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
-    });
-}, No = ({
+    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
+}, So = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1297,13 +1329,8 @@ const Ke = "av-messagebox", We = "av-panel", Ye = "av-button", Be = "icon", ko =
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
   if (r === "selected")
-    return w("active:text-copy-lighter-active", {
-      "active:bg-action-selected-dark-active": e === "dark",
-      "active:bg-action-selected-light-active": e === "light",
-      "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
-      "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
-    });
-}, Eo = ({
+    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
+}, _o = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -1332,20 +1359,15 @@ const Ke = "av-messagebox", We = "av-panel", Ye = "av-button", Be = "icon", ko =
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
   if (r === "selected")
-    return w("border", {
-      "border-border-selected-dark": e === "dark",
-      "border-border-selected-medium": e === "light",
-      "border-border-selected-dark dark:border-border-selected-medium": e === "system",
-      "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
-    });
-}, Io = ({
+    return "border border-border-selected-dark";
+}, Ro = ({
   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"
-}), Rt = ({
+}), Mt = ({
   type: e,
   className: t,
   raw: r,
@@ -1362,15 +1384,16 @@ const Ke = "av-messagebox", We = "av-panel", Ye = "av-button", Be = "icon", ko =
   noTruncate: b,
   align: h,
   radius: u
-}) => (p || (p = "primary"), r ? w(Ye, t) : w(
-  Ye,
-  xo({
+}) => (p || (p = "primary"), r ? w(qe, t) : w(
+  qe,
+  Co({
     mode: a,
     variant: p,
     noBackground: f,
-    noTruncate: b,
-    radius: u
+    noTruncate: b
   }),
+  xo({ mode: a, noBackground: f, variant: p }),
+  Eo({ radius: u }),
   To({
     type: e,
     size: c,
@@ -1378,33 +1401,34 @@ const Ke = "av-messagebox", We = "av-panel", Ye = "av-button", Be = "icon", ko =
     labelLeft: d,
     align: h
   }),
-  Eo({ mode: a, variant: p, noBorder: m }),
-  Io({ focusMode: n }),
-  Co({ mode: a, variant: p, disabled: s }),
-  No({ mode: a, variant: p, disabled: s }),
+  No({ type: e, size: c, labelRight: l, labelLeft: d }),
+  _o({ mode: a, variant: p, noBorder: m }),
+  Ro({ focusMode: n }),
+  Io({ mode: a, variant: p, disabled: s }),
+  So({ mode: a, variant: p, disabled: s }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": s
   },
   t
-)), So = (e, t, r) => {
+)), Ao = (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 = I.forwardRef((e, t) => {
+}, $e = I.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ o(
     "button",
     {
       ref: t,
       onClick: (s) => {
-        So(s, a, r);
+        Ao(s, a, r);
       },
       ...n
     }
   );
 });
-Oe.displayName = "BaseButton";
-const At = I.forwardRef(
+$e.displayName = "BaseButton";
+const zt = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1423,10 +1447,11 @@ const At = I.forwardRef(
     noBackground: h = !1,
     align: u = "center",
     radius: v = "large",
-    ...T
-  }, x) => {
-    const y = Rt({
-      type: Be,
+    variant: T = "primary",
+    ...N
+  }, y) => {
+    const x = Mt({
+      type: we,
       mode: r,
       focusMode: a,
       fullWidth: n,
@@ -1439,46 +1464,47 @@ const At = I.forwardRef(
       labelLeft: b,
       noBackground: h,
       align: u,
-      radius: v
-    }), N = w({
+      radius: v,
+      variant: T
+    }), _ = 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,
+      $e,
       {
-        ref: x,
-        className: y,
+        ref: y,
+        className: x,
         disabled: t,
         type: i,
         "aria-label": l || d,
-        ...T,
+        ...N,
         children: [
           b && /* @__PURE__ */ o("span", { className: "pr-2", children: b }),
-          /* @__PURE__ */ o("div", { className: N, children: e }),
+          /* @__PURE__ */ o("div", { className: _, children: e }),
           p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
         ]
       }
     );
   }
 );
-At.displayName = "ButtonIcon";
+zt.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v3.2.1
+  @versini/ui-button v3.2.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "3.2.1",
-    buildTime: "01/01/2025 07:31 PM EST",
+    version: "3.2.2",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const _o = I.forwardRef(
+const Mo = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1498,10 +1524,10 @@ const _o = I.forwardRef(
     align: u = "center",
     active: v = !1,
     radius: T = "large",
-    ...x
+    ...N
   }, y) => {
-    const N = Rt({
-      type: Be,
+    const x = Mt({
+      type: we,
       mode: r,
       focusMode: a,
       fullWidth: n,
@@ -1515,7 +1541,7 @@ const _o = I.forwardRef(
       noBackground: h,
       align: u,
       radius: T
-    }), A = w({
+    }), _ = 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,
@@ -1538,25 +1564,25 @@ const _o = I.forwardRef(
       }
     ) : "";
     return /* @__PURE__ */ o("div", { className: B, children: /* @__PURE__ */ k(
-      Oe,
+      $e,
       {
         ref: y,
-        className: N,
+        className: x,
         disabled: t,
         type: i,
         "aria-label": l || d,
-        ...x,
+        ...N,
         children: [
           b && /* @__PURE__ */ o("span", { className: "pr-2", children: b }),
-          /* @__PURE__ */ o("div", { className: A, children: e }),
+          /* @__PURE__ */ o("div", { className: _, children: e }),
           p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
         ]
       }
     ) });
   }
 );
-_o.displayName = "ButtonSort";
-const Ro = ({
+Mo.displayName = "ButtonSort";
+const zo = ({
   children: e,
   fill: t,
   viewBox: r,
@@ -1587,26 +1613,26 @@ const Ro = ({
   ] });
 };
 /*!
-  @versini/ui-svgicon v3.0.2
+  @versini/ui-svgicon v3.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "3.0.2",
-    buildTime: "01/01/2025 07:31 PM EST",
+    version: "3.0.3",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ao = ({
+const Lo = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  Ro,
+  zo,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -1618,33 +1644,33 @@ const Ao = ({
   }
 );
 /*!
-  @versini/ui-icons v3.1.0
+  @versini/ui-icons v3.1.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "3.1.0",
-    buildTime: "01/01/2025 07:31 PM EST",
+    version: "3.1.1",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Mt = g.createContext(null);
-function Mo({
+const Lt = g.createContext(null);
+function Po({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, n] = g.useState(e), [s, i] = g.useState(), [c, m] = g.useState(), l = t ?? a, d = r ?? n, f = at({
+  const [a, n] = g.useState(e), [s, i] = g.useState(), [c, m] = g.useState(), l = t ?? a, d = r ?? n, f = nt({
     open: l,
     onOpenChange: d
-  }), p = f.context, b = nt(p, {
+  }), p = f.context, b = st(p, {
     enabled: t == null
-  }), h = it(p, {
+  }), h = ct(p, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), u = st(p), v = ct([b, h, u]);
+  }), u = it(p), v = lt([b, h, u]);
   return g.useMemo(
     () => ({
       open: l,
@@ -1659,28 +1685,28 @@ function Mo({
     [l, d, v, f, s, c]
   );
 }
-const we = () => {
-  const e = g.useContext(Mt);
+const Te = () => {
+  const e = g.useContext(Lt);
   if (e == null)
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function zo({
+function Bo({
   children: e,
   ...t
 }) {
-  const r = Mo(t);
-  return /* @__PURE__ */ o(Mt.Provider, { value: r, children: e });
+  const r = Po(t);
+  return /* @__PURE__ */ o(Lt.Provider, { value: r, children: e });
 }
-const Lo = g.forwardRef(function(e, t) {
-  const { context: r, ...a } = we(), n = Me([a.refs.setFloating, t]);
+const Oo = g.forwardRef(function(e, t) {
+  const { context: r, ...a } = Te(), n = Le([a.refs.setFloating, t]);
   if (!r.open)
     return null;
   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(yr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(dt, { context: r, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(dt, { children: /* @__PURE__ */ o(wr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(ut, { context: r, children: /* @__PURE__ */ o(
     "div",
     {
       ref: n,
@@ -1690,14 +1716,14 @@ const Lo = g.forwardRef(function(e, t) {
       children: i.children
     }
   ) }) }) });
-}), Po = g.forwardRef(function({ children: e, ...t }, r) {
-  const { setLabelId: a } = we(), n = Ae();
+}), $o = g.forwardRef(function({ children: e, ...t }, r) {
+  const { setLabelId: a } = Te(), n = ze();
   return g.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
-}), Bo = g.forwardRef(function({ children: e, ...t }, r) {
-  const { setDescriptionId: a } = we(), n = Ae();
+}), Do = g.forwardRef(function({ children: e, ...t }, r) {
+  const { setDescriptionId: a } = Te(), n = ze();
   return g.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
-}), Oo = g.forwardRef(function(e, t) {
-  const { setOpen: r } = we(), { trigger: a, className: n, ...s } = e, i = g.useCallback(() => r(!1), [r]);
+}), Vo = g.forwardRef(function(e, t) {
+  const { setOpen: r } = Te(), { 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: i,
@@ -1705,28 +1731,28 @@ const Lo = g.forwardRef(function(e, t) {
   }) });
 });
 /*!
-  @versini/ui-modal v1.1.7
+  @versini/ui-modal v1.1.8
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.1.7",
-    buildTime: "01/01/2025 07:31 PM EST",
+    version: "1.1.8",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const se = "panel", fe = "messagebox", Vo = ({
+const se = "panel", fe = "messagebox", Fo = ({
   className: e,
   kind: t,
   borderMode: r
 }) => ({
   main: w("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${We} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === se,
-    [`${We} w-full sm:w-[95%] md:max-w-2xl`]: t === se && !e,
-    [`${Ke} rounded-lg border-2`]: t === fe,
-    [`${Ke} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === fe && !e,
+    [`${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,
+    [`${We} rounded-lg border-2`]: t === fe,
+    [`${We} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === fe && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": r === "dark" && t === se,
     "sm:border-border-accent": r === "light" && t === se,
@@ -1747,33 +1773,33 @@ const se = "panel", fe = "messagebox", Vo = ({
   kind: i = se,
   className: c
 }) => {
-  const m = J(""), l = Vo({ className: c, kind: i, borderMode: s });
+  const m = J(""), l = Fo({ className: c, kind: i, borderMode: s });
   return G(() => (e && (m.current = document.title, document.title = `${r} | ${m.current}`), () => {
     e && (document.title = m.current);
-  }), [r, e]), /* @__PURE__ */ o(M, { children: e && /* @__PURE__ */ o(zo, { open: e, onOpenChange: t, children: /* @__PURE__ */ k(Lo, { className: l.main, children: [
+  }), [r, e]), /* @__PURE__ */ o(M, { children: e && /* @__PURE__ */ o(Bo, { open: e, onOpenChange: t, children: /* @__PURE__ */ k(Oo, { className: l.main, children: [
     /* @__PURE__ */ k("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ o(
-        Oo,
+        Vo,
         {
           className: l.close,
           trigger: /* @__PURE__ */ o(
-            At,
+            zt,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ o(Ao, {})
+              children: /* @__PURE__ */ o(Lo, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ o(Po, { className: l.header, children: r })
+      /* @__PURE__ */ o($o, { className: l.header, children: r })
     ] }),
-    /* @__PURE__ */ o(Bo, { className: l.content, children: a }),
+    /* @__PURE__ */ o(Do, { className: l.content, children: a }),
     n && /* @__PURE__ */ o("div", { className: l.footer, children: n })
   ] }) }) });
-}, $o = ({ stats: e }) => {
+}, Ho = ({ 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 = de(), s = de();
   return /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
@@ -1782,8 +1808,8 @@ const se = "panel", fe = "messagebox", Vo = ({
         header: E.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: ce(n, {
-          [E.ABOUT.VERSION]: "5.18.0",
-          [E.ABOUT.BUILD_TIMESTAMP]: "01/02/2025 10:16 AM EST"
+          [E.ABOUT.VERSION]: "5.18.2",
+          [E.ABOUT.BUILD_TIMESTAMP]: "01/02/2025 06:34 PM EST"
         })
       }
     ) }),
@@ -1800,13 +1826,13 @@ const se = "panel", fe = "messagebox", Vo = ({
       }
     )
   ] });
-}, Do = ({
+}, Go = ({
   open: e,
   onOpenChange: t
 }) => {
   const { serverStats: r } = P(ge);
-  return /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Bt, children: /* @__PURE__ */ o($o, { stats: r }) });
-}, zt = ({
+  return /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: $t, children: /* @__PURE__ */ o(Ho, { stats: r }) });
+}, Pt = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: r,
@@ -1820,7 +1846,7 @@ const se = "panel", fe = "messagebox", Vo = ({
     onOpenChange: t,
     title: n.title,
     footer: /* @__PURE__ */ k(H, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
         F,
         {
           mode: "dark",
@@ -1832,7 +1858,7 @@ const se = "panel", fe = "messagebox", Vo = ({
           children: n.cancelAction
         }
       ) }),
-      /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
         F,
         {
           mode: "dark",
@@ -1847,11 +1873,11 @@ const se = "panel", fe = "messagebox", Vo = ({
     ] }),
     children: a
   }
-), Fo = async (e, t, r, a) => {
+), Uo = async (e, t, r, a) => {
   try {
-    const n = await V({
+    const n = await $({
       accessToken: a,
-      type: $.GET_CHAT,
+      type: D.GET_CHAT,
       params: {
         id: e.id
       }
@@ -1869,25 +1895,25 @@ const se = "panel", fe = "messagebox", Vo = ({
     }), r(!1));
   } catch {
   }
-}, Ho = ({
+}, jo = ({
   filteredHistory: e,
   setFilteredHistory: t,
   dispatch: r,
   onOpenChange: a
 }) => {
   var h;
-  const { user: n, getAccessToken: s } = Z(), i = J({
+  const { user: n, getAccessToken: s } = X(), i = J({
     id: 0,
     timestamp: "",
     message: ""
-  }), [c, m] = S(!1), { state: l, dispatch: d } = P(et), [, f] = me({
-    key: ue + Ot,
+  }), [c, m] = S(!1), { state: l, dispatch: d } = P(tt), [, f] = me({
+    key: ue + Dt,
     initialValue: l.sortDirection
   }), p = (u) => {
     switch (l.sortDirection) {
       case Y.ASC:
         f(Y.DESC), d({
-          type: $e,
+          type: Ve,
           payload: {
             sortedCell: u,
             sortDirection: Y.DESC
@@ -1896,7 +1922,7 @@ const se = "panel", fe = "messagebox", Vo = ({
         break;
       default:
         f(Y.ASC), d({
-          type: $e,
+          type: Ve,
           payload: {
             sortedCell: u,
             sortDirection: Y.ASC
@@ -1907,16 +1933,16 @@ const se = "panel", fe = "messagebox", Vo = ({
   };
   return /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ k(
-      zt,
+      Pt,
       {
         showConfirmation: c,
         setShowConfirmation: m,
         action: async () => {
           const u = i.current;
           try {
-            const v = await V({
+            const v = await $({
               accessToken: await s(),
-              type: $.DELETE_CHAT,
+              type: D.DELETE_CHAT,
               params: {
                 userId: (n == null ? void 0 : n.username) || "",
                 id: u.id,
@@ -1953,16 +1979,16 @@ const se = "panel", fe = "messagebox", Vo = ({
       }
     ),
     /* @__PURE__ */ k(
-      rr,
+      ar,
       {
         stickyHeader: !0,
         stickyFooter: !0,
         compact: !0,
         wrapperClassName: "max-h-[60vh] min-h-[60vh]",
         children: [
-          /* @__PURE__ */ o(or, { children: /* @__PURE__ */ k(xe, { children: [
+          /* @__PURE__ */ o(nr, { children: /* @__PURE__ */ k(Ce, { children: [
             /* @__PURE__ */ o(
-              ar,
+              sr,
               {
                 buttonClassName: "text-xs sm:text-sm",
                 cellId: "timestamp",
@@ -1975,15 +2001,15 @@ const se = "panel", fe = "messagebox", Vo = ({
                 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(V, { className: "text-xs sm:text-sm", children: "First message" }),
+            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm", children: "Model" }),
+            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm text-right", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ o(nr, { children: e.data.map((u, v) => {
-            var T, x;
-            return ((T = u == null ? void 0 : u.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ k(xe, { children: [
+          /* @__PURE__ */ o(ir, { children: e.data.map((u, v) => {
+            var T, N;
+            return ((T = u == null ? void 0 : u.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ k(Ce, { children: [
               /* @__PURE__ */ o(
-                D,
+                V,
                 {
                   component: "th",
                   scope: "row",
@@ -1992,40 +2018,40 @@ const se = "panel", fe = "messagebox", Vo = ({
                 }
               ),
               /* @__PURE__ */ o(
-                D,
+                V,
                 {
                   className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                   style: {
                     wordBreak: "break-word"
                   },
-                  children: u.messages.length > 0 ? (x = u.messages[0]) == null ? void 0 : x.content : ""
+                  children: u.messages.length > 0 ? (N = u.messages[0]) == null ? void 0 : N.content : ""
                 }
               ),
-              /* @__PURE__ */ o(D, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ k(H, { alignHorizontal: "center", children: [
-                u.model && u.model.startsWith("claude") && /* @__PURE__ */ o(ut, { size: "size-4 sm:size-5" }),
-                u.model && u.model.startsWith("gpt") && /* @__PURE__ */ o(mt, { size: "size-4 sm:size-5" })
+              /* @__PURE__ */ o(V, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ k(H, { alignHorizontal: "center", children: [
+                u.model && u.model.startsWith("claude") && /* @__PURE__ */ o(mt, { size: "size-4 sm:size-5" }),
+                u.model && u.model.startsWith("gpt") && /* @__PURE__ */ o(ht, { 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(V, { className: "px-2", children: /* @__PURE__ */ k("div", { className: "flex justify-end gap-2", children: [
                 /* @__PURE__ */ o(
-                  X,
+                  Q,
                   {
                     focusMode: "alt-system",
                     noBorder: !0,
                     label: "Restore chat",
                     onClick: async () => {
                       const y = await s();
-                      Fo(
+                      Uo(
                         u,
                         r,
                         a,
                         y
                       );
                     },
-                    children: /* @__PURE__ */ o(Er, { size: "size-3", monotone: !0 })
+                    children: /* @__PURE__ */ o(Sr, { size: "size-3", monotone: !0 })
                   }
                 ),
                 /* @__PURE__ */ o(
-                  X,
+                  Q,
                   {
                     focusMode: "alt-system",
                     noBorder: !0,
@@ -2038,13 +2064,13 @@ const se = "panel", fe = "messagebox", Vo = ({
                         message: u.messages.length > 0 ? (y = u.messages[0]) == null ? void 0 : y.content : ""
                       }, m(!c);
                     },
-                    children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(wr, { size: "size-3", monotone: !0 }) })
+                    children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Nr, { size: "size-3", monotone: !0 }) })
                   }
                 )
               ] }) })
             ] }, `${E.HISTORY.TITLE}-${u.id}-${v}`) : null;
           }) }),
-          /* @__PURE__ */ o(sr, { children: /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(D, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: pe(
+          /* @__PURE__ */ o(cr, { children: /* @__PURE__ */ o(Ce, { children: /* @__PURE__ */ o(V, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: pe(
             `${e.data.length} chat`,
             e.data.length
           ) }) }) }) })
@@ -2052,7 +2078,7 @@ const se = "panel", fe = "messagebox", Vo = ({
       }
     )
   ] });
-}, qe = async ({
+}, Xe = async ({
   searchString: e,
   username: t,
   accessToken: r,
@@ -2061,9 +2087,9 @@ const se = "panel", fe = "messagebox", Vo = ({
   if (!t)
     return [];
   try {
-    const n = await V({
+    const n = await $({
       accessToken: r,
-      type: $.GET_CHATS,
+      type: D.GET_CHATS,
       params: {
         userId: t,
         searchString: e,
@@ -2078,15 +2104,15 @@ const se = "panel", fe = "messagebox", Vo = ({
     return [];
   }
   return [];
-}, Go = ({ onOpenChange: e }) => {
-  const { isAuthenticated: t, getAccessToken: r, user: a } = Z(), n = J(null), s = J(!1), { dispatch: i } = P(ge), { state: c, dispatch: m } = P(et), [, l] = me({
-    key: ue + $t,
+}, Ko = ({ onOpenChange: e }) => {
+  const { isAuthenticated: t, getAccessToken: r, user: a } = X(), n = J(null), s = J(!1), { dispatch: i } = P(ge), { state: c, dispatch: m } = P(tt), [, l] = me({
+    key: ue + Ft,
     initialValue: c.searchString
   }), [d, f] = S({
     data: [],
     sortedDirection: c.sortDirection
   }), p = async (u) => {
-    const v = await r(), T = await qe({
+    const v = await r(), T = await Xe({
       searchString: u,
       username: a == null ? void 0 : a.username,
       accessToken: v,
@@ -2096,10 +2122,10 @@ const se = "panel", fe = "messagebox", Vo = ({
       data: T,
       sortedDirection: c.sortDirection
     }), l(u), m({
-      type: Dt,
+      type: Ht,
       payload: { searchString: u }
     });
-  }, b = Ft((u) => {
+  }, b = Gt((u) => {
     p(u.target.value);
   }, 500), h = async (u) => {
     u.preventDefault();
@@ -2107,7 +2133,7 @@ const se = "panel", fe = "messagebox", Vo = ({
   return G(() => {
     s.current || (async () => {
       s.current = !0;
-      const u = await r(), v = await qe({
+      const u = await r(), v = await Xe({
         searchString: c.searchString,
         username: a == null ? void 0 : a.username,
         accessToken: u,
@@ -2122,8 +2148,8 @@ const se = "panel", fe = "messagebox", Vo = ({
     if (c.sortDirection !== d.sortedDirection) {
       const u = [...d.data].sort((v, T) => {
         if (c.sortedCell === "timestamp") {
-          const x = new Date(v[c.sortedCell]).getTime(), y = new Date(T[c.sortedCell]).getTime();
-          return c.sortDirection === Y.ASC ? x - y : y - x;
+          const N = new Date(v[c.sortedCell]).getTime(), y = new Date(T[c.sortedCell]).getTime();
+          return c.sortDirection === Y.ASC ? N - y : y - N;
         }
         return 0;
       });
@@ -2134,7 +2160,7 @@ const se = "panel", fe = "messagebox", Vo = ({
     }
   }, [d, c]), t ? d && d.data && /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: h, children: /* @__PURE__ */ o(
-      Ne,
+      Ee,
       {
         autoCapitalize: "off",
         autoComplete: "off",
@@ -2168,7 +2194,7 @@ const se = "panel", fe = "messagebox", Vo = ({
       }
     ) }),
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ o(
-      Ho,
+      jo,
       {
         filteredHistory: d,
         setFilteredHistory: f,
@@ -2177,24 +2203,24 @@ const se = "panel", fe = "messagebox", Vo = ({
       }
     ) })
   ] }) : null;
-}, Uo = ({
+}, Wo = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Ht, children: /* @__PURE__ */ o(Go, { onOpenChange: t }) }), jo = (e) => Qe(e), Ko = (e) => {
+}) => /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Ut, children: /* @__PURE__ */ o(Ko, { onOpenChange: t }) }), Yo = (e) => Qe(e), qo = (e) => {
   if (!e || e.length === 0)
-    return jt;
+    return Wt;
   const t = e.filter(
     (r) => {
       var a, n;
-      return ((a = r == null ? void 0 : r.message) == null ? void 0 : a.role) === Kt && typeof ((n = r == null ? void 0 : r.message) == null ? void 0 : n.processingTime) == "number";
+      return ((a = r == null ? void 0 : r.message) == null ? void 0 : a.role) === Yt && typeof ((n = r == null ? void 0 : r.message) == null ? void 0 : n.processingTime) == "number";
     }
   ).map((r) => r.message.processingTime);
-  return Wt({
+  return qt({
     data: t,
-    formatter: jo
+    formatter: Yo
   });
-}, Wo = ({ stats: e }) => {
-  const { isAuthenticated: t, user: r, registeringForPasskey: a, authenticationType: n } = Z(), { state: s } = P(ge), i = Yt - Number(s == null ? void 0 : s.usage), c = de(), m = de(), l = de(), d = (r == null ? void 0 : r.username) || "";
+}, Xo = ({ stats: e }) => {
+  const { isAuthenticated: t, user: r, registeringForPasskey: a, authenticationType: n } = X(), { state: s } = P(ge), i = Xt - Number(s == null ? void 0 : s.usage), c = de(), m = de(), l = de(), d = (r == null ? void 0 : r.username) || "";
   return t && d ? /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ o(
       L,
@@ -2207,24 +2233,24 @@ const se = "panel", fe = "messagebox", Vo = ({
         })
       }
     ),
-    n !== Gt.PASSKEY && /* @__PURE__ */ k(
+    n !== jt.PASSKEY && /* @__PURE__ */ k(
       L,
       {
         className: "prose-dark dark:prose-lighter mt-4",
         header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ k(H, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(De, { size: "size-8" }) }),
-          /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o("div", { children: E.PREFERENCES.PASSKEY_TITLE }) })
+          /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(Fe, { size: "size-8" }) }),
+          /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o("div", { children: E.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
           /* @__PURE__ */ o("p", { children: E.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ o(
-            X,
+            Q,
             {
               size: "small",
               className: "mt-2",
               onClick: a,
               labelLeft: E.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ o(De, { size: "size-5", monotone: !0 })
+              children: /* @__PURE__ */ o(Fe, { size: "size-5", monotone: !0 })
             }
           )
         ]
@@ -2238,8 +2264,8 @@ const se = "panel", fe = "messagebox", Vo = ({
         children: ce(m, {
           [E.CURRENT_STATISTICS.MODEL_NAME]: (s == null ? void 0 : s.model) || le,
           [E.CURRENT_STATISTICS.TOKENS_USED]: s == null ? void 0 : s.usage,
-          [E.CURRENT_STATISTICS.REMAINING_TOKENS]: Ut.format(i),
-          [E.CURRENT_STATISTICS.PROCESSING_TIME]: Ko(s == null ? void 0 : s.messages)
+          [E.CURRENT_STATISTICS.REMAINING_TOKENS]: Kt.format(i),
+          [E.CURRENT_STATISTICS.PROCESSING_TIME]: qo(s == null ? void 0 : s.messages)
         })
       }
     ),
@@ -2257,20 +2283,20 @@ const se = "panel", fe = "messagebox", Vo = ({
       }
     )
   ] }) : null;
-}, Yo = ({
+}, Zo = ({
   open: e,
   onOpenChange: t
 }) => {
   const [r, a] = S({
     averageProcessingTimes: 0,
     totalChats: 0
-  }), { getAccessToken: n, user: s } = Z();
+  }), { getAccessToken: n, user: s } = X();
   return G(() => {
     !e || !s || (async () => {
       try {
-        const i = await V({
+        const i = await $({
           accessToken: await n(),
-          type: $.GET_CHATS_STATS,
+          type: D.GET_CHATS_STATS,
           params: {
             userId: s.username
           }
@@ -2279,22 +2305,22 @@ const se = "panel", fe = "messagebox", Vo = ({
       } catch {
       }
     })();
-  }, [e, n, s]), /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: qt, children: /* @__PURE__ */ o(Wo, { stats: r }) });
+  }, [e, n, s]), /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Zt, children: /* @__PURE__ */ o(Xo, { stats: r }) });
 };
 /*!
-  @versini/ui-toggle v2.0.5
-  © 2024 gizmette.com
+  @versini/ui-toggle v2.0.6
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "2.0.5",
-    buildTime: "12/30/2024 07:48 PM EST",
+    version: "2.0.6",
+    buildTime: "01/02/2025 05:13 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo = ({
+const Qo = "av-toggle", Jo = () => w("peer", "h-6", "w-11", "rounded-full"), ea = ({
   focusMode: e
 }) => w(
   "peer-focus:outline",
@@ -2306,14 +2332,14 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     "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"
   }
-), Xo = () => w(
+), ta = () => 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"
-), Jo = () => w(
+), ra = () => w(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -2325,7 +2351,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), ea = ({
+), oa = ({
   mode: e,
   noBorder: t
 }) => w({
@@ -2334,7 +2360,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   "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"
-}), ta = ({
+}), aa = ({
   mode: e,
   labelHidden: t
 }) => t ? "sr-only" : w("ml-2 text-sm", {
@@ -2342,11 +2368,11 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), ra = ({ className: e }) => w(
-  qo,
+}), na = ({ className: e }) => w(
+  Qo,
   "relative flex cursor-pointer items-center",
   e
-), oa = ({
+), sa = ({
   mode: e,
   focusMode: t,
   labelHidden: r,
@@ -2354,15 +2380,15 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   noBorder: n
 }) => ({
   toggle: w(
-    Zo(),
-    ea({ mode: e, noBorder: n }),
-    Qo({ focusMode: t }),
     Jo(),
-    Xo()
+    oa({ mode: e, noBorder: n }),
+    ea({ focusMode: t }),
+    ra(),
+    ta()
   ),
-  label: ta({ mode: e, labelHidden: r }),
+  label: aa({ mode: e, labelHidden: r }),
   input: "peer sr-only",
-  wrapper: ra({ className: a })
+  wrapper: na({ className: a })
 }), ie = ({
   checked: e = !1,
   onChange: t,
@@ -2374,7 +2400,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   className: c,
   noBorder: m = !1
 }) => {
-  const l = oa({
+  const l = sa({
     mode: s,
     focusMode: i,
     labelHidden: a,
@@ -2397,11 +2423,11 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     /* @__PURE__ */ o("div", { className: l.toggle }),
     /* @__PURE__ */ o("span", { className: l.label, children: r })
   ] });
-}, aa = ({
+}, ia = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { state: r, dispatch: a } = P(ir), { getAccessToken: n, user: s } = Z(), [i, c] = S({
+  const { state: r, dispatch: a } = P(lr), { getAccessToken: n, user: s } = X(), [i, c] = S({
     tags: [...r.tags]
   }), m = ({
     slot: d,
@@ -2415,7 +2441,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
         label: p,
         content: b,
         enabled: f
-      }, T = u.findIndex((x) => x.slot === d);
+      }, T = u.findIndex((N) => N.slot === d);
       return T === -1 ? {
         ...h,
         tags: [...u, { ...v, slot: d }]
@@ -2427,15 +2453,15 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   }, l = async (d) => {
     d.preventDefault();
     try {
-      await V({
+      await $({
         accessToken: await n(),
-        type: $.SET_USER_PREFERENCES,
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: s == null ? void 0 : s.username,
           tags: i.tags
         }
       }), a({
-        type: Qt,
+        type: Jt,
         payload: {
           tags: i.tags
         }
@@ -2456,7 +2482,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
@@ -2468,7 +2494,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
@@ -2484,7 +2510,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
         }
       ),
       children: [
-        /* @__PURE__ */ o("p", { children: Zt }),
+        /* @__PURE__ */ o("p", { children: Qt }),
         i.tags && i.tags.map((d) => /* @__PURE__ */ k(
           L,
           {
@@ -2492,8 +2518,8 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
               /* @__PURE__ */ k(H, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ o(R, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  Ne,
+                /* @__PURE__ */ o(A, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
+                  Ee,
                   {
                     label: "Label",
                     name: `tag${d.slot}-label`,
@@ -2508,8 +2534,8 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                     }
                   }
                 ) }),
-                /* @__PURE__ */ o(R, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  Ne,
+                /* @__PURE__ */ o(A, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
+                  Ee,
                   {
                     label: "Content",
                     name: `tag${d.slot}-content`,
@@ -2550,30 +2576,30 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
       ]
     }
   );
-}, na = ({
+}, ca = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: r } = P(ge), { getAccessToken: a, user: n } = Z(), [s, i] = S(!1), [c, m] = S({
+  const { dispatch: r } = P(ge), { getAccessToken: a, user: n } = X(), [s, i] = S(!1), [c, m] = S({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
     engine: le
   }), [l, d] = me({
-    key: ue + Xe,
+    key: ue + Je,
     initialValue: !1
   }), [f, p] = me({
-    key: ue + Xt,
+    key: ue + er,
     initialValue: !1
   }), b = (y) => {
     p(y);
   }, h = async (y) => {
     y.preventDefault();
     try {
-      await V({
+      await $({
         accessToken: await a(),
-        type: $.SET_USER_PREFERENCES,
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
           instructions: c.instructions,
@@ -2581,7 +2607,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
           engine: c.engine
         }
       }), r({
-        type: Je,
+        type: et,
         payload: {
           engine: c.engine
         }
@@ -2595,16 +2621,16 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
       loadingLocation: !0
     }));
     try {
-      const y = Date.now(), N = await tr(), A = await V({
+      const y = Date.now(), x = await or(), _ = await $({
         accessToken: await a(),
-        type: $.GET_LOCATION,
+        type: D.GET_LOCATION,
         params: {
-          latitude: N.latitude,
-          longitude: N.longitude
+          latitude: x.latitude,
+          longitude: x.longitude
         }
-      }), _ = Date.now() - y;
-      if (_ < 2e3 && await new Promise((C) => setTimeout(C, 2e3 - _)), A.status === 200) {
-        const { city: C, state: U, country: j, displayName: K } = A.data, re = C && U && j ? `${C}, ${U}, ${j}` : K;
+      }), R = Date.now() - y;
+      if (R < 2e3 && await new Promise((C) => setTimeout(C, 2e3 - R)), _.status === 200) {
+        const { city: C, state: U, country: j, displayName: K } = _.data, re = C && U && j ? `${C}, ${U}, ${j}` : K;
         m((oe) => ({
           ...oe,
           loaded: !0,
@@ -2621,16 +2647,16 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     } catch {
     }
   }, v = (y) => {
-    m((N) => ({
-      ...N,
-      engine: y ? ne : Q
+    m((x) => ({
+      ...x,
+      engine: y ? ne : Z
     }));
   }, T = (y) => {
-    m((N) => ({
-      ...N,
-      engine: y ? Q : ne
+    m((x) => ({
+      ...x,
+      engine: y ? Z : ne
     }));
-  }, x = () => {
+  }, N = () => {
     i(!s);
   };
   return G(() => {
@@ -2646,15 +2672,15 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     }
     (async () => {
       try {
-        const y = await V({
+        const y = await $({
           accessToken: await a(),
-          type: $.GET_USER_PREFERENCES,
+          type: D.GET_USER_PREFERENCES,
           params: {
             user: n.username
           }
         });
-        y.status === 200 && m((N) => ({
-          ...N,
+        y.status === 200 && m((x) => ({
+          ...x,
           loaded: !0,
           instructions: y.data.instructions || "",
           location: y.data.location || "",
@@ -2668,7 +2694,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     {
       open: e,
       onOpenChange: t,
-      title: Jt,
+      title: tr,
       footer: /* @__PURE__ */ k(
         H,
         {
@@ -2676,7 +2702,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
@@ -2688,7 +2714,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
@@ -2704,7 +2730,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
         }
       ),
       children: /* @__PURE__ */ k(M, { children: [
-        s && /* @__PURE__ */ o(aa, { open: s, onOpenChange: i }),
+        s && /* @__PURE__ */ o(ia, { open: s, onOpenChange: i }),
         /* @__PURE__ */ k(
           L,
           {
@@ -2727,10 +2753,10 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 {
                   className: "mt-2",
                   noBorder: !0,
-                  label: Q,
-                  name: Q,
+                  label: Z,
+                  name: Z,
                   onChange: T,
-                  checked: c.engine === Q
+                  checked: c.engine === Z
                 }
               ),
               /* @__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." }),
@@ -2759,13 +2785,13 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
               ),
               /* @__PURE__ */ o("h3", { className: "border-b-2 border-slate-400", children: "Tags" }),
               /* @__PURE__ */ o(
-                X,
+                Q,
                 {
                   className: "mt-2",
                   size: "small",
-                  onClick: x,
+                  onClick: N,
                   labelLeft: "Edit Custom Tags",
-                  children: /* @__PURE__ */ o(Tr, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ o(Cr, { size: "size-3", monotone: !0 })
                 }
               )
             ]
@@ -2779,11 +2805,11 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
             children: [
               /* @__PURE__ */ k("p", { children: [
                 "What would you like ",
-                /* @__PURE__ */ o("em", { children: er }),
+                /* @__PURE__ */ o("em", { children: rr }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ o(
-                He,
+                Ge,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -2793,8 +2819,8 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   label: "Custom Instructions",
                   value: c.instructions,
                   onChange: (y) => {
-                    m((N) => ({
-                      ...N,
+                    m((x) => ({
+                      ...x,
                       loaded: !0,
                       instructions: y.target.value
                     }));
@@ -2813,15 +2839,15 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
             children: [
               /* @__PURE__ */ o("p", { children: "You can share your location to receive customized responses based on your area." }),
               /* @__PURE__ */ o(
-                He,
+                Ge,
                 {
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
                   value: c.location,
                   onChange: (y) => {
-                    m((N) => ({
-                      ...N,
+                    m((x) => ({
+                      ...x,
                       loaded: !0,
                       location: y.target.value
                     }));
@@ -2846,54 +2872,54 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
       ] })
     }
   );
-}, ha = () => {
+}, pa = () => {
   const { state: e, dispatch: t, serverStats: r } = P(ge), [a, n] = S((e == null ? void 0 : e.engine) || le), [s, i] = S(!1), [c, m] = S(!1), [l, d] = S(!1), [f, p] = S(!1), [b, h] = S(!1), [u] = me({
-    key: ue + Xe,
+    key: ue + Je,
     initialValue: !1
-  }), { logout: v, getAccessToken: T, user: x } = Z(), y = () => {
+  }), { logout: v, getAccessToken: T, user: N } = X(), y = () => {
     i(!s);
-  }, N = () => {
+  }, x = () => {
     m(!c);
-  }, A = () => {
+  }, _ = () => {
     d(!l);
   }, B = () => {
     p(!f);
-  }, _ = () => {
+  }, R = () => {
     h(!b);
   };
   return G(() => {
     e && e.engine && e.engine !== a && n(e.engine);
   }, [e, a]), /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ o(
-      zt,
+      Pt,
       {
         showConfirmation: b,
         setShowConfirmation: h,
         action: v,
         customStrings: {
-          confirmAction: Fe,
+          confirmAction: He,
           cancelAction: "Cancel",
-          title: Fe
+          title: He
         },
         children: /* @__PURE__ */ o("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ o(Yo, { open: s, onOpenChange: i }),
-    /* @__PURE__ */ o(na, { open: c, onOpenChange: m }),
-    /* @__PURE__ */ o(Uo, { open: l, onOpenChange: d }),
-    /* @__PURE__ */ o(Do, { open: f, onOpenChange: p }),
-    /* @__PURE__ */ o("div", { className: "sticky top-0 bg-slate-900 py-4", children: /* @__PURE__ */ k(H, { alignHorizontal: "space-between", alignVertical: "center", children: [
-      /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(cr, { mode: "dark", radius: "large" }) }),
-      /* @__PURE__ */ o(R, { children: /* @__PURE__ */ k(H, { children: [
-        u && r && /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
-          Ie,
+    /* @__PURE__ */ o(Zo, { open: s, onOpenChange: i }),
+    /* @__PURE__ */ o(ca, { open: c, onOpenChange: m }),
+    /* @__PURE__ */ o(Wo, { open: l, onOpenChange: d }),
+    /* @__PURE__ */ o(Go, { open: f, onOpenChange: p }),
+    /* @__PURE__ */ o("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ k(H, { alignHorizontal: "space-between", alignVertical: "center", children: [
+      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(dr, { mode: "dark", radius: "large" }) }),
+      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ k(H, { children: [
+        u && r && /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(
+          Se,
           {
             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(Q, { className: "mr-2", children: e && e.engine === Z ? /* @__PURE__ */ o(mt, {}) : /* @__PURE__ */ o(ht, {}) }),
             defaultPlacement: "bottom-start",
             children: /* @__PURE__ */ o(W, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ o(
-              vo,
+              ko,
               {
                 size: "small",
                 mode: "dark",
@@ -2902,15 +2928,15 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 onValueChange: async (C) => {
                   if (C)
                     try {
-                      await V({
+                      await $({
                         accessToken: await T(),
-                        type: $.SET_USER_PREFERENCES,
+                        type: D.SET_USER_PREFERENCES,
                         params: {
-                          user: x == null ? void 0 : x.username,
+                          user: N == null ? void 0 : N.username,
                           engine: C
                         }
                       }), t({
-                        type: Je,
+                        type: et,
                         payload: {
                           engine: C
                         }
@@ -2920,17 +2946,17 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                     } catch {
                     }
                 },
-                children: r && r.engines.map((C) => /* @__PURE__ */ o(yo, { value: C }, C))
+                children: r && r.engines.map((C) => /* @__PURE__ */ o(wo, { value: C }, C))
               }
             ) })
           }
         ) }),
-        /* @__PURE__ */ o(R, { children: /* @__PURE__ */ k(
-          Ie,
+        /* @__PURE__ */ o(A, { children: /* @__PURE__ */ k(
+          Se,
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(Ir, {}) }),
+            trigger: /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(_r, {}) }),
             defaultPlacement: "bottom-end",
             children: [
               /* @__PURE__ */ o(
@@ -2938,22 +2964,22 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 {
                   label: "Profile",
                   onClick: y,
-                  icon: /* @__PURE__ */ o(Nr, {})
+                  icon: /* @__PURE__ */ o(Ir, {})
                 }
               ),
               /* @__PURE__ */ o(
                 W,
                 {
                   label: "Settings",
-                  onClick: N,
-                  icon: /* @__PURE__ */ o(Sr, {})
+                  onClick: x,
+                  icon: /* @__PURE__ */ o(Rr, {})
                 }
               ),
               /* @__PURE__ */ o(
                 W,
                 {
                   label: "History",
-                  onClick: A,
+                  onClick: _,
                   icon: /* @__PURE__ */ o(xr, {})
                 }
               ),
@@ -2962,17 +2988,17 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 {
                   label: "About",
                   onClick: B,
-                  icon: /* @__PURE__ */ o(Cr, {})
+                  icon: /* @__PURE__ */ o(Er, {})
                 }
               ),
               e && e.id && !e.isComponent && /* @__PURE__ */ k(M, { children: [
-                /* @__PURE__ */ o(_r, {}),
+                /* @__PURE__ */ o(Ar, {}),
                 /* @__PURE__ */ o(
                   W,
                   {
                     label: "Log out",
-                    onClick: _,
-                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(kr, { monotone: !0 }) })
+                    onClick: R,
+                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(Tr, { monotone: !0 }) })
                   }
                 )
               ] })
@@ -2984,5 +3010,5 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   ] });
 };
 export {
-  ha as default
+  pa as default
 };