@versini/sassysaint 5.4.4 → 5.4.6

package/dist/chunks/{LazyHeader.C-PVExEQ.js → LazyHeader.PqNNzUEq.js}

@@ -1,187 +1,187 @@
-import { jsx as r, jsxs as v, Fragment as A } from "react/jsx-runtime";
-import { g as V, E as $, CARDS as N, renderDataAsList as ie, pluralize as be, AppContext as ue, ABOUT_TITLE as At, DEFAULT_AI_ENGINE as ae, numberFormatter as Mt, durationFormatter as Xe, NA as Pt, ROLE_ASSISTANT as Lt, extractAverage as $t, GPT4_MAX_TOKENS as Bt, un as X, STATS as Ze, b as Q, j as L, R as G, HistoryContext as Je, LOCAL_STORAGE_PREFIX as me, LOCAL_STORAGE_SORT as Vt, O as W, ACTION_RESET as Qe, ACTION_RESTORE as zt, truncate as Ot, ACTION_SORT as we, LOCAL_STORAGE_SEARCH as Dt, fe as _e, ACTION_SEARCH as Ht, HISTORY_TITLE as Ft, LOCAL_STORAGE_ENGINE_TOGGLE as et, ENGINE_OPENAI as Ne, ENGINE_ANTHROPIC as fe, APP_NAME as Gt, ACTION_ENGINE as tt, getCurrentGeoLocation as Ut, TagsContext as jt, TAGS_DESCRIPTION as Kt, ACTION_SET_TAGS as Wt, LOCAL_STORAGE_CHAT_DETAILS as Yt, M as qt, v as ze, PROFILE_TITLE as Xt, LOG_OUT as Oe } from "./index.7zCJNQU6.js";
-import { serviceCall as D, SERVICE_TYPES as H, E as he, y as O, ge as Zt, he as Jt, ue as Te, pe as Qt, se as F, me as eo, be as to, $e as De, m as He } from "./index.DTvyH-fG.js";
-import * as b from "react";
-import _, { useId as oo, forwardRef as ot, useState as x, useRef as le, useContext as B, useEffect as q, Suspense as ro, lazy as no, useMemo as ao } from "react";
+import { jsx as n, jsxs as y, Fragment as S } from "react/jsx-runtime";
+import { g as L, E as M, CARDS as I, renderDataAsList as ne, pluralize as he, AppContext as se, ABOUT_TITLE as Dt, DEFAULT_AI_ENGINE as te, numberFormatter as Ft, durationFormatter as Xe, NA as Gt, ROLE_ASSISTANT as Ht, extractAverage as Ut, GPT4_MAX_TOKENS as jt, un as W, STATS as Je, b as q, j as A, R as G, HistoryContext as et, LOCAL_STORAGE_PREFIX as ie, LOCAL_STORAGE_SORT as Kt, O as U, ACTION_RESET as tt, ACTION_RESTORE as Wt, truncate as Yt, ACTION_SORT as we, LOCAL_STORAGE_SEARCH as qt, fe as _e, ACTION_SEARCH as Zt, debounce as Qt, HISTORY_TITLE as Xt, LOCAL_STORAGE_ENGINE_TOGGLE as ot, ENGINE_OPENAI as Ne, ENGINE_ANTHROPIC as me, APP_NAME as Jt, ACTION_ENGINE as nt, getCurrentGeoLocation as eo, TagsContext as to, TAGS_DESCRIPTION as oo, ACTION_SET_TAGS as no, LOCAL_STORAGE_CHAT_DETAILS as ro, M as ao, v as De, PROFILE_TITLE as so, LOG_OUT as Fe } from "./index.sbHwdUKv.js";
+import { serviceCall as z, SERVICE_TYPES as D, E as le, y as B, ge as io, he as lo, ue as Ie, pe as co, se as F, me as uo, be as mo, $e as Ge, m as He } from "./index.CTDNajS_.js";
+import * as f from "react";
+import _, { useId as Me, forwardRef as rt, useState as x, useRef as Z, useContext as P, useEffect as K } from "react";
 import C from "clsx";
-import { useFloatingTree as rt, useFloatingNodeId as so, useListItem as nt, useFloating as io, offset as lo, flip as co, shift as uo, autoUpdate as mo, useClick as ho, useRole as go, useDismiss as po, useListNavigation as fo, useTypeahead as bo, useInteractions as vo, useMergeRefs as at, FloatingNode as yo, FloatingList as ko, FloatingPortal as Co, FloatingFocusManager as wo, FloatingTree as No } from "@floating-ui/react";
-const st = ({
+import { useFloatingTree as at, useFloatingNodeId as ho, useListItem as st, useFloating as it, offset as po, flip as go, shift as fo, autoUpdate as bo, useClick as lt, useRole as ct, useDismiss as dt, useListNavigation as vo, useTypeahead as yo, useInteractions as ut, useMergeRefs as Pe, FloatingNode as ko, FloatingList as Co, FloatingPortal as mt, FloatingFocusManager as ht, FloatingTree as wo, FloatingOverlay as No } from "@floating-ui/react";
+const pt = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ r(
-  V,
+}) => /* @__PURE__ */ n(
+  L,
   {
     defaultViewBox: "0 0 256 176",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Anthropic",
+    title: r || "Anthropic",
     ...s,
-    children: /* @__PURE__ */ r("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" })
+    children: /* @__PURE__ */ n("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" })
   }
-), To = ({
+), Io = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Back",
+    title: r || "Back",
     ...s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: a ? "1" : "0.4",
           d: "M288.4 93.4c2.9-17.4 19.4-29.2 36.9-26.3C431.3 84.9 512 177 512 288c0 123.7-100.3 224-224 224C177 512 84.9 431.3 67.1 325.3c-2.9-17.4 8.8-33.9 26.3-36.9s33.9 8.8 36.9 26.3C142.9 390.4 208.8 448 288 448c88.4 0 160-71.6 160-160c0-79.2-57.6-145.1-133.3-157.8c-17.4-2.9-29.2-19.4-26.3-36.9z"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M32 0H192c17.7 0 32 14.3 32 32s-14.3 32-32 32H109.3L342.6 297.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3V192c0 17.7-14.3 32-32 32s-32-14.3-32-32V32C0 14.3 14.3 0 32 0z" })
+      /* @__PURE__ */ n("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" })
     ]
   }
-), Io = ({
+), To = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Chart",
+    title: r || "Chart",
     ...s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "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__ */ r("path", { d: "M368 96c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48H368zM48 224c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48H48z" })
+      /* @__PURE__ */ n("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" })
     ]
   }
 ), _o = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Delete",
+    title: r || "Delete",
     ...s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: a ? "1" : "0.4",
           d: "M416 96H32V448c0 35.3 28.7 64 64 64H352c35.3 0 64-28.7 64-64V96zM144 176V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16z"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8z" })
+      /* @__PURE__ */ n("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" })
     ]
   }
 ), Eo = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "History",
+    title: r || "History",
     ...s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: a ? "1" : "0.4",
           d: "M120.2 120.2C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8z"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M256 128c13.3 0 24 10.7 24 24v94.1l65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17V152c0-13.3 10.7-24 24-24z" })
+      /* @__PURE__ */ n("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" })
     ]
   }
 ), xo = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Info",
+    title: r || "Info",
     ...s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: "0.4",
           d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.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-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h24V272H216c-13.3 0-24-10.7-24-24z" })
+      /* @__PURE__ */ n("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h24V272H216c-13.3 0-24-10.7-24-24z" })
     ]
   }
-), it = ({
+), gt = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ r(
-  V,
+}) => /* @__PURE__ */ n(
+  L,
   {
     defaultViewBox: "0 0 24 24",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "OpenAI",
+    title: r || "OpenAI",
     ...s,
-    children: /* @__PURE__ */ r(
+    children: /* @__PURE__ */ n(
       "path",
       {
         fill: "currentColor",
@@ -193,82 +193,82 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Profile",
+    title: r || "Profile",
     ...s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: "0.4",
           d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 256h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm256-32H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16z"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16H272c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80H144z" })
+      /* @__PURE__ */ n("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" })
     ]
   }
 ), Ro = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ v(
-  V,
+}) => /* @__PURE__ */ y(
+  L,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Restore",
+    title: r || "Restore",
     ...s,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: a ? "1" : "0.4",
           d: "M208 64H432c8.8 0 16 7.2 16 16V304c0 8.8-7.2 16-16 16H416v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80V96h64V80c0-8.8 7.2-16 16-16z"
         }
       ),
-      /* @__PURE__ */ r("path", { d: "M64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64H64zm32 64H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32z" })
+      /* @__PURE__ */ n("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" })
     ]
   }
 ), Ao = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ r(
-  V,
+}) => /* @__PURE__ */ n(
+  L,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Settings",
+    title: r || "Settings",
     ...s,
-    children: /* @__PURE__ */ r("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
+    children: /* @__PURE__ */ n("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
   }
 );
-function ce(e) {
-  return oo();
+function re(e) {
+  return Me();
 }
-const Ee = b.createContext({
+const Ee = f.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -277,7 +277,7 @@ const Ee = b.createContext({
   setHasFocusInside: () => {
   },
   isOpen: !1
-}), Fe = (e) => {
+}), Ue = (e) => {
   if (typeof e == "string")
     return e;
   if (typeof e == "function")
@@ -288,99 +288,99 @@ const Ee = b.createContext({
       return t.displayName || t.name || "Component";
   }
   return "Element";
-}, lt = ot(
+}, ft = rt(
   ({
     trigger: e,
     children: t,
     label: o = "Open menu",
-    defaultPlacement: n = "bottom-start",
+    defaultPlacement: r = "bottom-start",
     onOpenChange: a,
     spacing: s,
     mode: i = "system",
     focusMode: l = "system",
     ...h
   }, d) => {
-    const [c, p] = x(!1), [y, u] = x(!1), [m, f] = x(null), g = le([]), k = le([]), w = B(Ee), T = rt(), E = so(), M = nt(), { floatingStyles: S, refs: z, context: I } = io({
+    const [c, p] = x(!1), [v, u] = x(!1), [m, b] = x(null), g = Z([]), k = Z([]), w = P(Ee), T = at(), E = ho(), R = st(), { floatingStyles: $, refs: O, context: N } = it({
       nodeId: E,
       open: c,
-      onOpenChange: (re) => {
-        p(re), a == null || a(re);
+      onOpenChange: (J) => {
+        p(J), a == null || a(J);
       },
-      placement: n,
+      placement: r,
       strategy: "fixed",
-      middleware: [lo({ mainAxis: 10 }), co(), uo()],
-      whileElementsMounted: mo
-    }), te = ho(I, {
+      middleware: [po({ mainAxis: 10 }), go(), fo()],
+      whileElementsMounted: bo
+    }), ce = lt(N, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), J = go(I, { role: "menu" }), U = po(I, { bubbles: !0 }), oe = fo(I, {
+    }), de = ct(N, { role: "menu" }), X = dt(N, { bubbles: !0 }), ye = vo(N, {
       listRef: g,
       activeIndex: m,
       nested: !1,
-      onNavigate: f,
+      onNavigate: b,
       loop: !0
-    }), P = bo(I, {
+    }), ke = yo(N, {
       listRef: k,
-      onMatch: c ? f : void 0,
+      onMatch: c ? b : void 0,
       activeIndex: m
-    }), { getReferenceProps: j, getFloatingProps: R, getItemProps: xt } = vo([te, J, U, oe, P]), Ve = Fe(e) === "Button" || Fe(e) === "ButtonIcon", St = Ve ? {
-      noInternalClick: Ve,
+    }), { getReferenceProps: Ce, getFloatingProps: V, getItemProps: Vt } = ut([ce, de, X, ye, ke]), ze = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Bt = ze ? {
+      noInternalClick: ze,
       focusMode: l,
       mode: i,
       spacing: s
-    } : {}, Rt = _.cloneElement(
+    } : {}, zt = _.cloneElement(
       e,
       {
-        ...St,
+        ...Bt,
         "aria-label": o,
         "data-open": c ? "" : void 0,
-        "data-focus-inside": y ? "" : void 0,
-        ref: at([z.setReference, M.ref, d]),
-        ...j(
+        "data-focus-inside": v ? "" : void 0,
+        ref: Pe([O.setReference, R.ref, d]),
+        ...Ce(
           w.getItemProps({
             ...h
           })
         )
       }
     );
-    return q(() => {
+    return K(() => {
       if (!T)
         return;
-      function re() {
+      function J() {
         p(!1), a == null || a(!1);
       }
-      return T.events.on("click", re), () => {
-        T.events.off("click", re);
+      return T.events.on("click", J), () => {
+        T.events.off("click", J);
       };
-    }, [T, a]), q(() => {
+    }, [T, a]), K(() => {
       c && T && T.events.emit("menuopen", { nodeId: E });
-    }, [T, c, E]), /* @__PURE__ */ v(yo, { id: E, children: [
-      Rt,
-      /* @__PURE__ */ r(
+    }, [T, c, E]), /* @__PURE__ */ y(ko, { id: E, children: [
+      zt,
+      /* @__PURE__ */ n(
         Ee.Provider,
         {
           value: {
             activeIndex: m,
-            setActiveIndex: f,
-            getItemProps: xt,
+            setActiveIndex: b,
+            getItemProps: Vt,
             setHasFocusInside: u,
             isOpen: c
           },
-          children: /* @__PURE__ */ r(ko, { elementsRef: g, labelsRef: k, children: c && /* @__PURE__ */ r(Co, { children: /* @__PURE__ */ r(
-            wo,
+          children: /* @__PURE__ */ n(Co, { elementsRef: g, labelsRef: k, children: c && /* @__PURE__ */ n(mt, { children: /* @__PURE__ */ n(
+            ht,
             {
-              context: I,
+              context: N,
               modal: !1,
               initialFocus: 0,
               returnFocus: !0,
-              children: /* @__PURE__ */ r(
+              children: /* @__PURE__ */ n(
                 "div",
                 {
-                  ref: z.setFloating,
+                  ref: O.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: S,
-                  ...R(),
+                  style: $,
+                  ...V(),
                   children: t
                 }
               )
@@ -390,72 +390,73 @@ const Ee = b.createContext({
       )
     ] });
   }
-), xe = ot((e, t) => /* @__PURE__ */ r(No, { children: /* @__PURE__ */ r(lt, { ...e, ref: t }) }));
+), xe = rt((e, t) => /* @__PURE__ */ n(wo, { children: /* @__PURE__ */ n(ft, { ...e, ref: t }) }));
 xe.displayName = "Menu";
-lt.displayName = "MenuComponent";
-const K = b.forwardRef(
+ft.displayName = "MenuComponent";
+const H = f.forwardRef(
   ({
     label: e,
     disabled: t,
     icon: o,
-    raw: n = !1,
+    raw: r = !1,
     children: a,
     ignoreClick: s = !1,
     ...i
   }, l) => {
-    const h = b.useContext(Ee), d = nt({ label: t ? null : e }), c = rt(), p = at([d.ref, l]);
-    return n && a ? /* @__PURE__ */ r(
+    let h = "";
+    const d = f.useContext(Ee), c = st({ label: t ? null : e }), p = at(), v = Pe([c.ref, l]);
+    return r && a ? /* @__PURE__ */ n(
       "div",
       {
         role: "menuitem",
-        ...h.getItemProps({
-          onClick(y) {
-            var u;
-            s || ((u = i.onClick) == null || u.call(i, y), c == null || c.events.emit("click"));
+        ...d.getItemProps({
+          onClick(u) {
+            var m;
+            s || ((m = i.onClick) == null || m.call(i, u), p == null || p.events.emit("click"));
           }
         }),
         children: a
       }
-    ) : /* @__PURE__ */ v(
+    ) : (o && (h = "pl-2"), /* @__PURE__ */ y(
       "button",
       {
         ...i,
-        ref: p,
+        ref: v,
         role: "menuitem",
-        className: "m-0 flex w-full rounded-md border border-transparent bg-none px-3 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
+        className: "m-0 flex w-full rounded-md border border-transparent bg-none px-2 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
         tabIndex: 0,
         disabled: t,
-        ...h.getItemProps({
-          onClick(y) {
-            var u;
-            s || ((u = i.onClick) == null || u.call(i, y), c == null || c.events.emit("click"));
+        ...d.getItemProps({
+          onClick(u) {
+            var m;
+            s || ((m = i.onClick) == null || m.call(i, u), p == null || p.events.emit("click"));
           },
-          onFocus(y) {
-            var u;
-            (u = i.onFocus) == null || u.call(i, y), h.setHasFocusInside(!0);
+          onFocus(u) {
+            var m;
+            (m = i.onFocus) == null || m.call(i, u), d.setHasFocusInside(!0);
           }
         }),
         children: [
           o,
-          e && /* @__PURE__ */ r("span", { className: "pl-2", children: e })
+          e && /* @__PURE__ */ n("span", { className: h, children: e })
         ]
       }
-    );
+    ));
   }
 );
-K.displayName = "MenuItem";
+H.displayName = "MenuItem";
 const Mo = ({ className: e, ...t }) => {
   const o = C(e, "my-1 border-t border-border-medium");
-  return /* @__PURE__ */ r("div", { className: o, ...t });
+  return /* @__PURE__ */ n("div", { className: o, ...t });
 };
 /*!
-  @versini/ui-menu v1.4.0
+  @versini/ui-menu v1.4.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "1.4.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "1.4.1",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -475,122 +476,122 @@ try {
 } catch {
 }
 const Po = "av-togglegroup", Lo = "av-togglegroup-item-wrapper", $o = "av-togglegroup-item";
-function Me(e, t = []) {
+function Le(e, t = []) {
   let o = [];
-  function n(s, i) {
-    const l = b.createContext(i), h = o.length;
+  function r(s, i) {
+    const l = f.createContext(i), h = o.length;
     o = [...o, i];
     const d = (p) => {
-      var y;
-      const { scope: u, children: m, ...f } = p, g = ((y = u == null ? void 0 : u[e]) == null ? void 0 : y[h]) || l, k = b.useMemo(() => f, Object.values(f));
-      return /* @__PURE__ */ r(g.Provider, { value: k, children: m });
+      var v;
+      const { scope: u, children: m, ...b } = p, g = ((v = u == null ? void 0 : u[e]) == null ? void 0 : v[h]) || l, k = f.useMemo(() => b, Object.values(b));
+      return /* @__PURE__ */ n(g.Provider, { value: k, children: m });
     };
     d.displayName = s + "Provider";
-    function c(p, y) {
+    function c(p, v) {
       var u;
-      const m = ((u = y == null ? void 0 : y[e]) == null ? void 0 : u[h]) || l, f = b.useContext(m);
-      if (f) return f;
+      const m = ((u = v == null ? void 0 : v[e]) == null ? void 0 : u[h]) || l, b = f.useContext(m);
+      if (b) return b;
       if (i !== void 0) return i;
       throw new Error(`\`${p}\` must be used within \`${s}\``);
     }
     return [d, c];
   }
   const a = () => {
-    const s = o.map((i) => b.createContext(i));
+    const s = o.map((i) => f.createContext(i));
     return function(i) {
       const l = (i == null ? void 0 : i[e]) || s;
-      return b.useMemo(
+      return f.useMemo(
         () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
         [i, l]
       );
     };
   };
-  return a.scopeName = e, [n, Bo(a, ...t)];
+  return a.scopeName = e, [r, Oo(a, ...t)];
 }
-function Bo(...e) {
+function Oo(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const o = () => {
-    const n = e.map((a) => ({
+    const r = e.map((a) => ({
       useScope: a(),
       scopeName: a.scopeName
     }));
     return function(a) {
-      const s = n.reduce((i, { useScope: l, scopeName: h }) => {
+      const s = r.reduce((i, { useScope: l, scopeName: h }) => {
         const d = l(a)[`__scope${h}`];
         return { ...i, ...d };
       }, {});
-      return b.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return o.scopeName = t.scopeName, o;
 }
-function Ge(e, t) {
+function je(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function ct(...e) {
+function bt(...e) {
   return (t) => {
     let o = !1;
-    const n = e.map((a) => {
-      const s = Ge(a, t);
+    const r = e.map((a) => {
+      const s = je(a, t);
       return !o && typeof s == "function" && (o = !0), s;
     });
     if (o)
       return () => {
-        for (let a = 0; a < n.length; a++) {
-          const s = n[a];
-          typeof s == "function" ? s() : Ge(e[a], null);
+        for (let a = 0; a < r.length; a++) {
+          const s = r[a];
+          typeof s == "function" ? s() : je(e[a], null);
         }
       };
   };
 }
 function Se(...e) {
-  return b.useCallback(ct(...e), e);
+  return f.useCallback(bt(...e), e);
 }
-var ve = b.forwardRef((e, t) => {
-  const { children: o, ...n } = e, a = b.Children.toArray(o), s = a.find(zo);
+var pe = f.forwardRef((e, t) => {
+  const { children: o, ...r } = e, a = f.Children.toArray(o), s = a.find(Bo);
   if (s) {
-    const i = s.props.children, l = a.map((h) => h === s ? b.Children.count(i) > 1 ? b.Children.only(null) : b.isValidElement(i) ? i.props.children : null : h);
-    return /* @__PURE__ */ r(Re, { ...n, ref: t, children: b.isValidElement(i) ? b.cloneElement(i, void 0, l) : null });
+    const i = s.props.children, l = a.map((h) => h === s ? f.Children.count(i) > 1 ? f.Children.only(null) : f.isValidElement(i) ? i.props.children : null : h);
+    return /* @__PURE__ */ n(Re, { ...r, ref: t, children: f.isValidElement(i) ? f.cloneElement(i, void 0, l) : null });
   }
-  return /* @__PURE__ */ r(Re, { ...n, ref: t, children: o });
+  return /* @__PURE__ */ n(Re, { ...r, ref: t, children: o });
 });
-ve.displayName = "Slot";
-var Re = b.forwardRef((e, t) => {
-  const { children: o, ...n } = e;
-  if (b.isValidElement(o)) {
+pe.displayName = "Slot";
+var Re = f.forwardRef((e, t) => {
+  const { children: o, ...r } = e;
+  if (f.isValidElement(o)) {
     const a = Do(o);
-    return b.cloneElement(o, {
-      ...Oo(n, o.props),
+    return f.cloneElement(o, {
+      ...zo(r, o.props),
       // @ts-ignore
-      ref: t ? ct(t, a) : a
+      ref: t ? bt(t, a) : a
     });
   }
-  return b.Children.count(o) > 1 ? b.Children.only(null) : null;
+  return f.Children.count(o) > 1 ? f.Children.only(null) : null;
 });
 Re.displayName = "SlotClone";
-var Vo = ({ children: e }) => /* @__PURE__ */ r(A, { children: e });
-function zo(e) {
-  return b.isValidElement(e) && e.type === Vo;
+var Vo = ({ children: e }) => /* @__PURE__ */ n(S, { children: e });
+function Bo(e) {
+  return f.isValidElement(e) && e.type === Vo;
 }
-function Oo(e, t) {
+function zo(e, t) {
   const o = { ...t };
-  for (const n in t) {
-    const a = e[n], s = t[n];
-    /^on[A-Z]/.test(n) ? a && s ? o[n] = (...i) => {
+  for (const r in t) {
+    const a = e[r], s = t[r];
+    /^on[A-Z]/.test(r) ? a && s ? o[r] = (...i) => {
       s(...i), a(...i);
-    } : a && (o[n] = a) : n === "style" ? o[n] = { ...a, ...s } : n === "className" && (o[n] = [a, s].filter(Boolean).join(" "));
+    } : a && (o[r] = a) : r === "style" ? o[r] = { ...a, ...s } : r === "className" && (o[r] = [a, s].filter(Boolean).join(" "));
   }
   return { ...e, ...o };
 }
 function Do(e) {
   var t, o;
-  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = n && "isReactWarning" in n && n.isReactWarning;
-  return a ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, a = n && "isReactWarning" in n && n.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+  let r = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = r && "isReactWarning" in r && r.isReactWarning;
+  return a ? e.ref : (r = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, a = r && "isReactWarning" in r && r.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var Ho = [
+var Fo = [
   "a",
   "button",
   "div",
@@ -607,48 +608,48 @@ var Ho = [
   "span",
   "svg",
   "ul"
-], de = Ho.reduce((e, t) => {
-  const o = b.forwardRef((n, a) => {
-    const { asChild: s, ...i } = n, l = s ? ve : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(l, { ...i, ref: a });
+], ae = Fo.reduce((e, t) => {
+  const o = f.forwardRef((r, a) => {
+    const { asChild: s, ...i } = r, l = s ? pe : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ n(l, { ...i, ref: a });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function Y(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
-  return function(n) {
-    if (e == null || e(n), o === !1 || !n.defaultPrevented)
-      return t == null ? void 0 : t(n);
+function j(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(r) {
+    if (e == null || e(r), o === !1 || !r.defaultPrevented)
+      return t == null ? void 0 : t(r);
   };
 }
-function Fo(e) {
-  const t = e + "CollectionProvider", [o, n] = Me(t), [a, s] = o(
+function Go(e) {
+  const t = e + "CollectionProvider", [o, r] = Le(t), [a, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (u) => {
-    const { scope: m, children: f } = u, g = _.useRef(null), k = _.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ r(a, { scope: m, itemMap: k, collectionRef: g, children: f });
+    const { scope: m, children: b } = u, g = _.useRef(null), k = _.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ n(a, { scope: m, itemMap: k, collectionRef: g, children: b });
   };
   i.displayName = t;
   const l = e + "CollectionSlot", h = _.forwardRef(
     (u, m) => {
-      const { scope: f, children: g } = u, k = s(l, f), w = Se(m, k.collectionRef);
-      return /* @__PURE__ */ r(ve, { ref: w, children: g });
+      const { scope: b, children: g } = u, k = s(l, b), w = Se(m, k.collectionRef);
+      return /* @__PURE__ */ n(pe, { ref: w, children: g });
     }
   );
   h.displayName = l;
   const d = e + "CollectionItemSlot", c = "data-radix-collection-item", p = _.forwardRef(
     (u, m) => {
-      const { scope: f, children: g, ...k } = u, w = _.useRef(null), T = Se(m, w), E = s(d, f);
-      return _.useEffect(() => (E.itemMap.set(w, { ref: w, ...k }), () => void E.itemMap.delete(w))), /* @__PURE__ */ r(ve, { [c]: "", ref: T, children: g });
+      const { scope: b, children: g, ...k } = u, w = _.useRef(null), T = Se(m, w), E = s(d, b);
+      return _.useEffect(() => (E.itemMap.set(w, { ref: w, ...k }), () => void E.itemMap.delete(w))), /* @__PURE__ */ n(pe, { [c]: "", ref: T, children: g });
     }
   );
   p.displayName = d;
-  function y(u) {
+  function v(u) {
     const m = s(e + "CollectionConsumer", u);
     return _.useCallback(() => {
-      const f = m.collectionRef.current;
-      if (!f) return [];
-      const g = Array.from(f.querySelectorAll(`[${c}]`));
+      const b = m.collectionRef.current;
+      if (!b) return [];
+      const g = Array.from(b.querySelectorAll(`[${c}]`));
       return Array.from(m.itemMap.values()).sort(
         (k, w) => g.indexOf(k.ref.current) - g.indexOf(w.ref.current)
       );
@@ -656,35 +657,35 @@ function Fo(e) {
   }
   return [
     { Provider: i, Slot: h, ItemSlot: p },
-    y,
-    n
+    v,
+    r
   ];
 }
-var Go = globalThis != null && globalThis.document ? b.useLayoutEffect : () => {
-}, Uo = b.useId || (() => {
+var Ho = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, Uo = f.useId || (() => {
 }), jo = 0;
 function Ko(e) {
-  const [t, o] = b.useState(Uo());
-  return Go(() => {
-    o((n) => n ?? String(jo++));
+  const [t, o] = f.useState(Uo());
+  return Ho(() => {
+    o((r) => r ?? String(jo++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Pe(e) {
-  const t = b.useRef(e);
-  return b.useEffect(() => {
+function $e(e) {
+  const t = f.useRef(e);
+  return f.useEffect(() => {
     t.current = e;
-  }), b.useMemo(() => (...o) => {
-    var n;
-    return (n = t.current) == null ? void 0 : n.call(t, ...o);
+  }), f.useMemo(() => (...o) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...o);
   }, []);
 }
-function ke({
+function fe({
   prop: e,
   defaultProp: t,
   onChange: o = () => {
   }
 }) {
-  const [n, a] = Wo({ defaultProp: t, onChange: o }), s = e !== void 0, i = s ? e : n, l = Pe(o), h = b.useCallback(
+  const [r, a] = Wo({ defaultProp: t, onChange: o }), s = e !== void 0, i = s ? e : r, l = $e(o), h = f.useCallback(
     (d) => {
       if (s) {
         const c = typeof d == "function" ? d(e) : d;
@@ -700,27 +701,27 @@ function Wo({
   defaultProp: e,
   onChange: t
 }) {
-  const o = b.useState(e), [n] = o, a = b.useRef(n), s = Pe(t);
-  return b.useEffect(() => {
-    a.current !== n && (s(n), a.current = n);
-  }, [n, a, s]), o;
+  const o = f.useState(e), [r] = o, a = f.useRef(r), s = $e(t);
+  return f.useEffect(() => {
+    a.current !== r && (s(r), a.current = r);
+  }, [r, a, s]), o;
 }
-var Yo = b.createContext(void 0);
-function dt(e) {
-  const t = b.useContext(Yo);
+var Yo = f.createContext(void 0);
+function vt(e) {
+  const t = f.useContext(Yo);
   return e || t || "ltr";
 }
-var Ie = "rovingFocusGroup.onEntryFocus", qo = { bubbles: !1, cancelable: !0 }, Ce = "RovingFocusGroup", [Ae, ut, Xo] = Fo(Ce), [Zo, mt] = Me(
-  Ce,
-  [Xo]
-), [Jo, Qo] = Zo(Ce), ht = b.forwardRef(
-  (e, t) => /* @__PURE__ */ r(Ae.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Ae.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(er, { ...e, ref: t }) }) })
+var Te = "rovingFocusGroup.onEntryFocus", qo = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ae, yt, Zo] = Go(be), [Qo, kt] = Le(
+  be,
+  [Zo]
+), [Xo, Jo] = Qo(be), Ct = f.forwardRef(
+  (e, t) => /* @__PURE__ */ n(Ae.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(Ae.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(en, { ...e, ref: t }) }) })
 );
-ht.displayName = Ce;
-var er = b.forwardRef((e, t) => {
+Ct.displayName = be;
+var en = f.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
-    orientation: n,
+    orientation: r,
     loop: a = !1,
     dir: s,
     currentTabStopId: i,
@@ -729,113 +730,113 @@ var er = b.forwardRef((e, t) => {
     onEntryFocus: d,
     preventScrollOnEntryFocus: c = !1,
     ...p
-  } = e, y = b.useRef(null), u = Se(t, y), m = dt(s), [f = null, g] = ke({
+  } = e, v = f.useRef(null), u = Se(t, v), m = vt(s), [b = null, g] = fe({
     prop: i,
     defaultProp: l,
     onChange: h
-  }), [k, w] = b.useState(!1), T = Pe(d), E = ut(o), M = b.useRef(!1), [S, z] = b.useState(0);
-  return b.useEffect(() => {
-    const I = y.current;
-    if (I)
-      return I.addEventListener(Ie, T), () => I.removeEventListener(Ie, T);
-  }, [T]), /* @__PURE__ */ r(
-    Jo,
+  }), [k, w] = f.useState(!1), T = $e(d), E = yt(o), R = f.useRef(!1), [$, O] = f.useState(0);
+  return f.useEffect(() => {
+    const N = v.current;
+    if (N)
+      return N.addEventListener(Te, T), () => N.removeEventListener(Te, T);
+  }, [T]), /* @__PURE__ */ n(
+    Xo,
     {
       scope: o,
-      orientation: n,
+      orientation: r,
       dir: m,
       loop: a,
-      currentTabStopId: f,
-      onItemFocus: b.useCallback(
-        (I) => g(I),
+      currentTabStopId: b,
+      onItemFocus: f.useCallback(
+        (N) => g(N),
         [g]
       ),
-      onItemShiftTab: b.useCallback(() => w(!0), []),
-      onFocusableItemAdd: b.useCallback(
-        () => z((I) => I + 1),
+      onItemShiftTab: f.useCallback(() => w(!0), []),
+      onFocusableItemAdd: f.useCallback(
+        () => O((N) => N + 1),
         []
       ),
-      onFocusableItemRemove: b.useCallback(
-        () => z((I) => I - 1),
+      onFocusableItemRemove: f.useCallback(
+        () => O((N) => N - 1),
         []
       ),
-      children: /* @__PURE__ */ r(
-        de.div,
+      children: /* @__PURE__ */ n(
+        ae.div,
         {
-          tabIndex: k || S === 0 ? -1 : 0,
-          "data-orientation": n,
+          tabIndex: k || $ === 0 ? -1 : 0,
+          "data-orientation": r,
           ...p,
           ref: u,
           style: { outline: "none", ...e.style },
-          onMouseDown: Y(e.onMouseDown, () => {
-            M.current = !0;
+          onMouseDown: j(e.onMouseDown, () => {
+            R.current = !0;
           }),
-          onFocus: Y(e.onFocus, (I) => {
-            const te = !M.current;
-            if (I.target === I.currentTarget && te && !k) {
-              const J = new CustomEvent(Ie, qo);
-              if (I.currentTarget.dispatchEvent(J), !J.defaultPrevented) {
-                const U = E().filter((R) => R.focusable), oe = U.find((R) => R.active), P = U.find((R) => R.id === f), j = [oe, P, ...U].filter(
+          onFocus: j(e.onFocus, (N) => {
+            const ce = !R.current;
+            if (N.target === N.currentTarget && ce && !k) {
+              const de = new CustomEvent(Te, qo);
+              if (N.currentTarget.dispatchEvent(de), !de.defaultPrevented) {
+                const X = E().filter((V) => V.focusable), ye = X.find((V) => V.active), ke = X.find((V) => V.id === b), Ce = [ye, ke, ...X].filter(
                   Boolean
-                ).map((R) => R.ref.current);
-                ft(j, c);
+                ).map((V) => V.ref.current);
+                It(Ce, c);
               }
             }
-            M.current = !1;
+            R.current = !1;
           }),
-          onBlur: Y(e.onBlur, () => w(!1))
+          onBlur: j(e.onBlur, () => w(!1))
         }
       )
     }
   );
-}), gt = "RovingFocusGroupItem", pt = b.forwardRef(
+}), wt = "RovingFocusGroupItem", Nt = f.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
-      focusable: n = !0,
+      focusable: r = !0,
       active: a = !1,
       tabStopId: s,
       ...i
-    } = e, l = Ko(), h = s || l, d = Qo(gt, o), c = d.currentTabStopId === h, p = ut(o), { onFocusableItemAdd: y, onFocusableItemRemove: u } = d;
-    return b.useEffect(() => {
-      if (n)
-        return y(), () => u();
-    }, [n, y, u]), /* @__PURE__ */ r(
+    } = e, l = Ko(), h = s || l, d = Jo(wt, o), c = d.currentTabStopId === h, p = yt(o), { onFocusableItemAdd: v, onFocusableItemRemove: u } = d;
+    return f.useEffect(() => {
+      if (r)
+        return v(), () => u();
+    }, [r, v, u]), /* @__PURE__ */ n(
       Ae.ItemSlot,
       {
         scope: o,
         id: h,
-        focusable: n,
+        focusable: r,
         active: a,
-        children: /* @__PURE__ */ r(
-          de.span,
+        children: /* @__PURE__ */ n(
+          ae.span,
           {
             tabIndex: c ? 0 : -1,
             "data-orientation": d.orientation,
             ...i,
             ref: t,
-            onMouseDown: Y(e.onMouseDown, (m) => {
-              n ? d.onItemFocus(h) : m.preventDefault();
+            onMouseDown: j(e.onMouseDown, (m) => {
+              r ? d.onItemFocus(h) : m.preventDefault();
             }),
-            onFocus: Y(e.onFocus, () => d.onItemFocus(h)),
-            onKeyDown: Y(e.onKeyDown, (m) => {
+            onFocus: j(e.onFocus, () => d.onItemFocus(h)),
+            onKeyDown: j(e.onKeyDown, (m) => {
               if (m.key === "Tab" && m.shiftKey) {
                 d.onItemShiftTab();
                 return;
               }
               if (m.target !== m.currentTarget) return;
-              const f = rr(m, d.orientation, d.dir);
-              if (f !== void 0) {
+              const b = nn(m, d.orientation, d.dir);
+              if (b !== void 0) {
                 if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
                 m.preventDefault();
                 let g = p().filter((k) => k.focusable).map((k) => k.ref.current);
-                if (f === "last") g.reverse();
-                else if (f === "prev" || f === "next") {
-                  f === "prev" && g.reverse();
+                if (b === "last") g.reverse();
+                else if (b === "prev" || b === "next") {
+                  b === "prev" && g.reverse();
                   const k = g.indexOf(m.currentTarget);
-                  g = d.loop ? nr(g, k + 1) : g.slice(k + 1);
+                  g = d.loop ? rn(g, k + 1) : g.slice(k + 1);
                 }
-                setTimeout(() => ft(g));
+                setTimeout(() => It(g));
               }
             })
           }
@@ -844,8 +845,8 @@ var er = b.forwardRef((e, t) => {
     );
   }
 );
-pt.displayName = gt;
-var tr = {
+Nt.displayName = wt;
+var tn = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -855,30 +856,30 @@ var tr = {
   PageDown: "last",
   End: "last"
 };
-function or(e, t) {
+function on(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function rr(e, t, o) {
-  const n = or(e.key, o);
-  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
-    return tr[n];
+function nn(e, t, o) {
+  const r = on(e.key, o);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
+    return tn[r];
 }
-function ft(e, t = !1) {
+function It(e, t = !1) {
   const o = document.activeElement;
-  for (const n of e)
-    if (n === o || (n.focus({ preventScroll: t }), document.activeElement !== o)) return;
+  for (const r of e)
+    if (r === o || (r.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function nr(e, t) {
-  return e.map((o, n) => e[(t + n) % e.length]);
+function rn(e, t) {
+  return e.map((o, r) => e[(t + r) % e.length]);
 }
-var ar = ht, sr = pt, ir = "Toggle", bt = b.forwardRef((e, t) => {
-  const { pressed: o, defaultPressed: n = !1, onPressedChange: a, ...s } = e, [i = !1, l] = ke({
+var an = Ct, sn = Nt, ln = "Toggle", Tt = f.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: r = !1, onPressedChange: a, ...s } = e, [i = !1, l] = fe({
     prop: o,
     onChange: a,
-    defaultProp: n
+    defaultProp: r
   });
-  return /* @__PURE__ */ r(
-    de.button,
+  return /* @__PURE__ */ n(
+    ae.button,
     {
       type: "button",
       "aria-pressed": i,
@@ -886,135 +887,135 @@ var ar = ht, sr = pt, ir = "Toggle", bt = b.forwardRef((e, t) => {
       "data-disabled": e.disabled ? "" : void 0,
       ...s,
       ref: t,
-      onClick: Y(e.onClick, () => {
+      onClick: j(e.onClick, () => {
         e.disabled || l(!i);
       })
     }
   );
 });
-bt.displayName = ir;
-var ee = "ToggleGroup", [vt, kn] = Me(ee, [
-  mt
-]), yt = mt(), Le = _.forwardRef((e, t) => {
-  const { type: o, ...n } = e;
+Tt.displayName = ln;
+var Q = "ToggleGroup", [_t, Cr] = Le(Q, [
+  kt
+]), Et = kt(), Oe = _.forwardRef((e, t) => {
+  const { type: o, ...r } = e;
   if (o === "single")
-    return /* @__PURE__ */ r(lr, { ...n, ref: t });
+    return /* @__PURE__ */ n(cn, { ...r, ref: t });
   if (o === "multiple")
-    return /* @__PURE__ */ r(cr, { ...n, ref: t });
-  throw new Error(`Missing prop \`type\` expected on \`${ee}\``);
+    return /* @__PURE__ */ n(dn, { ...r, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${Q}\``);
 });
-Le.displayName = ee;
-var [kt, Ct] = vt(ee), lr = _.forwardRef((e, t) => {
+Oe.displayName = Q;
+var [xt, St] = _t(Q), cn = _.forwardRef((e, t) => {
   const {
     value: o,
-    defaultValue: n,
+    defaultValue: r,
     onValueChange: a = () => {
     },
     ...s
-  } = e, [i, l] = ke({
+  } = e, [i, l] = fe({
     prop: o,
-    defaultProp: n,
+    defaultProp: r,
     onChange: a
   });
-  return /* @__PURE__ */ r(
-    kt,
+  return /* @__PURE__ */ n(
+    xt,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
       value: i ? [i] : [],
       onItemActivate: l,
       onItemDeactivate: _.useCallback(() => l(""), [l]),
-      children: /* @__PURE__ */ r(wt, { ...s, ref: t })
+      children: /* @__PURE__ */ n(Rt, { ...s, ref: t })
     }
   );
-}), cr = _.forwardRef((e, t) => {
+}), dn = _.forwardRef((e, t) => {
   const {
     value: o,
-    defaultValue: n,
+    defaultValue: r,
     onValueChange: a = () => {
     },
     ...s
-  } = e, [i = [], l] = ke({
+  } = e, [i = [], l] = fe({
     prop: o,
-    defaultProp: n,
+    defaultProp: r,
     onChange: a
   }), h = _.useCallback(
     (c) => l((p = []) => [...p, c]),
     [l]
   ), d = _.useCallback(
-    (c) => l((p = []) => p.filter((y) => y !== c)),
+    (c) => l((p = []) => p.filter((v) => v !== c)),
     [l]
   );
-  return /* @__PURE__ */ r(
-    kt,
+  return /* @__PURE__ */ n(
+    xt,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
       value: i,
       onItemActivate: h,
       onItemDeactivate: d,
-      children: /* @__PURE__ */ r(wt, { ...s, ref: t })
+      children: /* @__PURE__ */ n(Rt, { ...s, ref: t })
     }
   );
 });
-Le.displayName = ee;
-var [dr, ur] = vt(ee), wt = _.forwardRef(
+Oe.displayName = Q;
+var [un, mn] = _t(Q), Rt = _.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: o,
-      disabled: n = !1,
+      disabled: r = !1,
       rovingFocus: a = !0,
       orientation: s,
       dir: i,
       loop: l = !0,
       ...h
-    } = e, d = yt(o), c = dt(i), p = { role: "group", dir: c, ...h };
-    return /* @__PURE__ */ r(dr, { scope: o, rovingFocus: a, disabled: n, children: a ? /* @__PURE__ */ r(
-      ar,
+    } = e, d = Et(o), c = vt(i), p = { role: "group", dir: c, ...h };
+    return /* @__PURE__ */ n(un, { scope: o, rovingFocus: a, disabled: r, children: a ? /* @__PURE__ */ n(
+      an,
       {
         asChild: !0,
         ...d,
         orientation: s,
         dir: c,
         loop: l,
-        children: /* @__PURE__ */ r(de.div, { ...p, ref: t })
+        children: /* @__PURE__ */ n(ae.div, { ...p, ref: t })
       }
-    ) : /* @__PURE__ */ r(de.div, { ...p, ref: t }) });
+    ) : /* @__PURE__ */ n(ae.div, { ...p, ref: t }) });
   }
-), ye = "ToggleGroupItem", Nt = _.forwardRef(
+), ge = "ToggleGroupItem", At = _.forwardRef(
   (e, t) => {
-    const o = Ct(ye, e.__scopeToggleGroup), n = ur(ye, e.__scopeToggleGroup), a = yt(e.__scopeToggleGroup), s = o.value.includes(e.value), i = n.disabled || e.disabled, l = { ...e, pressed: s, disabled: i }, h = _.useRef(null);
-    return n.rovingFocus ? /* @__PURE__ */ r(
-      sr,
+    const o = St(ge, e.__scopeToggleGroup), r = mn(ge, e.__scopeToggleGroup), a = Et(e.__scopeToggleGroup), s = o.value.includes(e.value), i = r.disabled || e.disabled, l = { ...e, pressed: s, disabled: i }, h = _.useRef(null);
+    return r.rovingFocus ? /* @__PURE__ */ n(
+      sn,
       {
         asChild: !0,
         ...a,
         focusable: !i,
         active: s,
         ref: h,
-        children: /* @__PURE__ */ r(Ue, { ...l, ref: t })
+        children: /* @__PURE__ */ n(Ke, { ...l, ref: t })
       }
-    ) : /* @__PURE__ */ r(Ue, { ...l, ref: t });
+    ) : /* @__PURE__ */ n(Ke, { ...l, ref: t });
   }
 );
-Nt.displayName = ye;
-var Ue = _.forwardRef(
+At.displayName = ge;
+var Ke = _.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: o, value: n, ...a } = e, s = Ct(ye, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = s.type === "single" ? i : void 0;
-    return /* @__PURE__ */ r(
-      bt,
+    const { __scopeToggleGroup: o, value: r, ...a } = e, s = St(ge, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = s.type === "single" ? i : void 0;
+    return /* @__PURE__ */ n(
+      Tt,
       {
         ...l,
         ...a,
         ref: t,
         onPressedChange: (h) => {
-          h ? s.onItemActivate(n) : s.onItemDeactivate(n);
+          h ? s.onItemActivate(r) : s.onItemDeactivate(r);
         }
       }
     );
   }
-), mr = Le, hr = Nt;
-const Tt = _.createContext({
+), hn = Oe, pn = At;
+const Mt = _.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
@@ -1032,7 +1033,7 @@ try {
   });
 } catch {
 }
-const gr = (e) => {
+const gn = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1041,21 +1042,21 @@ const gr = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, pr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}, fn = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), fr = ({ mode: e }) => C({
+}), bn = ({ mode: e }) => C({
   "data-[state=on]:bg-surface-medium": e === "dark",
   "data-[state=on]:bg-surface-lightest": e === "light",
   "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
   "data-[state=on]:bg-surface-medium dark:data-[state=on]:bg-surface-lightest": e === "alt-system"
-}), br = ({ size: e }) => C({
+}), vn = ({ size: e }) => C({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), vr = ({ mode: e }) => C(
+}), yn = ({ mode: e }) => C(
   Lo,
   "px-1",
   "relative",
@@ -1069,27 +1070,27 @@ const gr = (e) => {
     "border-surface-light dark:border-surface-darker": e === "system",
     "border-surface-darker dark:border-surface-light": e === "alt-system"
   }
-), yr = ({
+), kn = ({
   focusMode: e,
   mode: t,
   size: o
 }) => ({
-  wrapperClass: vr({ mode: t }),
+  wrapperClass: yn({ mode: t }),
   itemClass: C(
     $o,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
     "transition duration-200 ease",
-    br({ size: o }),
-    pr({ focusMode: e }),
-    fr({ mode: t })
+    vn({ size: o }),
+    fn({ focusMode: e }),
+    bn({ mode: t })
   )
-}), kr = ({
+}), Cn = ({
   mode: e,
   spacing: t
 }) => C(
   Po,
-  gr(t),
+  gn(t),
   "inline-flex p-1",
   "rounded-sm",
   {
@@ -1098,11 +1099,11 @@ const gr = (e) => {
     "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-lighter": e === "system",
     "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
   }
-), Cr = ({
+), wn = ({
   children: e,
   value: t,
   onValueChange: o,
-  disabled: n,
+  disabled: r,
   mode: a = "system",
   focusMode: s = "system",
   size: i = "medium",
@@ -1110,11 +1111,11 @@ const gr = (e) => {
   spacing: h,
   ...d
 }) => {
-  const c = kr({ mode: a, spacing: h }), p = { size: i, focusMode: s, mode: a };
-  return /* @__PURE__ */ r(Tt.Provider, { value: p, children: /* @__PURE__ */ r(
-    mr,
+  const c = Cn({ mode: a, spacing: h }), p = { size: i, focusMode: s, mode: a };
+  return /* @__PURE__ */ n(Mt.Provider, { value: p, children: /* @__PURE__ */ n(
+    hn,
     {
-      disabled: n,
+      disabled: r,
       className: c,
       value: t,
       defaultValue: l,
@@ -1124,14 +1125,14 @@ const gr = (e) => {
       children: e
     }
   ) });
-}, wr = ({ value: e, disabled: t }) => {
-  const { size: o, focusMode: n, mode: a } = B(Tt), { itemClass: s, wrapperClass: i } = yr({
-    focusMode: n,
+}, Nn = ({ value: e, disabled: t }) => {
+  const { size: o, focusMode: r, mode: a } = P(Mt), { itemClass: s, wrapperClass: i } = kn({
+    focusMode: r,
     mode: a,
     size: o
   });
-  return /* @__PURE__ */ r("div", { className: i, children: /* @__PURE__ */ r(
-    hr,
+  return /* @__PURE__ */ n("div", { className: i, children: /* @__PURE__ */ n(
+    pn,
     {
       disabled: t,
       className: s,
@@ -1141,19 +1142,19 @@ const gr = (e) => {
   ) });
 };
 /*!
-  @versini/ui-panel v1.2.2
+  @versini/ui-panel v1.2.3
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.2.2",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "1.2.3",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const je = "av-messagebox", Ke = "av-panel", We = "av-button";
+const We = "av-messagebox", Ye = "av-panel", qe = "av-button";
 /*!
   @versini/ui-spacing v1.1.0
   © 2024 gizmette.com
@@ -1161,13 +1162,13 @@ const je = "av-messagebox", Ke = "av-panel", We = "av-button";
 try {
   window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
     version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Nr = (e) => {
+const In = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1176,49 +1177,49 @@ const Nr = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, $e = "icon", Tr = "button", Ir = "link", _r = ({
+}, Ve = "icon", Tn = "button", _n = "link", En = ({
   type: e,
   size: t,
   labelRight: o,
-  labelLeft: n,
+  labelLeft: r,
   align: a
 }) => {
   const s = "text-sm font-medium max-h-8 py-0", i = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case Tr:
+    case Tn:
       return C("px-4", {
         [s]: t === "small",
         [i]: t === "medium",
         [l]: t === "large"
       });
-    case Ir:
+    case _n:
       return C("px-4 text-center", {
         [s]: t === "small",
         [i]: t === "medium",
         [l]: t === "large"
       });
-    case $e:
+    case Ve:
       return C("inline-flex items-center", {
         "justify-center": a === "center",
         "justify-start": a === "left",
         "justify-end": a === "right",
-        "h-6 w-6 p-0": t === "small" && !(o || n),
-        "h-6 px-4 text-sm font-medium": t === "small" && (o || n),
-        "h-8 w-8 p-1": t === "medium" && !(o || n),
-        "h-8 px-4 text-base font-medium": t === "medium" && (o || n),
-        "h-12 w-12 p-2": t === "large" && !(o || n),
-        "h-12 px-4 text-lg font-medium": t === "large" && (o || n)
+        "h-6 w-6 p-0": t === "small" && !(o || r),
+        "h-6 px-4 text-sm font-medium": t === "small" && (o || r),
+        "h-8 w-8 p-1": t === "medium" && !(o || r),
+        "h-8 px-4 text-base font-medium": t === "medium" && (o || r),
+        "h-12 w-12 p-2": t === "large" && !(o || r),
+        "h-12 px-4 text-lg font-medium": t === "large" && (o || r)
       });
   }
-}, Er = ({
+}, xn = ({
   mode: e,
   noBackground: t,
   noTruncate: o,
-  variant: n
+  variant: r
 }) => {
   if (t)
     return "not-prose rounded-full";
-  if (n === "primary")
+  if (r === "primary")
     return C("not-prose rounded-full", {
       truncate: !o,
       "bg-action-dark text-copy-light": e === "dark",
@@ -1226,7 +1227,7 @@ const Nr = (e) => {
       "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
-  if (n === "secondary")
+  if (r === "secondary")
     return C("not-prose rounded-full", {
       truncate: !o,
       "bg-action-dark text-copy-light": e === "light",
@@ -1234,7 +1235,7 @@ const Nr = (e) => {
       "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
-  if (n === "danger")
+  if (r === "danger")
     return C("not-prose rounded-full", {
       truncate: !o,
       "bg-action-danger-dark text-copy-light": e === "dark",
@@ -1242,7 +1243,7 @@ const Nr = (e) => {
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, xr = ({
+}, Sn = ({
   mode: e,
   disabled: t,
   variant: o
@@ -1270,7 +1271,7 @@ const Nr = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, Sr = ({
+}, Rn = ({
   mode: e,
   disabled: t,
   variant: o
@@ -1298,7 +1299,7 @@ const Nr = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, Rr = ({
+}, An = ({
   mode: e,
   noBorder: t,
   variant: o
@@ -1326,16 +1327,16 @@ const Nr = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, Ar = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Mn = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), It = ({
+}), Pt = ({
   type: e,
   className: t,
   raw: o,
-  mode: n,
+  mode: r,
   focusMode: a,
   disabled: s,
   fullWidth: i,
@@ -1344,47 +1345,47 @@ const Nr = (e) => {
   labelRight: d,
   labelLeft: c,
   spacing: p,
-  noBackground: y,
+  noBackground: v,
   variant: u,
   noTruncate: m,
-  align: f
-}) => (u || (u = "primary"), o ? C(We, t) : C(
-  We,
+  align: b
+}) => (u || (u = "primary"), o ? C(qe, t) : C(
+  qe,
   t,
-  Nr(p),
-  Er({ mode: n, variant: u, noBackground: y, noTruncate: m }),
-  _r({ type: e, size: l, labelRight: d, labelLeft: c, align: f }),
-  Rr({ mode: n, variant: u, noBorder: h }),
-  Ar({ focusMode: a }),
-  xr({ mode: n, variant: u, disabled: s }),
-  Sr({ mode: n, variant: u, disabled: s }),
+  In(p),
+  xn({ mode: r, variant: u, noBackground: v, noTruncate: m }),
+  En({ type: e, size: l, labelRight: d, labelLeft: c, align: b }),
+  An({ mode: r, variant: u, noBorder: h }),
+  Mn({ focusMode: a }),
+  Sn({ mode: r, variant: u, disabled: s }),
+  Rn({ mode: r, variant: u, disabled: s }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": s
   }
-)), Mr = (e, t, o) => {
-  var n;
-  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((n = e == null ? void 0 : e.currentTarget) == null ? void 0 : n.focus) == "function" && e.currentTarget.focus(), typeof o == "function" && o(e);
+)), Pn = (e, t, o) => {
+  var r;
+  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((r = e == null ? void 0 : e.currentTarget) == null ? void 0 : r.focus) == "function" && e.currentTarget.focus(), typeof o == "function" && o(e);
 }, Be = _.forwardRef((e, t) => {
-  const { onClick: o, noInternalClick: n = !1, ...a } = e;
-  return /* @__PURE__ */ r(
+  const { onClick: o, noInternalClick: r = !1, ...a } = e;
+  return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (s) => {
-        Mr(s, n, o);
+        Pn(s, r, o);
       },
       ...a
     }
   );
 });
 Be.displayName = "BaseButton";
-const _t = _.forwardRef(
+const Lt = _.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: o = "system",
-    focusMode: n = "system",
+    focusMode: r = "system",
     fullWidth: a = !1,
     className: s,
     type: i = "button",
@@ -1393,27 +1394,27 @@ const _t = _.forwardRef(
     "aria-label": d,
     label: c,
     size: p = "medium",
-    labelRight: y,
+    labelRight: v,
     labelLeft: u,
     spacing: m,
-    noBackground: f = !1,
+    noBackground: b = !1,
     align: g = "center",
     ...k
   }, w) => {
-    const T = It({
-      type: $e,
+    const T = Pt({
+      type: Ve,
       mode: o,
-      focusMode: n,
+      focusMode: r,
       fullWidth: a,
       disabled: t,
       raw: l,
       className: s,
       noBorder: h,
       size: p,
-      labelRight: y,
+      labelRight: v,
       labelLeft: u,
       spacing: m,
-      noBackground: f,
+      noBackground: b,
       align: g
     }), E = C({
       "text-copy-accent-dark": o === "light" && !l,
@@ -1421,7 +1422,7 @@ const _t = _.forwardRef(
       "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
       "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
     });
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ y(
       Be,
       {
         ref: w,
@@ -1431,15 +1432,15 @@ const _t = _.forwardRef(
         "aria-label": d || c,
         ...k,
         children: [
-          u && /* @__PURE__ */ r("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ r("div", { className: E, children: e }),
-          y && /* @__PURE__ */ r("span", { className: "pl-2", children: y })
+          u && /* @__PURE__ */ n("span", { className: "pr-2", children: u }),
+          /* @__PURE__ */ n("div", { className: E, children: e }),
+          v && /* @__PURE__ */ n("span", { className: "pl-2", children: v })
         ]
       }
     );
   }
 );
-_t.displayName = "ButtonIcon";
+Lt.displayName = "ButtonIcon";
 /*!
   @versini/ui-button v1.6.0
   © 2024 gizmette.com
@@ -1447,18 +1448,18 @@ _t.displayName = "ButtonIcon";
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
     version: "1.6.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Pr = _.forwardRef(
+const Ln = _.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: o = "system",
-    focusMode: n = "system",
+    focusMode: r = "system",
     fullWidth: a = !1,
     className: s,
     type: i = "button",
@@ -1467,35 +1468,35 @@ const Pr = _.forwardRef(
     "aria-label": d,
     label: c,
     size: p = "medium",
-    labelRight: y,
+    labelRight: v,
     labelLeft: u,
     spacing: m,
-    noBackground: f = !1,
+    noBackground: b = !1,
     align: g = "center",
     active: k = !1,
     ...w
   }, T) => {
-    const E = It({
-      type: $e,
+    const E = Pt({
+      type: Ve,
       mode: o,
-      focusMode: n,
+      focusMode: r,
       fullWidth: a,
       disabled: t,
       raw: l,
       className: s,
       noBorder: h,
       size: p,
-      labelRight: y,
+      labelRight: v,
       labelLeft: u,
       spacing: m,
-      noBackground: f,
+      noBackground: b,
       align: g
-    }), M = C({
+    }), R = C({
       "text-copy-accent-dark": o === "light" && !l,
       "text-copy-light": o === "dark" && !l,
       "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
       "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
-    }), S = k ? C(
+    }), $ = k ? C(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1512,7 +1513,7 @@ const Pr = _.forwardRef(
         "after:border-table-light dark:after:border-table-dark": o === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ r("div", { className: S, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ n("div", { className: $, children: /* @__PURE__ */ y(
       Be,
       {
         ref: T,
@@ -1522,15 +1523,15 @@ const Pr = _.forwardRef(
         "aria-label": d || c,
         ...w,
         children: [
-          u && /* @__PURE__ */ r("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ r("div", { className: M, children: e }),
-          y && /* @__PURE__ */ r("span", { className: "pl-2", children: y })
+          u && /* @__PURE__ */ n("span", { className: "pr-2", children: u }),
+          /* @__PURE__ */ n("div", { className: R, children: e }),
+          v && /* @__PURE__ */ n("span", { className: "pl-2", children: v })
         ]
       }
     ) });
   }
 );
-Pr.displayName = "ButtonSort";
+Ln.displayName = "ButtonSort";
 /*!
   @versini/ui-spacing v1.1.0
   © 2024 gizmette.com
@@ -1538,13 +1539,13 @@ Pr.displayName = "ButtonSort";
 try {
   window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
     version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Lr = (e) => {
+const $n = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1553,11 +1554,11 @@ const Lr = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, $r = ({
+}, On = ({
   children: e,
   fill: t,
   viewBox: o,
-  className: n,
+  className: r,
   defaultViewBox: a,
   defaultClassName: s,
   spacing: i,
@@ -1565,12 +1566,12 @@ const Lr = (e) => {
   semantic: h = !1,
   ...d
 }) => {
-  const c = Lr(i), p = C(
+  const c = $n(i), p = C(
     c,
-    n || s
+    r || s
   );
-  return /* @__PURE__ */ v(A, { children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ y(S, { children: [
+    /* @__PURE__ */ n(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -1584,7 +1585,7 @@ const Lr = (e) => {
         children: e
       }
     ),
-    l && h && /* @__PURE__ */ r("span", { className: "sr-only", children: l })
+    l && h && /* @__PURE__ */ n("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
@@ -1594,30 +1595,30 @@ const Lr = (e) => {
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Br = ({
+const Vn = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
+  title: r,
   monotone: a,
   ...s
-}) => /* @__PURE__ */ r(
-  $r,
+}) => /* @__PURE__ */ n(
+  On,
   {
     defaultViewBox: "0 0 384 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Close",
+    title: r || "Close",
     ...s,
-    children: /* @__PURE__ */ r("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
+    children: /* @__PURE__ */ n("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
   }
 );
 /*!
@@ -1627,189 +1628,272 @@ const Br = ({
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
     version: "1.19.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    buildTime: "12/27/2024 07:18 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ne = "panel", pe = "messagebox", Vr = ({
+const $t = f.createContext(null);
+function Bn({
+  initialOpen: e = !1,
+  open: t,
+  onOpenChange: o
+} = {}) {
+  const [r, a] = f.useState(e), [s, i] = f.useState(), [l, h] = f.useState(), d = t ?? r, c = o ?? a, p = it({
+    open: d,
+    onOpenChange: c
+  }), v = p.context, u = lt(v, {
+    enabled: t == null
+  }), m = dt(v, {
+    outsidePress: !1,
+    outsidePressEvent: "mousedown"
+  }), b = ct(v), g = ut([u, m, b]);
+  return f.useMemo(
+    () => ({
+      open: d,
+      setOpen: c,
+      ...g,
+      ...p,
+      labelId: s,
+      descriptionId: l,
+      setLabelId: i,
+      setDescriptionId: h
+    }),
+    [d, c, g, p, s, l]
+  );
+}
+const ve = () => {
+  const e = f.useContext($t);
+  if (e == null)
+    throw new Error("Modal components must be wrapped in <Modal />");
+  return e;
+};
+function zn({
+  children: e,
+  ...t
+}) {
+  const o = Bn(t);
+  return /* @__PURE__ */ n($t.Provider, { value: o, children: e });
+}
+const Dn = f.forwardRef(function(e, t) {
+  const { context: o, ...r } = ve(), a = Pe([r.refs.setFloating, t]);
+  if (!o.open)
+    return null;
+  const { overlayBackground: s, ...i } = e, l = C("grid place-items-center", {
+    [`${s}`]: s,
+    "bg-black sm:bg-black/[.8]": !s
+  });
+  return /* @__PURE__ */ n(mt, { children: /* @__PURE__ */ n(No, { className: l, lockScroll: !0, children: /* @__PURE__ */ n(ht, { context: o, children: /* @__PURE__ */ n(
+    "div",
+    {
+      ref: a,
+      "aria-labelledby": r.labelId,
+      "aria-describedby": r.descriptionId,
+      ...r.getFloatingProps(i),
+      children: i.children
+    }
+  ) }) }) });
+}), Fn = f.forwardRef(function({ children: e, ...t }, o) {
+  const { setLabelId: r } = ve(), a = Me();
+  return f.useLayoutEffect(() => (r(a), () => r(void 0)), [a, r]), /* @__PURE__ */ n("h1", { ...t, ref: o, id: a, children: e });
+}), Gn = f.forwardRef(function({ children: e, ...t }, o) {
+  const { setDescriptionId: r } = ve(), a = Me();
+  return f.useLayoutEffect(() => (r(a), () => r(void 0)), [a, r]), /* @__PURE__ */ n("div", { ...t, ref: o, id: a, children: e });
+}), Hn = f.forwardRef(function(e, t) {
+  const { setOpen: o } = ve(), { trigger: r, className: a, ...s } = e, i = f.useCallback(() => o(!1), [o]);
+  return /* @__PURE__ */ n("div", { className: a, children: f.cloneElement(r, {
+    ref: t,
+    onClick: i,
+    ...s
+  }) });
+});
+/*!
+  @versini/ui-modal v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
+    version: "1.1.0",
+    buildTime: "12/27/2024 07:18 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ee = "panel", ue = "messagebox", Un = ({
   className: e,
   kind: t,
   borderMode: o
 }) => ({
   main: C("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${Ke} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ne,
-    [`${Ke} w-full sm:w-[95%] md:max-w-2xl`]: t === ne && !e,
-    [`${je} rounded-lg border-2`]: t === pe,
-    [`${je} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === pe && !e,
+    [`${Ye} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ee,
+    [`${Ye} w-full sm:w-[95%] md:max-w-2xl`]: t === ee && !e,
+    [`${We} rounded-lg border-2`]: t === ue,
+    [`${We} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
     [`${e}`]: !!e,
-    "sm:border-border-dark": o === "dark" && t === ne,
-    "sm:border-border-accent": o === "light" && t === ne,
-    "border-border-dark": o === "dark" && t === pe,
-    "border-border-accent": o === "light" && t === pe
+    "sm:border-border-dark": o === "dark" && t === ee,
+    "sm:border-border-accent": o === "light" && t === ee,
+    "border-border-dark": o === "dark" && t === ue,
+    "border-border-accent": o === "light" && t === ue
   }),
   content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
   footer: "flex flex-grow flex-col sm:p-4 p-2",
   header: "sm:p-4 mb-0 p-2",
   close: "sm:p-4 p-2"
-}), ge = (e) => no(
-  () => import("./index.DaIz2ggm.CWKMlVvg.js").then((t) => ({
-    default: t[e]
-  }))
-), zr = ge("Modal"), Or = ge("ModalClose"), Dr = ge("ModalContent"), Hr = ge("ModalDescription"), Fr = ge("ModalHeading"), Z = ({
+}), Y = ({
   open: e,
   onOpenChange: t,
   title: o,
-  children: n,
+  children: r,
   footer: a,
   borderMode: s = "light",
-  kind: i = ne,
+  kind: i = ee,
   className: l
 }) => {
-  const h = le(""), d = Vr({ className: l, kind: i, borderMode: s });
-  return q(() => (e && (h.current = document.title, document.title = `${o} | ${h.current}`), () => {
+  const h = Z(""), d = Un({ className: l, kind: i, borderMode: s });
+  return K(() => (e && (h.current = document.title, document.title = `${o} | ${h.current}`), () => {
     e && (document.title = h.current);
-  }), [o, e]), /* @__PURE__ */ r(ro, { fallback: /* @__PURE__ */ r("div", {}), children: e && /* @__PURE__ */ r(zr, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Dr, { className: d.main, children: [
-    /* @__PURE__ */ v("div", { className: "flex flex-row-reverse items-center justify-between", children: [
-      /* @__PURE__ */ r(
-        Or,
+  }), [o, e]), /* @__PURE__ */ n(S, { children: e && /* @__PURE__ */ n(zn, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Dn, { className: d.main, children: [
+    /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+      /* @__PURE__ */ n(
+        Hn,
         {
           className: d.close,
-          trigger: /* @__PURE__ */ r(
-            _t,
+          trigger: /* @__PURE__ */ n(
+            Lt,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ r(Br, {})
+              children: /* @__PURE__ */ n(Vn, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ r(Fr, { className: d.header, children: o })
+      /* @__PURE__ */ n(Fn, { className: d.header, children: o })
     ] }),
-    /* @__PURE__ */ r(Hr, { className: d.content, children: n }),
-    a && /* @__PURE__ */ r("div", { className: d.footer, children: a })
+    /* @__PURE__ */ n(Gn, { className: d.content, children: r }),
+    a && /* @__PURE__ */ n("div", { className: d.footer, children: a })
   ] }) }) });
-}, Gr = ({ stats: e }) => {
-  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], a = ce(), s = ce();
-  return /* @__PURE__ */ v(A, { children: [
-    /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      $,
+}, jn = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", r = (e == null ? void 0 : e.models) || [], a = re(), s = re();
+  return /* @__PURE__ */ y(S, { children: [
+    /* @__PURE__ */ n("div", { className: "mb-4", children: /* @__PURE__ */ n(
+      M,
       {
-        header: N.ABOUT.TITLE_CLIENT,
+        header: I.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
-        children: ie(a, {
-          [N.ABOUT.VERSION]: "5.8.1",
-          [N.ABOUT.BUILD_TIMESTAMP]: "12/27/2024 02:06 PM EST"
+        children: ne(a, {
+          [I.ABOUT.VERSION]: "5.9.0",
+          [I.ABOUT.BUILD_TIMESTAMP]: "12/28/2024 10:44 AM EST"
         })
       }
     ) }),
-    /* @__PURE__ */ r(
-      $,
+    /* @__PURE__ */ n(
+      M,
       {
-        header: N.ABOUT.TITLE_SERVER,
+        header: I.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
-        children: ie(s, {
-          [N.ABOUT.VERSION]: o,
-          [be(N.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ r(A, { children: n.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) }),
-          [be(N.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(A, { children: t.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) })
+        children: ne(s, {
+          [I.ABOUT.VERSION]: o,
+          [he(I.ABOUT.ENGINE, r.length)]: /* @__PURE__ */ n(S, { children: r.map((i) => /* @__PURE__ */ n("div", { className: "text-right", children: i }, i)) }),
+          [he(I.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ n(S, { children: t.map((i) => /* @__PURE__ */ n("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
   ] });
-}, Ur = ({
+}, Kn = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { serverStats: o } = B(ue);
-  return /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: At, children: /* @__PURE__ */ r(Gr, { stats: o }) });
-}, jr = (e) => Xe(e), Kr = (e) => {
+  const { serverStats: o } = P(se);
+  return /* @__PURE__ */ n(Y, { open: e, onOpenChange: t, title: Dt, children: /* @__PURE__ */ n(jn, { stats: o }) });
+}, Wn = (e) => Xe(e), Yn = (e) => {
   if (!e || e.length === 0)
-    return Pt;
+    return Gt;
   const t = e.filter(
     (o) => {
-      var n, a;
-      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Lt && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
+      var r, a;
+      return ((r = o == null ? void 0 : o.message) == null ? void 0 : r.role) === Ht && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
     }
   ).map((o) => o.message.processingTime);
-  return $t({
+  return Ut({
     data: t,
-    formatter: jr
+    formatter: Wn
   });
-}, Wr = ({
+}, qn = ({
   isAuthenticated: e,
   stats: t
 }) => {
-  const { state: o } = B(ue), n = Bt - Number(o == null ? void 0 : o.usage), a = ce(), s = ce();
-  return e ? /* @__PURE__ */ v(A, { children: [
-    o && o.messages.length > 0 && /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      $,
+  const { state: o } = P(se), r = jt - Number(o == null ? void 0 : o.usage), a = re(), s = re();
+  return e ? /* @__PURE__ */ y(S, { children: [
+    o && o.messages.length > 0 && /* @__PURE__ */ n("div", { className: "mb-4", children: /* @__PURE__ */ n(
+      M,
       {
-        header: N.CURRENT_STATISTICS.TITLE,
+        header: I.CURRENT_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: ie(a, {
-          [N.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || ae,
-          [N.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
-          [N.CURRENT_STATISTICS.REMAINING_TOKENS]: Mt.format(n),
-          [N.CURRENT_STATISTICS.PROCESSING_TIME]: Kr(o == null ? void 0 : o.messages)
+        children: ne(a, {
+          [I.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || te,
+          [I.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
+          [I.CURRENT_STATISTICS.REMAINING_TOKENS]: Ft.format(r),
+          [I.CURRENT_STATISTICS.PROCESSING_TIME]: Yn(o == null ? void 0 : o.messages)
         })
       }
     ) }),
-    /* @__PURE__ */ r(
-      $,
+    /* @__PURE__ */ n(
+      M,
       {
-        header: N.MAIN_STATISTICS.TITLE,
+        header: I.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: ie(s, {
-          [be(N.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
-          [N.MAIN_STATISTICS.PROCESSING_TIME]: Xe(
+        children: ne(s, {
+          [he(I.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [I.MAIN_STATISTICS.PROCESSING_TIME]: Xe(
             t.averageProcessingTimes
           )
         })
       }
     )
   ] }) : null;
-}, Yr = ({
+}, Zn = ({
   open: e,
   onOpenChange: t
 }) => {
-  const [o, n] = x({
+  const [o, r] = x({
     averageProcessingTimes: 0,
     totalChats: 0
-  }), { isAuthenticated: a, getAccessToken: s, user: i } = X();
-  return q(() => {
+  }), { isAuthenticated: a, getAccessToken: s, user: i } = W();
+  return K(() => {
     !e || !i || (async () => {
       try {
-        const l = await D({
+        const l = await z({
           accessToken: await s(),
-          type: H.GET_CHATS_STATS,
+          type: D.GET_CHATS_STATS,
           params: {
             userId: i.username
           }
         });
-        l.status === 200 && n(l.data);
+        l.status === 200 && r(l.data);
       } catch {
       }
     })();
-  }, [e, s, i]), /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Ze, children: /* @__PURE__ */ r(Wr, { isAuthenticated: a, stats: o }) });
-}, Et = ({
+  }, [e, s, i]), /* @__PURE__ */ n(Y, { open: e, onOpenChange: t, title: Je, children: /* @__PURE__ */ n(qn, { isAuthenticated: a, stats: o }) });
+}, Ot = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: o,
-  children: n,
+  children: r,
   customStrings: a
-}) => /* @__PURE__ */ r(
-  Z,
+}) => /* @__PURE__ */ n(
+  Y,
   {
     kind: "messagebox",
     open: e,
     onOpenChange: t,
     title: a.title,
-    footer: /* @__PURE__ */ v(Q, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
+    footer: /* @__PURE__ */ y(q, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
         G,
         {
           mode: "dark",
@@ -1821,7 +1905,7 @@ const ne = "panel", pe = "messagebox", Vr = ({
           children: a.cancelAction
         }
       ) }),
-      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
+      /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
         G,
         {
           mode: "dark",
@@ -1834,21 +1918,21 @@ const ne = "panel", pe = "messagebox", Vr = ({
         }
       ) })
     ] }),
-    children: n
+    children: r
   }
-), qr = async (e, t, o, n) => {
+), Qn = async (e, t, o, r) => {
   try {
-    const a = await D({
-      accessToken: n,
-      type: H.GET_CHAT,
+    const a = await z({
+      accessToken: r,
+      type: D.GET_CHAT,
       params: {
         id: e.id
       }
     });
     a.status === 200 && (t({
-      type: Qe
+      type: tt
     }), t({
-      type: zt,
+      type: Wt,
       payload: {
         id: e.id,
         model: a.data.model,
@@ -1858,30 +1942,30 @@ const ne = "panel", pe = "messagebox", Vr = ({
     }), o(!1));
   } catch {
   }
-}, Ye = (e) => {
+}, Ze = (e) => {
   const t = e[0];
-  return Ot(t == null ? void 0 : t.content, 100);
-}, Xr = ({
+  return Yt(t == null ? void 0 : t.content, 100);
+}, Xn = ({
   filteredHistory: e,
   setFilteredHistory: t,
   dispatch: o,
-  onOpenChange: n
+  onOpenChange: r
 }) => {
-  var f;
-  const { user: a, getAccessToken: s } = X(), i = le({
+  var b;
+  const { user: a, getAccessToken: s } = W(), i = Z({
     id: 0,
     timestamp: "",
     message: ""
-  }), [l, h] = x(!1), { state: d, dispatch: c } = B(Je), [, p] = he({
-    key: me + Vt,
+  }), [l, h] = x(!1), { state: d, dispatch: c } = P(et), [, p] = le({
+    key: ie + Kt,
     initialValue: d.sortDirection
-  }), y = e.data.sort(
+  }), v = e.data.sort(
     (g, k) => {
       switch (d.sortedCell) {
         case "timestamp":
-          if (d.sortDirection === O.ASC)
+          if (d.sortDirection === B.ASC)
             return new Date(g[d.sortedCell]).getTime() - new Date(k[d.sortedCell]).getTime();
-          if (d.sortDirection === O.DESC)
+          if (d.sortDirection === B.DESC)
             return new Date(k[d.sortedCell]).getTime() - new Date(g[d.sortedCell]).getTime();
           break;
         default:
@@ -1892,46 +1976,46 @@ const ne = "panel", pe = "messagebox", Vr = ({
   ), u = (g) => {
     switch (d.sortDirection) {
       case !1:
-        p(O.ASC), c({
+        p(B.ASC), c({
           type: we,
           payload: {
             sortedCell: g,
-            sortDirection: O.ASC
+            sortDirection: B.ASC
           }
         });
         break;
-      case O.ASC:
-        p(O.DESC), c({
+      case B.ASC:
+        p(B.DESC), c({
           type: we,
           payload: {
             sortedCell: g,
-            sortDirection: O.DESC
+            sortDirection: B.DESC
           }
         });
         break;
       default:
-        p(O.ASC), c({
+        p(B.ASC), c({
           type: we,
           payload: {
             sortedCell: g,
-            sortDirection: O.ASC
+            sortDirection: B.ASC
           }
         });
         break;
     }
   };
-  return /* @__PURE__ */ v(A, { children: [
-    /* @__PURE__ */ v(
-      Et,
+  return /* @__PURE__ */ y(S, { children: [
+    /* @__PURE__ */ y(
+      Ot,
       {
         showConfirmation: l,
         setShowConfirmation: h,
         action: async () => {
           const g = i.current;
           try {
-            const k = await D({
+            const k = await z({
               accessToken: await s(),
-              type: H.DELETE_CHAT,
+              type: D.DELETE_CHAT,
               params: {
                 userId: (a == null ? void 0 : a.username) || "",
                 id: g.id
@@ -1947,174 +2031,203 @@ const ne = "panel", pe = "messagebox", Vr = ({
           title: "Delete chat"
         },
         children: [
-          /* @__PURE__ */ r("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ v("ul", { className: "m-0", children: [
-            /* @__PURE__ */ v("li", { children: [
+          /* @__PURE__ */ n("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: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: i.current && i.current.timestamp })
+              /* @__PURE__ */ n("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
-            /* @__PURE__ */ v("li", { children: [
+            /* @__PURE__ */ y("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: (f = i.current) == null ? void 0 : f.message })
+              /* @__PURE__ */ n("span", { className: "text-lg", children: (b = i.current) == null ? void 0 : b.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ v(Zt, { stickyHeader: !0, stickyFooter: !0, compact: !0, wrapperClassName: "max-h-[60vh]", children: [
-      /* @__PURE__ */ r(Jt, { children: /* @__PURE__ */ v(Te, { children: [
-        /* @__PURE__ */ r(
-          Qt,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: "timestamp",
-            align: "left",
-            sortDirection: d.sortDirection,
-            sortedCell: d.sortedCell,
-            onClick: () => {
-              u("timestamp");
-            },
-            children: "Date"
-          }
-        ),
-        /* @__PURE__ */ r(F, { className: "text-xs sm:text-sm", children: "First message" }),
-        /* @__PURE__ */ r(F, { className: "text-xs sm:text-sm", children: "Model" }),
-        /* @__PURE__ */ r(F, { className: "text-xs sm:text-sm text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ r(eo, { children: y.map((g, k) => {
-        var w;
-        return ((w = g == null ? void 0 : g.messages) == null ? void 0 : w.length) > 0 ? /* @__PURE__ */ v(Te, { children: [
-          /* @__PURE__ */ r(
-            F,
-            {
-              component: "th",
-              scope: "row",
-              className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-              children: g.timestamp
-            }
-          ),
-          /* @__PURE__ */ r(
-            F,
-            {
-              className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-              style: {
-                wordBreak: "break-word"
-              },
-              children: Ye(g.messages)
-            }
-          ),
-          /* @__PURE__ */ r(F, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ v(Q, { alignHorizontal: "center", children: [
-            g.model && g.model.startsWith("claude") && /* @__PURE__ */ r(st, { className: "size-4 sm:size-5" }),
-            g.model && g.model.startsWith("gpt") && /* @__PURE__ */ r(it, { className: "size-4 sm:size-5" })
-          ] }) }),
-          /* @__PURE__ */ r(F, { className: "px-2", children: /* @__PURE__ */ v("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ r(
-              W,
-              {
-                focusMode: "alt-system",
-                noBorder: !0,
-                label: "Restore chat",
-                onClick: async () => {
-                  const T = await s();
-                  qr(
-                    g,
-                    o,
-                    n,
-                    T
-                  );
-                },
-                children: /* @__PURE__ */ r(Ro, { className: "h-3 w-3", monotone: !0 })
-              }
-            ),
-            /* @__PURE__ */ r(
-              W,
+    /* @__PURE__ */ y(
+      io,
+      {
+        stickyHeader: !0,
+        stickyFooter: !0,
+        compact: !0,
+        wrapperClassName: "max-h-[60vh] min-h-[60vh]",
+        children: [
+          /* @__PURE__ */ n(lo, { children: /* @__PURE__ */ y(Ie, { children: [
+            /* @__PURE__ */ n(
+              co,
               {
-                focusMode: "alt-system",
-                noBorder: !0,
-                label: "Delete chat",
+                buttonClassName: "text-xs sm:text-sm",
+                cellId: "timestamp",
+                align: "left",
+                sortDirection: d.sortDirection,
+                sortedCell: d.sortedCell,
                 onClick: () => {
-                  i.current = {
-                    id: g.id,
-                    timestamp: g.timestamp,
-                    message: Ye(g.messages)
-                  }, h(!l);
+                  u("timestamp");
                 },
-                children: /* @__PURE__ */ r("div", { className: "text-red-400", children: /* @__PURE__ */ r(_o, { className: "h-3 w-3", monotone: !0 }) })
+                children: "Date"
               }
-            )
-          ] }) })
-        ] }, `${N.HISTORY.TITLE}-${g.id}-${k}`) : null;
-      }) }),
-      /* @__PURE__ */ r(to, { children: /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r(F, { colSpan: 4, children: /* @__PURE__ */ r("div", { children: be(
-        `${e.data.length} chat`,
-        e.data.length
-      ) }) }) }) })
-    ] })
-  ] });
-};
-function qe(e, t) {
-  return t ? e.filter(
-    (o) => o.messages.some(
-      (n) => n.content !== null && n.content.toLowerCase().includes(t.toLowerCase())
+            ),
+            /* @__PURE__ */ n(F, { className: "text-xs sm:text-sm", children: "First message" }),
+            /* @__PURE__ */ n(F, { className: "text-xs sm:text-sm", children: "Model" }),
+            /* @__PURE__ */ n(F, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+          ] }) }),
+          /* @__PURE__ */ n(uo, { children: v.map((g, k) => {
+            var w;
+            return ((w = g == null ? void 0 : g.messages) == null ? void 0 : w.length) > 0 ? /* @__PURE__ */ y(Ie, { children: [
+              /* @__PURE__ */ n(
+                F,
+                {
+                  component: "th",
+                  scope: "row",
+                  className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
+                  children: g.timestamp
+                }
+              ),
+              /* @__PURE__ */ n(
+                F,
+                {
+                  className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+                  style: {
+                    wordBreak: "break-word"
+                  },
+                  children: Ze(g.messages)
+                }
+              ),
+              /* @__PURE__ */ n(F, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ y(q, { alignHorizontal: "center", children: [
+                g.model && g.model.startsWith("claude") && /* @__PURE__ */ n(pt, { className: "size-4 sm:size-5" }),
+                g.model && g.model.startsWith("gpt") && /* @__PURE__ */ n(gt, { className: "size-4 sm:size-5" })
+              ] }) }),
+              /* @__PURE__ */ n(F, { className: "px-2", children: /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
+                /* @__PURE__ */ n(
+                  U,
+                  {
+                    focusMode: "alt-system",
+                    noBorder: !0,
+                    label: "Restore chat",
+                    onClick: async () => {
+                      const T = await s();
+                      Qn(
+                        g,
+                        o,
+                        r,
+                        T
+                      );
+                    },
+                    children: /* @__PURE__ */ n(Ro, { className: "h-3 w-3", monotone: !0 })
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  U,
+                  {
+                    focusMode: "alt-system",
+                    noBorder: !0,
+                    label: "Delete chat",
+                    onClick: () => {
+                      i.current = {
+                        id: g.id,
+                        timestamp: g.timestamp,
+                        message: Ze(g.messages)
+                      }, h(!l);
+                    },
+                    children: /* @__PURE__ */ n("div", { className: "text-red-400", children: /* @__PURE__ */ n(_o, { className: "h-3 w-3", monotone: !0 }) })
+                  }
+                )
+              ] }) })
+            ] }, `${I.HISTORY.TITLE}-${g.id}-${k}`) : null;
+          }) }),
+          /* @__PURE__ */ n(mo, { children: /* @__PURE__ */ n(Ie, { children: /* @__PURE__ */ n(F, { colSpan: 4, children: /* @__PURE__ */ n("div", { children: he(
+            `${e.data.length} chat`,
+            e.data.length
+          ) }) }) }) })
+        ]
+      }
     )
-  ) : e;
-}
-const Zr = ({
-  onOpenChange: e,
-  historyData: t
+  ] });
+}, Qe = async ({
+  searchString: e,
+  username: t,
+  accessToken: o
 }) => {
-  const { isAuthenticated: o } = X(), n = le(null), { dispatch: a } = B(ue), { state: s, dispatch: i } = B(Je), [, l] = he({
-    key: me + Dt,
-    initialValue: s.searchString
-  }), h = ao(() => t, [t]), [d, c] = x({
-    data: h
-  }), p = (m) => {
-    const f = qe(h, m);
-    c({
-      data: f
-    }), l(m), i({
-      type: Ht,
-      payload: { searchString: m }
+  if (!t)
+    return [];
+  try {
+    const r = await z({
+      accessToken: o,
+      type: D.GET_CHATS,
+      params: {
+        userId: t,
+        searchString: e,
+        limit: 1
+      }
     });
-  }, y = (m) => {
-    p(m.target.value);
-  }, u = async (m) => {
-    m.preventDefault();
-  };
-  return q(() => {
-    const m = qe(
-      t,
-      s.searchString
-    );
-    c({
-      data: m
+    if (r.status === 200)
+      return r.data;
+  } catch {
+    return [];
+  }
+  return [];
+}, Jn = ({ onOpenChange: e }) => {
+  const { isAuthenticated: t, getAccessToken: o, user: r } = W(), a = Z(null), s = Z(!1), { dispatch: i } = P(se), { state: l, dispatch: h } = P(et), [, d] = le({
+    key: ie + qt,
+    initialValue: l.searchString
+  }), [c, p] = x({
+    data: []
+  }), v = async (b) => {
+    const g = await o(), k = await Qe({
+      searchString: b,
+      username: r == null ? void 0 : r.username,
+      accessToken: g
+    });
+    p({
+      data: k
+    }), d(b), h({
+      type: Zt,
+      payload: { searchString: b }
     });
-  }, [t, s.searchString]), o ? d && d.data && /* @__PURE__ */ v(A, { children: [
-    /* @__PURE__ */ r("form", { autoComplete: "off", onSubmit: u, children: /* @__PURE__ */ r(
+  }, u = Qt((b) => {
+    v(b.target.value);
+  }, 500), m = async (b) => {
+    b.preventDefault();
+  };
+  return K(() => {
+    s.current || (async () => {
+      s.current = !0;
+      const b = await o(), g = await Qe({
+        searchString: l.searchString,
+        username: r == null ? void 0 : r.username,
+        accessToken: b
+      });
+      p({
+        data: g
+      });
+    })();
+  }), t ? c && c.data && /* @__PURE__ */ y(S, { children: [
+    /* @__PURE__ */ n("form", { autoComplete: "off", onSubmit: m, children: /* @__PURE__ */ n(
       _e,
       {
         autoComplete: "off",
         autoCorrect: "off",
-        ref: n,
-        defaultValue: s.searchString,
+        ref: a,
+        defaultValue: l.searchString,
         focusMode: "light",
         name: "Search",
         label: "Search",
-        onChange: y,
+        onChange: u,
         spacing: { t: 2, b: 2 },
-        ...s.searchString && {
-          rightElement: /* @__PURE__ */ r(
+        ...l.searchString && {
+          rightElement: /* @__PURE__ */ n(
             G,
             {
-              disabled: !s.searchString,
+              disabled: !l.searchString,
               mode: "dark",
               noBorder: !0,
               size: "small",
               onClick: () => {
-                var m;
-                p(""), (m = n.current) != null && m.value && (n.current.value = "", n.current.focus());
+                var b;
+                v(""), (b = a.current) != null && b.value && (a.current.value = "", a.current.focus());
               },
               children: "Reset"
             }
@@ -2122,21 +2235,20 @@ const Zr = ({
         }
       }
     ) }),
-    /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ r(
-      Xr,
+    /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ n(
+      Xn,
       {
-        filteredHistory: d,
-        setFilteredHistory: c,
-        dispatch: a,
+        filteredHistory: c,
+        setFilteredHistory: p,
+        dispatch: i,
         onOpenChange: e
       }
     ) })
   ] }) : null;
-}, Jr = ({
+}, er = ({
   open: e,
-  onOpenChange: t,
-  historyData: o
-}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Ft, children: /* @__PURE__ */ r(Zr, { onOpenChange: t, historyData: o }) });
+  onOpenChange: t
+}) => /* @__PURE__ */ n(Y, { open: e, onOpenChange: t, title: Xt, children: /* @__PURE__ */ n(Jn, { onOpenChange: t }) });
 /*!
   @versini/ui-toggle v1.4.0
   © 2024 gizmette.com
@@ -2150,7 +2262,7 @@ try {
   });
 } catch {
 }
-const Qr = "av-toggle";
+const tr = "av-toggle";
 /*!
   @versini/ui-spacing v1.1.0
   © 2024 gizmette.com
@@ -2164,7 +2276,7 @@ try {
   });
 } catch {
 }
-const en = (e) => {
+const or = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -2173,7 +2285,7 @@ const en = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, tn = () => C("peer", "h-6", "w-11", "rounded-full"), on = ({
+}, nr = () => C("peer", "h-6", "w-11", "rounded-full"), rr = ({
   focusMode: e
 }) => C(
   "peer-focus:outline",
@@ -2185,14 +2297,14 @@ const en = (e) => {
     "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"
   }
-), rn = () => C(
+), ar = () => C(
   "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"
-), nn = () => C(
+), sr = () => C(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -2204,7 +2316,7 @@ const en = (e) => {
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), an = ({
+), ir = ({
   mode: e,
   noBorder: t
 }) => C({
@@ -2213,7 +2325,7 @@ const en = (e) => {
   "border-border-light bg-surface-darker": e === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), sn = ({
+}), lr = ({
   mode: e,
   labelHidden: t
 }) => t ? "sr-only" : C("ml-2 text-sm", {
@@ -2221,49 +2333,49 @@ const en = (e) => {
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), ln = ({ spacing: e }) => C(
-  Qr,
+}), cr = ({ spacing: e }) => C(
+  tr,
   "relative flex cursor-pointer items-center",
-  en(e)
-), cn = ({
+  or(e)
+), dr = ({
   mode: e,
   focusMode: t,
   labelHidden: o,
-  spacing: n,
+  spacing: r,
   noBorder: a
 }) => ({
   toggle: C(
-    tn(),
-    an({ mode: e, noBorder: a }),
-    on({ focusMode: t }),
-    nn(),
-    rn()
+    nr(),
+    ir({ mode: e, noBorder: a }),
+    rr({ focusMode: t }),
+    sr(),
+    ar()
   ),
-  label: sn({ mode: e, labelHidden: o }),
+  label: lr({ mode: e, labelHidden: o }),
   input: "peer sr-only",
-  wrapper: ln({ spacing: n })
-}), se = ({
+  wrapper: cr({ spacing: r })
+}), oe = ({
   checked: e = !1,
   onChange: t,
   label: o,
-  labelHidden: n = !1,
+  labelHidden: r = !1,
   name: a,
   mode: s = "system",
   focusMode: i = "system",
   spacing: l,
   noBorder: h = !1
 }) => {
-  const d = cn({
+  const d = dr({
     mode: s,
     focusMode: i,
-    labelHidden: n,
+    labelHidden: r,
     spacing: l,
     noBorder: h
   }), c = (p) => {
     t == null || t(p.target.checked);
   };
-  return /* @__PURE__ */ v("label", { className: d.wrapper, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ y("label", { className: d.wrapper, children: [
+    /* @__PURE__ */ n(
       "input",
       {
         name: a,
@@ -2273,28 +2385,28 @@ const en = (e) => {
         onChange: c
       }
     ),
-    /* @__PURE__ */ r("div", { className: d.toggle }),
-    /* @__PURE__ */ r("span", { className: d.label, children: o })
+    /* @__PURE__ */ n("div", { className: d.toggle }),
+    /* @__PURE__ */ n("span", { className: d.label, children: o })
   ] });
-}, dn = ({
+}, ur = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: o } = B(ue), { getAccessToken: n, user: a } = X(), [s, i] = x({
+  const { dispatch: o } = P(se), { getAccessToken: r, user: a } = W(), [s, i] = x({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
-    engine: ae
-  }), [l, h] = he({
-    key: me + et,
+    engine: te
+  }), [l, h] = le({
+    key: ie + ot,
     initialValue: !1
   }), d = async (u) => {
     u.preventDefault();
     try {
-      await D({
-        accessToken: await n(),
-        type: H.SET_USER_PREFERENCES,
+      await z({
+        accessToken: await r(),
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: a == null ? void 0 : a.username,
           instructions: s.instructions,
@@ -2302,7 +2414,7 @@ const en = (e) => {
           engine: s.engine
         }
       }), o({
-        type: tt,
+        type: nt,
         payload: {
           engine: s.engine
         }
@@ -2316,20 +2428,20 @@ const en = (e) => {
       loadingLocation: !0
     }));
     try {
-      const u = Date.now(), m = await Ut(), f = await D({
-        accessToken: await n(),
-        type: H.GET_LOCATION,
+      const u = Date.now(), m = await eo(), b = await z({
+        accessToken: await r(),
+        type: D.GET_LOCATION,
         params: {
           latitude: m.latitude,
           longitude: m.longitude
         }
       }), k = Date.now() - u;
-      if (k < 2e3 && await new Promise((w) => setTimeout(w, 2e3 - k)), f.status === 200) {
-        const { city: w, state: T, country: E, displayName: M } = f.data, S = w && T && E ? `${w}, ${T}, ${E}` : M;
-        i((z) => ({
-          ...z,
+      if (k < 2e3 && await new Promise((w) => setTimeout(w, 2e3 - k)), b.status === 200) {
+        const { city: w, state: T, country: E, displayName: R } = b.data, $ = w && T && E ? `${w}, ${T}, ${E}` : R;
+        i((O) => ({
+          ...O,
           loaded: !0,
-          location: S,
+          location: $,
           loadingLocation: !1
         }));
       } else
@@ -2344,30 +2456,30 @@ const en = (e) => {
   }, p = (u) => {
     i((m) => ({
       ...m,
-      engine: u ? Ne : fe
+      engine: u ? Ne : me
     }));
-  }, y = (u) => {
+  }, v = (u) => {
     i((m) => ({
       ...m,
-      engine: u ? fe : Ne
+      engine: u ? me : Ne
     }));
   };
-  return q(() => {
+  return K(() => {
     if (!e || !a) {
       i({
         loaded: !1,
         loadingLocation: !1,
         instructions: "",
         location: "",
-        engine: ae
+        engine: te
       });
       return;
     }
     (async () => {
       try {
-        const u = await D({
-          accessToken: await n(),
-          type: H.GET_USER_PREFERENCES,
+        const u = await z({
+          accessToken: await r(),
+          type: D.GET_USER_PREFERENCES,
           params: {
             user: a.username
           }
@@ -2377,25 +2489,25 @@ const en = (e) => {
           loaded: !0,
           instructions: u.data.instructions || "",
           location: u.data.location || "",
-          engine: u.data.engine || ae
+          engine: u.data.engine || te
         }));
       } catch {
       }
     })();
-  }, [a, e]), /* @__PURE__ */ r(A, { children: s.loaded && /* @__PURE__ */ r(
-    Z,
+  }, [a, e]), /* @__PURE__ */ n(S, { children: s.loaded && /* @__PURE__ */ n(
+    Y,
     {
       open: e,
       onOpenChange: t,
       title: "Engine Fine Tuning",
-      footer: /* @__PURE__ */ v(
-        Q,
+      footer: /* @__PURE__ */ y(
+        q,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
               G,
               {
                 mode: "dark",
@@ -2407,7 +2519,7 @@ const en = (e) => {
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
               G,
               {
                 mode: "dark",
@@ -2422,16 +2534,16 @@ const en = (e) => {
           ]
         }
       ),
-      children: /* @__PURE__ */ v(A, { children: [
-        /* @__PURE__ */ v(
-          $,
+      children: /* @__PURE__ */ y(S, { children: [
+        /* @__PURE__ */ y(
+          M,
           {
             header: "AI Engine",
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ r("p", { children: "Select the AI engine that will be used to generate responses." }),
-              /* @__PURE__ */ r(
-                se,
+              /* @__PURE__ */ n("p", { children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ n(
+                oe,
                 {
                   noBorder: !0,
                   label: "OpenAI",
@@ -2440,20 +2552,20 @@ const en = (e) => {
                   checked: s.engine === Ne
                 }
               ),
-              /* @__PURE__ */ r(
-                se,
+              /* @__PURE__ */ n(
+                oe,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Anthropic",
                   name: "Anthropic",
-                  onChange: y,
-                  checked: s.engine === fe
+                  onChange: v,
+                  checked: s.engine === me
                 }
               ),
-              /* @__PURE__ */ r("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI." }),
-              /* @__PURE__ */ r(
-                se,
+              /* @__PURE__ */ n("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI." }),
+              /* @__PURE__ */ n(
+                oe,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
@@ -2463,24 +2575,24 @@ const en = (e) => {
                   checked: l
                 }
               ),
-              /* @__PURE__ */ r("p", { className: "text-xs", children: "This option introduces a new menu on the left side of the screen, enabling you to quickly switch between engines." })
+              /* @__PURE__ */ n("p", { className: "text-xs", children: "This option introduces a new menu on the left side of the screen, enabling you to quickly switch between engines." })
             ]
           }
         ),
-        /* @__PURE__ */ v(
-          $,
+        /* @__PURE__ */ y(
+          M,
           {
             spacing: { t: 4 },
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ v("p", { children: [
+              /* @__PURE__ */ y("p", { children: [
                 "What would you like ",
-                /* @__PURE__ */ r("em", { children: Gt }),
+                /* @__PURE__ */ n("em", { children: Jt }),
                 " to know about you to provide better responses?"
               ] }),
-              /* @__PURE__ */ r(
-                De,
+              /* @__PURE__ */ n(
+                Ge,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -2502,16 +2614,16 @@ const en = (e) => {
             ]
           }
         ),
-        /* @__PURE__ */ v(
-          $,
+        /* @__PURE__ */ y(
+          M,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter",
             spacing: { t: 4 },
             children: [
-              /* @__PURE__ */ r("p", { children: "You can share your location to receive customized responses based on your area." }),
-              /* @__PURE__ */ r(
-                De,
+              /* @__PURE__ */ n("p", { children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ n(
+                Ge,
                 {
                   mode: "alt-system",
                   name: "location",
@@ -2527,7 +2639,7 @@ const en = (e) => {
                   helperText: "Enter your location or press auto-detect."
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n(
                 G,
                 {
                   spacing: { t: 2 },
@@ -2544,45 +2656,45 @@ const en = (e) => {
       ] })
     }
   ) });
-}, un = ({
+}, mr = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { state: o, dispatch: n } = B(jt), { getAccessToken: a, user: s } = X(), [i, l] = x({
+  const { state: o, dispatch: r } = P(to), { getAccessToken: a, user: s } = W(), [i, l] = x({
     tags: [...o.tags]
   }), h = ({
     slot: c,
     checked: p,
-    label: y,
+    label: v,
     content: u
   }) => {
     l((m) => {
-      const f = m.tags, g = {
+      const b = m.tags, g = {
         slot: c,
-        label: y,
+        label: v,
         content: u,
         enabled: p
-      }, k = f.findIndex((w) => w.slot === c);
+      }, k = b.findIndex((w) => w.slot === c);
       return k === -1 ? {
         ...m,
-        tags: [...f, { ...g, slot: c }]
-      } : (f[k] = g, {
+        tags: [...b, { ...g, slot: c }]
+      } : (b[k] = g, {
         ...m,
-        tags: [...f]
+        tags: [...b]
       });
     });
   }, d = async (c) => {
     c.preventDefault();
     try {
-      await D({
+      await z({
         accessToken: await a(),
-        type: H.SET_USER_PREFERENCES,
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: s == null ? void 0 : s.username,
           tags: i.tags
         }
-      }), n({
-        type: Wt,
+      }), r({
+        type: no,
         payload: {
           tags: i.tags
         }
@@ -2590,20 +2702,20 @@ const en = (e) => {
     } catch {
     }
   };
-  return /* @__PURE__ */ v(
-    Z,
+  return /* @__PURE__ */ y(
+    Y,
     {
       open: e,
       onOpenChange: t,
       title: "Tags",
-      footer: /* @__PURE__ */ v(
-        Q,
+      footer: /* @__PURE__ */ y(
+        q,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
               G,
               {
                 mode: "dark",
@@ -2615,7 +2727,7 @@ const en = (e) => {
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(
               G,
               {
                 mode: "dark",
@@ -2631,16 +2743,16 @@ const en = (e) => {
         }
       ),
       children: [
-        /* @__PURE__ */ r("p", { children: Kt }),
-        i.tags && i.tags.map((c) => /* @__PURE__ */ v(
-          $,
+        /* @__PURE__ */ n("p", { children: oo }),
+        i.tags && i.tags.map((c) => /* @__PURE__ */ y(
+          M,
           {
             header: `Tag ${c.slot + 1}`,
             className: "prose-dark dark:prose-lighter",
             spacing: { b: 2 },
             children: [
-              /* @__PURE__ */ v(Q, { spacing: { t: 8, b: 6 }, columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ r(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
+              /* @__PURE__ */ y(q, { spacing: { t: 8, b: 6 }, columnGap: 2, rowGap: 6, children: [
+                /* @__PURE__ */ n(A, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ n(
                   _e,
                   {
                     label: "Label",
@@ -2656,7 +2768,7 @@ const en = (e) => {
                     }
                   }
                 ) }),
-                /* @__PURE__ */ r(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
+                /* @__PURE__ */ n(A, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ n(
                   _e,
                   {
                     label: "Content",
@@ -2673,8 +2785,8 @@ const en = (e) => {
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ r(
-                se,
+              /* @__PURE__ */ n(
+                oe,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
@@ -2698,264 +2810,223 @@ const en = (e) => {
       ]
     }
   );
-}, mn = () => {
-  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: n } = X(), [a, s] = he({
-    key: me + Yt,
+}, hr = () => {
+  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: r } = W(), [a, s] = le({
+    key: ie + ro,
     initialValue: !1
-  }), [i, l] = x(!1), [h, d] = x(!1), c = ce(), p = (t == null ? void 0 : t.username) || "", y = (f) => {
-    s(f);
+  }), [i, l] = x(!1), [h, d] = x(!1), c = re(), p = (t == null ? void 0 : t.username) || "", v = (b) => {
+    s(b);
   }, u = () => {
     l(!i);
   }, m = () => {
     d(!h);
   };
-  return e && p ? /* @__PURE__ */ v(A, { children: [
-    i && /* @__PURE__ */ r(
-      dn,
+  return e && p ? /* @__PURE__ */ y(S, { children: [
+    i && /* @__PURE__ */ n(
+      ur,
       {
         open: i,
         onOpenChange: l
       }
     ),
-    h && /* @__PURE__ */ r(un, { open: h, onOpenChange: d }),
-    /* @__PURE__ */ v(
-      $,
+    h && /* @__PURE__ */ n(mr, { open: h, onOpenChange: d }),
+    /* @__PURE__ */ y(
+      M,
       {
-        header: N.PREFERENCES.TITLE,
+        header: I.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: [
-          ie(c, {
-            [N.PREFERENCES.NAME]: p,
-            [N.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
-            [N.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ r(
-              se,
+          ne(c, {
+            [I.PREFERENCES.NAME]: p,
+            [I.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
+            [I.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ n(
+              oe,
               {
                 noBorder: !0,
                 labelHidden: !0,
-                label: N.PREFERENCES.ENGINE_DETAILS,
-                name: N.PREFERENCES.ENGINE_DETAILS,
-                onChange: y,
+                label: I.PREFERENCES.ENGINE_DETAILS,
+                name: I.PREFERENCES.ENGINE_DETAILS,
+                onChange: v,
                 checked: a
               }
             )
           }),
-          /* @__PURE__ */ r(
-            W,
+          /* @__PURE__ */ n(
+            U,
             {
               spacing: { t: 2 },
               size: "small",
               onClick: u,
               labelLeft: "Engine Fine Tuning",
-              children: /* @__PURE__ */ r(He, { className: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ n(He, { className: "size-3", monotone: !0 })
             }
           ),
-          /* @__PURE__ */ r(
-            W,
+          /* @__PURE__ */ n(
+            U,
             {
               spacing: { t: 2, l: 2 },
               size: "small",
               onClick: m,
               labelLeft: "Tags",
-              children: /* @__PURE__ */ r(He, { className: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ n(He, { className: "size-3", monotone: !0 })
             }
           )
         ]
       }
     ),
-    n !== qt.PASSKEY && /* @__PURE__ */ v(
-      $,
+    r !== ao.PASSKEY && /* @__PURE__ */ y(
+      M,
       {
         spacing: { t: 4 },
         className: "prose-dark dark:prose-lighter",
-        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ v(Q, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(ze, { className: "size-8" }) }),
-          /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
+        header: /* @__PURE__ */ n("h2", { className: "m-0", children: /* @__PURE__ */ y(q, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(De, { className: "size-8" }) }),
+          /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n("div", { children: I.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
-          /* @__PURE__ */ r("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
-          /* @__PURE__ */ r(
-            W,
+          /* @__PURE__ */ n("p", { children: I.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ n(
+            U,
             {
               size: "small",
               spacing: { t: 2 },
               onClick: o,
-              labelLeft: N.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ r(ze, { className: "size-5", monotone: !0 })
+              labelLeft: I.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ n(De, { className: "size-5", monotone: !0 })
             }
           )
         ]
       }
     )
   ] }) : null;
-}, hn = ({
+}, pr = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Xt, children: /* @__PURE__ */ r(mn, {}) }), Cn = () => {
-  const { state: e, dispatch: t, serverStats: o } = B(ue), [n, a] = x((e == null ? void 0 : e.engine) || ae), [s, i] = x(!1), [l, h] = x(!1), [d, c] = x(!1), [p, y] = x(!1), [u, m] = x([]), [f, g] = x(!1), [k, w] = x({
-    done: !1,
-    progress: !1,
-    timestamp: Date.now()
-  }), [T] = he({
-    key: me + et,
+}) => /* @__PURE__ */ n(Y, { open: e, onOpenChange: t, title: so, children: /* @__PURE__ */ n(hr, {}) }), wr = () => {
+  const { state: e, dispatch: t, serverStats: o } = P(se), [r, a] = x((e == null ? void 0 : e.engine) || te), [s, i] = x(!1), [l, h] = x(!1), [d, c] = x(!1), [p, v] = x(!1), [u, m] = x(!1), [b] = le({
+    key: ie + ot,
     initialValue: !1
-  }), { logout: E, getAccessToken: M, user: S } = X(), z = () => {
+  }), { logout: g, getAccessToken: k, user: w } = W(), T = () => {
     i(!s);
-  }, I = () => {
+  }, E = () => {
     h(!l);
-  }, te = () => {
+  }, R = () => {
     c(!d);
-  }, J = () => {
-    y(!p);
-  }, U = async (P) => {
-    const j = Date.now();
-    if (P && !(!S || !e || k.progress || k.done === !0 && j - k.timestamp < 5e3)) {
-      w({
-        done: !0,
-        progress: !0,
-        timestamp: j
-      });
-      try {
-        const R = await D({
-          accessToken: await M(),
-          type: H.GET_CHATS,
-          params: {
-            userId: S.username
-          }
-        });
-        R.status === 200 && (m(R.data), w({
-          done: !0,
-          progress: !1,
-          timestamp: Date.now()
-        }));
-      } catch {
-        w({
-          done: !0,
-          progress: !1,
-          timestamp: Date.now()
-        });
-      }
-    }
-  }, oe = () => {
-    g(!f);
+  }, $ = () => {
+    v(!p);
+  }, O = () => {
+    m(!u);
   };
-  return q(() => {
-    e && e.engine && e.engine !== n && a(e.engine);
-  }, [e, n]), /* @__PURE__ */ v(A, { children: [
-    /* @__PURE__ */ r(
-      Et,
+  return K(() => {
+    e && e.engine && e.engine !== r && a(e.engine);
+  }, [e, r]), /* @__PURE__ */ y(S, { children: [
+    /* @__PURE__ */ n(
+      Ot,
       {
-        showConfirmation: f,
-        setShowConfirmation: g,
-        action: E,
+        showConfirmation: u,
+        setShowConfirmation: m,
+        action: g,
         customStrings: {
-          confirmAction: Oe,
+          confirmAction: Fe,
           cancelAction: "Cancel",
-          title: Oe
+          title: Fe
         },
-        children: /* @__PURE__ */ r("p", { children: "Are you sure you want to log out?" })
-      }
-    ),
-    /* @__PURE__ */ r(hn, { open: s, onOpenChange: i }),
-    /* @__PURE__ */ r(Yr, { open: l, onOpenChange: h }),
-    /* @__PURE__ */ r(
-      Jr,
-      {
-        open: d,
-        onOpenChange: c,
-        historyData: u
+        children: /* @__PURE__ */ n("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ r(Ur, { open: p, onOpenChange: y }),
-    /* @__PURE__ */ v("div", { className: "relative", children: [
-      T && o && /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ n(pr, { open: s, onOpenChange: i }),
+    /* @__PURE__ */ n(Zn, { open: l, onOpenChange: h }),
+    /* @__PURE__ */ n(er, { open: d, onOpenChange: c }),
+    /* @__PURE__ */ n(Kn, { open: p, onOpenChange: v }),
+    /* @__PURE__ */ y("div", { className: "relative", children: [
+      b && o && /* @__PURE__ */ n("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ n(
         xe,
         {
           mode: "dark",
           focusMode: "light",
-          trigger: /* @__PURE__ */ r(W, { children: e && e.engine === fe ? /* @__PURE__ */ r(st, {}) : /* @__PURE__ */ r(it, {}) }),
+          trigger: /* @__PURE__ */ n(U, { children: e && e.engine === me ? /* @__PURE__ */ n(pt, {}) : /* @__PURE__ */ n(gt, {}) }),
           defaultPlacement: "bottom-start",
-          children: /* @__PURE__ */ r(K, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
-            Cr,
+          children: /* @__PURE__ */ n(H, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ n(
+            wn,
             {
               size: "small",
               mode: "dark",
               focusMode: "light",
-              value: n,
-              onValueChange: async (P) => {
-                if (P)
+              value: r,
+              onValueChange: async (N) => {
+                if (N)
                   try {
-                    await D({
-                      accessToken: await M(),
-                      type: H.SET_USER_PREFERENCES,
+                    await z({
+                      accessToken: await k(),
+                      type: D.SET_USER_PREFERENCES,
                       params: {
-                        user: S == null ? void 0 : S.username,
-                        engine: P
+                        user: w == null ? void 0 : w.username,
+                        engine: N
                       }
                     }), t({
-                      type: tt,
+                      type: nt,
                       payload: {
-                        engine: P
+                        engine: N
                       }
                     }), t({
-                      type: Qe
+                      type: tt
                     });
                   } catch {
                   }
               },
-              children: o && o.engines.map((P) => /* @__PURE__ */ r(wr, { value: P }, P))
+              children: o && o.engines.map((N) => /* @__PURE__ */ n(Nn, { value: N }, N))
             }
           ) })
         }
       ) }),
-      /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ v(
+      /* @__PURE__ */ n("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ y(
         xe,
         {
           mode: "dark",
           focusMode: "light",
-          trigger: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Ao, {}) }),
+          trigger: /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(Ao, {}) }),
           defaultPlacement: "bottom-end",
-          onOpenChange: U,
           children: [
-            /* @__PURE__ */ r(
-              K,
+            /* @__PURE__ */ n(
+              H,
               {
                 label: "Profile",
-                onClick: z,
-                icon: /* @__PURE__ */ r(So, {})
+                onClick: T,
+                icon: /* @__PURE__ */ n(So, {})
               }
             ),
-            /* @__PURE__ */ r(
-              K,
+            /* @__PURE__ */ n(
+              H,
               {
-                label: Ze,
-                onClick: I,
-                icon: /* @__PURE__ */ r(Io, {})
+                label: Je,
+                onClick: E,
+                icon: /* @__PURE__ */ n(To, {})
               }
             ),
-            /* @__PURE__ */ r(
-              K,
+            /* @__PURE__ */ n(
+              H,
               {
                 label: "History",
-                onClick: te,
-                icon: /* @__PURE__ */ r(Eo, {})
+                onClick: R,
+                icon: /* @__PURE__ */ n(Eo, {})
               }
             ),
-            /* @__PURE__ */ r(
-              K,
+            /* @__PURE__ */ n(
+              H,
               {
                 label: "About",
-                onClick: J,
-                icon: /* @__PURE__ */ r(xo, {})
+                onClick: $,
+                icon: /* @__PURE__ */ n(xo, {})
               }
             ),
-            e && e.id && !e.isComponent && /* @__PURE__ */ v(A, { children: [
-              /* @__PURE__ */ r(Mo, {}),
-              /* @__PURE__ */ r(
-                K,
+            e && e.id && !e.isComponent && /* @__PURE__ */ y(S, { children: [
+              /* @__PURE__ */ n(Mo, {}),
+              /* @__PURE__ */ n(
+                H,
                 {
                   label: "Log out",
-                  onClick: oe,
-                  icon: /* @__PURE__ */ r("div", { className: "text-red-700", children: /* @__PURE__ */ r(To, { monotone: !0 }) })
+                  onClick: O,
+                  icon: /* @__PURE__ */ n("div", { className: "text-red-700", children: /* @__PURE__ */ n(Io, { monotone: !0 }) })
                 }
               )
             ] })
@@ -2966,5 +3037,5 @@ const en = (e) => {
   ] });
 };
 export {
-  Cn as default
+  wr as default
 };