@versini/sassysaint 5.5.8 → 5.5.9

package/dist/chunks/{LazyHeader.B5IF4pQz.js → LazyHeader.DmyF2sJC.js}

@@ -1,11 +1,11 @@
-import { jsx as o, jsxs as y, Fragment as R } from "react/jsx-runtime";
-import { g as z, R as P, CARDS as N, renderDataAsList as oe, pluralize as he, ABOUT_TITLE as Dt, DEFAULT_AI_ENGINE as te, numberFormatter as Vt, durationFormatter as Qe, NA as $t, ROLE_ASSISTANT as Ft, extractAverage as Ht, GPT4_MAX_TOKENS as Gt, un as Y, STATS as Xe, L as H, j as _, C as F, LOCAL_STORAGE_PREFIX as se, LOCAL_STORAGE_SORT as Ut, O as K, ACTION_RESET as Je, ACTION_RESTORE as jt, ACTION_SORT as Ve, LOCAL_STORAGE_SEARCH as Kt, ye as xe, ACTION_SEARCH as Wt, debounce as Yt, HISTORY_TITLE as qt, LOCAL_STORAGE_ENGINE_TOGGLE as et, ENGINE_OPENAI as Ce, ENGINE_ANTHROPIC as me, APP_NAME as Zt, ACTION_ENGINE as tt, getCurrentGeoLocation as Qt, TAGS_DESCRIPTION as Xt, ACTION_SET_TAGS as Jt, LOCAL_STORAGE_CHAT_DETAILS as er, M as tr, z as $e, PROFILE_TITLE as rr, LOG_OUT as Fe } from "./index.CKvmD6Gi.js";
-import { AppContext as ie, serviceCall as D, SERVICE_TYPES as V, HistoryContext as rt, E as ce, ce as or, se as ar, he as Te, be as nr, oe as $, ge as sr, ne as ir, f as j, Fe as He, TagsContext as cr, NewChatButton as lr } from "./index.DMnfO73f.js";
-import * as f from "react";
-import E, { useId as Ae, forwardRef as ot, useState as I, useRef as Z, useContext as B, useEffect as G } from "react";
-import k from "clsx";
-import { useFloatingTree as at, useFloatingNodeId as dr, useListItem as nt, useFloating as st, offset as ur, flip as mr, shift as hr, autoUpdate as gr, useClick as it, useRole as ct, useDismiss as lt, useListNavigation as fr, useTypeahead as pr, useInteractions as dt, useMergeRefs as Me, FloatingNode as br, FloatingList as vr, FloatingPortal as ut, FloatingFocusManager as mt, FloatingTree as yr, FloatingOverlay as kr } from "@floating-ui/react";
-const ht = ({
+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 * 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 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 = ({
   className: e,
   viewBox: t,
   title: r,
@@ -22,13 +22,13 @@ const ht = ({
     ...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" })
   }
-), wr = ({
+), kr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ k(
   z,
   {
     defaultViewBox: "0 0 512 512",
@@ -48,39 +48,13 @@ const ht = ({
       /* @__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" })
     ]
   }
-), Cr = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...n
-}) => /* @__PURE__ */ y(
-  z,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Chart",
-    ...n,
-    children: [
-      /* @__PURE__ */ o(
-        "path",
-        {
-          opacity: a ? "1" : "0.4",
-          d: "M160 80c0-26.5 21.5-48 48-48h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V80z"
-        }
-      ),
-      /* @__PURE__ */ o("path", { d: "M368 96c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48H368zM48 224c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48H48z" })
-    ]
-  }
-), Tr = ({
+), wr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ k(
   z,
   {
     defaultViewBox: "0 0 448 512",
@@ -100,13 +74,13 @@ const ht = ({
       /* @__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" })
     ]
   }
-), Ge = ({
+), Tr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ k(
   z,
   {
     defaultViewBox: "0 0 512 512",
@@ -126,13 +100,13 @@ const ht = ({
       /* @__PURE__ */ o("path", { d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z" })
     ]
   }
-), Nr = ({
+), xr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ k(
   z,
   {
     defaultViewBox: "0 0 512 512",
@@ -152,13 +126,13 @@ const ht = ({
       /* @__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" })
     ]
   }
-), xr = ({
+), Cr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ k(
   z,
   {
     defaultViewBox: "0 0 512 512",
@@ -178,7 +152,7 @@ const ht = ({
       /* @__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" })
     ]
   }
-), gt = ({
+), mt = ({
   className: e,
   viewBox: t,
   title: r,
@@ -201,13 +175,13 @@ const ht = ({
       }
     )
   }
-), Er = ({
+), Nr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ k(
   z,
   {
     defaultViewBox: "0 0 576 512",
@@ -227,13 +201,13 @@ const ht = ({
       /* @__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" })
     ]
   }
-), Ir = ({
+), Er = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
-}) => /* @__PURE__ */ y(
+}) => /* @__PURE__ */ k(
   z,
   {
     defaultViewBox: "0 0 512 512",
@@ -253,7 +227,7 @@ const ht = ({
       /* @__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" })
     ]
   }
-), Sr = ({
+), Ir = ({
   className: e,
   viewBox: t,
   title: r,
@@ -270,11 +244,44 @@ const ht = ({
     ...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 = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ k(
+  z,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Sliders",
+    ...n,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: a ? "1" : "0.4",
+          d: "M128 416a32 32 0 1 0 64 0 32 32 0 1 0 -64 0zM160 96a32 32 0 1 0 64 0 32 32 0 1 0 -64 0zM320 256a32 32 0 1 0 64 0 32 32 0 1 0 -64 0z"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M0 416c0 13.3 10.7 24 24 24l59.7 0c10.2 32.5 40.5 56 76.3 56s66.1-23.5 76.3-56L488 440c13.3 0 24-10.7 24-24s-10.7-24-24-24l-251.7 0c-10.2-32.5-40.5-56-76.3-56s-66.1 23.5-76.3 56L24 392c-13.3 0-24 10.7-24 24zm128 0a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM320 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm32-80c-35.8 0-66.1 23.5-76.3 56L24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l251.7 0c10.2 32.5 40.5 56 76.3 56s66.1-23.5 76.3-56l59.7 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-59.7 0c-10.2-32.5-40.5-56-76.3-56zM192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm76.3-56C258.1 39.5 227.8 16 192 16s-66.1 23.5-76.3 56L24 72C10.7 72 0 82.7 0 96s10.7 24 24 24l91.7 0c10.2 32.5 40.5 56 76.3 56s66.1-23.5 76.3-56L488 120c13.3 0 24-10.7 24-24s-10.7-24-24-24L268.3 72z"
+        }
+      )
+    ]
+  }
 );
-function ae(e) {
+function de(e) {
   return Ae();
 }
-const Ee = f.createContext({
+const Ee = g.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -283,7 +290,7 @@ const Ee = f.createContext({
   setHasFocusInside: () => {
   },
   isOpen: !1
-}), Ue = (e) => {
+}), Ge = (e) => {
   if (typeof e == "string")
     return e;
   if (typeof e == "function")
@@ -294,97 +301,97 @@ const Ee = f.createContext({
       return t.displayName || t.name || "Component";
   }
   return "Element";
-}, ft = ot(
+}, ht = tt(
   ({
     trigger: e,
     children: t,
     label: r = "Open menu",
     defaultPlacement: a = "bottom-start",
     onOpenChange: n,
-    mode: i = "system",
-    focusMode: s = "system",
+    mode: s = "system",
+    focusMode: i = "system",
     ...c
-  }, g) => {
-    const [l, u] = I(!1), [p, b] = I(!1), [h, m] = I(null), d = Z([]), v = Z([]), C = B(Ee), w = at(), T = dr(), S = nt(), { floatingStyles: M, refs: L, context: A } = st({
-      nodeId: T,
+  }, 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({
+      nodeId: y,
       open: l,
-      onOpenChange: (J) => {
-        u(J), n == null || n(J);
+      onOpenChange: (ae) => {
+        d(ae), n == null || n(ae);
       },
       placement: a,
       strategy: "fixed",
-      middleware: [ur({ mainAxis: 10 }), mr(), hr()],
-      whileElementsMounted: gr
-    }), x = it(A, {
+      middleware: [dr({ mainAxis: 10 }), ur(), mr()],
+      whileElementsMounted: hr
+    }), C = nt(_, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), le = ct(A, { role: "menu" }), de = lt(A, { bubbles: !0 }), X = fr(A, {
-      listRef: d,
-      activeIndex: h,
+    }), U = st(_, { role: "menu" }), j = it(_, { bubbles: !0 }), K = gr(_, {
+      listRef: u,
+      activeIndex: b,
       nested: !1,
-      onNavigate: m,
+      onNavigate: h,
       loop: !0
-    }), ye = pr(A, {
+    }), re = fr(_, {
       listRef: v,
-      onMatch: l ? m : void 0,
-      activeIndex: h
-    }), { getReferenceProps: ke, getFloatingProps: we, getItemProps: O } = dt([x, le, de, X, ye]), De = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Bt = De ? {
-      noInternalClick: De,
-      focusMode: s,
-      mode: i
-    } : {}, Ot = E.cloneElement(
+      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,
+      focusMode: i,
+      mode: s
+    } : {}, Pt = I.cloneElement(
       e,
       {
-        ...Bt,
+        ...Lt,
         "aria-label": r,
         "data-open": l ? "" : void 0,
-        "data-focus-inside": p ? "" : void 0,
-        ref: Me([L.setReference, S.ref, g]),
-        ...ke(
-          C.getItemProps({
+        "data-focus-inside": f ? "" : void 0,
+        ref: Me([B.setReference, N.ref, m]),
+        ...oe(
+          T.getItemProps({
             ...c
           })
         )
       }
     );
     return G(() => {
-      if (!w)
+      if (!x)
         return;
-      function J() {
-        u(!1), n == null || n(!1);
+      function ae() {
+        d(!1), n == null || n(!1);
       }
-      return w.events.on("click", J), () => {
-        w.events.off("click", J);
+      return x.events.on("click", ae), () => {
+        x.events.off("click", ae);
       };
-    }, [w, n]), G(() => {
-      l && w && w.events.emit("menuopen", { nodeId: T });
-    }, [w, l, T]), /* @__PURE__ */ y(br, { id: T, children: [
-      Ot,
+    }, [x, n]), G(() => {
+      l && x && x.events.emit("menuopen", { nodeId: y });
+    }, [x, l, y]), /* @__PURE__ */ k(pr, { id: y, children: [
+      Pt,
       /* @__PURE__ */ o(
         Ee.Provider,
         {
           value: {
-            activeIndex: h,
-            setActiveIndex: m,
+            activeIndex: b,
+            setActiveIndex: h,
             getItemProps: O,
-            setHasFocusInside: b,
+            setHasFocusInside: p,
             isOpen: l
           },
-          children: /* @__PURE__ */ o(vr, { elementsRef: d, labelsRef: v, children: l && /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(
-            mt,
+          children: /* @__PURE__ */ o(br, { elementsRef: u, labelsRef: v, children: l && /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(
+            dt,
             {
-              context: A,
+              context: _,
               modal: !1,
               initialFocus: 0,
               returnFocus: !0,
               children: /* @__PURE__ */ o(
                 "div",
                 {
-                  ref: L.setFloating,
+                  ref: B.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: M,
-                  ...we(),
+                  style: A,
+                  ...Te(),
                   children: t
                 }
               )
@@ -394,73 +401,73 @@ const Ee = f.createContext({
       )
     ] });
   }
-), Ie = ot((e, t) => /* @__PURE__ */ o(yr, { children: /* @__PURE__ */ o(ft, { ...e, ref: t }) }));
+), Ie = tt((e, t) => /* @__PURE__ */ o(vr, { children: /* @__PURE__ */ o(ht, { ...e, ref: t }) }));
 Ie.displayName = "Menu";
-ft.displayName = "MenuComponent";
-const U = f.forwardRef(
+ht.displayName = "MenuComponent";
+const W = g.forwardRef(
   ({
     label: e,
     disabled: t,
     icon: r,
     raw: a = !1,
     children: n,
-    ignoreClick: i = !1,
-    ...s
+    ignoreClick: s = !1,
+    ...i
   }, c) => {
-    let g = "";
-    const l = f.useContext(Ee), u = nt({ label: t ? null : e }), p = at(), b = Me([u.ref, c]);
+    let m = "";
+    const l = g.useContext(Ee), d = ot({ label: t ? null : e }), f = rt(), p = Me([d.ref, c]);
     return a && n ? /* @__PURE__ */ o(
       "div",
       {
         role: "menuitem",
         ...l.getItemProps({
-          onClick(h) {
-            var m;
-            i || ((m = s.onClick) == null || m.call(s, h), p == null || p.events.emit("click"));
+          onClick(b) {
+            var h;
+            s || ((h = i.onClick) == null || h.call(i, b), f == null || f.events.emit("click"));
           }
         }),
         children: n
       }
-    ) : (r && (g = "pl-2"), /* @__PURE__ */ y(
+    ) : (r && (m = "pl-2"), /* @__PURE__ */ k(
       "button",
       {
-        ...s,
-        ref: b,
+        ...i,
+        ref: p,
         role: "menuitem",
         className: "m-0 flex w-full rounded-md border border-transparent bg-none px-2 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
         tabIndex: 0,
         disabled: t,
         ...l.getItemProps({
-          onClick(h) {
-            var m;
-            i || ((m = s.onClick) == null || m.call(s, h), p == null || p.events.emit("click"));
+          onClick(b) {
+            var h;
+            s || ((h = i.onClick) == null || h.call(i, b), f == null || f.events.emit("click"));
           },
-          onFocus(h) {
-            var m;
-            (m = s.onFocus) == null || m.call(s, h), l.setHasFocusInside(!0);
+          onFocus(b) {
+            var h;
+            (h = i.onFocus) == null || h.call(i, b), l.setHasFocusInside(!0);
           }
         }),
         children: [
           r,
-          e && /* @__PURE__ */ o("span", { className: g, children: e })
+          e && /* @__PURE__ */ o("span", { className: m, children: e })
         ]
       }
     ));
   }
 );
-U.displayName = "MenuItem";
+W.displayName = "MenuItem";
 const _r = ({ className: e, ...t }) => {
-  const r = k(e, "my-1 border-t border-border-medium");
+  const r = w(e, "my-1 border-t border-border-medium");
   return /* @__PURE__ */ o("div", { className: r, ...t });
 };
 /*!
-  @versini/ui-menu v2.0.6
-  © 2024 gizmette.com
+  @versini/ui-menu v2.0.7
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "2.0.6",
-    buildTime: "12/30/2024 07:48 PM EST",
+    version: "2.0.7",
+    buildTime: "01/01/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -482,31 +489,31 @@ try {
 const Rr = "av-togglegroup", Ar = "av-togglegroup-item-wrapper", Mr = "av-togglegroup-item";
 function ze(e, t = []) {
   let r = [];
-  function a(i, s) {
-    const c = f.createContext(s), g = r.length;
-    r = [...r, s];
-    const l = (p) => {
-      var b;
-      const { scope: h, children: m, ...d } = p, v = ((b = h == null ? void 0 : h[e]) == null ? void 0 : b[g]) || c, C = f.useMemo(() => d, Object.values(d));
-      return /* @__PURE__ */ o(v.Provider, { value: C, children: m });
+  function a(s, i) {
+    const c = g.createContext(i), m = r.length;
+    r = [...r, i];
+    const l = (f) => {
+      var p;
+      const { scope: b, children: h, ...u } = f, v = ((p = b == null ? void 0 : b[e]) == null ? void 0 : p[m]) || c, T = g.useMemo(() => u, Object.values(u));
+      return /* @__PURE__ */ o(v.Provider, { value: T, children: h });
     };
-    l.displayName = i + "Provider";
-    function u(p, b) {
-      var h;
-      const m = ((h = b == null ? void 0 : b[e]) == null ? void 0 : h[g]) || c, d = f.useContext(m);
-      if (d) return d;
-      if (s !== void 0) return s;
-      throw new Error(`\`${p}\` must be used within \`${i}\``);
+    l.displayName = s + "Provider";
+    function d(f, p) {
+      var b;
+      const h = ((b = p == null ? void 0 : p[e]) == null ? void 0 : b[m]) || c, u = g.useContext(h);
+      if (u) return u;
+      if (i !== void 0) return i;
+      throw new Error(`\`${f}\` must be used within \`${s}\``);
     }
-    return [l, u];
+    return [l, d];
   }
   const n = () => {
-    const i = r.map((s) => f.createContext(s));
-    return function(s) {
-      const c = (s == null ? void 0 : s[e]) || i;
-      return f.useMemo(
-        () => ({ [`__scope${e}`]: { ...s, [e]: c } }),
-        [s, c]
+    const s = r.map((i) => g.createContext(i));
+    return function(i) {
+      const c = (i == null ? void 0 : i[e]) || s;
+      return g.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: c } }),
+        [i, c]
       );
     };
   };
@@ -521,72 +528,72 @@ function zr(...e) {
       scopeName: n.scopeName
     }));
     return function(n) {
-      const i = a.reduce((s, { useScope: c, scopeName: g }) => {
-        const l = c(n)[`__scope${g}`];
-        return { ...s, ...l };
+      const s = a.reduce((i, { useScope: c, scopeName: m }) => {
+        const l = c(n)[`__scope${m}`];
+        return { ...i, ...l };
       }, {});
-      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+      return g.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return r.scopeName = t.scopeName, r;
 }
-function je(e, t) {
+function Ue(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function pt(...e) {
+function gt(...e) {
   return (t) => {
     let r = !1;
     const a = e.map((n) => {
-      const i = je(n, t);
-      return !r && typeof i == "function" && (r = !0), i;
+      const s = Ue(n, t);
+      return !r && typeof s == "function" && (r = !0), s;
     });
     if (r)
       return () => {
         for (let n = 0; n < a.length; n++) {
-          const i = a[n];
-          typeof i == "function" ? i() : je(e[n], null);
+          const s = a[n];
+          typeof s == "function" ? s() : Ue(e[n], null);
         }
       };
   };
 }
 function Se(...e) {
-  return f.useCallback(pt(...e), e);
+  return g.useCallback(gt(...e), e);
 }
-var ge = f.forwardRef((e, t) => {
-  const { children: r, ...a } = e, n = f.Children.toArray(r), i = n.find(Pr);
-  if (i) {
-    const s = i.props.children, c = n.map((g) => g === i ? f.Children.count(s) > 1 ? f.Children.only(null) : f.isValidElement(s) ? s.props.children : null : g);
-    return /* @__PURE__ */ o(_e, { ...a, ref: t, children: f.isValidElement(s) ? f.cloneElement(s, void 0, c) : null });
+var be = g.forwardRef((e, t) => {
+  const { children: r, ...a } = e, n = g.Children.toArray(r), s = n.find(Pr);
+  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(_e, { ...a, ref: t, children: r });
 });
-ge.displayName = "Slot";
-var _e = f.forwardRef((e, t) => {
+be.displayName = "Slot";
+var _e = g.forwardRef((e, t) => {
   const { children: r, ...a } = e;
-  if (f.isValidElement(r)) {
+  if (g.isValidElement(r)) {
     const n = Or(r);
-    return f.cloneElement(r, {
+    return g.cloneElement(r, {
       ...Br(a, r.props),
       // @ts-ignore
-      ref: t ? pt(t, n) : n
+      ref: t ? gt(t, n) : n
     });
   }
-  return f.Children.count(r) > 1 ? f.Children.only(null) : null;
+  return g.Children.count(r) > 1 ? g.Children.only(null) : null;
 });
 _e.displayName = "SlotClone";
-var Lr = ({ children: e }) => /* @__PURE__ */ o(R, { children: e });
+var Lr = ({ children: e }) => /* @__PURE__ */ o(M, { children: e });
 function Pr(e) {
-  return f.isValidElement(e) && e.type === Lr;
+  return g.isValidElement(e) && e.type === Lr;
 }
 function Br(e, t) {
   const r = { ...t };
   for (const a in t) {
-    const n = e[a], i = t[a];
-    /^on[A-Z]/.test(a) ? n && i ? r[a] = (...s) => {
-      i(...s), n(...s);
-    } : n && (r[a] = n) : a === "style" ? r[a] = { ...n, ...i } : a === "className" && (r[a] = [n, i].filter(Boolean).join(" "));
+    const n = e[a], s = t[a];
+    /^on[A-Z]/.test(a) ? n && s ? r[a] = (...i) => {
+      s(...i), n(...i);
+    } : n && (r[a] = n) : a === "style" ? r[a] = { ...n, ...s } : a === "className" && (r[a] = [n, s].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
@@ -595,7 +602,7 @@ function Or(e) {
   let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = a && "isReactWarning" in a && a.isReactWarning;
   return n ? e.ref : (a = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Dr = [
+var Vr = [
   "a",
   "button",
   "div",
@@ -612,235 +619,235 @@ var Dr = [
   "span",
   "svg",
   "ul"
-], ne = Dr.reduce((e, t) => {
-  const r = f.forwardRef((a, n) => {
-    const { asChild: i, ...s } = a, c = i ? ge : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(c, { ...s, ref: n });
+], he = Vr.reduce((e, t) => {
+  const r = g.forwardRef((a, n) => {
+    const { asChild: s, ...i } = a, c = s ? be : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(c, { ...i, ref: n });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
-function W(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function q(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), r === !1 || !a.defaultPrevented)
       return t == null ? void 0 : t(a);
   };
 }
-function Vr(e) {
-  const t = e + "CollectionProvider", [r, a] = ze(t), [n, i] = r(
+function $r(e) {
+  const t = e + "CollectionProvider", [r, a] = ze(t), [n, s] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), s = (h) => {
-    const { scope: m, children: d } = h, v = E.useRef(null), C = E.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ o(n, { scope: m, itemMap: C, collectionRef: v, children: d });
+  ), i = (b) => {
+    const { scope: h, children: u } = b, v = I.useRef(null), T = I.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ o(n, { scope: h, itemMap: T, collectionRef: v, children: u });
   };
-  s.displayName = t;
-  const c = e + "CollectionSlot", g = E.forwardRef(
-    (h, m) => {
-      const { scope: d, children: v } = h, C = i(c, d), w = Se(m, C.collectionRef);
-      return /* @__PURE__ */ o(ge, { ref: w, children: v });
+  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 });
     }
   );
-  g.displayName = c;
-  const l = e + "CollectionItemSlot", u = "data-radix-collection-item", p = E.forwardRef(
-    (h, m) => {
-      const { scope: d, children: v, ...C } = h, w = E.useRef(null), T = Se(m, w), S = i(l, d);
-      return E.useEffect(() => (S.itemMap.set(w, { ref: w, ...C }), () => void S.itemMap.delete(w))), /* @__PURE__ */ o(ge, { [u]: "", ref: T, 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 });
     }
   );
-  p.displayName = l;
-  function b(h) {
-    const m = i(e + "CollectionConsumer", h);
-    return E.useCallback(() => {
-      const d = m.collectionRef.current;
-      if (!d) return [];
-      const v = Array.from(d.querySelectorAll(`[${u}]`));
-      return Array.from(m.itemMap.values()).sort(
-        (C, w) => v.indexOf(C.ref.current) - v.indexOf(w.ref.current)
+  f.displayName = l;
+  function p(b) {
+    const h = s(e + "CollectionConsumer", b);
+    return I.useCallback(() => {
+      const u = h.collectionRef.current;
+      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)
       );
-    }, [m.collectionRef, m.itemMap]);
+    }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: s, Slot: g, ItemSlot: p },
-    b,
+    { Provider: i, Slot: m, ItemSlot: f },
+    p,
     a
   ];
 }
-var $r = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
-}, Fr = f.useId || (() => {
+var Dr = globalThis != null && globalThis.document ? g.useLayoutEffect : () => {
+}, Fr = g.useId || (() => {
 }), Hr = 0;
 function Gr(e) {
-  const [t, r] = f.useState(Fr());
-  return $r(() => {
+  const [t, r] = g.useState(Fr());
+  return Dr(() => {
     r((a) => a ?? String(Hr++));
   }, [e]), t ? `radix-${t}` : "";
 }
 function Le(e) {
-  const t = f.useRef(e);
-  return f.useEffect(() => {
+  const t = g.useRef(e);
+  return g.useEffect(() => {
     t.current = e;
-  }), f.useMemo(() => (...r) => {
+  }), g.useMemo(() => (...r) => {
     var a;
     return (a = t.current) == null ? void 0 : a.call(t, ...r);
   }, []);
 }
-function pe({
+function ye({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
   }
 }) {
-  const [a, n] = Ur({ defaultProp: t, onChange: r }), i = e !== void 0, s = i ? e : a, c = Le(r), g = f.useCallback(
+  const [a, n] = Ur({ defaultProp: t, onChange: r }), s = e !== void 0, i = s ? e : a, c = Le(r), m = g.useCallback(
     (l) => {
-      if (i) {
-        const u = typeof l == "function" ? l(e) : l;
-        u !== e && c(u);
+      if (s) {
+        const d = typeof l == "function" ? l(e) : l;
+        d !== e && c(d);
       } else
         n(l);
     },
-    [i, e, n, c]
+    [s, e, n, c]
   );
-  return [s, g];
+  return [i, m];
 }
 function Ur({
   defaultProp: e,
   onChange: t
 }) {
-  const r = f.useState(e), [a] = r, n = f.useRef(a), i = Le(t);
-  return f.useEffect(() => {
-    n.current !== a && (i(a), n.current = a);
-  }, [a, n, i]), r;
+  const r = g.useState(e), [a] = r, n = g.useRef(a), s = Le(t);
+  return g.useEffect(() => {
+    n.current !== a && (s(a), n.current = a);
+  }, [a, n, s]), r;
 }
-var jr = f.createContext(void 0);
-function bt(e) {
-  const t = f.useContext(jr);
+var jr = g.createContext(void 0);
+function ft(e) {
+  const t = g.useContext(jr);
   return e || t || "ltr";
 }
-var Ne = "rovingFocusGroup.onEntryFocus", Kr = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Re, vt, Wr] = Vr(be), [Yr, yt] = ze(
-  be,
+var Ce = "rovingFocusGroup.onEntryFocus", Kr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Re, pt, Wr] = $r(ke), [Yr, bt] = ze(
+  ke,
   [Wr]
-), [qr, Zr] = Yr(be), kt = f.forwardRef(
+), [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 }) }) })
 );
-kt.displayName = be;
-var Qr = f.forwardRef((e, t) => {
+vt.displayName = ke;
+var Qr = g.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
     orientation: a,
     loop: n = !1,
-    dir: i,
-    currentTabStopId: s,
+    dir: s,
+    currentTabStopId: i,
     defaultCurrentTabStopId: c,
-    onCurrentTabStopIdChange: g,
+    onCurrentTabStopIdChange: m,
     onEntryFocus: l,
-    preventScrollOnEntryFocus: u = !1,
-    ...p
-  } = e, b = f.useRef(null), h = Se(t, b), m = bt(i), [d = null, v] = pe({
-    prop: s,
+    preventScrollOnEntryFocus: d = !1,
+    ...f
+  } = e, p = g.useRef(null), b = Se(t, p), h = ft(s), [u = null, v] = ye({
+    prop: i,
     defaultProp: c,
-    onChange: g
-  }), [C, w] = f.useState(!1), T = Le(l), S = vt(r), M = f.useRef(!1), [L, A] = f.useState(0);
-  return f.useEffect(() => {
-    const x = b.current;
-    if (x)
-      return x.addEventListener(Ne, T), () => x.removeEventListener(Ne, T);
-  }, [T]), /* @__PURE__ */ o(
+    onChange: m
+  }), [T, x] = g.useState(!1), y = Le(l), N = pt(r), A = g.useRef(!1), [B, _] = g.useState(0);
+  return g.useEffect(() => {
+    const C = p.current;
+    if (C)
+      return C.addEventListener(Ce, y), () => C.removeEventListener(Ce, y);
+  }, [y]), /* @__PURE__ */ o(
     qr,
     {
       scope: r,
       orientation: a,
-      dir: m,
+      dir: h,
       loop: n,
-      currentTabStopId: d,
-      onItemFocus: f.useCallback(
-        (x) => v(x),
+      currentTabStopId: u,
+      onItemFocus: g.useCallback(
+        (C) => v(C),
         [v]
       ),
-      onItemShiftTab: f.useCallback(() => w(!0), []),
-      onFocusableItemAdd: f.useCallback(
-        () => A((x) => x + 1),
+      onItemShiftTab: g.useCallback(() => x(!0), []),
+      onFocusableItemAdd: g.useCallback(
+        () => _((C) => C + 1),
         []
       ),
-      onFocusableItemRemove: f.useCallback(
-        () => A((x) => x - 1),
+      onFocusableItemRemove: g.useCallback(
+        () => _((C) => C - 1),
         []
       ),
       children: /* @__PURE__ */ o(
-        ne.div,
+        he.div,
         {
-          tabIndex: C || L === 0 ? -1 : 0,
+          tabIndex: T || B === 0 ? -1 : 0,
           "data-orientation": a,
-          ...p,
-          ref: h,
+          ...f,
+          ref: b,
           style: { outline: "none", ...e.style },
-          onMouseDown: W(e.onMouseDown, () => {
-            M.current = !0;
+          onMouseDown: q(e.onMouseDown, () => {
+            A.current = !0;
           }),
-          onFocus: W(e.onFocus, (x) => {
-            const le = !M.current;
-            if (x.target === x.currentTarget && le && !C) {
-              const de = new CustomEvent(Ne, Kr);
-              if (x.currentTarget.dispatchEvent(de), !de.defaultPrevented) {
-                const X = S().filter((O) => O.focusable), ye = X.find((O) => O.active), ke = X.find((O) => O.id === d), we = [ye, ke, ...X].filter(
+          onFocus: q(e.onFocus, (C) => {
+            const U = !A.current;
+            if (C.target === C.currentTarget && U && !T) {
+              const j = new CustomEvent(Ce, Kr);
+              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(
                   Boolean
                 ).map((O) => O.ref.current);
-                Tt(we, u);
+                wt(Te, d);
               }
             }
-            M.current = !1;
+            A.current = !1;
           }),
-          onBlur: W(e.onBlur, () => w(!1))
+          onBlur: q(e.onBlur, () => x(!1))
         }
       )
     }
   );
-}), wt = "RovingFocusGroupItem", Ct = f.forwardRef(
+}), yt = "RovingFocusGroupItem", kt = g.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: r,
       focusable: a = !0,
       active: n = !1,
-      tabStopId: i,
-      ...s
-    } = e, c = Gr(), g = i || c, l = Zr(wt, r), u = l.currentTabStopId === g, p = vt(r), { onFocusableItemAdd: b, onFocusableItemRemove: h } = l;
-    return f.useEffect(() => {
+      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;
+    return g.useEffect(() => {
       if (a)
-        return b(), () => h();
-    }, [a, b, h]), /* @__PURE__ */ o(
+        return p(), () => b();
+    }, [a, p, b]), /* @__PURE__ */ o(
       Re.ItemSlot,
       {
         scope: r,
-        id: g,
+        id: m,
         focusable: a,
         active: n,
         children: /* @__PURE__ */ o(
-          ne.span,
+          he.span,
           {
-            tabIndex: u ? 0 : -1,
+            tabIndex: d ? 0 : -1,
             "data-orientation": l.orientation,
-            ...s,
+            ...i,
             ref: t,
-            onMouseDown: W(e.onMouseDown, (m) => {
-              a ? l.onItemFocus(g) : m.preventDefault();
+            onMouseDown: q(e.onMouseDown, (h) => {
+              a ? l.onItemFocus(m) : h.preventDefault();
             }),
-            onFocus: W(e.onFocus, () => l.onItemFocus(g)),
-            onKeyDown: W(e.onKeyDown, (m) => {
-              if (m.key === "Tab" && m.shiftKey) {
+            onFocus: q(e.onFocus, () => l.onItemFocus(m)),
+            onKeyDown: q(e.onKeyDown, (h) => {
+              if (h.key === "Tab" && h.shiftKey) {
                 l.onItemShiftTab();
                 return;
               }
-              if (m.target !== m.currentTarget) return;
-              const d = eo(m, l.orientation, l.dir);
-              if (d !== void 0) {
-                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
-                m.preventDefault();
-                let v = p().filter((C) => C.focusable).map((C) => C.ref.current);
-                if (d === "last") v.reverse();
-                else if (d === "prev" || d === "next") {
-                  d === "prev" && v.reverse();
-                  const C = v.indexOf(m.currentTarget);
-                  v = l.loop ? to(v, C + 1) : v.slice(C + 1);
+              if (h.target !== h.currentTarget) return;
+              const u = eo(h, l.orientation, l.dir);
+              if (u !== void 0) {
+                if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
+                h.preventDefault();
+                let v = f().filter((T) => T.focusable).map((T) => T.ref.current);
+                if (u === "last") v.reverse();
+                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);
                 }
-                setTimeout(() => Tt(v));
+                setTimeout(() => wt(v));
               }
             })
           }
@@ -849,7 +856,7 @@ var Qr = f.forwardRef((e, t) => {
     );
   }
 );
-Ct.displayName = wt;
+kt.displayName = yt;
 var Xr = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -868,7 +875,7 @@ function eo(e, t, r) {
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
     return Xr[a];
 }
-function Tt(e, t = !1) {
+function wt(e, t = !1) {
   const r = document.activeElement;
   for (const a of e)
     if (a === r || (a.focus({ preventScroll: t }), document.activeElement !== r)) return;
@@ -876,168 +883,168 @@ function Tt(e, t = !1) {
 function to(e, t) {
   return e.map((r, a) => e[(t + a) % e.length]);
 }
-var ro = kt, oo = Ct, ao = "Toggle", Nt = f.forwardRef((e, t) => {
-  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...i } = e, [s = !1, c] = pe({
+var ro = vt, oo = kt, ao = "Toggle", Tt = g.forwardRef((e, t) => {
+  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...s } = e, [i = !1, c] = ye({
     prop: r,
     onChange: n,
     defaultProp: a
   });
   return /* @__PURE__ */ o(
-    ne.button,
+    he.button,
     {
       type: "button",
-      "aria-pressed": s,
-      "data-state": s ? "on" : "off",
+      "aria-pressed": i,
+      "data-state": i ? "on" : "off",
       "data-disabled": e.disabled ? "" : void 0,
-      ...i,
+      ...s,
       ref: t,
-      onClick: W(e.onClick, () => {
-        e.disabled || c(!s);
+      onClick: q(e.onClick, () => {
+        e.disabled || c(!i);
       })
     }
   );
 });
-Nt.displayName = ao;
-var Q = "ToggleGroup", [xt, ga] = ze(Q, [
-  yt
-]), Et = yt(), Pe = E.forwardRef((e, t) => {
+Tt.displayName = ao;
+var ee = "ToggleGroup", [xt, ma] = ze(ee, [
+  bt
+]), Ct = bt(), Pe = I.forwardRef((e, t) => {
   const { type: r, ...a } = e;
   if (r === "single")
     return /* @__PURE__ */ o(no, { ...a, ref: t });
   if (r === "multiple")
     return /* @__PURE__ */ o(so, { ...a, ref: t });
-  throw new Error(`Missing prop \`type\` expected on \`${Q}\``);
+  throw new Error(`Missing prop \`type\` expected on \`${ee}\``);
 });
-Pe.displayName = Q;
-var [It, St] = xt(Q), no = E.forwardRef((e, t) => {
+Pe.displayName = ee;
+var [Nt, Et] = xt(ee), no = I.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
     onValueChange: n = () => {
     },
-    ...i
-  } = e, [s, c] = pe({
+    ...s
+  } = e, [i, c] = ye({
     prop: r,
     defaultProp: a,
     onChange: n
   });
   return /* @__PURE__ */ o(
-    It,
+    Nt,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
-      value: s ? [s] : [],
+      value: i ? [i] : [],
       onItemActivate: c,
-      onItemDeactivate: E.useCallback(() => c(""), [c]),
-      children: /* @__PURE__ */ o(_t, { ...i, ref: t })
+      onItemDeactivate: I.useCallback(() => c(""), [c]),
+      children: /* @__PURE__ */ o(It, { ...s, ref: t })
     }
   );
-}), so = E.forwardRef((e, t) => {
+}), so = I.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
     onValueChange: n = () => {
     },
-    ...i
-  } = e, [s = [], c] = pe({
+    ...s
+  } = e, [i = [], c] = ye({
     prop: r,
     defaultProp: a,
     onChange: n
-  }), g = E.useCallback(
-    (u) => c((p = []) => [...p, u]),
+  }), m = I.useCallback(
+    (d) => c((f = []) => [...f, d]),
     [c]
-  ), l = E.useCallback(
-    (u) => c((p = []) => p.filter((b) => b !== u)),
+  ), l = I.useCallback(
+    (d) => c((f = []) => f.filter((p) => p !== d)),
     [c]
   );
   return /* @__PURE__ */ o(
-    It,
+    Nt,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
-      value: s,
-      onItemActivate: g,
+      value: i,
+      onItemActivate: m,
       onItemDeactivate: l,
-      children: /* @__PURE__ */ o(_t, { ...i, ref: t })
+      children: /* @__PURE__ */ o(It, { ...s, ref: t })
     }
   );
 });
-Pe.displayName = Q;
-var [io, co] = xt(Q), _t = E.forwardRef(
+Pe.displayName = ee;
+var [io, co] = xt(ee), It = I.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: r,
       disabled: a = !1,
       rovingFocus: n = !0,
-      orientation: i,
-      dir: s,
+      orientation: s,
+      dir: i,
       loop: c = !0,
-      ...g
-    } = e, l = Et(r), u = bt(s), p = { role: "group", dir: u, ...g };
+      ...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,
       {
         asChild: !0,
         ...l,
-        orientation: i,
-        dir: u,
+        orientation: s,
+        dir: d,
         loop: c,
-        children: /* @__PURE__ */ o(ne.div, { ...p, ref: t })
+        children: /* @__PURE__ */ o(he.div, { ...f, ref: t })
       }
-    ) : /* @__PURE__ */ o(ne.div, { ...p, ref: t }) });
+    ) : /* @__PURE__ */ o(he.div, { ...f, ref: t }) });
   }
-), fe = "ToggleGroupItem", Rt = E.forwardRef(
+), ve = "ToggleGroupItem", St = I.forwardRef(
   (e, t) => {
-    const r = St(fe, e.__scopeToggleGroup), a = co(fe, e.__scopeToggleGroup), n = Et(e.__scopeToggleGroup), i = r.value.includes(e.value), s = a.disabled || e.disabled, c = { ...e, pressed: i, disabled: s }, g = E.useRef(null);
+    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);
     return a.rovingFocus ? /* @__PURE__ */ o(
       oo,
       {
         asChild: !0,
         ...n,
-        focusable: !s,
-        active: i,
-        ref: g,
-        children: /* @__PURE__ */ o(Ke, { ...c, ref: t })
+        focusable: !i,
+        active: s,
+        ref: m,
+        children: /* @__PURE__ */ o(je, { ...c, ref: t })
       }
-    ) : /* @__PURE__ */ o(Ke, { ...c, ref: t });
+    ) : /* @__PURE__ */ o(je, { ...c, ref: t });
   }
 );
-Rt.displayName = fe;
-var Ke = E.forwardRef(
+St.displayName = ve;
+var je = I.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: r, value: a, ...n } = e, i = St(fe, r), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = i.type === "single" ? s : void 0;
+    const { __scopeToggleGroup: r, value: a, ...n } = e, s = Et(ve, r), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
     return /* @__PURE__ */ o(
-      Nt,
+      Tt,
       {
         ...c,
         ...n,
         ref: t,
-        onPressedChange: (g) => {
-          g ? i.onItemActivate(a) : i.onItemDeactivate(a);
+        onPressedChange: (m) => {
+          m ? s.onItemActivate(a) : s.onItemDeactivate(a);
         }
       }
     );
   }
-), lo = Pe, uo = Rt;
-const At = E.createContext({
+), lo = Pe, uo = St;
+const _t = I.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
-}), mo = ({ focusMode: e }) => k("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}), mo = ({ 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 }) => k({
+}), ho = ({ 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 }) => k({
+}), go = ({ size: e }) => w({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), fo = ({ mode: e }) => k(
+}), fo = ({ mode: e }) => w(
   Ar,
   "px-1",
   "relative",
@@ -1057,7 +1064,7 @@ const At = E.createContext({
   size: r
 }) => ({
   wrapperClass: fo({ mode: t }),
-  itemClass: k(
+  itemClass: w(
     Mr,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
@@ -1069,7 +1076,7 @@ const At = E.createContext({
 }), bo = ({
   mode: e,
   className: t
-}) => k(
+}) => w(
   Rr,
   "inline-flex p-1",
   "rounded-sm",
@@ -1086,18 +1093,18 @@ const At = E.createContext({
   onValueChange: r,
   disabled: a,
   mode: n = "system",
-  focusMode: i = "system",
-  size: s = "medium",
+  focusMode: s = "system",
+  size: i = "medium",
   defaultValue: c,
-  className: g,
+  className: m,
   ...l
 }) => {
-  const u = bo({ mode: n, className: g }), p = { size: s, focusMode: i, mode: n };
-  return /* @__PURE__ */ o(At.Provider, { value: p, children: /* @__PURE__ */ o(
+  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,
     {
       disabled: a,
-      className: u,
+      className: d,
       value: t,
       defaultValue: c,
       onValueChange: r,
@@ -1107,57 +1114,57 @@ const At = E.createContext({
     }
   ) });
 }, yo = ({ value: e, disabled: t }) => {
-  const { size: r, focusMode: a, mode: n } = B(At), { itemClass: i, wrapperClass: s } = po({
+  const { size: r, focusMode: a, mode: n } = P(_t), { itemClass: s, wrapperClass: i } = po({
     focusMode: a,
     mode: n,
     size: r
   });
-  return /* @__PURE__ */ o("div", { className: s, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o("div", { className: i, children: /* @__PURE__ */ o(
     uo,
     {
       disabled: t,
-      className: i,
+      className: s,
       value: e,
       children: e
     }
   ) });
 };
 /*!
-  @versini/ui-panel v1.2.13
-  © 2024 gizmette.com
+  @versini/ui-panel v1.2.14
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.2.13",
-    buildTime: "12/31/2024 09:01 AM EST",
+    version: "1.2.14",
+    buildTime: "01/01/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko = "button", wo = "link", Co = ({
+const Ke = "av-messagebox", We = "av-panel", Ye = "av-button", Be = "icon", ko = "button", wo = "link", To = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0 px-2", s = "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 = "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";
   switch (e) {
     case ko:
-      return k({
-        [i]: t === "small",
-        [s]: t === "medium",
+      return w({
+        [s]: t === "small",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case wo:
-      return k("text-center", {
-        [i]: t === "small",
-        [s]: t === "medium",
+      return w("text-center", {
+        [s]: t === "small",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case Be:
-      return k("inline-flex items-center", {
+      return w("inline-flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
         "justify-end": n === "right",
@@ -1169,7 +1176,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, To = ({
+}, xo = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -1177,13 +1184,13 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
   radius: n
 }) => {
   if (t)
-    return k("not-prose", {
+    return w("not-prose", {
       "rounded-full": n === "large",
       "rounded-md": n === "medium",
       "rounded-sm": n === "small"
     });
   if (a === "primary")
-    return k("not-prose", {
+    return w("not-prose", {
       "rounded-full": n === "large",
       "rounded-md": n === "medium",
       "rounded-sm": n === "small",
@@ -1194,7 +1201,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return k("not-prose", {
+    return w("not-prose", {
       "rounded-full": n === "large",
       "rounded-md": n === "medium",
       "rounded-sm": n === "small",
@@ -1205,7 +1212,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return k("not-prose", {
+    return w("not-prose", {
       "rounded-full": n === "large",
       "rounded-md": n === "medium",
       "rounded-sm": n === "small",
@@ -1216,7 +1223,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return k("not-prose", {
+    return w("not-prose", {
       "rounded-full": n === "large",
       "rounded-md": n === "medium",
       "rounded-sm": n === "small",
@@ -1226,7 +1233,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
       "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"
     });
-}, No = ({
+}, Co = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1234,34 +1241,34 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
   if (t)
     return "";
   if (r === "primary")
-    return k("hover:text-copy-light-hover", {
+    return w("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return k("hover:text-copy-light-hover", {
+    return w("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return k("hover:text-copy-light-hover", {
+    return w("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
   if (r === "selected")
-    return k("hover:text-copy-light-hover", {
+    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"
     });
-}, xo = ({
+}, No = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1269,28 +1276,28 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
   if (t)
     return "";
   if (r === "primary")
-    return k("active:text-copy-light-active", {
+    return w("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return k("active:text-copy-light-active", {
+    return w("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return k("active:text-copy-lighter-active", {
+    return w("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
   if (r === "selected")
-    return k("active:text-copy-lighter-active", {
+    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",
@@ -1304,28 +1311,28 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return k("border", {
+    return w("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return k("border", {
+    return w("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return k("border", {
+    return w("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
   if (r === "selected")
-    return k("border", {
+    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",
@@ -1333,187 +1340,187 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", ko =
     });
 }, Io = ({
   focusMode: e
-}) => k("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => w("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Mt = ({
+}), Rt = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
   focusMode: n,
-  disabled: i,
-  fullWidth: s,
+  disabled: s,
+  fullWidth: i,
   size: c,
-  noBorder: g,
+  noBorder: m,
   labelRight: l,
-  labelLeft: u,
-  noBackground: p,
-  variant: b,
-  noTruncate: h,
-  align: m,
-  radius: d
-}) => (b || (b = "primary"), r ? k(qe, t) : k(
-  qe,
-  To({
+  labelLeft: d,
+  noBackground: f,
+  variant: p,
+  noTruncate: b,
+  align: h,
+  radius: u
+}) => (p || (p = "primary"), r ? w(Ye, t) : w(
+  Ye,
+  xo({
     mode: a,
-    variant: b,
-    noBackground: p,
-    noTruncate: h,
-    radius: d
+    variant: p,
+    noBackground: f,
+    noTruncate: b,
+    radius: u
   }),
-  Co({
+  To({
     type: e,
     size: c,
     labelRight: l,
-    labelLeft: u,
-    align: m
+    labelLeft: d,
+    align: h
   }),
-  Eo({ mode: a, variant: b, noBorder: g }),
+  Eo({ mode: a, variant: p, noBorder: m }),
   Io({ focusMode: n }),
-  No({ mode: a, variant: b, disabled: i }),
-  xo({ mode: a, variant: b, disabled: i }),
+  Co({ mode: a, variant: p, disabled: s }),
+  No({ mode: a, variant: p, disabled: s }),
   {
-    "w-full": s,
-    "disabled:cursor-not-allowed disabled:opacity-50": i
+    "w-full": i,
+    "disabled:cursor-not-allowed disabled:opacity-50": s
   },
   t
 )), So = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, Oe = E.forwardRef((e, t) => {
+}, Oe = I.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ o(
     "button",
     {
       ref: t,
-      onClick: (i) => {
-        So(i, a, r);
+      onClick: (s) => {
+        So(s, a, r);
       },
       ...n
     }
   );
 });
 Oe.displayName = "BaseButton";
-const zt = E.forwardRef(
+const At = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
     fullWidth: n = !1,
-    className: i,
-    type: s = "button",
+    className: s,
+    type: i = "button",
     raw: c = !1,
-    noBorder: g = !1,
+    noBorder: m = !1,
     "aria-label": l,
-    label: u,
-    size: p = "medium",
-    labelRight: b,
-    labelLeft: h,
-    noBackground: m = !1,
-    align: d = "center",
+    label: d,
+    size: f = "medium",
+    labelRight: p,
+    labelLeft: b,
+    noBackground: h = !1,
+    align: u = "center",
     radius: v = "large",
-    ...C
-  }, w) => {
-    const T = Mt({
+    ...T
+  }, x) => {
+    const y = Rt({
       type: Be,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
       raw: c,
-      className: i,
-      noBorder: g,
-      size: p,
-      labelRight: b,
-      labelLeft: h,
-      noBackground: m,
-      align: d,
+      className: s,
+      noBorder: m,
+      size: f,
+      labelRight: p,
+      labelLeft: b,
+      noBackground: h,
+      align: u,
       radius: v
-    }), S = k({
+    }), N = 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__ */ y(
+    return /* @__PURE__ */ k(
       Oe,
       {
-        ref: w,
-        className: T,
+        ref: x,
+        className: y,
         disabled: t,
-        type: s,
-        "aria-label": l || u,
-        ...C,
+        type: i,
+        "aria-label": l || d,
+        ...T,
         children: [
-          h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
-          /* @__PURE__ */ o("div", { className: S, children: e }),
-          b && /* @__PURE__ */ o("span", { className: "pl-2", children: b })
+          b && /* @__PURE__ */ o("span", { className: "pr-2", children: b }),
+          /* @__PURE__ */ o("div", { className: N, children: e }),
+          p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
         ]
       }
     );
   }
 );
-zt.displayName = "ButtonIcon";
+At.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v3.2.0
-  © 2024 gizmette.com
+  @versini/ui-button v3.2.1
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "3.2.0",
-    buildTime: "12/31/2024 09:01 AM EST",
+    version: "3.2.1",
+    buildTime: "01/01/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const _o = E.forwardRef(
+const _o = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
     fullWidth: n = !1,
-    className: i,
-    type: s = "button",
+    className: s,
+    type: i = "button",
     raw: c = !1,
-    noBorder: g = !1,
+    noBorder: m = !1,
     "aria-label": l,
-    label: u,
-    size: p = "medium",
-    labelRight: b,
-    labelLeft: h,
-    noBackground: m = !1,
-    align: d = "center",
+    label: d,
+    size: f = "medium",
+    labelRight: p,
+    labelLeft: b,
+    noBackground: h = !1,
+    align: u = "center",
     active: v = !1,
-    radius: C = "large",
-    ...w
-  }, T) => {
-    const S = Mt({
+    radius: T = "large",
+    ...x
+  }, y) => {
+    const N = Rt({
       type: Be,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
       raw: c,
-      className: i,
-      noBorder: g,
-      size: p,
-      labelRight: b,
-      labelLeft: h,
-      noBackground: m,
-      align: d,
-      radius: C
-    }), M = k({
+      className: s,
+      noBorder: m,
+      size: f,
+      labelRight: p,
+      labelLeft: b,
+      noBackground: h,
+      align: u,
+      radius: T
+    }), A = w({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), L = v ? k(
+    }), B = v ? w(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1530,19 +1537,19 @@ const _o = E.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ o("div", { className: L, children: /* @__PURE__ */ y(
+    return /* @__PURE__ */ o("div", { className: B, children: /* @__PURE__ */ k(
       Oe,
       {
-        ref: T,
-        className: S,
+        ref: y,
+        className: N,
         disabled: t,
-        type: s,
-        "aria-label": l || u,
-        ...w,
+        type: i,
+        "aria-label": l || d,
+        ...x,
         children: [
-          h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
-          /* @__PURE__ */ o("div", { className: M, children: e }),
-          b && /* @__PURE__ */ o("span", { className: "pl-2", children: b })
+          b && /* @__PURE__ */ o("span", { className: "pr-2", children: b }),
+          /* @__PURE__ */ o("div", { className: A, children: e }),
+          p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
         ]
       }
     ) });
@@ -1555,13 +1562,13 @@ const Ro = ({
   viewBox: r,
   className: a,
   defaultViewBox: n,
-  size: i,
-  title: s,
+  size: s,
+  title: i,
   semantic: c = !1,
-  ...g
+  ...m
 }) => {
-  const l = k(i, a);
-  return /* @__PURE__ */ y(R, { children: [
+  const l = w(s, a);
+  return /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ o(
       "svg",
       {
@@ -1572,21 +1579,21 @@ const Ro = ({
         role: "img",
         "aria-hidden": !c,
         focusable: !1,
-        ...g,
+        ...m,
         children: e
       }
     ),
-    s && c && /* @__PURE__ */ o("span", { className: "sr-only", children: s })
+    i && c && /* @__PURE__ */ o("span", { className: "sr-only", children: i })
   ] });
 };
 /*!
   @versini/ui-svgicon v3.0.2
-  © 2024 gizmette.com
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "3.0.2",
-    buildTime: "12/31/2024 09:01 AM EST",
+    buildTime: "01/01/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1611,49 +1618,49 @@ const Ao = ({
   }
 );
 /*!
-  @versini/ui-icons v3.0.2
-  © 2024 gizmette.com
+  @versini/ui-icons v3.1.0
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "3.0.2",
-    buildTime: "12/31/2024 09:01 AM EST",
+    version: "3.1.0",
+    buildTime: "01/01/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Lt = f.createContext(null);
+const Mt = g.createContext(null);
 function Mo({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, n] = f.useState(e), [i, s] = f.useState(), [c, g] = f.useState(), l = t ?? a, u = r ?? n, p = st({
+  const [a, n] = g.useState(e), [s, i] = g.useState(), [c, m] = g.useState(), l = t ?? a, d = r ?? n, f = at({
     open: l,
-    onOpenChange: u
-  }), b = p.context, h = it(b, {
+    onOpenChange: d
+  }), p = f.context, b = nt(p, {
     enabled: t == null
-  }), m = lt(b, {
+  }), h = it(p, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), d = ct(b), v = dt([h, m, d]);
-  return f.useMemo(
+  }), u = st(p), v = ct([b, h, u]);
+  return g.useMemo(
     () => ({
       open: l,
-      setOpen: u,
+      setOpen: d,
       ...v,
-      ...p,
-      labelId: i,
+      ...f,
+      labelId: s,
       descriptionId: c,
-      setLabelId: s,
-      setDescriptionId: g
+      setLabelId: i,
+      setDescriptionId: m
     }),
-    [l, u, v, p, i, c]
+    [l, d, v, f, s, c]
   );
 }
-const ve = () => {
-  const e = f.useContext(Lt);
+const we = () => {
+  const e = g.useContext(Mt);
   if (e == null)
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
@@ -1663,94 +1670,94 @@ function zo({
   ...t
 }) {
   const r = Mo(t);
-  return /* @__PURE__ */ o(Lt.Provider, { value: r, children: e });
+  return /* @__PURE__ */ o(Mt.Provider, { value: r, children: e });
 }
-const Lo = f.forwardRef(function(e, t) {
-  const { context: r, ...a } = ve(), n = Me([a.refs.setFloating, t]);
+const Lo = g.forwardRef(function(e, t) {
+  const { context: r, ...a } = we(), n = Me([a.refs.setFloating, t]);
   if (!r.open)
     return null;
-  const { overlayBackground: i, ...s } = e, c = k("grid place-items-center", {
-    [`${i}`]: i,
-    "bg-black sm:bg-black/[.8]": !i
+  const { overlayBackground: s, ...i } = e, c = w("grid place-items-center", {
+    [`${s}`]: s,
+    "bg-black sm:bg-black/[.8]": !s
   });
-  return /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(kr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(mt, { context: r, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(lt, { children: /* @__PURE__ */ o(yr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(dt, { context: r, children: /* @__PURE__ */ o(
     "div",
     {
       ref: n,
       "aria-labelledby": a.labelId,
       "aria-describedby": a.descriptionId,
-      ...a.getFloatingProps(s),
-      children: s.children
+      ...a.getFloatingProps(i),
+      children: i.children
     }
   ) }) }) });
-}), Po = f.forwardRef(function({ children: e, ...t }, r) {
-  const { setLabelId: a } = ve(), n = Ae();
-  return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
-}), Bo = f.forwardRef(function({ children: e, ...t }, r) {
-  const { setDescriptionId: a } = ve(), n = Ae();
-  return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
-}), Oo = f.forwardRef(function(e, t) {
-  const { setOpen: r } = ve(), { trigger: a, className: n, ...i } = e, s = f.useCallback(() => r(!1), [r]);
-  return /* @__PURE__ */ o("div", { className: n, children: f.cloneElement(a, {
+}), Po = g.forwardRef(function({ children: e, ...t }, r) {
+  const { setLabelId: a } = we(), n = Ae();
+  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();
+  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]);
+  return /* @__PURE__ */ o("div", { className: n, children: g.cloneElement(a, {
     ref: t,
-    onClick: s,
-    ...i
+    onClick: i,
+    ...s
   }) });
 });
 /*!
   @versini/ui-modal v1.1.7
-  © 2024 gizmette.com
+  © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
     version: "1.1.7",
-    buildTime: "12/31/2024 09:01 AM EST",
+    buildTime: "01/01/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ee = "panel", ue = "messagebox", Do = ({
+const se = "panel", fe = "messagebox", Vo = ({
   className: e,
   kind: t,
   borderMode: r
 }) => ({
-  main: k("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${Ye} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ee,
-    [`${Ye} w-full sm:w-[95%] md:max-w-2xl`]: t === ee && !e,
-    [`${We} rounded-lg border-2`]: t === ue,
-    [`${We} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
+  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,
     [`${e}`]: !!e,
-    "sm:border-border-dark": r === "dark" && t === ee,
-    "sm:border-border-accent": r === "light" && t === ee,
-    "border-border-dark": r === "dark" && t === ue,
-    "border-border-accent": r === "light" && t === ue
+    "sm:border-border-dark": r === "dark" && t === se,
+    "sm:border-border-accent": r === "light" && t === se,
+    "border-border-dark": r === "dark" && t === fe,
+    "border-border-accent": r === "light" && t === fe
   }),
   content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
   footer: "flex flex-grow flex-col sm:p-4 p-2",
   header: "sm:p-4 mb-0 p-2",
   close: "sm:p-4 p-2"
-}), q = ({
+}), te = ({
   open: e,
   onOpenChange: t,
   title: r,
   children: a,
   footer: n,
-  borderMode: i = "light",
-  kind: s = ee,
+  borderMode: s = "light",
+  kind: i = se,
   className: c
 }) => {
-  const g = Z(""), l = Do({ className: c, kind: s, borderMode: i });
-  return G(() => (e && (g.current = document.title, document.title = `${r} | ${g.current}`), () => {
-    e && (document.title = g.current);
-  }), [r, e]), /* @__PURE__ */ o(R, { children: e && /* @__PURE__ */ o(zo, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Lo, { className: l.main, children: [
-    /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+  const m = J(""), l = Vo({ 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: [
+    /* @__PURE__ */ k("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ o(
         Oo,
         {
           className: l.close,
           trigger: /* @__PURE__ */ o(
-            zt,
+            At,
             {
               mode: "dark",
               focusMode: "light",
@@ -1766,123 +1773,54 @@ const ee = "panel", ue = "messagebox", Do = ({
     /* @__PURE__ */ o(Bo, { className: l.content, children: a }),
     n && /* @__PURE__ */ o("div", { className: l.footer, children: n })
   ] }) }) });
-}, Vo = ({ 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 = ae(), i = ae();
-  return /* @__PURE__ */ y(R, { children: [
+}, $o = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], r = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = de(), s = de();
+  return /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
-      P,
+      L,
       {
-        header: N.ABOUT.TITLE_CLIENT,
+        header: E.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
-        children: oe(n, {
-          [N.ABOUT.VERSION]: "5.17.1",
-          [N.ABOUT.BUILD_TIMESTAMP]: "01/02/2025 09:20 AM EST"
+        children: ce(n, {
+          [E.ABOUT.VERSION]: "5.18.0",
+          [E.ABOUT.BUILD_TIMESTAMP]: "01/02/2025 10:16 AM EST"
         })
       }
     ) }),
     /* @__PURE__ */ o(
-      P,
+      L,
       {
-        header: N.ABOUT.TITLE_SERVER,
+        header: E.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
-        children: oe(i, {
-          [N.ABOUT.VERSION]: r,
-          [he(N.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(R, { children: a.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) }),
-          [he(N.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(R, { children: t.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) })
+        children: ce(s, {
+          [E.ABOUT.VERSION]: r,
+          [pe(E.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(M, { children: a.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) }),
+          [pe(E.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(M, { children: t.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
   ] });
-}, $o = ({
-  open: e,
-  onOpenChange: t
-}) => {
-  const { serverStats: r } = B(ie);
-  return /* @__PURE__ */ o(q, { open: e, onOpenChange: t, title: Dt, children: /* @__PURE__ */ o(Vo, { stats: r }) });
-}, Fo = (e) => Qe(e), Ho = (e) => {
-  if (!e || e.length === 0)
-    return $t;
-  const t = e.filter(
-    (r) => {
-      var a, n;
-      return ((a = r == null ? void 0 : r.message) == null ? void 0 : a.role) === Ft && typeof ((n = r == null ? void 0 : r.message) == null ? void 0 : n.processingTime) == "number";
-    }
-  ).map((r) => r.message.processingTime);
-  return Ht({
-    data: t,
-    formatter: Fo
-  });
-}, Go = ({
-  isAuthenticated: e,
-  stats: t
-}) => {
-  const { state: r } = B(ie), a = Gt - Number(r == null ? void 0 : r.usage), n = ae(), i = ae();
-  return e ? /* @__PURE__ */ y(R, { children: [
-    r && r.messages.length > 0 && /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
-      P,
-      {
-        header: N.CURRENT_STATISTICS.TITLE,
-        className: "prose-dark dark:prose-lighter",
-        children: oe(n, {
-          [N.CURRENT_STATISTICS.MODEL_NAME]: (r == null ? void 0 : r.model) || te,
-          [N.CURRENT_STATISTICS.TOKENS_USED]: r == null ? void 0 : r.usage,
-          [N.CURRENT_STATISTICS.REMAINING_TOKENS]: Vt.format(a),
-          [N.CURRENT_STATISTICS.PROCESSING_TIME]: Ho(r == null ? void 0 : r.messages)
-        })
-      }
-    ) }),
-    /* @__PURE__ */ o(
-      P,
-      {
-        header: N.MAIN_STATISTICS.TITLE,
-        className: "prose-dark dark:prose-lighter",
-        children: oe(i, {
-          [he(N.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
-          [N.MAIN_STATISTICS.PROCESSING_TIME]: Qe(
-            t.averageProcessingTimes
-          )
-        })
-      }
-    )
-  ] }) : null;
-}, Uo = ({
+}, Do = ({
   open: e,
   onOpenChange: t
 }) => {
-  const [r, a] = I({
-    averageProcessingTimes: 0,
-    totalChats: 0
-  }), { isAuthenticated: n, getAccessToken: i, user: s } = Y();
-  return G(() => {
-    !e || !s || (async () => {
-      try {
-        const c = await D({
-          accessToken: await i(),
-          type: V.GET_CHATS_STATS,
-          params: {
-            userId: s.username
-          }
-        });
-        c.status === 200 && a(c.data);
-      } catch {
-      }
-    })();
-  }, [e, i, s]), /* @__PURE__ */ o(q, { open: e, onOpenChange: t, title: Xe, children: /* @__PURE__ */ o(Go, { isAuthenticated: n, stats: r }) });
-}, Pt = ({
+  const { serverStats: r } = P(ge);
+  return /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Bt, children: /* @__PURE__ */ o($o, { stats: r }) });
+}, zt = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: r,
   children: a,
   customStrings: n
 }) => /* @__PURE__ */ o(
-  q,
+  te,
   {
     kind: "messagebox",
     open: e,
     onOpenChange: t,
     title: n.title,
-    footer: /* @__PURE__ */ y(H, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+    footer: /* @__PURE__ */ k(H, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
         F,
         {
           mode: "dark",
@@ -1894,7 +1832,7 @@ const ee = "panel", ue = "messagebox", Do = ({
           children: n.cancelAction
         }
       ) }),
-      /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
         F,
         {
           mode: "dark",
@@ -1909,19 +1847,19 @@ const ee = "panel", ue = "messagebox", Do = ({
     ] }),
     children: a
   }
-), jo = async (e, t, r, a) => {
+), Fo = async (e, t, r, a) => {
   try {
-    const n = await D({
+    const n = await V({
       accessToken: a,
-      type: V.GET_CHAT,
+      type: $.GET_CHAT,
       params: {
         id: e.id
       }
     });
     n.status === 200 && (t({
-      type: Je
+      type: Ze
     }), t({
-      type: jt,
+      type: Vt,
       payload: {
         id: e.id,
         model: n.data.model,
@@ -1931,57 +1869,57 @@ const ee = "panel", ue = "messagebox", Do = ({
     }), r(!1));
   } catch {
   }
-}, Ko = ({
+}, Ho = ({
   filteredHistory: e,
   setFilteredHistory: t,
   dispatch: r,
   onOpenChange: a
 }) => {
-  var m;
-  const { user: n, getAccessToken: i } = Y(), s = Z({
+  var h;
+  const { user: n, getAccessToken: s } = Z(), i = J({
     id: 0,
     timestamp: "",
     message: ""
-  }), [c, g] = I(!1), { state: l, dispatch: u } = B(rt), [, p] = ce({
-    key: se + Ut,
+  }), [c, m] = S(!1), { state: l, dispatch: d } = P(et), [, f] = me({
+    key: ue + Ot,
     initialValue: l.sortDirection
-  }), b = (d) => {
+  }), p = (u) => {
     switch (l.sortDirection) {
-      case j.ASC:
-        p(j.DESC), u({
-          type: Ve,
+      case Y.ASC:
+        f(Y.DESC), d({
+          type: $e,
           payload: {
-            sortedCell: d,
-            sortDirection: j.DESC
+            sortedCell: u,
+            sortDirection: Y.DESC
           }
         });
         break;
       default:
-        p(j.ASC), u({
-          type: Ve,
+        f(Y.ASC), d({
+          type: $e,
           payload: {
-            sortedCell: d,
-            sortDirection: j.ASC
+            sortedCell: u,
+            sortDirection: Y.ASC
           }
         });
         break;
     }
   };
-  return /* @__PURE__ */ y(R, { children: [
-    /* @__PURE__ */ y(
-      Pt,
+  return /* @__PURE__ */ k(M, { children: [
+    /* @__PURE__ */ k(
+      zt,
       {
         showConfirmation: c,
-        setShowConfirmation: g,
+        setShowConfirmation: m,
         action: async () => {
-          const d = s.current;
+          const u = i.current;
           try {
-            const v = await D({
-              accessToken: await i(),
-              type: V.DELETE_CHAT,
+            const v = await V({
+              accessToken: await s(),
+              type: $.DELETE_CHAT,
               params: {
                 userId: (n == null ? void 0 : n.username) || "",
-                id: d.id,
+                id: u.id,
                 limit: 1,
                 searchString: l.searchString,
                 direction: l.sortDirection,
@@ -1999,32 +1937,32 @@ const ee = "panel", ue = "messagebox", Do = ({
         },
         children: [
           /* @__PURE__ */ o("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ y("ul", { className: "m-0", children: [
-            /* @__PURE__ */ y("li", { children: [
+          /* @__PURE__ */ k("ul", { className: "m-0", children: [
+            /* @__PURE__ */ k("li", { children: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ o("span", { className: "text-lg", children: s.current && s.current.timestamp })
+              /* @__PURE__ */ o("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
-            /* @__PURE__ */ y("li", { children: [
+            /* @__PURE__ */ k("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ o("span", { className: "text-lg", children: (m = s.current) == null ? void 0 : m.message })
+              /* @__PURE__ */ o("span", { className: "text-lg", children: (h = i.current) == null ? void 0 : h.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ y(
-      or,
+    /* @__PURE__ */ k(
+      rr,
       {
         stickyHeader: !0,
         stickyFooter: !0,
         compact: !0,
         wrapperClassName: "max-h-[60vh] min-h-[60vh]",
         children: [
-          /* @__PURE__ */ o(ar, { children: /* @__PURE__ */ y(Te, { children: [
+          /* @__PURE__ */ o(or, { children: /* @__PURE__ */ k(xe, { children: [
             /* @__PURE__ */ o(
-              nr,
+              ar,
               {
                 buttonClassName: "text-xs sm:text-sm",
                 cellId: "timestamp",
@@ -2032,81 +1970,81 @@ const ee = "panel", ue = "messagebox", Do = ({
                 sortDirection: l.sortDirection,
                 sortedCell: l.sortedCell,
                 onClick: () => {
-                  b("timestamp");
+                  p("timestamp");
                 },
                 children: "Date"
               }
             ),
-            /* @__PURE__ */ o($, { className: "text-xs sm:text-sm", children: "First message" }),
-            /* @__PURE__ */ o($, { className: "text-xs sm:text-sm", children: "Model" }),
-            /* @__PURE__ */ o($, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+            /* @__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(sr, { children: e.data.map((d, v) => {
-            var C, w;
-            return ((C = d == null ? void 0 : d.messages) == null ? void 0 : C.length) > 0 ? /* @__PURE__ */ y(Te, { children: [
+          /* @__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(
-                $,
+                D,
                 {
                   component: "th",
                   scope: "row",
                   className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-                  children: d.timestamp
+                  children: u.timestamp
                 }
               ),
               /* @__PURE__ */ o(
-                $,
+                D,
                 {
                   className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                   style: {
                     wordBreak: "break-word"
                   },
-                  children: d.messages.length > 0 ? (w = d.messages[0]) == null ? void 0 : w.content : ""
+                  children: u.messages.length > 0 ? (x = u.messages[0]) == null ? void 0 : x.content : ""
                 }
               ),
-              /* @__PURE__ */ o($, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ y(H, { alignHorizontal: "center", children: [
-                d.model && d.model.startsWith("claude") && /* @__PURE__ */ o(ht, { size: "size-4 sm:size-5" }),
-                d.model && d.model.startsWith("gpt") && /* @__PURE__ */ o(gt, { size: "size-4 sm:size-5" })
+              /* @__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($, { className: "px-2", children: /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ o(D, { className: "px-2", children: /* @__PURE__ */ k("div", { className: "flex justify-end gap-2", children: [
                 /* @__PURE__ */ o(
-                  K,
+                  X,
                   {
                     focusMode: "alt-system",
                     noBorder: !0,
                     label: "Restore chat",
                     onClick: async () => {
-                      const T = await i();
-                      jo(
-                        d,
+                      const y = await s();
+                      Fo(
+                        u,
                         r,
                         a,
-                        T
+                        y
                       );
                     },
-                    children: /* @__PURE__ */ o(Ir, { size: "size-3", monotone: !0 })
+                    children: /* @__PURE__ */ o(Er, { size: "size-3", monotone: !0 })
                   }
                 ),
                 /* @__PURE__ */ o(
-                  K,
+                  X,
                   {
                     focusMode: "alt-system",
                     noBorder: !0,
                     label: "Delete chat",
                     onClick: () => {
-                      var T;
-                      s.current = {
-                        id: d.id,
-                        timestamp: d.timestamp,
-                        message: d.messages.length > 0 ? (T = d.messages[0]) == null ? void 0 : T.content : ""
-                      }, g(!c);
+                      var y;
+                      i.current = {
+                        id: u.id,
+                        timestamp: u.timestamp,
+                        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(Tr, { size: "size-3", monotone: !0 }) })
+                    children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(wr, { size: "size-3", monotone: !0 }) })
                   }
                 )
               ] }) })
-            ] }, `${N.HISTORY.TITLE}-${d.id}-${v}`) : null;
+            ] }, `${E.HISTORY.TITLE}-${u.id}-${v}`) : null;
           }) }),
-          /* @__PURE__ */ o(ir, { children: /* @__PURE__ */ o(Te, { children: /* @__PURE__ */ o($, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: he(
+          /* @__PURE__ */ o(sr, { children: /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(D, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: pe(
             `${e.data.length} chat`,
             e.data.length
           ) }) }) }) })
@@ -2114,18 +2052,18 @@ const ee = "panel", ue = "messagebox", Do = ({
       }
     )
   ] });
-}, Ze = async ({
+}, qe = async ({
   searchString: e,
   username: t,
   accessToken: r,
-  direction: a = j.ASC
+  direction: a = Y.ASC
 }) => {
   if (!t)
     return [];
   try {
-    const n = await D({
+    const n = await V({
       accessToken: r,
-      type: V.GET_CHATS,
+      type: $.GET_CHATS,
       params: {
         userId: t,
         searchString: e,
@@ -2140,63 +2078,63 @@ const ee = "panel", ue = "messagebox", Do = ({
     return [];
   }
   return [];
-}, Wo = ({ onOpenChange: e }) => {
-  const { isAuthenticated: t, getAccessToken: r, user: a } = Y(), n = Z(null), i = Z(!1), { dispatch: s } = B(ie), { state: c, dispatch: g } = B(rt), [, l] = ce({
-    key: se + Kt,
+}, 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,
     initialValue: c.searchString
-  }), [u, p] = I({
+  }), [d, f] = S({
     data: [],
     sortedDirection: c.sortDirection
-  }), b = async (d) => {
-    const v = await r(), C = await Ze({
-      searchString: d,
+  }), p = async (u) => {
+    const v = await r(), T = await qe({
+      searchString: u,
       username: a == null ? void 0 : a.username,
       accessToken: v,
       direction: c.sortDirection
     });
-    p({
-      data: C,
+    f({
+      data: T,
       sortedDirection: c.sortDirection
-    }), l(d), g({
-      type: Wt,
-      payload: { searchString: d }
+    }), l(u), m({
+      type: Dt,
+      payload: { searchString: u }
     });
-  }, h = Yt((d) => {
-    b(d.target.value);
-  }, 500), m = async (d) => {
-    d.preventDefault();
+  }, b = Ft((u) => {
+    p(u.target.value);
+  }, 500), h = async (u) => {
+    u.preventDefault();
   };
   return G(() => {
-    i.current || (async () => {
-      i.current = !0;
-      const d = await r(), v = await Ze({
+    s.current || (async () => {
+      s.current = !0;
+      const u = await r(), v = await qe({
         searchString: c.searchString,
         username: a == null ? void 0 : a.username,
-        accessToken: d,
+        accessToken: u,
         direction: c.sortDirection
       });
-      p({
+      f({
         data: v,
         sortedDirection: c.sortDirection
       });
     })();
   }), G(() => {
-    if (c.sortDirection !== u.sortedDirection) {
-      const d = [...u.data].sort((v, C) => {
+    if (c.sortDirection !== d.sortedDirection) {
+      const u = [...d.data].sort((v, T) => {
         if (c.sortedCell === "timestamp") {
-          const w = new Date(v[c.sortedCell]).getTime(), T = new Date(C[c.sortedCell]).getTime();
-          return c.sortDirection === j.ASC ? w - T : T - w;
+          const x = new Date(v[c.sortedCell]).getTime(), y = new Date(T[c.sortedCell]).getTime();
+          return c.sortDirection === Y.ASC ? x - y : y - x;
         }
         return 0;
       });
-      p({
-        data: d,
+      f({
+        data: u,
         sortedDirection: c.sortDirection
       });
     }
-  }, [u, c]), t ? u && u.data && /* @__PURE__ */ y(R, { children: [
-    /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: m, children: /* @__PURE__ */ o(
-      xe,
+  }, [d, c]), t ? d && d.data && /* @__PURE__ */ k(M, { children: [
+    /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: h, children: /* @__PURE__ */ o(
+      Ne,
       {
         autoCapitalize: "off",
         autoComplete: "off",
@@ -2207,7 +2145,7 @@ const ee = "panel", ue = "messagebox", Do = ({
         mode: "dark",
         name: "Search",
         label: "Search",
-        onChange: h,
+        onChange: b,
         className: "mt-2 mb-2",
         ...c.searchString && {
           rightElement: /* @__PURE__ */ o(
@@ -2220,8 +2158,8 @@ const ee = "panel", ue = "messagebox", Do = ({
               noBorder: !0,
               size: "small",
               onClick: () => {
-                var d;
-                b(""), (d = n.current) != null && d.value && (n.current.value = "", n.current.focus());
+                var u;
+                p(""), (u = n.current) != null && u.value && (n.current.value = "", n.current.focus());
               },
               children: "Reset"
             }
@@ -2230,19 +2168,119 @@ const ee = "panel", ue = "messagebox", Do = ({
       }
     ) }),
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ o(
-      Ko,
+      Ho,
       {
-        filteredHistory: u,
-        setFilteredHistory: p,
-        dispatch: s,
+        filteredHistory: d,
+        setFilteredHistory: f,
+        dispatch: i,
         onOpenChange: e
       }
     ) })
   ] }) : null;
+}, Uo = ({
+  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) => {
+  if (!e || e.length === 0)
+    return jt;
+  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";
+    }
+  ).map((r) => r.message.processingTime);
+  return Wt({
+    data: t,
+    formatter: jo
+  });
+}, 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) || "";
+  return t && d ? /* @__PURE__ */ k(M, { children: [
+    /* @__PURE__ */ o(
+      L,
+      {
+        header: E.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        children: ce(c, {
+          [E.PREFERENCES.NAME]: d,
+          [E.PREFERENCES.EMAIL]: (r == null ? void 0 : r.email) || ""
+        })
+      }
+    ),
+    n !== Gt.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 }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ o("p", { children: E.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ o(
+            X,
+            {
+              size: "small",
+              className: "mt-2",
+              onClick: a,
+              labelLeft: E.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ o(De, { size: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(
+      L,
+      {
+        header: E.CURRENT_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter mt-4",
+        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)
+        })
+      }
+    ),
+    /* @__PURE__ */ o(
+      L,
+      {
+        header: E.MAIN_STATISTICS.TITLE,
+        className: "prose-dark dark:prose-lighter mt-4",
+        children: ce(l, {
+          [pe(E.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
+          [E.MAIN_STATISTICS.PROCESSING_TIME]: Qe(
+            e.averageProcessingTimes
+          )
+        })
+      }
+    )
+  ] }) : null;
 }, Yo = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ o(q, { open: e, onOpenChange: t, title: qt, children: /* @__PURE__ */ o(Wo, { onOpenChange: t }) });
+}) => {
+  const [r, a] = S({
+    averageProcessingTimes: 0,
+    totalChats: 0
+  }), { getAccessToken: n, user: s } = Z();
+  return G(() => {
+    !e || !s || (async () => {
+      try {
+        const i = await V({
+          accessToken: await n(),
+          type: $.GET_CHATS_STATS,
+          params: {
+            userId: s.username
+          }
+        });
+        i.status === 200 && a(i.data);
+      } catch {
+      }
+    })();
+  }, [e, n, s]), /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: qt, children: /* @__PURE__ */ o(Wo, { stats: r }) });
+};
 /*!
   @versini/ui-toggle v2.0.5
   © 2024 gizmette.com
@@ -2256,9 +2294,9 @@ try {
   });
 } catch {
 }
-const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo = ({
+const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo = ({
   focusMode: e
-}) => k(
+}) => w(
   "peer-focus:outline",
   "peer-focus:outline-2",
   "peer-focus:outline-offset-2",
@@ -2268,14 +2306,14 @@ const qo = "av-toggle", Zo = () => k("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 = () => k(
+), Xo = () => w(
   "peer-checked:after:translate-x-full",
   // background color when checked
   "peer-checked:bg-violet-500",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), Jo = () => k(
+), Jo = () => w(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -2290,7 +2328,7 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
 ), ea = ({
   mode: e,
   noBorder: t
-}) => k({
+}) => w({
   border: !t,
   "border-border-dark bg-surface-medium": e === "light",
   "border-border-light bg-surface-darker": e === "dark",
@@ -2299,12 +2337,12 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
 }), ta = ({
   mode: e,
   labelHidden: t
-}) => t ? "sr-only" : k("ml-2 text-sm", {
+}) => t ? "sr-only" : w("ml-2 text-sm", {
   "text-copy-dark": e === "light",
   "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 }) => k(
+}), ra = ({ className: e }) => w(
   qo,
   "relative flex cursor-pointer items-center",
   e
@@ -2315,7 +2353,7 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
   className: a,
   noBorder: n
 }) => ({
-  toggle: k(
+  toggle: w(
     Zo(),
     ea({ mode: e, noBorder: n }),
     Qo({ focusMode: t }),
@@ -2325,27 +2363,27 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
   label: ta({ mode: e, labelHidden: r }),
   input: "peer sr-only",
   wrapper: ra({ className: a })
-}), re = ({
+}), ie = ({
   checked: e = !1,
   onChange: t,
   label: r,
   labelHidden: a = !1,
   name: n,
-  mode: i = "system",
-  focusMode: s = "system",
+  mode: s = "system",
+  focusMode: i = "system",
   className: c,
-  noBorder: g = !1
+  noBorder: m = !1
 }) => {
   const l = oa({
-    mode: i,
-    focusMode: s,
+    mode: s,
+    focusMode: i,
     labelHidden: a,
     className: c,
-    noBorder: g
-  }), u = (p) => {
-    t == null || t(p.target.checked);
+    noBorder: m
+  }), d = (f) => {
+    t == null || t(f.target.checked);
   };
-  return /* @__PURE__ */ y("label", { className: l.wrapper, children: [
+  return /* @__PURE__ */ k("label", { className: l.wrapper, children: [
     /* @__PURE__ */ o(
       "input",
       {
@@ -2353,7 +2391,7 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
         checked: e,
         type: "checkbox",
         className: l.input,
-        onChange: u
+        onChange: d
       }
     ),
     /* @__PURE__ */ o("div", { className: l.toggle }),
@@ -2363,122 +2401,282 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: r } = B(ie), { getAccessToken: a, user: n } = Y(), [i, s] = I({
+  const { state: r, dispatch: a } = P(ir), { getAccessToken: n, user: s } = Z(), [i, c] = S({
+    tags: [...r.tags]
+  }), m = ({
+    slot: d,
+    checked: f,
+    label: p,
+    content: b
+  }) => {
+    c((h) => {
+      const u = h.tags, v = {
+        slot: d,
+        label: p,
+        content: b,
+        enabled: f
+      }, T = u.findIndex((x) => x.slot === d);
+      return T === -1 ? {
+        ...h,
+        tags: [...u, { ...v, slot: d }]
+      } : (u[T] = v, {
+        ...h,
+        tags: [...u]
+      });
+    });
+  }, l = async (d) => {
+    d.preventDefault();
+    try {
+      await V({
+        accessToken: await n(),
+        type: $.SET_USER_PREFERENCES,
+        params: {
+          user: s == null ? void 0 : s.username,
+          tags: i.tags
+        }
+      }), a({
+        type: Qt,
+        payload: {
+          tags: i.tags
+        }
+      });
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ k(
+    te,
+    {
+      open: e,
+      onOpenChange: t,
+      title: "Tags",
+      footer: /* @__PURE__ */ k(
+        H,
+        {
+          columnGap: 2,
+          alignHorizontal: "flex-end",
+          className: "pb-8 sm:pb-0",
+          children: [
+            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+              F,
+              {
+                mode: "dark",
+                variant: "secondary",
+                focusMode: "light",
+                onClick: () => {
+                  t(!1);
+                },
+                children: "Cancel"
+              }
+            ) }),
+            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
+              F,
+              {
+                mode: "dark",
+                variant: "danger",
+                focusMode: "light",
+                onClick: async (d) => {
+                  t(!1), await l(d);
+                },
+                children: "Save"
+              }
+            ) })
+          ]
+        }
+      ),
+      children: [
+        /* @__PURE__ */ o("p", { children: Zt }),
+        i.tags && i.tags.map((d) => /* @__PURE__ */ k(
+          L,
+          {
+            header: `Tag ${d.slot + 1}`,
+            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,
+                  {
+                    label: "Label",
+                    name: `tag${d.slot}-label`,
+                    value: d.label,
+                    onChange: (f) => {
+                      m({
+                        slot: d.slot,
+                        checked: d.enabled,
+                        label: f.target.value,
+                        content: d.content
+                      });
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ o(R, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
+                  Ne,
+                  {
+                    label: "Content",
+                    name: `tag${d.slot}-content`,
+                    value: d.content,
+                    onChange: (f) => {
+                      m({
+                        slot: d.slot,
+                        checked: d.enabled,
+                        label: d.label,
+                        content: f.target.value
+                      });
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ o(
+                ie,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Enabled",
+                  name: d.slot.toString(),
+                  onChange: (f) => {
+                    m({
+                      slot: d.slot,
+                      checked: f,
+                      label: d.label,
+                      content: d.content
+                    });
+                  },
+                  checked: d.enabled
+                }
+              )
+            ]
+          },
+          `tag-slot-${d.slot}`
+        ))
+      ]
+    }
+  );
+}, na = ({
+  open: e,
+  onOpenChange: t
+}) => {
+  const { dispatch: r } = P(ge), { getAccessToken: a, user: n } = Z(), [s, i] = S(!1), [c, m] = S({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
-    engine: te
-  }), [c, g] = ce({
-    key: se + et,
+    engine: le
+  }), [l, d] = me({
+    key: ue + Xe,
+    initialValue: !1
+  }), [f, p] = me({
+    key: ue + Xt,
     initialValue: !1
-  }), l = async (h) => {
-    h.preventDefault();
+  }), b = (y) => {
+    p(y);
+  }, h = async (y) => {
+    y.preventDefault();
     try {
-      await D({
+      await V({
         accessToken: await a(),
-        type: V.SET_USER_PREFERENCES,
+        type: $.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
-          instructions: i.instructions,
-          location: i.location,
-          engine: i.engine
+          instructions: c.instructions,
+          location: c.location,
+          engine: c.engine
         }
       }), r({
-        type: tt,
+        type: Je,
         payload: {
-          engine: i.engine
+          engine: c.engine
         }
       });
     } catch {
     }
   }, u = async () => {
-    s((h) => ({
-      ...h,
+    m((y) => ({
+      ...y,
       location: "...",
       loadingLocation: !0
     }));
     try {
-      const h = Date.now(), m = await Qt(), d = await D({
+      const y = Date.now(), N = await tr(), A = await V({
         accessToken: await a(),
-        type: V.GET_LOCATION,
+        type: $.GET_LOCATION,
         params: {
-          latitude: m.latitude,
-          longitude: m.longitude
+          latitude: N.latitude,
+          longitude: N.longitude
         }
-      }), C = Date.now() - h;
-      if (C < 2e3 && await new Promise((w) => setTimeout(w, 2e3 - C)), d.status === 200) {
-        const { city: w, state: T, country: S, displayName: M } = d.data, L = w && T && S ? `${w}, ${T}, ${S}` : M;
-        s((A) => ({
-          ...A,
+      }), _ = 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;
+        m((oe) => ({
+          ...oe,
           loaded: !0,
-          location: L,
+          location: re,
           loadingLocation: !1
         }));
       } else
-        s((w) => ({
-          ...w,
+        m((C) => ({
+          ...C,
           loaded: !0,
           location: "",
           loadingLocation: !1
         }));
     } catch {
     }
-  }, p = (h) => {
-    s((m) => ({
-      ...m,
-      engine: h ? Ce : me
+  }, v = (y) => {
+    m((N) => ({
+      ...N,
+      engine: y ? ne : Q
     }));
-  }, b = (h) => {
-    s((m) => ({
-      ...m,
-      engine: h ? me : Ce
+  }, T = (y) => {
+    m((N) => ({
+      ...N,
+      engine: y ? Q : ne
     }));
+  }, x = () => {
+    i(!s);
   };
   return G(() => {
     if (!e || !n) {
-      s({
+      m({
         loaded: !1,
         loadingLocation: !1,
         instructions: "",
         location: "",
-        engine: te
+        engine: le
       });
       return;
     }
     (async () => {
       try {
-        const h = await D({
+        const y = await V({
           accessToken: await a(),
-          type: V.GET_USER_PREFERENCES,
+          type: $.GET_USER_PREFERENCES,
           params: {
             user: n.username
           }
         });
-        h.status === 200 && s((m) => ({
-          ...m,
+        y.status === 200 && m((N) => ({
+          ...N,
           loaded: !0,
-          instructions: h.data.instructions || "",
-          location: h.data.location || "",
-          engine: h.data.engine || te
+          instructions: y.data.instructions || "",
+          location: y.data.location || "",
+          engine: y.data.engine || le
         }));
       } catch {
       }
     })();
-  }, [n, e]), /* @__PURE__ */ o(R, { children: i.loaded && /* @__PURE__ */ o(
-    q,
+  }, [n, e]), /* @__PURE__ */ o(
+    te,
     {
       open: e,
       onOpenChange: t,
-      title: "Engine Fine Tuning",
-      footer: /* @__PURE__ */ y(
+      title: Jt,
+      footer: /* @__PURE__ */ k(
         H,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
@@ -2490,14 +2688,14 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (h) => {
-                  t(!1), await l(h);
+                onClick: async (y) => {
+                  t(!1), await h(y);
                 },
                 children: "Save"
               }
@@ -2505,60 +2703,83 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
           ]
         }
       ),
-      children: /* @__PURE__ */ y(R, { children: [
-        /* @__PURE__ */ y(
-          P,
+      children: /* @__PURE__ */ k(M, { children: [
+        s && /* @__PURE__ */ o(aa, { open: s, onOpenChange: i }),
+        /* @__PURE__ */ k(
+          L,
           {
-            header: "AI Engine",
+            header: E.SETTINGS_ENGINE.TITLE,
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ o("p", { children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ o("p", { className: "text-xs", children: "Select the AI engine that will be used to generate responses." }),
               /* @__PURE__ */ o(
-                re,
+                ie,
                 {
                   noBorder: !0,
-                  label: "OpenAI",
-                  name: "OpenAI",
-                  onChange: p,
-                  checked: i.engine === Ce
+                  label: ne,
+                  name: ne,
+                  onChange: v,
+                  checked: c.engine === ne
                 }
               ),
               /* @__PURE__ */ o(
-                re,
+                ie,
                 {
                   className: "mt-2",
                   noBorder: !0,
-                  label: "Anthropic",
-                  name: "Anthropic",
-                  onChange: b,
-                  checked: i.engine === me
+                  label: Q,
+                  name: Q,
+                  onChange: T,
+                  checked: c.engine === Q
                 }
               ),
-              /* @__PURE__ */ o("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI." }),
+              /* @__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." }),
               /* @__PURE__ */ o(
-                re,
+                ie,
                 {
                   className: "mt-2",
                   noBorder: !0,
-                  label: "Show Quick Engine Toggle",
+                  label: "Show Quick Engine Toggle Menu",
                   name: "show-toggle-engine-menu",
-                  onChange: g,
-                  checked: c
+                  onChange: d,
+                  checked: l
                 }
               ),
-              /* @__PURE__ */ o("p", { className: "text-xs", children: "This option introduces a new menu on the left side of the screen, enabling you to quickly switch between engines." })
+              /* @__PURE__ */ o("p", { className: "text-xs", children: "This option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more." }),
+              /* @__PURE__ */ o(
+                ie,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Show Message Statistics",
+                  name: "show-message-statistics",
+                  onChange: b,
+                  checked: f
+                }
+              ),
+              /* @__PURE__ */ o("h3", { className: "border-b-2 border-slate-400", children: "Tags" }),
+              /* @__PURE__ */ o(
+                X,
+                {
+                  className: "mt-2",
+                  size: "small",
+                  onClick: x,
+                  labelLeft: "Edit Custom Tags",
+                  children: /* @__PURE__ */ o(Tr, { size: "size-3", monotone: !0 })
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ y(
-          P,
+        /* @__PURE__ */ k(
+          L,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ y("p", { children: [
+              /* @__PURE__ */ k("p", { children: [
                 "What would you like ",
-                /* @__PURE__ */ o("em", { children: Zt }),
+                /* @__PURE__ */ o("em", { children: er }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ o(
@@ -2570,12 +2791,12 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: i.instructions,
-                  onChange: (h) => {
-                    s((m) => ({
-                      ...m,
+                  value: c.instructions,
+                  onChange: (y) => {
+                    m((N) => ({
+                      ...N,
                       loaded: !0,
-                      instructions: h.target.value
+                      instructions: y.target.value
                     }));
                   },
                   helperText: "Press ENTER to add a new line."
@@ -2584,8 +2805,8 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
             ]
           }
         ),
-        /* @__PURE__ */ y(
-          P,
+        /* @__PURE__ */ k(
+          L,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -2597,12 +2818,12 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
-                  value: i.location,
-                  onChange: (h) => {
-                    s((m) => ({
-                      ...m,
+                  value: c.location,
+                  onChange: (y) => {
+                    m((N) => ({
+                      ...N,
                       loaded: !0,
-                      location: h.target.value
+                      location: y.target.value
                     }));
                   },
                   helperText: "Enter your location or press auto-detect."
@@ -2614,9 +2835,9 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
                   className: "mt-2",
                   size: "small",
                   noBorder: !0,
-                  disabled: i.loadingLocation,
+                  disabled: c.loadingLocation,
                   onClick: u,
-                  children: i.loadingLocation ? "Detecting..." : "Auto-detect"
+                  children: c.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
@@ -2624,274 +2845,30 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
         )
       ] })
     }
-  ) });
-}, na = ({
-  open: e,
-  onOpenChange: t
-}) => {
-  const { state: r, dispatch: a } = B(cr), { getAccessToken: n, user: i } = Y(), [s, c] = I({
-    tags: [...r.tags]
-  }), g = ({
-    slot: u,
-    checked: p,
-    label: b,
-    content: h
-  }) => {
-    c((m) => {
-      const d = m.tags, v = {
-        slot: u,
-        label: b,
-        content: h,
-        enabled: p
-      }, C = d.findIndex((w) => w.slot === u);
-      return C === -1 ? {
-        ...m,
-        tags: [...d, { ...v, slot: u }]
-      } : (d[C] = v, {
-        ...m,
-        tags: [...d]
-      });
-    });
-  }, l = async (u) => {
-    u.preventDefault();
-    try {
-      await D({
-        accessToken: await n(),
-        type: V.SET_USER_PREFERENCES,
-        params: {
-          user: i == null ? void 0 : i.username,
-          tags: s.tags
-        }
-      }), a({
-        type: Jt,
-        payload: {
-          tags: s.tags
-        }
-      });
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ y(
-    q,
-    {
-      open: e,
-      onOpenChange: t,
-      title: "Tags",
-      footer: /* @__PURE__ */ y(
-        H,
-        {
-          columnGap: 2,
-          alignHorizontal: "flex-end",
-          className: "pb-8 sm:pb-0",
-          children: [
-            /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
-              F,
-              {
-                mode: "dark",
-                variant: "secondary",
-                focusMode: "light",
-                onClick: () => {
-                  t(!1);
-                },
-                children: "Cancel"
-              }
-            ) }),
-            /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
-              F,
-              {
-                mode: "dark",
-                variant: "danger",
-                focusMode: "light",
-                onClick: async (u) => {
-                  t(!1), await l(u);
-                },
-                children: "Save"
-              }
-            ) })
-          ]
-        }
-      ),
-      children: [
-        /* @__PURE__ */ o("p", { children: Xt }),
-        s.tags && s.tags.map((u) => /* @__PURE__ */ y(
-          P,
-          {
-            header: `Tag ${u.slot + 1}`,
-            className: "prose-dark dark:prose-lighter mb-2",
-            children: [
-              /* @__PURE__ */ y(H, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ o(_, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  xe,
-                  {
-                    label: "Label",
-                    name: `tag${u.slot}-label`,
-                    value: u.label,
-                    onChange: (p) => {
-                      g({
-                        slot: u.slot,
-                        checked: u.enabled,
-                        label: p.target.value,
-                        content: u.content
-                      });
-                    }
-                  }
-                ) }),
-                /* @__PURE__ */ o(_, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  xe,
-                  {
-                    label: "Content",
-                    name: `tag${u.slot}-content`,
-                    value: u.content,
-                    onChange: (p) => {
-                      g({
-                        slot: u.slot,
-                        checked: u.enabled,
-                        label: u.label,
-                        content: p.target.value
-                      });
-                    }
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ o(
-                re,
-                {
-                  className: "mt-2",
-                  noBorder: !0,
-                  label: "Enabled",
-                  name: u.slot.toString(),
-                  onChange: (p) => {
-                    g({
-                      slot: u.slot,
-                      checked: p,
-                      label: u.label,
-                      content: u.content
-                    });
-                  },
-                  checked: u.enabled
-                }
-              )
-            ]
-          },
-          `tag-slot-${u.slot}`
-        ))
-      ]
-    }
   );
-}, sa = () => {
-  const { isAuthenticated: e, user: t, registeringForPasskey: r, authenticationType: a } = Y(), [n, i] = ce({
-    key: se + er,
+}, ha = () => {
+  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,
     initialValue: !1
-  }), [s, c] = I(!1), [g, l] = I(!1), u = ae(), p = (t == null ? void 0 : t.username) || "", b = (d) => {
-    i(d);
-  }, h = () => {
-    c(!s);
-  }, m = () => {
-    l(!g);
-  };
-  return e && p ? /* @__PURE__ */ y(R, { children: [
-    s && /* @__PURE__ */ o(
-      aa,
-      {
-        open: s,
-        onOpenChange: c
-      }
-    ),
-    g && /* @__PURE__ */ o(na, { open: g, onOpenChange: l }),
-    /* @__PURE__ */ y(
-      P,
-      {
-        header: N.PREFERENCES.TITLE,
-        className: "prose-dark dark:prose-lighter",
-        children: [
-          oe(u, {
-            [N.PREFERENCES.NAME]: p,
-            [N.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
-            [N.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ o(
-              re,
-              {
-                noBorder: !0,
-                labelHidden: !0,
-                label: N.PREFERENCES.ENGINE_DETAILS,
-                name: N.PREFERENCES.ENGINE_DETAILS,
-                onChange: b,
-                checked: n
-              }
-            )
-          }),
-          /* @__PURE__ */ o(
-            K,
-            {
-              className: "mt-2",
-              size: "small",
-              onClick: h,
-              labelLeft: "Engine Fine Tuning",
-              children: /* @__PURE__ */ o(Ge, { size: "size-3", monotone: !0 })
-            }
-          ),
-          /* @__PURE__ */ o(
-            K,
-            {
-              className: "mt-2 ml-2",
-              size: "small",
-              onClick: m,
-              labelLeft: "Tags",
-              children: /* @__PURE__ */ o(Ge, { size: "size-3", monotone: !0 })
-            }
-          )
-        ]
-      }
-    ),
-    a !== tr.PASSKEY && /* @__PURE__ */ y(
-      P,
-      {
-        className: "prose-dark dark:prose-lighter mt-4",
-        header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ y(H, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o($e, { size: "size-8" }) }),
-          /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
-        ] }) }),
-        children: [
-          /* @__PURE__ */ o("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
-          /* @__PURE__ */ o(
-            K,
-            {
-              size: "small",
-              className: "mt-2",
-              onClick: r,
-              labelLeft: N.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ o($e, { size: "size-5", monotone: !0 })
-            }
-          )
-        ]
-      }
-    )
-  ] }) : null;
-}, ia = ({
-  open: e,
-  onOpenChange: t
-}) => /* @__PURE__ */ o(q, { open: e, onOpenChange: t, title: rr, children: /* @__PURE__ */ o(sa, {}) }), fa = () => {
-  const { state: e, dispatch: t, serverStats: r } = B(ie), [a, n] = I((e == null ? void 0 : e.engine) || te), [i, s] = I(!1), [c, g] = I(!1), [l, u] = I(!1), [p, b] = I(!1), [h, m] = I(!1), [d] = ce({
-    key: se + et,
-    initialValue: !1
-  }), { logout: v, getAccessToken: C, user: w } = Y(), T = () => {
-    s(!i);
-  }, S = () => {
-    g(!c);
-  }, M = () => {
-    u(!l);
-  }, L = () => {
-    b(!p);
+  }), { logout: v, getAccessToken: T, user: x } = Z(), y = () => {
+    i(!s);
+  }, N = () => {
+    m(!c);
   }, A = () => {
-    m(!h);
+    d(!l);
+  }, B = () => {
+    p(!f);
+  }, _ = () => {
+    h(!b);
   };
   return G(() => {
     e && e.engine && e.engine !== a && n(e.engine);
-  }, [e, a]), /* @__PURE__ */ y(R, { children: [
+  }, [e, a]), /* @__PURE__ */ k(M, { children: [
     /* @__PURE__ */ o(
-      Pt,
+      zt,
       {
-        showConfirmation: h,
-        setShowConfirmation: m,
+        showConfirmation: b,
+        setShowConfirmation: h,
         action: v,
         customStrings: {
           confirmAction: Fe,
@@ -2901,101 +2878,101 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
         children: /* @__PURE__ */ o("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ o(ia, { open: i, onOpenChange: s }),
-    /* @__PURE__ */ o(Uo, { open: c, onOpenChange: g }),
-    /* @__PURE__ */ o(Yo, { open: l, onOpenChange: u }),
-    /* @__PURE__ */ o($o, { open: p, onOpenChange: b }),
-    /* @__PURE__ */ o("div", { className: "sticky top-0 bg-slate-900 py-4", children: /* @__PURE__ */ y(H, { alignHorizontal: "space-between", alignVertical: "center", children: [
-      /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(lr, { mode: "dark", radius: "large" }) }),
-      /* @__PURE__ */ o(_, { children: /* @__PURE__ */ y(H, { children: [
-        d && r && /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+    /* @__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,
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ o(K, { className: "mr-2", children: e && e.engine === me ? /* @__PURE__ */ o(ht, {}) : /* @__PURE__ */ o(gt, {}) }),
+            trigger: /* @__PURE__ */ o(X, { className: "mr-2", children: e && e.engine === Q ? /* @__PURE__ */ o(ut, {}) : /* @__PURE__ */ o(mt, {}) }),
             defaultPlacement: "bottom-start",
-            children: /* @__PURE__ */ o(U, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ o(W, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ o(
               vo,
               {
                 size: "small",
                 mode: "dark",
                 focusMode: "light",
                 value: a,
-                onValueChange: async (x) => {
-                  if (x)
+                onValueChange: async (C) => {
+                  if (C)
                     try {
-                      await D({
-                        accessToken: await C(),
-                        type: V.SET_USER_PREFERENCES,
+                      await V({
+                        accessToken: await T(),
+                        type: $.SET_USER_PREFERENCES,
                         params: {
-                          user: w == null ? void 0 : w.username,
-                          engine: x
+                          user: x == null ? void 0 : x.username,
+                          engine: C
                         }
                       }), t({
-                        type: tt,
+                        type: Je,
                         payload: {
-                          engine: x
+                          engine: C
                         }
                       }), t({
-                        type: Je
+                        type: Ze
                       });
                     } catch {
                     }
                 },
-                children: r && r.engines.map((x) => /* @__PURE__ */ o(yo, { value: x }, x))
+                children: r && r.engines.map((C) => /* @__PURE__ */ o(yo, { value: C }, C))
               }
             ) })
           }
         ) }),
-        /* @__PURE__ */ o(_, { children: /* @__PURE__ */ y(
+        /* @__PURE__ */ o(R, { children: /* @__PURE__ */ k(
           Ie,
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(Sr, {}) }),
+            trigger: /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(Ir, {}) }),
             defaultPlacement: "bottom-end",
             children: [
               /* @__PURE__ */ o(
-                U,
+                W,
                 {
                   label: "Profile",
-                  onClick: T,
-                  icon: /* @__PURE__ */ o(Er, {})
+                  onClick: y,
+                  icon: /* @__PURE__ */ o(Nr, {})
                 }
               ),
               /* @__PURE__ */ o(
-                U,
+                W,
                 {
-                  label: Xe,
-                  onClick: S,
-                  icon: /* @__PURE__ */ o(Cr, {})
+                  label: "Settings",
+                  onClick: N,
+                  icon: /* @__PURE__ */ o(Sr, {})
                 }
               ),
               /* @__PURE__ */ o(
-                U,
+                W,
                 {
                   label: "History",
-                  onClick: M,
-                  icon: /* @__PURE__ */ o(Nr, {})
+                  onClick: A,
+                  icon: /* @__PURE__ */ o(xr, {})
                 }
               ),
               /* @__PURE__ */ o(
-                U,
+                W,
                 {
                   label: "About",
-                  onClick: L,
-                  icon: /* @__PURE__ */ o(xr, {})
+                  onClick: B,
+                  icon: /* @__PURE__ */ o(Cr, {})
                 }
               ),
-              e && e.id && !e.isComponent && /* @__PURE__ */ y(R, { children: [
+              e && e.id && !e.isComponent && /* @__PURE__ */ k(M, { children: [
                 /* @__PURE__ */ o(_r, {}),
                 /* @__PURE__ */ o(
-                  U,
+                  W,
                   {
                     label: "Log out",
-                    onClick: A,
-                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(wr, { monotone: !0 }) })
+                    onClick: _,
+                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(kr, { monotone: !0 }) })
                   }
                 )
               ] })
@@ -3007,5 +2984,5 @@ const qo = "av-toggle", Zo = () => k("peer", "h-6", "w-11", "rounded-full"), Qo
   ] });
 };
 export {
-  fa as default
+  ha as default
 };