@versini/sassysaint 5.5.18 → 5.5.20

package/dist/chunks/{HeaderToolbar.BS7wgkaB.js → HeaderToolbar.Dcsv3jhf.js}

@@ -1,35 +1,35 @@
 import { jsx as o, jsxs as y, Fragment as z } from "react/jsx-runtime";
-import { g as L, R as O, CARDS as S, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as Dt, L as Y, j as M, C as F, un as Q, INFINITE_SCROLL_LIMIT as De, INFINITE_SCROLL_THRESHOLD as Fe, LOCAL_STORAGE_PREFIX as ce, LOCAL_STORAGE_SORT as Ft, P as J, ACTION_RESET as et, ACTION_RESTORE as Ht, ACTION_SORT as He, LOCAL_STORAGE_SEARCH as Gt, HISTORY_TITLE as Ut, ye as Ie, ACTION_SEARCH as jt, debounce as Wt, M as Kt, z as Ge, durationFormatter as Yt, PROFILE_TITLE as qt, TAGS_DESCRIPTION as Zt, ACTION_SET_TAGS as Qt, DEFAULT_AI_ENGINE as me, LOCAL_STORAGE_ENGINE_TOGGLE as tt, LOCAL_STORAGE_CHAT_DETAILS as Xt, SETTINGS_TITLE as Jt, ENGINE_OPENAI as ne, ENGINE_ANTHROPIC as X, APP_NAME as er, ACTION_ENGINE as rt, getCurrentGeoLocation as tr, LOG_OUT as Ue } from "./index.Dc-g6Ljy.js";
-import { AppContext as ve, HistoryContext as ot, E as le, ge as rr, he as or, ue as xe, le as B, ye as ar, me as nr, be as sr, serviceCall as $, SERVICE_TYPES as V, f as W, TagsContext as ir, Pe as je, NewChatButton as cr } from "./App.oZoXeHpk.js";
-import * as g from "react";
-import I, { useId as ze, forwardRef as at, useState as R, useRef as q, useContext as D, useEffect as Z, useCallback as lr, Fragment as dr, useLayoutEffect as We } from "react";
+import { g as A, R as O, CARDS as S, renderDataAsList as he, pluralize as fe, ABOUT_TITLE as Ft, L as Y, j as M, C as G, un as Q, INFINITE_SCROLL_LIMIT as Fe, INFINITE_SCROLL_THRESHOLD as Ge, LOCAL_STORAGE_PREFIX as ce, LOCAL_STORAGE_SORT as Gt, P as J, ACTION_RESET as et, ACTION_RESTORE as Vt, ACTION_SORT as Ve, LOCAL_STORAGE_SEARCH as Ut, HISTORY_TITLE as Ht, ye as Ee, ACTION_SEARCH as jt, debounce as Wt, M as Kt, z as Ue, durationFormatter as Yt, PROFILE_TITLE as Zt, PROMPTS_DESCRIPTION as qt, ACTION_SET_PROMPTS as Qt, DEFAULT_AI_ENGINE as me, LOCAL_STORAGE_ENGINE_TOGGLE as tt, LOCAL_STORAGE_CHAT_DETAILS as Xt, SETTINGS_TITLE as Jt, ENGINE_OPENAI as ne, ENGINE_ANTHROPIC as X, APP_NAME as er, ACTION_ENGINE as rt, getCurrentGeoLocation as tr, LOG_OUT as He } from "./index.D4jSn1Cz.js";
+import { AppContext as ve, HistoryContext as ot, E as le, ge as rr, he as or, ue as xe, ie as P, ye as ar, me as nr, be as sr, serviceCall as $, SERVICE_TYPES as D, f as W, PromptsContext as ir, Pe as je, NewChatButton as cr } from "./App.BCrssLN1.js";
+import * as f from "react";
+import E, { useId as ze, forwardRef as at, useState as R, useRef as Z, useContext as F, useEffect as q, useCallback as lr, Fragment as dr, useLayoutEffect as We } from "react";
 import w from "clsx";
-import { useFloatingTree as nt, useFloatingNodeId as ur, useListItem as st, useFloating as it, offset as mr, flip as hr, shift as gr, autoUpdate as fr, useClick as ct, useRole as lt, useDismiss as dt, useListNavigation as pr, useTypeahead as br, useInteractions as ut, useMergeRefs as Le, FloatingNode as vr, FloatingList as yr, FloatingPortal as mt, FloatingFocusManager as ht, FloatingTree as kr, FloatingOverlay as wr } from "@floating-ui/react";
-const gt = ({
+import { useFloatingTree as nt, useFloatingNodeId as ur, useListItem as st, useFloating as it, offset as mr, flip as hr, shift as fr, autoUpdate as gr, useClick as ct, useRole as lt, useDismiss as dt, useListNavigation as pr, useTypeahead as br, useInteractions as ut, useMergeRefs as Ae, FloatingNode as vr, FloatingList as yr, FloatingPortal as mt, FloatingFocusManager as ht, FloatingTree as kr, FloatingOverlay as wr } from "@floating-ui/react";
+const ft = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  L,
+  A,
   {
-    defaultViewBox: "0 0 256 176",
+    defaultViewBox: "0 0 24 24",
     size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Anthropic",
     ...n,
-    children: /* @__PURE__ */ o("path", { d: "m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z" })
+    children: /* @__PURE__ */ o("path", { d: "M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z" })
   }
-), Cr = ({
+), Nr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -41,21 +41,28 @@ const gt = ({
       /* @__PURE__ */ o(
         "path",
         {
+          className: "fa-secondary",
           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"
+          d: "M66.6 320c0 1.8 .1 3.5 .4 5.3C84.9 431.3 177 512 288 512c123.7 0 224-100.3 224-224c0-111-80.7-203.1-186.7-220.9c-1.8-.3-3.6-.4-5.3-.4c-15.3 0-28.9 11.1-31.5 26.7c-2.9 17.4 8.8 33.9 26.3 36.9C390.4 142.9 448 208.8 448 288c0 88.4-71.6 160-160 160c-79.2 0-145.1-57.6-157.8-133.3c-2.9-17.4-19.4-29.2-36.9-26.3c-15.6 2.6-26.7 16.2-26.7 31.5z"
         }
       ),
-      /* @__PURE__ */ o("path", { d: "M32 0H192c17.7 0 32 14.3 32 32s-14.3 32-32 32H109.3L342.6 297.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3V192c0 17.7-14.3 32-32 32s-32-14.3-32-32V32C0 14.3 14.3 0 32 0z" })
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M32 0L192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-82.7 0L342.6 297.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3 64 192c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 32C0 14.3 14.3 0 32 0z"
+        }
+      )
     ]
   }
-), Nr = ({
+), Cr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -67,11 +74,18 @@ const gt = ({
       /* @__PURE__ */ o(
         "path",
         {
+          className: "fa-secondary",
           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"
+          d: "M32 96l0 352c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-352L32 96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224z"
         }
       ),
-      /* @__PURE__ */ o("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8z" })
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0z"
+        }
+      )
     ]
   }
 ), xr = ({
@@ -81,7 +95,7 @@ const gt = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -93,21 +107,28 @@ const gt = ({
       /* @__PURE__ */ o(
         "path",
         {
+          className: "fa-secondary",
           opacity: a ? "1" : "0.4",
-          d: "M0 160c0-53 43-96 96-96h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32 14.3-32 32V416c0 17.7 14.3 32 32 32H352c17.7 0 32-14.3 32-32V320c0-17.7 14.3-32 32-32s32 14.3 32 32v96c0 53-43 96-96 96H96c-53 0-96-43-96-96V160z"
+          d: "M0 160c0-53 43-96 96-96l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-96c0-17.7 14.3-32 32-32s32 14.3 32 32l0 96c0 53-43 96-96 96L96 512c-53 0-96-43-96-96L0 160z"
         }
       ),
-      /* @__PURE__ */ o("path", { d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z" })
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z"
+        }
+      )
     ]
   }
-), Tr = ({
+), Ir = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -119,21 +140,28 @@ const gt = ({
       /* @__PURE__ */ o(
         "path",
         {
+          className: "fa-secondary",
           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"
+          d: "M0 57.9L0 168c0 13.3 10.7 24 24 24l110.1 0c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 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.9z"
         }
       ),
-      /* @__PURE__ */ o("path", { d: "M256 128c13.3 0 24 10.7 24 24v94.1l65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17V152c0-13.3 10.7-24 24-24z" })
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M256 128c13.3 0 24 10.7 24 24l0 94.1 65 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-17l0-104c0-13.3 10.7-24 24-24z"
+        }
+      )
     ]
   }
-), Ir = ({
+), Er = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -145,21 +173,28 @@ const gt = ({
       /* @__PURE__ */ o(
         "path",
         {
+          className: "fa-secondary",
           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"
+          d: "M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm192-8c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24zm96-88a32 32 0 1 1 -64 0 32 32 0 1 1 64 0z"
         }
       ),
-      /* @__PURE__ */ o("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h24V272H216c-13.3 0-24-10.7-24-24z" })
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24z"
+        }
+      )
     ]
   }
-), ft = ({
+), gt = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  L,
+  A,
   {
     defaultViewBox: "0 0 24 24",
     size: "size-5",
@@ -167,22 +202,16 @@ const gt = ({
     className: e,
     title: r || "OpenAI",
     ...n,
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M22.282 9.821a6 6 0 0 0-.516-4.91a6.05 6.05 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a6 6 0 0 0-3.998 2.9a6.05 6.05 0 0 0 .743 7.097a5.98 5.98 0 0 0 .51 4.911a6.05 6.05 0 0 0 6.515 2.9A6 6 0 0 0 13.26 24a6.06 6.06 0 0 0 5.772-4.206a6 6 0 0 0 3.997-2.9a6.06 6.06 0 0 0-.747-7.073M13.26 22.43a4.48 4.48 0 0 1-2.876-1.04l.141-.081l4.779-2.758a.8.8 0 0 0 .392-.681v-6.737l2.02 1.168a.07.07 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494M3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085l4.783 2.759a.77.77 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646M2.34 7.896a4.5 4.5 0 0 1 2.366-1.973V11.6a.77.77 0 0 0 .388.677l5.815 3.354l-2.02 1.168a.08.08 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.08.08 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667m2.01-3.023l-.141-.085l-4.774-2.782a.78.78 0 0 0-.785 0L9.409 9.23V6.897a.07.07 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.8.8 0 0 0-.393.681zm1.097-2.365l2.602-1.5l2.607 1.5v2.999l-2.597 1.5l-2.607-1.5Z"
-      }
-    )
+    children: /* @__PURE__ */ o("path", { d: "M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" })
   }
-), Er = ({
+), Tr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -194,11 +223,18 @@ const gt = ({
       /* @__PURE__ */ o(
         "path",
         {
+          className: "fa-secondary",
           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"
+          d: "M0 96L0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96zM64 368c0-44.2 35.8-80 80-80l64 0c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16L80 384c-8.8 0-16-7.2-16-16zM240 192a64 64 0 1 1 -128 0 64 64 0 1 1 128 0zm112-16c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16z"
         }
       ),
-      /* @__PURE__ */ o("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16H272c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80H144z" })
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          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 16l192 0c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80l-64 0z"
+        }
+      )
     ]
   }
 ), _r = ({
@@ -208,7 +244,7 @@ const gt = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -220,11 +256,18 @@ const gt = ({
       /* @__PURE__ */ o(
         "path",
         {
+          className: "fa-secondary",
           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"
+          d: "M128 80l0 16 64 0 0-16c0-8.8 7.2-16 16-16l224 0c8.8 0 16 7.2 16 16l0 224c0 8.8-7.2 16-16 16l-16 0 0 64 16 0c44.2 0 80-35.8 80-80l0-224c0-44.2-35.8-80-80-80L208 0c-44.2 0-80 35.8-80 80z"
         }
       ),
-      /* @__PURE__ */ o("path", { d: "M64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64H64zm32 64H288c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32z" })
+      /* @__PURE__ */ o(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L64 128zm32 64l192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L96 256c-17.7 0-32-14.3-32-32s14.3-32 32-32z"
+        }
+      )
     ]
   }
 ), Sr = ({
@@ -234,7 +277,7 @@ const gt = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  L,
+  A,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -251,7 +294,7 @@ const gt = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  L,
+  A,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -265,23 +308,23 @@ const gt = ({
         {
           className: "fa-secondary",
           opacity: a ? "1" : "0.4",
-          d: "M128 416a32 32 0 1 0 64 0 32 32 0 1 0 -64 0zM160 96a32 32 0 1 0 64 0 32 32 0 1 0 -64 0zM320 256a32 32 0 1 0 64 0 32 32 0 1 0 -64 0z"
+          d: "M0 96C0 78.3 14.3 64 32 64l86.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l246.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 288c-17.7 0-32-14.3-32-32zM0 416c0-17.7 14.3-32 32-32l54.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 448c-17.7 0-32-14.3-32-32zm233.3-32L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32zm32-320L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-214.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32zm160 160l54.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-54.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32z"
         }
       ),
       /* @__PURE__ */ o(
         "path",
         {
           className: "fa-primary",
-          d: "M0 416c0 13.3 10.7 24 24 24l59.7 0c10.2 32.5 40.5 56 76.3 56s66.1-23.5 76.3-56L488 440c13.3 0 24-10.7 24-24s-10.7-24-24-24l-251.7 0c-10.2-32.5-40.5-56-76.3-56s-66.1 23.5-76.3 56L24 392c-13.3 0-24 10.7-24 24zm128 0a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM320 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm32-80c-35.8 0-66.1 23.5-76.3 56L24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l251.7 0c10.2 32.5 40.5 56 76.3 56s66.1-23.5 76.3-56l59.7 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-59.7 0c-10.2-32.5-40.5-56-76.3-56zM192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm76.3-56C258.1 39.5 227.8 16 192 16s-66.1 23.5-76.3 56L24 72C10.7 72 0 82.7 0 96s10.7 24 24 24l91.7 0c10.2 32.5 40.5 56 76.3 56s66.1-23.5 76.3-56L488 120c13.3 0 24-10.7 24-24s-10.7-24-24-24L268.3 72z"
+          d: "M128 416a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm112 0A80 80 0 1 0 80 416a80 80 0 1 0 160 0zm80-160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm112 0a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm0-112a80 80 0 1 0 0 160 80 80 0 1 0 0-160z"
         }
       )
     ]
   }
 );
-function fe(e) {
+function ge(e) {
   return ze();
 }
-const Ee = g.createContext({
+const Te = f.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -312,7 +355,7 @@ const Ee = g.createContext({
     focusMode: i = "system",
     ...c
   }, l) => {
-    const [d, u] = R(!1), [f, p] = R(!1), [v, h] = R(null), k = q([]), b = q([]), C = D(Ee), x = nt(), m = ur(), N = st(), { floatingStyles: E, refs: A, context: _ } = it({
+    const [d, u] = R(!1), [g, p] = R(!1), [v, h] = R(null), k = Z([]), b = Z([]), N = F(Te), x = nt(), m = ur(), C = st(), { floatingStyles: T, refs: L, context: _ } = it({
       nodeId: m,
       open: d,
       onOpenChange: (ae) => {
@@ -320,13 +363,13 @@ const Ee = g.createContext({
       },
       placement: a,
       strategy: "fixed",
-      middleware: [mr({ mainAxis: 10 }), hr(), gr()],
-      whileElementsMounted: fr
-    }), T = ct(_, {
+      middleware: [mr({ mainAxis: 10 }), hr(), fr()],
+      whileElementsMounted: gr
+    }), I = ct(_, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), H = lt(_, { role: "menu" }), G = dt(_, { bubbles: !0 }), U = pr(_, {
+    }), V = lt(_, { role: "menu" }), U = dt(_, { bubbles: !0 }), H = pr(_, {
       listRef: k,
       activeIndex: v,
       nested: !1,
@@ -336,26 +379,26 @@ const Ee = g.createContext({
       listRef: b,
       onMatch: d ? h : void 0,
       activeIndex: v
-    }), { getReferenceProps: oe, getFloatingProps: Ne, getItemProps: P } = ut([T, H, G, U, re]), Ve = Ke(e) === "Button" || Ke(e) === "ButtonIcon", $t = Ve ? {
-      noInternalClick: Ve,
+    }), { getReferenceProps: oe, getFloatingProps: Ce, getItemProps: B } = ut([I, V, U, H, re]), De = Ke(e) === "Button" || Ke(e) === "ButtonIcon", $t = De ? {
+      noInternalClick: De,
       focusMode: i,
       mode: s
-    } : {}, Vt = I.cloneElement(
+    } : {}, Dt = E.cloneElement(
       e,
       {
         ...$t,
         "aria-label": r,
         "data-open": d ? "" : void 0,
-        "data-focus-inside": f ? "" : void 0,
-        ref: Le([A.setReference, N.ref, l]),
+        "data-focus-inside": g ? "" : void 0,
+        ref: Ae([L.setReference, C.ref, l]),
         ...oe(
-          C.getItemProps({
+          N.getItemProps({
             ...c
           })
         )
       }
     );
-    return Z(() => {
+    return q(() => {
       if (!x)
         return;
       function ae() {
@@ -364,17 +407,17 @@ const Ee = g.createContext({
       return x.events.on("click", ae), () => {
         x.events.off("click", ae);
       };
-    }, [x, n]), Z(() => {
+    }, [x, n]), q(() => {
       d && x && x.events.emit("menuopen", { nodeId: m });
     }, [x, d, m]), /* @__PURE__ */ y(vr, { id: m, children: [
-      Vt,
+      Dt,
       /* @__PURE__ */ o(
-        Ee.Provider,
+        Te.Provider,
         {
           value: {
             activeIndex: v,
             setActiveIndex: h,
-            getItemProps: P,
+            getItemProps: B,
             setHasFocusInside: p,
             isOpen: d
           },
@@ -388,10 +431,10 @@ const Ee = g.createContext({
               children: /* @__PURE__ */ o(
                 "div",
                 {
-                  ref: A.setFloating,
+                  ref: L.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: E,
-                  ...Ne(),
+                  style: T,
+                  ...Ce(),
                   children: t
                 }
               )
@@ -404,7 +447,7 @@ const Ee = g.createContext({
 ), _e = at((e, t) => /* @__PURE__ */ o(kr, { children: /* @__PURE__ */ o(pt, { ...e, ref: t }) }));
 _e.displayName = "Menu";
 pt.displayName = "MenuComponent";
-const j = g.forwardRef(
+const j = f.forwardRef(
   ({
     label: e,
     disabled: t,
@@ -415,7 +458,7 @@ const j = g.forwardRef(
     ...i
   }, c) => {
     let l = "";
-    const d = g.useContext(Ee), u = st({ label: t ? null : e }), f = nt(), p = Le([u.ref, c]);
+    const d = f.useContext(Te), u = st({ label: t ? null : e }), g = nt(), p = Ae([u.ref, c]);
     return a && n ? /* @__PURE__ */ o(
       "div",
       {
@@ -423,7 +466,7 @@ const j = g.forwardRef(
         ...d.getItemProps({
           onClick(v) {
             var h;
-            s || ((h = i.onClick) == null || h.call(i, v), f == null || f.events.emit("click"));
+            s || ((h = i.onClick) == null || h.call(i, v), g == null || g.events.emit("click"));
           }
         }),
         children: n
@@ -440,7 +483,7 @@ const j = g.forwardRef(
         ...d.getItemProps({
           onClick(v) {
             var h;
-            s || ((h = i.onClick) == null || h.call(i, v), f == null || f.events.emit("click"));
+            s || ((h = i.onClick) == null || h.call(i, v), g == null || g.events.emit("click"));
           },
           onFocus(v) {
             var h;
@@ -461,13 +504,13 @@ const Mr = ({ className: e, ...t }) => {
   return /* @__PURE__ */ o("div", { className: r, ...t });
 };
 /*!
-  @versini/ui-menu v3.0.0
+  @versini/ui-menu v3.0.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.2",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -486,40 +529,40 @@ try {
   });
 } catch {
 }
-const Ar = "av-togglegroup", zr = "av-togglegroup-item-wrapper", Lr = "av-togglegroup-item";
-function Be(e, t = []) {
+const Lr = "av-togglegroup", zr = "av-togglegroup-item-wrapper", Ar = "av-togglegroup-item";
+function Pe(e, t = []) {
   let r = [];
   function a(s, i) {
-    const c = g.createContext(i), l = r.length;
+    const c = f.createContext(i), l = r.length;
     r = [...r, i];
-    const d = (f) => {
+    const d = (g) => {
       var p;
-      const { scope: v, children: h, ...k } = f, b = ((p = v == null ? void 0 : v[e]) == null ? void 0 : p[l]) || c, C = g.useMemo(() => k, Object.values(k));
-      return /* @__PURE__ */ o(b.Provider, { value: C, children: h });
+      const { scope: v, children: h, ...k } = g, b = ((p = v == null ? void 0 : v[e]) == null ? void 0 : p[l]) || c, N = f.useMemo(() => k, Object.values(k));
+      return /* @__PURE__ */ o(b.Provider, { value: N, children: h });
     };
     d.displayName = s + "Provider";
-    function u(f, p) {
+    function u(g, p) {
       var v;
-      const h = ((v = p == null ? void 0 : p[e]) == null ? void 0 : v[l]) || c, k = g.useContext(h);
+      const h = ((v = p == null ? void 0 : p[e]) == null ? void 0 : v[l]) || c, k = f.useContext(h);
       if (k) return k;
       if (i !== void 0) return i;
-      throw new Error(`\`${f}\` must be used within \`${s}\``);
+      throw new Error(`\`${g}\` must be used within \`${s}\``);
     }
     return [d, u];
   }
   const n = () => {
-    const s = r.map((i) => g.createContext(i));
+    const s = r.map((i) => f.createContext(i));
     return function(i) {
       const c = (i == null ? void 0 : i[e]) || s;
-      return g.useMemo(
+      return f.useMemo(
         () => ({ [`__scope${e}`]: { ...i, [e]: c } }),
         [i, c]
       );
     };
   };
-  return n.scopeName = e, [a, Br(n, ...t)];
+  return n.scopeName = e, [a, Pr(n, ...t)];
 }
-function Br(...e) {
+function Pr(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -532,7 +575,7 @@ function Br(...e) {
         const d = c(n)[`__scope${l}`];
         return { ...i, ...d };
       }, {});
-      return g.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return r.scopeName = t.scopeName, r;
@@ -559,33 +602,33 @@ function bt(...e) {
   };
 }
 function Se(...e) {
-  return g.useCallback(bt(...e), e);
+  return f.useCallback(bt(...e), e);
 }
-var pe = g.forwardRef((e, t) => {
-  const { children: r, ...a } = e, n = g.Children.toArray(r), s = n.find(Or);
+var pe = f.forwardRef((e, t) => {
+  const { children: r, ...a } = e, n = f.Children.toArray(r), s = n.find(Or);
   if (s) {
-    const i = s.props.children, c = n.map((l) => l === s ? g.Children.count(i) > 1 ? g.Children.only(null) : g.isValidElement(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ o(Re, { ...a, ref: t, children: g.isValidElement(i) ? g.cloneElement(i, void 0, c) : null });
+    const i = s.props.children, c = n.map((l) => l === s ? f.Children.count(i) > 1 ? f.Children.only(null) : f.isValidElement(i) ? i.props.children : null : l);
+    return /* @__PURE__ */ o(Re, { ...a, ref: t, children: f.isValidElement(i) ? f.cloneElement(i, void 0, c) : null });
   }
   return /* @__PURE__ */ o(Re, { ...a, ref: t, children: r });
 });
 pe.displayName = "Slot";
-var Re = g.forwardRef((e, t) => {
+var Re = f.forwardRef((e, t) => {
   const { children: r, ...a } = e;
-  if (g.isValidElement(r)) {
-    const n = Vr(r);
-    return g.cloneElement(r, {
+  if (f.isValidElement(r)) {
+    const n = Dr(r);
+    return f.cloneElement(r, {
       ...$r(a, r.props),
       // @ts-ignore
       ref: t ? bt(t, n) : n
     });
   }
-  return g.Children.count(r) > 1 ? g.Children.only(null) : null;
+  return f.Children.count(r) > 1 ? f.Children.only(null) : null;
 });
 Re.displayName = "SlotClone";
-var Pr = ({ children: e }) => /* @__PURE__ */ o(z, { children: e });
+var Br = ({ children: e }) => /* @__PURE__ */ o(z, { children: e });
 function Or(e) {
-  return g.isValidElement(e) && e.type === Pr;
+  return f.isValidElement(e) && e.type === Br;
 }
 function $r(e, t) {
   const r = { ...t };
@@ -597,12 +640,12 @@ function $r(e, t) {
   }
   return { ...e, ...r };
 }
-function Vr(e) {
+function Dr(e) {
   var t, r;
   let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = a && "isReactWarning" in a && a.isReactWarning;
   return n ? e.ref : (a = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var Dr = [
+var Fr = [
   "a",
   "button",
   "div",
@@ -619,8 +662,8 @@ var Dr = [
   "span",
   "svg",
   "ul"
-], de = Dr.reduce((e, t) => {
-  const r = g.forwardRef((a, n) => {
+], de = Fr.reduce((e, t) => {
+  const r = f.forwardRef((a, n) => {
     const { asChild: s, ...i } = a, c = s ? pe : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(c, { ...i, ref: n });
   });
@@ -632,60 +675,60 @@ function K(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
       return t == null ? void 0 : t(a);
   };
 }
-function Fr(e) {
-  const t = e + "CollectionProvider", [r, a] = Be(t), [n, s] = r(
+function Gr(e) {
+  const t = e + "CollectionProvider", [r, a] = Pe(t), [n, s] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (v) => {
-    const { scope: h, children: k } = v, b = I.useRef(null), C = I.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ o(n, { scope: h, itemMap: C, collectionRef: b, children: k });
+    const { scope: h, children: k } = v, b = E.useRef(null), N = E.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ o(n, { scope: h, itemMap: N, collectionRef: b, children: k });
   };
   i.displayName = t;
-  const c = e + "CollectionSlot", l = I.forwardRef(
+  const c = e + "CollectionSlot", l = E.forwardRef(
     (v, h) => {
-      const { scope: k, children: b } = v, C = s(c, k), x = Se(h, C.collectionRef);
+      const { scope: k, children: b } = v, N = s(c, k), x = Se(h, N.collectionRef);
       return /* @__PURE__ */ o(pe, { ref: x, children: b });
     }
   );
   l.displayName = c;
-  const d = e + "CollectionItemSlot", u = "data-radix-collection-item", f = I.forwardRef(
+  const d = e + "CollectionItemSlot", u = "data-radix-collection-item", g = E.forwardRef(
     (v, h) => {
-      const { scope: k, children: b, ...C } = v, x = I.useRef(null), m = Se(h, x), N = s(d, k);
-      return I.useEffect(() => (N.itemMap.set(x, { ref: x, ...C }), () => void N.itemMap.delete(x))), /* @__PURE__ */ o(pe, { [u]: "", ref: m, children: b });
+      const { scope: k, children: b, ...N } = v, x = E.useRef(null), m = Se(h, x), C = s(d, k);
+      return E.useEffect(() => (C.itemMap.set(x, { ref: x, ...N }), () => void C.itemMap.delete(x))), /* @__PURE__ */ o(pe, { [u]: "", ref: m, children: b });
     }
   );
-  f.displayName = d;
+  g.displayName = d;
   function p(v) {
     const h = s(e + "CollectionConsumer", v);
-    return I.useCallback(() => {
+    return E.useCallback(() => {
       const k = h.collectionRef.current;
       if (!k) return [];
       const b = Array.from(k.querySelectorAll(`[${u}]`));
       return Array.from(h.itemMap.values()).sort(
-        (C, x) => b.indexOf(C.ref.current) - b.indexOf(x.ref.current)
+        (N, x) => b.indexOf(N.ref.current) - b.indexOf(x.ref.current)
       );
     }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: i, Slot: l, ItemSlot: f },
+    { Provider: i, Slot: l, ItemSlot: g },
     p,
     a
   ];
 }
-var Hr = globalThis != null && globalThis.document ? g.useLayoutEffect : () => {
-}, Gr = g.useId || (() => {
-}), Ur = 0;
+var Vr = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, Ur = f.useId || (() => {
+}), Hr = 0;
 function jr(e) {
-  const [t, r] = g.useState(Gr());
-  return Hr(() => {
-    r((a) => a ?? String(Ur++));
+  const [t, r] = f.useState(Ur());
+  return Vr(() => {
+    r((a) => a ?? String(Hr++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Pe(e) {
-  const t = g.useRef(e);
-  return g.useEffect(() => {
+function Be(e) {
+  const t = f.useRef(e);
+  return f.useEffect(() => {
     t.current = e;
-  }), g.useMemo(() => (...r) => {
+  }), f.useMemo(() => (...r) => {
     var a;
     return (a = t.current) == null ? void 0 : a.call(t, ...r);
   }, []);
@@ -696,7 +739,7 @@ function ye({
   onChange: r = () => {
   }
 }) {
-  const [a, n] = Wr({ defaultProp: t, onChange: r }), s = e !== void 0, i = s ? e : a, c = Pe(r), l = g.useCallback(
+  const [a, n] = Wr({ defaultProp: t, onChange: r }), s = e !== void 0, i = s ? e : a, c = Be(r), l = f.useCallback(
     (d) => {
       if (s) {
         const u = typeof d == "function" ? d(e) : d;
@@ -712,24 +755,24 @@ function Wr({
   defaultProp: e,
   onChange: t
 }) {
-  const r = g.useState(e), [a] = r, n = g.useRef(a), s = Pe(t);
-  return g.useEffect(() => {
+  const r = f.useState(e), [a] = r, n = f.useRef(a), s = Be(t);
+  return f.useEffect(() => {
     n.current !== a && (s(a), n.current = a);
   }, [a, n, s]), r;
 }
-var Kr = g.createContext(void 0);
+var Kr = f.createContext(void 0);
 function vt(e) {
-  const t = g.useContext(Kr);
+  const t = f.useContext(Kr);
   return e || t || "ltr";
 }
-var Te = "rovingFocusGroup.onEntryFocus", Yr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Me, yt, qr] = Fr(ke), [Zr, kt] = Be(
+var Ie = "rovingFocusGroup.onEntryFocus", Yr = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Me, yt, Zr] = Gr(ke), [qr, kt] = Pe(
   ke,
-  [qr]
-), [Qr, Xr] = Zr(ke), wt = g.forwardRef(
+  [Zr]
+), [Qr, Xr] = qr(ke), wt = f.forwardRef(
   (e, t) => /* @__PURE__ */ o(Me.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Me.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ o(Jr, { ...e, ref: t }) }) })
 );
 wt.displayName = ke;
-var Jr = g.forwardRef((e, t) => {
+var Jr = f.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
     orientation: a,
@@ -740,16 +783,16 @@ var Jr = g.forwardRef((e, t) => {
     onCurrentTabStopIdChange: l,
     onEntryFocus: d,
     preventScrollOnEntryFocus: u = !1,
-    ...f
-  } = e, p = g.useRef(null), v = Se(t, p), h = vt(s), [k = null, b] = ye({
+    ...g
+  } = e, p = f.useRef(null), v = Se(t, p), h = vt(s), [k = null, b] = ye({
     prop: i,
     defaultProp: c,
     onChange: l
-  }), [C, x] = g.useState(!1), m = Pe(d), N = yt(r), E = g.useRef(!1), [A, _] = g.useState(0);
-  return g.useEffect(() => {
-    const T = p.current;
-    if (T)
-      return T.addEventListener(Te, m), () => T.removeEventListener(Te, m);
+  }), [N, x] = f.useState(!1), m = Be(d), C = yt(r), T = f.useRef(!1), [L, _] = f.useState(0);
+  return f.useEffect(() => {
+    const I = p.current;
+    if (I)
+      return I.addEventListener(Ie, m), () => I.removeEventListener(Ie, m);
   }, [m]), /* @__PURE__ */ o(
     Qr,
     {
@@ -758,49 +801,49 @@ var Jr = g.forwardRef((e, t) => {
       dir: h,
       loop: n,
       currentTabStopId: k,
-      onItemFocus: g.useCallback(
-        (T) => b(T),
+      onItemFocus: f.useCallback(
+        (I) => b(I),
         [b]
       ),
-      onItemShiftTab: g.useCallback(() => x(!0), []),
-      onFocusableItemAdd: g.useCallback(
-        () => _((T) => T + 1),
+      onItemShiftTab: f.useCallback(() => x(!0), []),
+      onFocusableItemAdd: f.useCallback(
+        () => _((I) => I + 1),
         []
       ),
-      onFocusableItemRemove: g.useCallback(
-        () => _((T) => T - 1),
+      onFocusableItemRemove: f.useCallback(
+        () => _((I) => I - 1),
         []
       ),
       children: /* @__PURE__ */ o(
         de.div,
         {
-          tabIndex: C || A === 0 ? -1 : 0,
+          tabIndex: N || L === 0 ? -1 : 0,
           "data-orientation": a,
-          ...f,
+          ...g,
           ref: v,
           style: { outline: "none", ...e.style },
           onMouseDown: K(e.onMouseDown, () => {
-            E.current = !0;
+            T.current = !0;
           }),
-          onFocus: K(e.onFocus, (T) => {
-            const H = !E.current;
-            if (T.target === T.currentTarget && H && !C) {
-              const G = new CustomEvent(Te, Yr);
-              if (T.currentTarget.dispatchEvent(G), !G.defaultPrevented) {
-                const U = N().filter((P) => P.focusable), re = U.find((P) => P.active), oe = U.find((P) => P.id === k), Ne = [re, oe, ...U].filter(
+          onFocus: K(e.onFocus, (I) => {
+            const V = !T.current;
+            if (I.target === I.currentTarget && V && !N) {
+              const U = new CustomEvent(Ie, Yr);
+              if (I.currentTarget.dispatchEvent(U), !U.defaultPrevented) {
+                const H = C().filter((B) => B.focusable), re = H.find((B) => B.active), oe = H.find((B) => B.id === k), Ce = [re, oe, ...H].filter(
                   Boolean
-                ).map((P) => P.ref.current);
-                xt(Ne, u);
+                ).map((B) => B.ref.current);
+                xt(Ce, u);
               }
             }
-            E.current = !1;
+            T.current = !1;
           }),
           onBlur: K(e.onBlur, () => x(!1))
         }
       )
     }
   );
-}), Ct = "RovingFocusGroupItem", Nt = g.forwardRef(
+}), Nt = "RovingFocusGroupItem", Ct = f.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: r,
@@ -808,8 +851,8 @@ var Jr = g.forwardRef((e, t) => {
       active: n = !1,
       tabStopId: s,
       ...i
-    } = e, c = jr(), l = s || c, d = Xr(Ct, r), u = d.currentTabStopId === l, f = yt(r), { onFocusableItemAdd: p, onFocusableItemRemove: v } = d;
-    return g.useEffect(() => {
+    } = e, c = jr(), l = s || c, d = Xr(Nt, r), u = d.currentTabStopId === l, g = yt(r), { onFocusableItemAdd: p, onFocusableItemRemove: v } = d;
+    return f.useEffect(() => {
       if (a)
         return p(), () => v();
     }, [a, p, v]), /* @__PURE__ */ o(
@@ -840,12 +883,12 @@ var Jr = g.forwardRef((e, t) => {
               if (k !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
-                let b = f().filter((C) => C.focusable).map((C) => C.ref.current);
+                let b = g().filter((N) => N.focusable).map((N) => N.ref.current);
                 if (k === "last") b.reverse();
                 else if (k === "prev" || k === "next") {
                   k === "prev" && b.reverse();
-                  const C = b.indexOf(h.currentTarget);
-                  b = d.loop ? oo(b, C + 1) : b.slice(C + 1);
+                  const N = b.indexOf(h.currentTarget);
+                  b = d.loop ? oo(b, N + 1) : b.slice(N + 1);
                 }
                 setTimeout(() => xt(b));
               }
@@ -856,7 +899,7 @@ var Jr = g.forwardRef((e, t) => {
     );
   }
 );
-Nt.displayName = Ct;
+Ct.displayName = Nt;
 var eo = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -883,7 +926,7 @@ function xt(e, t = !1) {
 function oo(e, t) {
   return e.map((r, a) => e[(t + a) % e.length]);
 }
-var ao = wt, no = Nt, so = "Toggle", Tt = g.forwardRef((e, t) => {
+var ao = wt, no = Ct, so = "Toggle", It = f.forwardRef((e, t) => {
   const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...s } = e, [i = !1, c] = ye({
     prop: r,
     onChange: n,
@@ -904,10 +947,10 @@ var ao = wt, no = Nt, so = "Toggle", Tt = g.forwardRef((e, t) => {
     }
   );
 });
-Tt.displayName = so;
-var ee = "ToggleGroup", [It, ma] = Be(ee, [
+It.displayName = so;
+var ee = "ToggleGroup", [Et, ma] = Pe(ee, [
   kt
-]), Et = kt(), Oe = I.forwardRef((e, t) => {
+]), Tt = kt(), Oe = E.forwardRef((e, t) => {
   const { type: r, ...a } = e;
   if (r === "single")
     return /* @__PURE__ */ o(io, { ...a, ref: t });
@@ -916,7 +959,7 @@ var ee = "ToggleGroup", [It, ma] = Be(ee, [
   throw new Error(`Missing prop \`type\` expected on \`${ee}\``);
 });
 Oe.displayName = ee;
-var [_t, St] = It(ee), io = I.forwardRef((e, t) => {
+var [_t, St] = Et(ee), io = E.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
@@ -935,11 +978,11 @@ var [_t, St] = It(ee), io = I.forwardRef((e, t) => {
       type: "single",
       value: i ? [i] : [],
       onItemActivate: c,
-      onItemDeactivate: I.useCallback(() => c(""), [c]),
+      onItemDeactivate: E.useCallback(() => c(""), [c]),
       children: /* @__PURE__ */ o(Rt, { ...s, ref: t })
     }
   );
-}), co = I.forwardRef((e, t) => {
+}), co = E.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: a,
@@ -950,11 +993,11 @@ var [_t, St] = It(ee), io = I.forwardRef((e, t) => {
     prop: r,
     defaultProp: a,
     onChange: n
-  }), l = I.useCallback(
-    (u) => c((f = []) => [...f, u]),
+  }), l = E.useCallback(
+    (u) => c((g = []) => [...g, u]),
     [c]
-  ), d = I.useCallback(
-    (u) => c((f = []) => f.filter((p) => p !== u)),
+  ), d = E.useCallback(
+    (u) => c((g = []) => g.filter((p) => p !== u)),
     [c]
   );
   return /* @__PURE__ */ o(
@@ -970,7 +1013,7 @@ var [_t, St] = It(ee), io = I.forwardRef((e, t) => {
   );
 });
 Oe.displayName = ee;
-var [lo, uo] = It(ee), Rt = I.forwardRef(
+var [lo, uo] = Et(ee), Rt = E.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: r,
@@ -980,7 +1023,7 @@ var [lo, uo] = It(ee), Rt = I.forwardRef(
       dir: i,
       loop: c = !0,
       ...l
-    } = e, d = Et(r), u = vt(i), f = { role: "group", dir: u, ...l };
+    } = e, d = Tt(r), u = vt(i), g = { role: "group", dir: u, ...l };
     return /* @__PURE__ */ o(lo, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
       ao,
       {
@@ -989,13 +1032,13 @@ var [lo, uo] = It(ee), Rt = I.forwardRef(
         orientation: s,
         dir: u,
         loop: c,
-        children: /* @__PURE__ */ o(de.div, { ...f, ref: t })
+        children: /* @__PURE__ */ o(de.div, { ...g, ref: t })
       }
-    ) : /* @__PURE__ */ o(de.div, { ...f, ref: t }) });
+    ) : /* @__PURE__ */ o(de.div, { ...g, ref: t }) });
   }
-), be = "ToggleGroupItem", Mt = I.forwardRef(
+), be = "ToggleGroupItem", Mt = E.forwardRef(
   (e, t) => {
-    const r = St(be, e.__scopeToggleGroup), a = uo(be, e.__scopeToggleGroup), n = Et(e.__scopeToggleGroup), s = r.value.includes(e.value), i = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, l = I.useRef(null);
+    const r = St(be, e.__scopeToggleGroup), a = uo(be, e.__scopeToggleGroup), n = Tt(e.__scopeToggleGroup), s = r.value.includes(e.value), i = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, l = E.useRef(null);
     return a.rovingFocus ? /* @__PURE__ */ o(
       no,
       {
@@ -1004,17 +1047,17 @@ var [lo, uo] = It(ee), Rt = I.forwardRef(
         focusable: !i,
         active: s,
         ref: l,
-        children: /* @__PURE__ */ o(qe, { ...c, ref: t })
+        children: /* @__PURE__ */ o(Ze, { ...c, ref: t })
       }
-    ) : /* @__PURE__ */ o(qe, { ...c, ref: t });
+    ) : /* @__PURE__ */ o(Ze, { ...c, ref: t });
   }
 );
 Mt.displayName = be;
-var qe = I.forwardRef(
+var Ze = E.forwardRef(
   (e, t) => {
     const { __scopeToggleGroup: r, value: a, ...n } = e, s = St(be, r), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
     return /* @__PURE__ */ o(
-      Tt,
+      It,
       {
         ...c,
         ...n,
@@ -1026,16 +1069,16 @@ var qe = I.forwardRef(
     );
   }
 ), mo = Oe, ho = Mt;
-const At = I.createContext({
+const Lt = E.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
-}), go = ({ focusMode: e }) => w("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}), fo = ({ focusMode: e }) => w("focus:outline", "focus:outline-2", "focus:outline-offset", {
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), fo = ({ mode: e }) => w({
+}), go = ({ mode: e }) => w({
   "data-[state=on]:bg-surface-medium": e === "dark",
   "data-[state=on]:bg-surface-lightest": e === "light",
   "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
@@ -1065,19 +1108,19 @@ const At = I.createContext({
 }) => ({
   wrapperClass: bo({ mode: t }),
   itemClass: w(
-    Lr,
+    Ar,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
     "transition duration-200 ease",
     po({ size: r }),
-    go({ focusMode: e }),
-    fo({ mode: t })
+    fo({ focusMode: e }),
+    go({ mode: t })
   )
 }), yo = ({
   mode: e,
   className: t
 }) => w(
-  Ar,
+  Lr,
   "inline-flex p-1",
   "rounded-sm",
   {
@@ -1099,8 +1142,8 @@ const At = I.createContext({
   className: l,
   ...d
 }) => {
-  const u = yo({ mode: n, className: l }), f = { size: i, focusMode: s, mode: n };
-  return /* @__PURE__ */ o(At.Provider, { value: f, children: /* @__PURE__ */ o(
+  const u = yo({ mode: n, className: l }), g = { size: i, focusMode: s, mode: n };
+  return /* @__PURE__ */ o(Lt.Provider, { value: g, children: /* @__PURE__ */ o(
     mo,
     {
       disabled: a,
@@ -1114,7 +1157,7 @@ const At = I.createContext({
     }
   ) });
 }, wo = ({ value: e, disabled: t }) => {
-  const { size: r, focusMode: a, mode: n } = D(At), { itemClass: s, wrapperClass: i } = vo({
+  const { size: r, focusMode: a, mode: n } = F(Lt), { itemClass: s, wrapperClass: i } = vo({
     focusMode: a,
     mode: n,
     size: r
@@ -1130,19 +1173,19 @@ const At = I.createContext({
   ) });
 };
 /*!
-  @versini/ui-panel v1.3.1
+  @versini/ui-panel v1.3.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.3.1",
-    buildTime: "01/04/2025 10:03 AM EST",
+    version: "1.3.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt = "button", Ae = "link", Co = ({
+const qe = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt = "button", Le = "link", No = ({
   type: e,
   size: t,
   labelRight: r,
@@ -1152,7 +1195,7 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
   const s = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case zt:
-    case Ae:
+    case Le:
       return w({
         [s]: t === "small",
         [i]: t === "medium",
@@ -1171,7 +1214,7 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
         "h-12 px-4": t === "large" && (r || a)
       });
   }
-}, No = ({
+}, Co = ({
   type: e,
   size: t,
   labelRight: r,
@@ -1180,9 +1223,9 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
   const n = "text-sm font-medium", s = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case zt:
-    case Ae:
+    case Le:
       return w({
-        "text-center": e === Ae,
+        "text-center": e === Le,
         [n]: t === "small",
         [s]: t === "medium",
         [i]: t === "large"
@@ -1230,7 +1273,7 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
     return w("not-prose text-copy-lighter", {
       truncate: !r
     });
-}, To = ({
+}, Io = ({
   mode: e,
   noBackground: t,
   variant: r
@@ -1260,13 +1303,13 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
     if (r === "selected")
       return "bg-action-selected-dark";
   }
-}, Io = ({
+}, Eo = ({
   radius: e
 }) => w({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), Eo = ({
+}), To = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1363,7 +1406,7 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
   "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"
-}), Lt = ({
+}), At = ({
   type: e,
   className: t,
   raw: r,
@@ -1375,7 +1418,7 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
   noBorder: l,
   labelRight: d,
   labelLeft: u,
-  noBackground: f,
+  noBackground: g,
   variant: p,
   noTruncate: v,
   align: h,
@@ -1385,22 +1428,22 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
   xo({
     mode: a,
     variant: p,
-    noBackground: f,
+    noBackground: g,
     noTruncate: v
   }),
-  To({ mode: a, noBackground: f, variant: p }),
-  Io({ radius: k }),
-  Co({
+  Io({ mode: a, noBackground: g, variant: p }),
+  Eo({ radius: k }),
+  No({
     type: e,
     size: c,
     labelRight: d,
     labelLeft: u,
     align: h
   }),
-  No({ type: e, size: c, labelRight: d, labelLeft: u }),
+  Co({ type: e, size: c, labelRight: d, labelLeft: u }),
   So({ mode: a, variant: p, noBorder: l }),
   Ro({ focusMode: n }),
-  Eo({ mode: a, variant: p, disabled: s }),
+  To({ mode: a, variant: p, disabled: s }),
   _o({ mode: a, variant: p, disabled: s }),
   {
     "w-full": i,
@@ -1410,7 +1453,7 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
 )), Mo = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, $e = I.forwardRef((e, t) => {
+}, $e = E.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ o(
     "button",
@@ -1424,7 +1467,7 @@ const Ze = "av-messagebox", Qe = "av-panel", Xe = "av-button", we = "icon", zt =
   );
 });
 $e.displayName = "BaseButton";
-const Bt = I.forwardRef(
+const Pt = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1437,16 +1480,16 @@ const Bt = I.forwardRef(
     noBorder: l = !1,
     "aria-label": d,
     label: u,
-    size: f = "medium",
+    size: g = "medium",
     labelRight: p,
     labelLeft: v,
     noBackground: h = !1,
     align: k = "center",
     radius: b = "large",
-    variant: C = "primary",
+    variant: N = "primary",
     ...x
   }, m) => {
-    const N = Lt({
+    const C = At({
       type: we,
       mode: r,
       focusMode: a,
@@ -1455,14 +1498,14 @@ const Bt = I.forwardRef(
       raw: c,
       className: s,
       noBorder: l,
-      size: f,
+      size: g,
       labelRight: p,
       labelLeft: v,
       noBackground: h,
       align: k,
       radius: b,
-      variant: C
-    }), E = w({
+      variant: N
+    }), T = w({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
@@ -1472,35 +1515,35 @@ const Bt = I.forwardRef(
       $e,
       {
         ref: m,
-        className: N,
+        className: C,
         disabled: t,
         type: i,
         "aria-label": d || u,
         ...x,
         children: [
           v && /* @__PURE__ */ o("span", { className: "pr-2", children: v }),
-          /* @__PURE__ */ o("div", { className: E, children: e }),
+          /* @__PURE__ */ o("div", { className: T, children: e }),
           p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
         ]
       }
     );
   }
 );
-Bt.displayName = "ButtonIcon";
+Pt.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.1
+  @versini/ui-button v4.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.1",
-    buildTime: "01/04/2025 10:02 AM EST",
+    version: "4.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ao = I.forwardRef(
+const Lo = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1513,16 +1556,16 @@ const Ao = I.forwardRef(
     noBorder: l = !1,
     "aria-label": d,
     label: u,
-    size: f = "medium",
+    size: g = "medium",
     labelRight: p,
     labelLeft: v,
     noBackground: h = !1,
     align: k = "center",
     active: b = !1,
-    radius: C = "large",
+    radius: N = "large",
     ...x
   }, m) => {
-    const N = Lt({
+    const C = At({
       type: we,
       mode: r,
       focusMode: a,
@@ -1531,18 +1574,18 @@ const Ao = I.forwardRef(
       raw: c,
       className: s,
       noBorder: l,
-      size: f,
+      size: g,
       labelRight: p,
       labelLeft: v,
       noBackground: h,
       align: k,
-      radius: C
-    }), E = w({
+      radius: N
+    }), T = w({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), A = b ? w(
+    }), L = b ? w(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1559,25 +1602,25 @@ const Ao = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ o("div", { className: A, children: /* @__PURE__ */ y(
+    return /* @__PURE__ */ o("div", { className: L, children: /* @__PURE__ */ y(
       $e,
       {
         ref: m,
-        className: N,
+        className: C,
         disabled: t,
         type: i,
         "aria-label": d || u,
         ...x,
         children: [
           v && /* @__PURE__ */ o("span", { className: "pr-2", children: v }),
-          /* @__PURE__ */ o("div", { className: E, children: e }),
+          /* @__PURE__ */ o("div", { className: T, children: e }),
           p && /* @__PURE__ */ o("span", { className: "pl-2", children: p })
         ]
       }
     ) });
   }
 );
-Ao.displayName = "ButtonSort";
+Lo.displayName = "ButtonSort";
 const zo = ({
   children: e,
   fill: t,
@@ -1615,13 +1658,13 @@ const zo = ({
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "4.0.0",
-    buildTime: "01/04/2025 10:02 AM EST",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Lo = ({
+const Ao = ({
   className: e,
   viewBox: t,
   title: r,
@@ -1636,66 +1679,66 @@ const Lo = ({
     className: e,
     title: r || "Close",
     ...n,
-    children: /* @__PURE__ */ o("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__ */ o("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z" })
   }
 );
 /*!
-  @versini/ui-icons v4.0.0
+  @versini/ui-icons v4.2.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.0.0",
-    buildTime: "01/04/2025 10:02 AM EST",
+    version: "4.2.0",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Pt = g.createContext(null);
-function Bo({
+const Bt = f.createContext(null);
+function Po({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, n] = g.useState(e), [s, i] = g.useState(), [c, l] = g.useState(), d = t ?? a, u = r ?? n, f = it({
+  const [a, n] = f.useState(e), [s, i] = f.useState(), [c, l] = f.useState(), d = t ?? a, u = r ?? n, g = it({
     open: d,
     onOpenChange: u
-  }), p = f.context, v = ct(p, {
+  }), p = g.context, v = ct(p, {
     enabled: t == null
   }), h = dt(p, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
   }), k = lt(p), b = ut([v, h, k]);
-  return g.useMemo(
+  return f.useMemo(
     () => ({
       open: d,
       setOpen: u,
       ...b,
-      ...f,
+      ...g,
       labelId: s,
       descriptionId: c,
       setLabelId: i,
       setDescriptionId: l
     }),
-    [d, u, b, f, s, c]
+    [d, u, b, g, s, c]
   );
 }
-const Ce = () => {
-  const e = g.useContext(Pt);
+const Ne = () => {
+  const e = f.useContext(Bt);
   if (e == null)
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function Po({
+function Bo({
   children: e,
   ...t
 }) {
-  const r = Bo(t);
-  return /* @__PURE__ */ o(Pt.Provider, { value: r, children: e });
+  const r = Po(t);
+  return /* @__PURE__ */ o(Bt.Provider, { value: r, children: e });
 }
-const Oo = g.forwardRef(function(e, t) {
-  const { context: r, ...a } = Ce(), n = Le([a.refs.setFloating, t]);
+const Oo = f.forwardRef(function(e, t) {
+  const { context: r, ...a } = Ne(), n = Ae([a.refs.setFloating, t]);
   if (!r.open)
     return null;
   const { overlayBackground: s, ...i } = e, c = w("grid place-items-center", {
@@ -1712,15 +1755,15 @@ const Oo = g.forwardRef(function(e, t) {
       children: i.children
     }
   ) }) }) });
-}), $o = g.forwardRef(function({ children: e, ...t }, r) {
-  const { setLabelId: a } = Ce(), n = ze();
-  return g.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
-}), Vo = g.forwardRef(function({ children: e, ...t }, r) {
-  const { setDescriptionId: a } = Ce(), n = ze();
-  return g.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
-}), Do = g.forwardRef(function(e, t) {
-  const { setOpen: r } = Ce(), { trigger: a, className: n, ...s } = e, i = g.useCallback(() => r(!1), [r]);
-  return /* @__PURE__ */ o("div", { className: n, children: g.cloneElement(a, {
+}), $o = f.forwardRef(function({ children: e, ...t }, r) {
+  const { setLabelId: a } = Ne(), n = ze();
+  return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
+}), Do = f.forwardRef(function({ children: e, ...t }, r) {
+  const { setDescriptionId: a } = Ne(), n = ze();
+  return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
+}), Fo = f.forwardRef(function(e, t) {
+  const { setOpen: r } = Ne(), { trigger: a, className: n, ...s } = e, i = f.useCallback(() => r(!1), [r]);
+  return /* @__PURE__ */ o("div", { className: n, children: f.cloneElement(a, {
     ref: t,
     onClick: i,
     ...s
@@ -1733,13 +1776,13 @@ const Oo = g.forwardRef(function(e, t) {
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
     version: "1.2.0",
-    buildTime: "01/04/2025 10:02 AM EST",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const se = "panel", ue = "messagebox", Fo = ({
+const se = "panel", ue = "messagebox", Go = ({
   className: e,
   kind: t,
   borderMode: r
@@ -1747,8 +1790,8 @@ const se = "panel", ue = "messagebox", Fo = ({
   main: w("prose prose-lighter flex flex-col bg-surface-medium", {
     [`${Qe} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === se,
     [`${Qe} w-full sm:w-[95%] md:max-w-2xl`]: t === se && !e,
-    [`${Ze} rounded-lg border-2`]: t === ue,
-    [`${Ze} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
+    [`${qe} rounded-lg border-2`]: t === ue,
+    [`${qe} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ue && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": r === "dark" && t === se,
     "sm:border-border-accent": r === "light" && t === se,
@@ -1769,34 +1812,34 @@ const se = "panel", ue = "messagebox", Fo = ({
   kind: i = se,
   className: c
 }) => {
-  const l = q(""), d = Fo({ className: c, kind: i, borderMode: s });
-  return Z(() => (e && (l.current = document.title, document.title = `${r} | ${l.current}`), () => {
+  const l = Z(""), d = Go({ className: c, kind: i, borderMode: s });
+  return q(() => (e && (l.current = document.title, document.title = `${r} | ${l.current}`), () => {
     e && (document.title = l.current);
-  }), [r, e]), /* @__PURE__ */ o(z, { children: e && /* @__PURE__ */ o(Po, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Oo, { className: d.main, children: [
+  }), [r, e]), /* @__PURE__ */ o(z, { children: e && /* @__PURE__ */ o(Bo, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Oo, { className: d.main, children: [
     /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ o(
-        Do,
+        Fo,
         {
           className: d.close,
           trigger: /* @__PURE__ */ o(
-            Bt,
+            Pt,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ o(Lo, {})
+              children: /* @__PURE__ */ o(Ao, {})
             }
           )
         }
       ),
       /* @__PURE__ */ o($o, { className: d.header, children: r })
     ] }),
-    /* @__PURE__ */ o(Vo, { className: d.content, children: a }),
+    /* @__PURE__ */ o(Do, { className: d.content, children: a }),
     n && /* @__PURE__ */ o("div", { className: d.footer, children: n })
   ] }) }) });
-}, Ho = ({ stats: e }) => {
-  const t = (e == null ? void 0 : e.plugins) || [], r = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = fe(), s = fe();
+}, Vo = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], r = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = ge(), s = ge();
   return /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
       O,
@@ -1804,8 +1847,8 @@ const se = "panel", ue = "messagebox", Fo = ({
         header: S.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: he(n, {
-          [S.ABOUT.VERSION]: "5.19.4",
-          [S.ABOUT.BUILD_TIMESTAMP]: "01/04/2025 10:55 AM EST"
+          [S.ABOUT.VERSION]: "5.19.6",
+          [S.ABOUT.BUILD_TIMESTAMP]: "01/04/2025 06:40 PM EST"
         })
       }
     ) }),
@@ -1816,18 +1859,18 @@ const se = "panel", ue = "messagebox", Fo = ({
         className: "prose-dark dark:prose-lighter",
         children: he(s, {
           [S.ABOUT.VERSION]: r,
-          [ge(S.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(z, { children: a.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) }),
-          [ge(S.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(z, { children: t.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) })
+          [fe(S.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(z, { children: a.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) }),
+          [fe(S.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(z, { children: t.map((i) => /* @__PURE__ */ o("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
   ] });
-}, Go = ({
+}, Uo = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { serverStats: r } = D(ve);
-  return /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Dt, children: /* @__PURE__ */ o(Ho, { stats: r }) });
+  const { serverStats: r } = F(ve);
+  return /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Ft, children: /* @__PURE__ */ o(Vo, { stats: r }) });
 }, Ot = ({
   showConfirmation: e,
   setShowConfirmation: t,
@@ -1843,7 +1886,7 @@ const se = "panel", ue = "messagebox", Fo = ({
     title: n.title,
     footer: /* @__PURE__ */ y(Y, { columnGap: 2, alignHorizontal: "flex-end", children: [
       /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-        F,
+        G,
         {
           mode: "dark",
           variant: "secondary",
@@ -1855,7 +1898,7 @@ const se = "panel", ue = "messagebox", Fo = ({
         }
       ) }),
       /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-        F,
+        G,
         {
           mode: "dark",
           variant: "danger",
@@ -1869,11 +1912,11 @@ const se = "panel", ue = "messagebox", Fo = ({
     ] }),
     children: a
   }
-), Uo = async (e, t, r, a) => {
+), Ho = async (e, t, r, a) => {
   try {
     const n = await $({
       accessToken: a,
-      type: V.GET_CHAT,
+      type: D.GET_CHAT,
       params: {
         id: e.id
       }
@@ -1881,7 +1924,7 @@ const se = "panel", ue = "messagebox", Fo = ({
     n.status === 200 && (t({
       type: et
     }), t({
-      type: Ht,
+      type: Vt,
       payload: {
         id: e.id,
         model: n.data.model,
@@ -1898,20 +1941,20 @@ const se = "panel", ue = "messagebox", Fo = ({
   onOpenChange: a
 }) => {
   var x;
-  const { user: n, getAccessToken: s } = Q(), i = q(null), c = q({
+  const { user: n, getAccessToken: s } = Q(), i = Z(null), c = Z({
     id: 0,
     timestamp: "",
     message: ""
-  }), [l, d] = R(!1), [u, f] = R(
-    De + Fe
-  ), { state: p, dispatch: v } = D(ot), [, h] = le({
-    key: ce + Ft,
+  }), [l, d] = R(!1), [u, g] = R(
+    Fe + Ge
+  ), { state: p, dispatch: v } = F(ot), [, h] = le({
+    key: ce + Gt,
     initialValue: p.sortDirection
   }), k = (m) => {
     switch (p.sortDirection) {
       case W.ASC:
         h(W.DESC), v({
-          type: He,
+          type: Ve,
           payload: {
             sortedCell: m,
             sortDirection: W.DESC
@@ -1920,7 +1963,7 @@ const se = "panel", ue = "messagebox", Fo = ({
         break;
       default:
         h(W.ASC), v({
-          type: He,
+          type: Ve,
           payload: {
             sortedCell: m,
             sortDirection: W.ASC
@@ -1931,9 +1974,9 @@ const se = "panel", ue = "messagebox", Fo = ({
   }, b = async () => {
     const m = c.current;
     try {
-      const N = await $({
+      const C = await $({
         accessToken: await s(),
-        type: V.DELETE_CHAT,
+        type: D.DELETE_CHAT,
         params: {
           userId: (n == null ? void 0 : n.username) || "",
           id: m.id,
@@ -1943,18 +1986,18 @@ const se = "panel", ue = "messagebox", Fo = ({
           truncateSize: 100
         }
       });
-      N.status === 200 && t({ data: N.data });
+      C.status === 200 && t({ data: C.data });
     } catch {
     }
-  }, C = lr((m) => {
-    m[0].isIntersecting && f((E) => E + De);
+  }, N = lr((m) => {
+    m[0].isIntersecting && g((T) => T + Fe);
   }, []);
-  return Z(() => {
+  return q(() => {
     const m = {
       // root: null,
       rootMargin: "20px"
-    }, N = new IntersectionObserver(C, m);
-    i.current && N.observe(i.current);
+    }, C = new IntersectionObserver(N, m);
+    i.current && C.observe(i.current);
   }), /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ y(
       Ot,
@@ -1993,7 +2036,7 @@ const se = "panel", ue = "messagebox", Fo = ({
         wrapperClassName: "max-h-[60vh] min-h-[60vh]",
         children: [
           /* @__PURE__ */ o(or, { children: /* @__PURE__ */ y(xe, { children: [
-            /* @__PURE__ */ o(B, { className: "sr-only", children: "Row" }),
+            /* @__PURE__ */ o(P, { className: "sr-only", children: "Row" }),
             /* @__PURE__ */ o(
               ar,
               {
@@ -2008,18 +2051,18 @@ const se = "panel", ue = "messagebox", Fo = ({
                 children: "Date"
               }
             ),
-            /* @__PURE__ */ o(B, { className: "text-xs sm:text-sm", children: "First message" }),
-            /* @__PURE__ */ o(B, { className: "text-xs sm:text-sm", children: "Model" }),
-            /* @__PURE__ */ o(B, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+            /* @__PURE__ */ o(P, { className: "text-xs sm:text-sm", children: "First message" }),
+            /* @__PURE__ */ o(P, { className: "text-xs sm:text-sm", children: "Model" }),
+            /* @__PURE__ */ o(P, { className: "text-xs sm:text-sm text-right", children: "Actions" })
           ] }) }),
-          /* @__PURE__ */ o(nr, { children: e.data.slice(0, u).map((m, N) => {
-            var E, A;
-            return ((E = m == null ? void 0 : m.messages) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ y(dr, { children: [
-              N === u - Fe && /* @__PURE__ */ o("tr", { ref: i }),
+          /* @__PURE__ */ o(nr, { children: e.data.slice(0, u).map((m, C) => {
+            var T, L;
+            return ((T = m == null ? void 0 : m.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ y(dr, { children: [
+              C === u - Ge && /* @__PURE__ */ o("tr", { ref: i }),
               /* @__PURE__ */ y(xe, { children: [
-                /* @__PURE__ */ o(B, { children: N + 1 }),
+                /* @__PURE__ */ o(P, { children: C + 1 }),
                 /* @__PURE__ */ o(
-                  B,
+                  P,
                   {
                     component: "th",
                     scope: "row",
@@ -2028,29 +2071,29 @@ const se = "panel", ue = "messagebox", Fo = ({
                   }
                 ),
                 /* @__PURE__ */ o(
-                  B,
+                  P,
                   {
                     className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                     style: {
                       wordBreak: "break-word"
                     },
-                    children: m.messages.length > 0 ? (A = m.messages[0]) == null ? void 0 : A.content : ""
+                    children: m.messages.length > 0 ? (L = m.messages[0]) == null ? void 0 : L.content : ""
                   }
                 ),
                 /* @__PURE__ */ y(
-                  B,
+                  P,
                   {
                     component: "th",
                     scope: "row",
                     className: "text-gray-400",
                     align: "center",
                     children: [
-                      m.model && m.model.startsWith("claude") && /* @__PURE__ */ o(gt, { size: "size-4 sm:size-5" }),
-                      m.model && m.model.startsWith("gpt") && /* @__PURE__ */ o(ft, { size: "size-4 sm:size-5" })
+                      m.model && m.model.startsWith("claude") && /* @__PURE__ */ o(ft, { size: "size-4 sm:size-5" }),
+                      m.model && m.model.startsWith("gpt") && /* @__PURE__ */ o(gt, { size: "size-4 sm:size-5" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ y(B, { align: "right", children: [
+                /* @__PURE__ */ y(P, { align: "right", children: [
                   /* @__PURE__ */ o(
                     J,
                     {
@@ -2060,7 +2103,7 @@ const se = "panel", ue = "messagebox", Fo = ({
                       label: "Restore chat",
                       onClick: async () => {
                         const _ = await s();
-                        Uo(
+                        Ho(
                           m,
                           r,
                           a,
@@ -2084,14 +2127,14 @@ const se = "panel", ue = "messagebox", Fo = ({
                           message: m.messages.length > 0 ? (_ = m.messages[0]) == null ? void 0 : _.content : ""
                         }, d(!l);
                       },
-                      children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Nr, { size: "size-3", monotone: !0 }) })
+                      children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Cr, { size: "size-3", monotone: !0 }) })
                     }
                   )
                 ] })
               ] })
-            ] }, `${S.HISTORY.TITLE}-${m.id}-${N}`) : null;
+            ] }, `${S.HISTORY.TITLE}-${m.id}-${C}`) : null;
           }) }),
-          /* @__PURE__ */ o(sr, { children: /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(B, { colSpan: 1e3, children: /* @__PURE__ */ o("div", { children: ge(
+          /* @__PURE__ */ o(sr, { children: /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(P, { colSpan: 1e3, children: /* @__PURE__ */ o("div", { children: fe(
             `${e.data.length} chat`,
             e.data.length
           ) }) }) }) })
@@ -2110,7 +2153,7 @@ const se = "panel", ue = "messagebox", Fo = ({
   try {
     const n = await $({
       accessToken: r,
-      type: V.GET_CHATS,
+      type: D.GET_CHATS,
       params: {
         userId: t,
         searchString: e,
@@ -2129,17 +2172,17 @@ const se = "panel", ue = "messagebox", Fo = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { isAuthenticated: r, getAccessToken: a, user: n } = Q(), s = q(null), i = q(!1), { dispatch: c } = D(ve), { state: l, dispatch: d } = D(ot), [, u] = le({
-    key: ce + Gt,
+  const { isAuthenticated: r, getAccessToken: a, user: n } = Q(), s = Z(null), i = Z(!1), { dispatch: c } = F(ve), { state: l, dispatch: d } = F(ot), [, u] = le({
+    key: ce + Ut,
     initialValue: l.searchString
-  }), [f, p] = R({
+  }), [g, p] = R({
     data: [],
     sortedDirection: l.sortDirection
   }), v = async (b) => {
-    const C = await a(), x = await Je({
+    const N = await a(), x = await Je({
       searchString: b,
       username: n == null ? void 0 : n.username,
-      accessToken: C,
+      accessToken: N,
       direction: l.sortDirection
     });
     p({
@@ -2157,23 +2200,23 @@ const se = "panel", ue = "messagebox", Fo = ({
   return We(() => {
     i.current || (async () => {
       i.current = !0;
-      const b = await a(), C = await Je({
+      const b = await a(), N = await Je({
         searchString: l.searchString,
         username: n == null ? void 0 : n.username,
         accessToken: b,
         direction: l.sortDirection
       });
       p({
-        data: C,
+        data: N,
         sortedDirection: l.sortDirection
       });
     })();
   }), We(() => {
-    if (l.sortDirection !== f.sortedDirection) {
-      const b = [...f.data].sort((C, x) => {
+    if (l.sortDirection !== g.sortedDirection) {
+      const b = [...g.data].sort((N, x) => {
         if (l.sortedCell === "timestamp") {
-          const m = new Date(C[l.sortedCell]).getTime(), N = new Date(x[l.sortedCell]).getTime();
-          return l.sortDirection === W.ASC ? m - N : N - m;
+          const m = new Date(N[l.sortedCell]).getTime(), C = new Date(x[l.sortedCell]).getTime();
+          return l.sortDirection === W.ASC ? m - C : C - m;
         }
         return 0;
       });
@@ -2182,9 +2225,9 @@ const se = "panel", ue = "messagebox", Fo = ({
         sortedDirection: l.sortDirection
       });
     }
-  }, [f, l]), r ? f && f.data && /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Ut, children: /* @__PURE__ */ y(z, { children: [
+  }, [g, l]), r ? g && g.data && /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Ht, children: /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: k, children: /* @__PURE__ */ o(
-      Ie,
+      Ee,
       {
         autoCapitalize: "off",
         autoComplete: "off",
@@ -2199,7 +2242,7 @@ const se = "panel", ue = "messagebox", Fo = ({
         className: "mt-2 mb-2",
         ...l.searchString && {
           rightElement: /* @__PURE__ */ o(
-            F,
+            G,
             {
               type: "button",
               disabled: !l.searchString,
@@ -2220,7 +2263,7 @@ const se = "panel", ue = "messagebox", Fo = ({
     /* @__PURE__ */ o("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ o(
       jo,
       {
-        filteredHistory: f,
+        filteredHistory: g,
         setFilteredHistory: p,
         dispatch: c,
         onOpenChange: t
@@ -2228,7 +2271,7 @@ const se = "panel", ue = "messagebox", Fo = ({
     ) })
   ] }) }) : null;
 }, Ko = ({ stats: e }) => {
-  const { isAuthenticated: t, user: r, registeringForPasskey: a, authenticationType: n } = Q(), s = fe(), i = fe(), c = (r == null ? void 0 : r.username) || "";
+  const { isAuthenticated: t, user: r, registeringForPasskey: a, authenticationType: n } = Q(), s = ge(), i = ge(), c = (r == null ? void 0 : r.username) || "";
   return t && c ? /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o(
       O,
@@ -2246,7 +2289,7 @@ const se = "panel", ue = "messagebox", Fo = ({
       {
         className: "prose-dark dark:prose-lighter mt-4",
         header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ y(Y, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(Ge, { size: "size-8" }) }),
+          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(Ue, { size: "size-8" }) }),
           /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o("div", { children: S.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
@@ -2258,7 +2301,7 @@ const se = "panel", ue = "messagebox", Fo = ({
               className: "mt-2",
               onClick: a,
               labelLeft: S.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ o(Ge, { size: "size-5", monotone: !0 })
+              children: /* @__PURE__ */ o(Ue, { size: "size-5", monotone: !0 })
             }
           )
         ]
@@ -2270,7 +2313,7 @@ const se = "panel", ue = "messagebox", Fo = ({
         header: S.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter mt-4",
         children: he(i, {
-          [ge(S.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
+          [fe(S.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
           [S.MAIN_STATISTICS.PROCESSING_TIME]: Yt(
             e.averageProcessingTimes
           )
@@ -2286,12 +2329,12 @@ const se = "panel", ue = "messagebox", Fo = ({
     averageProcessingTimes: 0,
     totalChats: 0
   }), { getAccessToken: n, user: s } = Q();
-  return Z(() => {
+  return q(() => {
     !e || !s || (async () => {
       try {
         const i = await $({
           accessToken: await n(),
-          type: V.GET_CHATS_STATS,
+          type: D.GET_CHATS_STATS,
           params: {
             userId: s.username
           }
@@ -2300,7 +2343,7 @@ const se = "panel", ue = "messagebox", Fo = ({
       } catch {
       }
     })();
-  }, [e, n, s]), /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: qt, children: /* @__PURE__ */ o(Ko, { stats: r }) });
+  }, [e, n, s]), /* @__PURE__ */ o(te, { open: e, onOpenChange: t, title: Zt, children: /* @__PURE__ */ o(Ko, { stats: r }) });
 };
 /*!
   @versini/ui-toggle v3.0.0
@@ -2315,7 +2358,7 @@ try {
   });
 } catch {
 }
-const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo = ({
+const Zo = "av-toggle", qo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo = ({
   focusMode: e
 }) => w(
   "peer-focus:outline",
@@ -2364,7 +2407,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
 }), ra = ({ className: e }) => w(
-  qo,
+  Zo,
   "relative flex cursor-pointer items-center",
   e
 ), oa = ({
@@ -2375,7 +2418,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   noBorder: n
 }) => ({
   toggle: w(
-    Zo(),
+    qo(),
     ea({ mode: e, noBorder: n }),
     Qo({ focusMode: t }),
     Jo(),
@@ -2401,8 +2444,8 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     labelHidden: a,
     className: c,
     noBorder: l
-  }), u = (f) => {
-    t == null || t(f.target.checked);
+  }), u = (g) => {
+    t == null || t(g.target.checked);
   };
   return /* @__PURE__ */ y("label", { className: d.wrapper, children: [
     /* @__PURE__ */ o(
@@ -2422,27 +2465,27 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   open: e,
   onOpenChange: t
 }) => {
-  const { state: r, dispatch: a } = D(ir), { getAccessToken: n, user: s } = Q(), [i, c] = R({
-    tags: [...r.tags]
+  const { state: r, dispatch: a } = F(ir), { getAccessToken: n, user: s } = Q(), [i, c] = R({
+    prompts: [...r.prompts]
   }), l = ({
     slot: u,
-    checked: f,
+    checked: g,
     label: p,
     content: v
   }) => {
     c((h) => {
-      const k = h.tags, b = {
+      const k = h.prompts, b = {
         slot: u,
         label: p,
         content: v,
-        enabled: f
-      }, C = k.findIndex((x) => x.slot === u);
-      return C === -1 ? {
+        enabled: g
+      }, N = k.findIndex((x) => x.slot === u);
+      return N === -1 ? {
         ...h,
-        tags: [...k, { ...b, slot: u }]
-      } : (k[C] = b, {
+        prompts: [...k, { ...b, slot: u }]
+      } : (k[N] = b, {
         ...h,
-        tags: [...k]
+        prompts: [...k]
       });
     });
   }, d = async (u) => {
@@ -2450,15 +2493,15 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     try {
       await $({
         accessToken: await n(),
-        type: V.SET_USER_PREFERENCES,
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: s == null ? void 0 : s.username,
-          tags: i.tags
+          tags: i.prompts
         }
       }), a({
         type: Qt,
         payload: {
-          tags: i.tags
+          prompts: i.prompts
         }
       });
     } catch {
@@ -2469,7 +2512,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     {
       open: e,
       onOpenChange: t,
-      title: "Tags",
+      title: "Prompts",
       footer: /* @__PURE__ */ y(
         Y,
         {
@@ -2478,7 +2521,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
           className: "pb-8 sm:pb-0",
           children: [
             /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-              F,
+              G,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -2490,7 +2533,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
               }
             ) }),
             /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-              F,
+              G,
               {
                 mode: "dark",
                 variant: "danger",
@@ -2505,42 +2548,42 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
         }
       ),
       children: [
-        /* @__PURE__ */ o("p", { children: Zt }),
-        i.tags && i.tags.map((u) => /* @__PURE__ */ y(
+        /* @__PURE__ */ o("p", { children: qt }),
+        i.prompts && i.prompts.map((u) => /* @__PURE__ */ y(
           O,
           {
-            header: `Tag ${u.slot + 1}`,
+            header: `Prompt ${u.slot + 1}`,
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
               /* @__PURE__ */ y(Y, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ o(M, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  Ie,
+                /* @__PURE__ */ o(M, { span: 12, children: /* @__PURE__ */ o(
+                  Ee,
                   {
                     label: "Label",
-                    name: `tag${u.slot}-label`,
+                    name: `prompt${u.slot}-label`,
                     value: u.label,
-                    onChange: (f) => {
+                    onChange: (g) => {
                       l({
                         slot: u.slot,
                         checked: u.enabled,
-                        label: f.target.value,
+                        label: g.target.value,
                         content: u.content
                       });
                     }
                   }
                 ) }),
-                /* @__PURE__ */ o(M, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
-                  Ie,
+                /* @__PURE__ */ o(M, { span: 12, children: /* @__PURE__ */ o(
+                  Ee,
                   {
                     label: "Content",
-                    name: `tag${u.slot}-content`,
+                    name: `prompt${u.slot}-content`,
                     value: u.content,
-                    onChange: (f) => {
+                    onChange: (g) => {
                       l({
                         slot: u.slot,
                         checked: u.enabled,
                         label: u.label,
-                        content: f.target.value
+                        content: g.target.value
                       });
                     }
                   }
@@ -2553,10 +2596,10 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   noBorder: !0,
                   label: "Enabled",
                   name: u.slot.toString(),
-                  onChange: (f) => {
+                  onChange: (g) => {
                     l({
                       slot: u.slot,
-                      checked: f,
+                      checked: g,
                       label: u.label,
                       content: u.content
                     });
@@ -2566,7 +2609,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
               )
             ]
           },
-          `tag-slot-${u.slot}`
+          `prompt-slot-${u.slot}`
         ))
       ]
     }
@@ -2575,7 +2618,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: r } = D(ve), { getAccessToken: a, user: n } = Q(), [s, i] = R(!1), [c, l] = R({
+  const { dispatch: r } = F(ve), { getAccessToken: a, user: n } = Q(), [s, i] = R(!1), [c, l] = R({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
@@ -2584,7 +2627,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
   }), [d, u] = le({
     key: ce + tt,
     initialValue: !1
-  }), [f, p] = le({
+  }), [g, p] = le({
     key: ce + Xt,
     initialValue: !1
   }), v = (m) => {
@@ -2594,7 +2637,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     try {
       await $({
         accessToken: await a(),
-        type: V.SET_USER_PREFERENCES,
+        type: D.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
           instructions: c.instructions,
@@ -2616,16 +2659,16 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
       loadingLocation: !0
     }));
     try {
-      const m = Date.now(), N = await tr(), E = await $({
+      const m = Date.now(), C = await tr(), T = await $({
         accessToken: await a(),
-        type: V.GET_LOCATION,
+        type: D.GET_LOCATION,
         params: {
-          latitude: N.latitude,
-          longitude: N.longitude
+          latitude: C.latitude,
+          longitude: C.longitude
         }
       }), _ = Date.now() - m;
-      if (_ < 2e3 && await new Promise((T) => setTimeout(T, 2e3 - _)), E.status === 200) {
-        const { city: T, state: H, country: G, displayName: U } = E.data, re = T && H && G ? `${T}, ${H}, ${G}` : U;
+      if (_ < 2e3 && await new Promise((I) => setTimeout(I, 2e3 - _)), T.status === 200) {
+        const { city: I, state: V, country: U, displayName: H } = T.data, re = I && V && U ? `${I}, ${V}, ${U}` : H;
         l((oe) => ({
           ...oe,
           loaded: !0,
@@ -2633,8 +2676,8 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
           loadingLocation: !1
         }));
       } else
-        l((T) => ({
-          ...T,
+        l((I) => ({
+          ...I,
           loaded: !0,
           location: "",
           loadingLocation: !1
@@ -2642,19 +2685,19 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     } catch {
     }
   }, b = (m) => {
-    l((N) => ({
-      ...N,
+    l((C) => ({
+      ...C,
       engine: m ? ne : X
     }));
-  }, C = (m) => {
-    l((N) => ({
-      ...N,
+  }, N = (m) => {
+    l((C) => ({
+      ...C,
       engine: m ? X : ne
     }));
   }, x = () => {
     i(!s);
   };
-  return Z(() => {
+  return q(() => {
     if (!e || !n) {
       l({
         loaded: !1,
@@ -2669,13 +2712,13 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
       try {
         const m = await $({
           accessToken: await a(),
-          type: V.GET_USER_PREFERENCES,
+          type: D.GET_USER_PREFERENCES,
           params: {
             user: n.username
           }
         });
-        m.status === 200 && l((N) => ({
-          ...N,
+        m.status === 200 && l((C) => ({
+          ...C,
           loaded: !0,
           instructions: m.data.instructions || "",
           location: m.data.location || "",
@@ -2698,7 +2741,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
           className: "pb-8 sm:pb-0",
           children: [
             /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-              F,
+              G,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -2710,7 +2753,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
               }
             ) }),
             /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
-              F,
+              G,
               {
                 mode: "dark",
                 variant: "danger",
@@ -2732,7 +2775,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
             header: S.SETTINGS_ENGINE.TITLE,
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ o("p", { className: "text-xs", children: "Select the AI engine that will be used to generate responses." }),
+              /* @__PURE__ */ o("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
               /* @__PURE__ */ o(
                 ie,
                 {
@@ -2750,11 +2793,11 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   noBorder: !0,
                   label: X,
                   name: X,
-                  onChange: C,
+                  onChange: N,
                   checked: c.engine === X
                 }
               ),
-              /* @__PURE__ */ o("p", { className: "text-xs", children: "This option introduces a new menu at the top of the screen, enabling you to quickly switch between engines." }),
+              /* @__PURE__ */ o("p", { className: "text-sm", children: "This option introduces a new menu at the top of the screen, enabling you to quickly switch between engines." }),
               /* @__PURE__ */ o(
                 ie,
                 {
@@ -2766,7 +2809,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   checked: d
                 }
               ),
-              /* @__PURE__ */ o("p", { className: "text-xs", children: "This option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more." }),
+              /* @__PURE__ */ o("p", { className: "text-sm", children: "This option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more." }),
               /* @__PURE__ */ o(
                 ie,
                 {
@@ -2775,17 +2818,17 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
                   onChange: v,
-                  checked: f
+                  checked: g
                 }
               ),
-              /* @__PURE__ */ o("h3", { className: "border-b-2 border-slate-400", children: "Tags" }),
+              /* @__PURE__ */ o("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
               /* @__PURE__ */ o(
                 J,
                 {
                   className: "mt-2",
                   size: "small",
                   onClick: x,
-                  labelLeft: "Edit Custom Tags",
+                  labelLeft: "Edit Custom Prompts",
                   children: /* @__PURE__ */ o(xr, { size: "size-3", monotone: !0 })
                 }
               )
@@ -2798,7 +2841,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ y("p", { children: [
+              /* @__PURE__ */ y("p", { className: "text-sm", children: [
                 "What would you like ",
                 /* @__PURE__ */ o("em", { children: er }),
                 " to know about you to provide better responses?"
@@ -2814,8 +2857,8 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   label: "Custom Instructions",
                   value: c.instructions,
                   onChange: (m) => {
-                    l((N) => ({
-                      ...N,
+                    l((C) => ({
+                      ...C,
                       loaded: !0,
                       instructions: m.target.value
                     }));
@@ -2832,7 +2875,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ o("p", { children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ o("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
               /* @__PURE__ */ o(
                 je,
                 {
@@ -2841,8 +2884,8 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   label: "Location",
                   value: c.location,
                   onChange: (m) => {
-                    l((N) => ({
-                      ...N,
+                    l((C) => ({
+                      ...C,
                       loaded: !0,
                       location: m.target.value
                     }));
@@ -2851,7 +2894,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 }
               ),
               /* @__PURE__ */ o(
-                F,
+                G,
                 {
                   className: "mt-2",
                   size: "small",
@@ -2868,21 +2911,21 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     }
   );
 }, ha = () => {
-  const { state: e, dispatch: t, serverStats: r } = D(ve), [a, n] = R((e == null ? void 0 : e.engine) || me), [s, i] = R(!1), [c, l] = R(!1), [d, u] = R(!1), [f, p] = R(!1), [v, h] = R(!1), [k] = le({
+  const { state: e, dispatch: t, serverStats: r } = F(ve), [a, n] = R((e == null ? void 0 : e.engine) || me), [s, i] = R(!1), [c, l] = R(!1), [d, u] = R(!1), [g, p] = R(!1), [v, h] = R(!1), [k] = le({
     key: ce + tt,
     initialValue: !1
-  }), { logout: b, getAccessToken: C, user: x } = Q(), m = () => {
+  }), { logout: b, getAccessToken: N, user: x } = Q(), m = () => {
     i(!s);
-  }, N = () => {
+  }, C = () => {
     l(!c);
-  }, E = () => {
+  }, T = () => {
     u(!d);
-  }, A = () => {
-    p(!f);
+  }, L = () => {
+    p(!g);
   }, _ = () => {
     h(!v);
   };
-  return Z(() => {
+  return q(() => {
     e && e.engine && e.engine !== a && n(e.engine);
   }, [e, a]), /* @__PURE__ */ y(z, { children: [
     /* @__PURE__ */ o(
@@ -2892,9 +2935,9 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
         setShowConfirmation: h,
         action: b,
         customStrings: {
-          confirmAction: Ue,
+          confirmAction: He,
           cancelAction: "Cancel",
-          title: Ue
+          title: He
         },
         children: /* @__PURE__ */ o("p", { children: "Are you sure you want to log out?" })
       }
@@ -2902,7 +2945,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
     /* @__PURE__ */ o(Yo, { open: s, onOpenChange: i }),
     /* @__PURE__ */ o(na, { open: c, onOpenChange: l }),
     /* @__PURE__ */ o(Wo, { open: d, onOpenChange: u }),
-    /* @__PURE__ */ o(Go, { open: f, onOpenChange: p }),
+    /* @__PURE__ */ o(Uo, { open: g, onOpenChange: p }),
     /* @__PURE__ */ o("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ y(Y, { alignHorizontal: "space-between", alignVertical: "center", children: [
       /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(cr, { mode: "dark", radius: "large" }) }),
       /* @__PURE__ */ o(M, { children: /* @__PURE__ */ y(Y, { children: [
@@ -2911,7 +2954,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ o(J, { className: "mr-2", children: e && e.engine === X ? /* @__PURE__ */ o(gt, {}) : /* @__PURE__ */ o(ft, {}) }),
+            trigger: /* @__PURE__ */ o(J, { className: "mr-2", children: e && e.engine === X ? /* @__PURE__ */ o(ft, {}) : /* @__PURE__ */ o(gt, {}) }),
             defaultPlacement: "bottom-start",
             children: /* @__PURE__ */ o(j, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ o(
               ko,
@@ -2920,20 +2963,20 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 mode: "dark",
                 focusMode: "light",
                 value: a,
-                onValueChange: async (T) => {
-                  if (T)
+                onValueChange: async (I) => {
+                  if (I)
                     try {
                       await $({
-                        accessToken: await C(),
-                        type: V.SET_USER_PREFERENCES,
+                        accessToken: await N(),
+                        type: D.SET_USER_PREFERENCES,
                         params: {
                           user: x == null ? void 0 : x.username,
-                          engine: T
+                          engine: I
                         }
                       }), t({
                         type: rt,
                         payload: {
-                          engine: T
+                          engine: I
                         }
                       }), t({
                         type: et
@@ -2941,7 +2984,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                     } catch {
                     }
                 },
-                children: r && r.engines.map((T) => /* @__PURE__ */ o(wo, { value: T }, T))
+                children: r && r.engines.map((I) => /* @__PURE__ */ o(wo, { value: I }, I))
               }
             ) })
           }
@@ -2959,14 +3002,14 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 {
                   label: "Profile",
                   onClick: m,
-                  icon: /* @__PURE__ */ o(Er, {})
+                  icon: /* @__PURE__ */ o(Tr, {})
                 }
               ),
               /* @__PURE__ */ o(
                 j,
                 {
                   label: "Settings",
-                  onClick: N,
+                  onClick: C,
                   icon: /* @__PURE__ */ o(Rr, {})
                 }
               ),
@@ -2974,16 +3017,16 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                 j,
                 {
                   label: "History",
-                  onClick: E,
-                  icon: /* @__PURE__ */ o(Tr, {})
+                  onClick: T,
+                  icon: /* @__PURE__ */ o(Ir, {})
                 }
               ),
               /* @__PURE__ */ o(
                 j,
                 {
                   label: "About",
-                  onClick: A,
-                  icon: /* @__PURE__ */ o(Ir, {})
+                  onClick: L,
+                  icon: /* @__PURE__ */ o(Er, {})
                 }
               ),
               e && e.id && !e.isComponent && /* @__PURE__ */ y(z, { children: [
@@ -2993,7 +3036,7 @@ const qo = "av-toggle", Zo = () => w("peer", "h-6", "w-11", "rounded-full"), Qo
                   {
                     label: "Log out",
                     onClick: _,
-                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(Cr, { monotone: !0 }) })
+                    icon: /* @__PURE__ */ o("div", { className: "text-red-700", children: /* @__PURE__ */ o(Nr, { monotone: !0 }) })
                   }
                 )
               ] })