npm - @versini/sassysaint - Versions diffs - 5.5.36 → 5.5.38 - Mend

@versini/sassysaint 5.5.36 → 5.5.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/chunks/App.BlUmPPu5.js +5146 -0
package/dist/chunks/{HeaderToolbar.Bl593kjm.js → HeaderToolbar.DHwLK60v.js} +811 -870
package/dist/chunks/{MarkdownWithExtra.C77dR_xZ.js → MarkdownWithExtra.B-KLqPB2.js} +191 -198
package/dist/chunks/{MessageAssistant.C195TBiV.js → MessageAssistant.Dp5F7VuZ.js} +6 -6
package/dist/chunks/{index.vR4obSnv.js → index.WqjiLYC2.js} +309 -317
package/dist/components/SassySaint/SassySaint.js +1 -1
package/dist/index.js +4 -4
package/package.json +3 -3
package/dist/chunks/App.C6-zUIj9.js +0 -4095

package/dist/chunks/{HeaderToolbar.Bl593kjm.js → HeaderToolbar.DHwLK60v.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import { jsxs as h, jsx as a, Fragment as M } from "react/jsx-runtime";
-import { g as D, un as G, R as $, CARDS as C, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as ht, L as X, j as A, C as F, INFINITE_SCROLL_LIMIT as Be, INFINITE_SCROLL_THRESHOLD as Oe, LOCAL_STORAGE_PREFIX as _e, LOCAL_STORAGE_SORT as gt, P as le, ACTION_RESET as pt, ACTION_RESTORE as ft, ACTION_SORT as Pe, LOCAL_STORAGE_SEARCH as bt, HISTORY_TITLE as yt, ye as Ee, ACTION_SEARCH as kt, debounce as vt, M as xt, z as $e, durationFormatter as Nt, PROFILE_TITLE as wt, PROMPTS_DESCRIPTION as Et, DEFAULT_AI_ENGINE as Ct, LOCAL_STORAGE_CHAT_DETAILS as Tt, SETTINGS_TITLE as _t, ENGINE_OPENAI as Q, ENGINE_ANTHROPIC as re, APP_NAME as It, getCurrentGeoLocation as St, LOG_OUT as De } from "./index.vR4obSnv.js";
-import { i as pe, useServerCapabilities as Lt, HistoryContext as je, E as Ie, ge as At, he as Rt, ue as Ne, ie as P, ye as zt, me as Mt, p as Bt, i$1 as Ot, be as Pt, serviceCall as ce, SERVICE_TYPES as ie, f as ae, AppContext as We, useChatsHistory as $t, useUserChatStats as Dt, useUserPreferences as Ye, me$1 as Vt, R as oe, P as Ht } from "./App.C6-zUIj9.js";
+import { jsxs as h, jsx as a, Fragment as B } from "react/jsx-runtime";
+import { g as F, un as G, R as H, CARDS as T, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as ht, L as X, j as R, C as U, INFINITE_SCROLL_LIMIT as Oe, INFINITE_SCROLL_THRESHOLD as Pe, LOCAL_STORAGE_PREFIX as _e, LOCAL_STORAGE_SORT as gt, Y as le, ACTION_RESET as pt, ACTION_RESTORE as ft, ACTION_SORT as ze, LOCAL_STORAGE_SEARCH as bt, HISTORY_TITLE as yt, ye as Ee, ACTION_SEARCH as kt, debounce as vt, M as xt, l as $e, durationFormatter as Nt, PROFILE_TITLE as wt, PROMPTS_DESCRIPTION as Et, DEFAULT_AI_ENGINE as Tt, LOCAL_STORAGE_CHAT_DETAILS as Ct, SETTINGS_TITLE as _t, ENGINE_OPENAI as Q, ENGINE_ANTHROPIC as re, APP_NAME as It, getCurrentGeoLocation as St, LOG_OUT as He } from "./index.WqjiLYC2.js";
+import { i as pe, useServerCapabilities as At, HistoryContext as je, E as Ie, ge as Rt, he as Lt, ue as Ne, le as $, ye as Mt, me as Bt, p as Ot, z as Pt, be as zt, serviceCall as ie, SERVICE_TYPES as ce, f as ae, AppContext as Ye, useChatsHistory as $t, useUserChatStats as Ht, useUserPreferences as We, m as Dt, Pe as Vt, me$1 as Ut, R as oe, P as Ft } from "./App.BlUmPPu5.js";
 import * as S from "react";
-import be, { useId as Se, useRef as _, useEffect as V, useState as w, useContext as fe, useCallback as Ke, Fragment as Ut, useLayoutEffect as ne, useMemo as Xe, useReducer as Ft } from "react";
-import m from "clsx";
-import { useMergeRefs as Gt, FloatingPortal as jt, FloatingOverlay as Wt, FloatingFocusManager as Yt, useFloating as Kt, useClick as Xt, useDismiss as qt, useRole as Qt, useInteractions as Jt } from "@floating-ui/react";
-const Zt = ({
+import be, { useId as Se, useRef as _, useEffect as D, useState as w, useContext as fe, useCallback as Ke, Fragment as Gt, useLayoutEffect as ne, useMemo as Xe, useReducer as jt } from "react";
+import d from "clsx";
+import { useMergeRefs as Yt, FloatingPortal as Wt, FloatingOverlay as Kt, FloatingFocusManager as Xt, useFloating as qt, useClick as Qt, useDismiss as Jt, useRole as Zt, useInteractions as er } from "@floating-ui/react";
+const tr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -24,28 +24,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          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"
+          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-224 0-111-80.7-203.1-186.7-220.9-1.8-.3-3.6-.4-5.3-.4-15.3 0-28.9 11.1-31.5 26.7-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 160-79.2 0-145.1-57.6-157.8-133.3-2.9-17.4-19.4-29.2-36.9-26.3-15.6 2.6-26.7 16.2-26.7 31.5z",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "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"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M32 0h160c17.7 0 32 14.3 32 32s-14.3 32-32 32h-82.7l233.3 233.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 32S0 209.7 0 192V32C0 14.3 14.3 0 32 0" })
     ]
   }
-), er = ({
+), rr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -57,61 +50,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          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__ */ a(
-        "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"
-        }
-      )
-    ]
-  }
-), tr = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: o,
-  ...n
-}) => /* @__PURE__ */ h(
-  D,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Edit",
-    ...n,
-    children: [
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          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"
+          d: "M32 96v352c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16z",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "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"
-        }
-      )
+      /* @__PURE__ */ a("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 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0z" })
     ]
   }
-), rr = ({
+), ar = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -123,28 +76,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          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"
+          d: "M0 57.9V168c0 13.3 10.7 24 24 24h110.1c21.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.4-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.9",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "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"
-        }
-      )
+      /* @__PURE__ */ a("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" })
     ]
   }
-), ar = ({
+), or = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -156,28 +102,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: "0.4",
-          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"
+          d: "M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0m192-8c0-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 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24m96-88a32 32 0 1 1-64 0 32 32 0 1 1 64 0",
+          opacity: ".4"
         }
       ),
-      /* @__PURE__ */ a(
-        "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"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64m-64 120c0-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 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24" })
     ]
   }
-), or = ({
+), nr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -189,28 +128,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: "0.4",
-          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"
+          d: "M0 96v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96m64 272c0-44.2 35.8-80 80-80h64c44.2 0 80 35.8 80 80 0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16m176-176a64 64 0 1 1-128 0 64 64 0 1 1 128 0m112-16c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16m0 64c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16m0 64c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16",
+          opacity: ".4"
         }
       ),
-      /* @__PURE__ */ a(
-        "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"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128m-32 32c-44.2 0-80 35.8-80 80 0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16 0-44.2-35.8-80-80-80z" })
     ]
   }
-), nr = ({
+), sr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -222,28 +154,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          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"
+          d: "M128 80v16h64V80c0-8.8 7.2-16 16-16h224c8.8 0 16 7.2 16 16v224c0 8.8-7.2 16-16 16h-16v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "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"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M64 128c-35.3 0-64 28.7-64 64v256c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64zm32 64h192c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32" })
     ]
   }
-), sr = ({
+), lr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ a(
-  D,
+  F,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -251,16 +176,16 @@ const Zt = ({
     className: e,
     title: t || "Settings",
     ...n,
-    children: /* @__PURE__ */ a("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
+    children: /* @__PURE__ */ a("path", { d: "M432 256a48 48 0 1 1-96 0 48 48 0 1 1 96 0m-160 0a48 48 0 1 1-96 0 48 48 0 1 1 96 0M64 304a48 48 0 1 1 0-96 48 48 0 1 1 0 96" })
   }
-), lr = ({
+), ir = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -272,52 +197,45 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          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"
+          d: "M0 96c0-17.7 14.3-32 32-32h86.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m0 160c0-17.7 14.3-32 32-32h246.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m0 160c0-17.7 14.3-32 32-32h54.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m233.3-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H233.3c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32zm32-320H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H265.3c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32zm160 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32h-54.7c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32z",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          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"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M128 416a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0m80-160a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0M192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64m0-112a80 80 0 1 0 0 160 80 80 0 1 0 0-160" })
     ]
   }
 );
 /*!
-  @versini/ui-panel v1.3.10
+  @versini/ui-panel v1.3.14
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.3.10",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "1.3.14",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe = "button", Ce = "link", cr = ({
+const De = "av-messagebox", Ve = "av-panel", Ue = "av-button", ye = "icon", qe = "button", Te = "link", cr = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: o,
   align: n
 }) => {
-  const s = "max-h-8 py-0 px-2", l = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
+  const l = "max-h-8 py-0 px-2", s = "max-h-9 h-8 px-3", i = "max-h-12 py-2 px-4";
   switch (e) {
     case qe:
-    case Ce:
-      return m({
-        [s]: r === "small",
-        [l]: r === "medium",
-        [c]: r === "large"
+    case Te:
+      return d({
+        [l]: r === "small",
+        [s]: r === "medium",
+        [i]: r === "large"
       });
     case ye:
-      return m("inline-flex items-center", {
+      return d("inline-flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
         "justify-end": n === "right",
@@ -329,30 +247,30 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
         "h-12 px-4": r === "large" && (t || o)
       });
   }
-}, ir = ({
+}, dr = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: o
 }) => {
-  const n = "text-sm font-medium", s = "text-base font-medium", l = "text-lg font-medium";
+  const n = "text-sm font-medium", l = "text-base font-medium", s = "text-lg font-medium";
   switch (e) {
     case qe:
-    case Ce:
-      return m({
-        "text-center": e === Ce,
+    case Te:
+      return d({
+        "text-center": e === Te,
         [n]: r === "small",
-        [s]: r === "medium",
-        [l]: r === "large"
+        [l]: r === "medium",
+        [s]: r === "large"
       });
     case ye:
-      return m({
+      return d({
         [n]: r === "small" && (t || o),
-        [s]: r === "medium" && (t || o),
-        [l]: r === "large" && (t || o)
+        [l]: r === "medium" && (t || o),
+        [s]: r === "large" && (t || o)
       });
   }
-}, dr = ({
+}, mr = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -361,7 +279,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
   if (r)
     return "not-prose";
   if (o === "primary")
-    return m("not-prose", {
+    return d("not-prose", {
       truncate: !t,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -369,7 +287,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
       "dark:text-copy-light": e === "alt-system"
     });
   if (o === "secondary")
-    return m("not-prose", {
+    return d("not-prose", {
       truncate: !t,
       "text-copy-light": e === "light" || e === "system",
       "text-copy-lighter": e === "dark" || e === "alt-system",
@@ -377,7 +295,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
       "dark:text-copy-light": e === "system"
     });
   if (o === "danger")
-    return m("not-prose", {
+    return d("not-prose", {
       truncate: !t,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -385,31 +303,31 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
       "dark:text-copy-light": e === "alt-system"
     });
   if (o === "selected")
-    return m("not-prose text-copy-lighter", {
+    return d("not-prose text-copy-lighter", {
       truncate: !t
     });
-}, mr = ({
+}, ur = ({
   mode: e,
   noBackground: r,
   variant: t
 }) => {
   if (!r) {
     if (t === "primary")
-      return m({
+      return d({
         "bg-action-dark": e === "dark",
         "bg-action-light": e === "light",
         "bg-action-dark dark:bg-action-light": e === "system",
         "bg-action-light dark:bg-action-dark": e === "alt-system"
       });
     if (t === "secondary")
-      return m({
+      return d({
         "bg-action-dark": e === "light",
         "bg-action-light": e === "dark",
         "bg-action-dark dark:bg-action-light": e === "alt-system",
         "bg-action-light dark:bg-action-dark": e === "system"
       });
     if (t === "danger")
-      return m({
+      return d({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -418,13 +336,13 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     if (t === "selected")
       return "bg-action-selected-dark";
   }
-}, ur = ({
+}, hr = ({
   radius: e
-}) => m({
+}) => d({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), hr = ({
+}), gr = ({
   mode: e,
   disabled: r,
   variant: t
@@ -432,21 +350,21 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
   if (r)
     return "";
   if (t === "primary")
-    return m("hover:text-copy-light-hover", {
+    return d("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (t === "secondary")
-    return m("hover:text-copy-light-hover", {
+    return d("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (t === "danger")
-    return m("hover:text-copy-light-hover", {
+    return d("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
@@ -454,7 +372,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, gr = ({
+}, pr = ({
   mode: e,
   disabled: r,
   variant: t
@@ -462,21 +380,21 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
   if (r)
     return "";
   if (t === "primary")
-    return m("active:text-copy-light-active", {
+    return d("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (t === "secondary")
-    return m("active:text-copy-light-active", {
+    return d("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (t === "danger")
-    return m("active:text-copy-lighter-active", {
+    return d("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
@@ -484,7 +402,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, pr = ({
+}, fr = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -492,21 +410,21 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
   if (r)
     return "border border-transparent";
   if (t === "primary")
-    return m("border", {
+    return d("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (t === "secondary")
-    return m("border", {
+    return d("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (t === "danger")
-    return m("border", {
+    return d("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -514,74 +432,86 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "border border-border-selected-dark";
-}, fr = ({
+}, br = ({
   focusMode: e
-}) => m("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Qe = ({
+}), yr = ({
+  mode: e,
+  raw: r,
+  iconClassName: t
+}) => r ? "" : d(
+  {
+    "text-copy-accent-dark": e === "light" || e === "alt-system",
+    "text-copy-light": e === "dark" || e === "system",
+    "dark:text-copy-light": e === "alt-system",
+    "dark:text-copy-accent-dark": e === "system"
+  },
+  t
+), Qe = ({
   type: e,
   className: r,
   raw: t,
   mode: o,
   focusMode: n,
-  disabled: s,
-  fullWidth: l,
-  size: c,
+  disabled: l,
+  fullWidth: s,
+  size: i,
   noBorder: u,
-  labelRight: d,
-  labelLeft: p,
-  noBackground: k,
-  variant: g,
-  noTruncate: i,
+  labelRight: m,
+  labelLeft: g,
+  noBackground: y,
+  variant: p,
+  noTruncate: c,
   align: f,
   radius: v
-}) => (g || (g = "primary"), t ? m(Ue, r) : m(
+}) => (p || (p = "primary"), t ? d(Ue, r) : d(
   Ue,
-  dr({
+  mr({
     mode: o,
-    variant: g,
-    noBackground: k,
-    noTruncate: i
+    variant: p,
+    noBackground: y,
+    noTruncate: c
   }),
-  mr({ mode: o, noBackground: k, variant: g }),
-  ur({ radius: v }),
+  ur({ mode: o, noBackground: y, variant: p }),
+  hr({ radius: v }),
   cr({
     type: e,
-    size: c,
-    labelRight: d,
-    labelLeft: p,
+    size: i,
+    labelRight: m,
+    labelLeft: g,
     align: f
   }),
-  ir({ type: e, size: c, labelRight: d, labelLeft: p }),
-  pr({ mode: o, variant: g, noBorder: u }),
-  fr({ focusMode: n }),
-  hr({ mode: o, variant: g, disabled: s }),
-  gr({ mode: o, variant: g, disabled: s }),
+  dr({ type: e, size: i, labelRight: m, labelLeft: g }),
+  fr({ mode: o, variant: p, noBorder: u }),
+  br({ focusMode: n }),
+  gr({ mode: o, variant: p, disabled: l }),
+  pr({ mode: o, variant: p, disabled: l }),
   {
-    "w-full": l,
-    "disabled:cursor-not-allowed disabled:opacity-50": s
+    "w-full": s,
+    "disabled:cursor-not-allowed disabled:opacity-50": l
   },
   r
-)), br = (e, r, t) => {
+)), kr = (e, r, t) => {
   var o;
   !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((o = e == null ? void 0 : e.currentTarget) == null ? void 0 : o.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
-}, Le = be.forwardRef((e, r) => {
+}, Ae = be.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: o = !1, ...n } = e;
   return /* @__PURE__ */ a(
     "button",
     {
       ref: r,
-      onClick: (s) => {
-        br(s, o, t);
+      onClick: (l) => {
+        kr(l, o, t);
       },
       ...n
     }
   );
 });
-Le.displayName = "BaseButton";
+Ae.displayName = "BaseButton";
 const Je = be.forwardRef(
   ({
     children: e,
@@ -589,56 +519,52 @@ const Je = be.forwardRef(
     mode: t = "system",
     focusMode: o = "system",
     fullWidth: n = !1,
-    className: s,
-    type: l = "button",
-    raw: c = !1,
+    className: l,
+    type: s = "button",
+    raw: i = !1,
     noBorder: u = !1,
-    "aria-label": d,
-    label: p,
-    size: k = "medium",
-    labelRight: g,
-    labelLeft: i,
+    "aria-label": m,
+    label: g,
+    size: y = "medium",
+    labelRight: p,
+    labelLeft: c,
     noBackground: f = !1,
     align: v = "center",
-    radius: y = "large",
-    variant: x = "primary",
-    ...T
-  }, b) => {
-    const E = Qe({
+    radius: x = "large",
+    variant: k = "primary",
+    iconClassName: C,
+    ...b
+  }, E) => {
+    const I = Qe({
       type: ye,
       mode: t,
       focusMode: o,
       fullWidth: n,
       disabled: r,
-      raw: c,
-      className: s,
+      raw: i,
+      className: l,
       noBorder: u,
-      size: k,
-      labelRight: g,
-      labelLeft: i,
+      size: y,
+      labelRight: p,
+      labelLeft: c,
       noBackground: f,
       align: v,
-      radius: y,
-      variant: x
-    }), I = m({
-      "text-copy-accent-dark": (t === "light" || t === "alt-system") && !c,
-      "text-copy-light": (t === "dark" || t === "system") && !c,
-      "dark:text-copy-light": t === "alt-system" && !c,
-      "dark:text-copy-accent-dark": t === "system" && !c
-    });
+      radius: x,
+      variant: k
+    }), O = yr({ mode: t, raw: i, iconClassName: C });
     return /* @__PURE__ */ h(
-      Le,
+      Ae,
       {
-        ref: b,
-        className: E,
+        ref: E,
+        className: I,
         disabled: r,
-        type: l,
-        "aria-label": d || p,
-        ...T,
+        type: s,
+        "aria-label": m || g,
+        ...b,
         children: [
-          i && /* @__PURE__ */ a("span", { className: "pr-2", children: i }),
-          /* @__PURE__ */ a("div", { className: I, children: e }),
-          g && /* @__PURE__ */ a("span", { className: "pl-2", children: g })
+          c && /* @__PURE__ */ a("span", { className: "pr-2", children: c }),
+          /* @__PURE__ */ a("div", { className: O, children: e }),
+          p && /* @__PURE__ */ a("span", { className: "pl-2", children: p })
         ]
       }
     );
@@ -646,39 +572,39 @@ const Je = be.forwardRef(
 );
 Je.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.10
+  @versini/ui-button v4.1.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.10",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.1.3",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const yr = be.forwardRef(
+const vr = be.forwardRef(
   ({
     children: e,
     disabled: r = !1,
     mode: t = "system",
     focusMode: o = "system",
     fullWidth: n = !1,
-    className: s,
-    type: l = "button",
-    raw: c = !1,
+    className: l,
+    type: s = "button",
+    raw: i = !1,
     noBorder: u = !1,
-    "aria-label": d,
-    label: p,
-    size: k = "medium",
-    labelRight: g,
-    labelLeft: i,
+    "aria-label": m,
+    label: g,
+    size: y = "medium",
+    labelRight: p,
+    labelLeft: c,
     noBackground: f = !1,
     align: v = "center",
-    active: y = !1,
-    radius: x = "large",
-    ...T
+    active: x = !1,
+    radius: k = "large",
+    ...C
   }, b) => {
     const E = Qe({
       type: ye,
@@ -686,21 +612,21 @@ const yr = be.forwardRef(
       focusMode: o,
       fullWidth: n,
       disabled: r,
-      raw: c,
-      className: s,
+      raw: i,
+      className: l,
       noBorder: u,
-      size: k,
-      labelRight: g,
-      labelLeft: i,
+      size: y,
+      labelRight: p,
+      labelLeft: c,
       noBackground: f,
       align: v,
-      radius: x
-    }), I = m({
-      "text-copy-accent-dark": t === "light" && !c,
-      "text-copy-light": t === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": t === "system" && !c
-    }), H = y ? m(
+      radius: k
+    }), I = d({
+      "text-copy-accent-dark": t === "light" && !i,
+      "text-copy-light": t === "dark" && !i,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !i,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !i
+    }), O = x ? d(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -717,76 +643,76 @@ const yr = be.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ a("div", { className: H, children: /* @__PURE__ */ h(
-      Le,
+    return /* @__PURE__ */ a("div", { className: O, children: /* @__PURE__ */ h(
+      Ae,
       {
         ref: b,
         className: E,
         disabled: r,
-        type: l,
-        "aria-label": d || p,
-        ...T,
+        type: s,
+        "aria-label": m || g,
+        ...C,
         children: [
-          i && /* @__PURE__ */ a("span", { className: "pr-2", children: i }),
+          c && /* @__PURE__ */ a("span", { className: "pr-2", children: c }),
           /* @__PURE__ */ a("div", { className: I, children: e }),
-          g && /* @__PURE__ */ a("span", { className: "pl-2", children: g })
+          p && /* @__PURE__ */ a("span", { className: "pl-2", children: p })
         ]
       }
     ) });
   }
 );
-yr.displayName = "ButtonSort";
-const kr = ({
+vr.displayName = "ButtonSort";
+const xr = ({
   children: e,
   fill: r,
   viewBox: t,
   className: o,
   defaultViewBox: n,
-  size: s,
-  title: l,
-  semantic: c = !1,
+  size: l,
+  title: s,
+  semantic: i = !1,
   ...u
 }) => {
-  const d = m(s, o);
-  return /* @__PURE__ */ h(M, { children: [
+  const m = d(l, o);
+  return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: d,
+        className: m,
         viewBox: t || n,
         fill: r || "currentColor",
         role: "img",
-        "aria-hidden": !c,
+        "aria-hidden": !i,
         focusable: !1,
         ...u,
         children: e
       }
     ),
-    l && c && /* @__PURE__ */ a("span", { className: "sr-only", children: l })
+    s && i && /* @__PURE__ */ a("span", { className: "sr-only", children: s })
   ] });
 };
 /*!
-  @versini/ui-svgicon v4.0.3
+  @versini/ui-svgicon v4.0.7
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.3",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.0.7",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const vr = ({
+const Nr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ a(
-  kr,
+  xr,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -794,49 +720,55 @@ const vr = ({
     className: e,
     title: t || "Close",
     ...n,
-    children: /* @__PURE__ */ a("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" })
+    children: /* @__PURE__ */ a(
+      "path",
+      {
+        d: "M297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4c12.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.3z",
+        opacity: o ? "1" : "0.4"
+      }
+    )
   }
 );
 /*!
-  @versini/ui-icons v4.4.2
+  @versini/ui-icons v4.5.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.4.2",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.5.2",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 const Ze = S.createContext(null);
-function xr({
+function wr({
   initialOpen: e = !1,
   open: r,
   onOpenChange: t
 } = {}) {
-  const [o, n] = S.useState(e), [s, l] = S.useState(), [c, u] = S.useState(), d = r ?? o, p = t ?? n, k = Kt({
-    open: d,
-    onOpenChange: p
-  }), g = k.context, i = Xt(g, {
+  const [o, n] = S.useState(e), [l, s] = S.useState(), [i, u] = S.useState(), m = r ?? o, g = t ?? n, y = qt({
+    open: m,
+    onOpenChange: g
+  }), p = y.context, c = Qt(p, {
     enabled: r == null
-  }), f = qt(g, {
+  }), f = Jt(p, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), v = Qt(g), y = Jt([i, f, v]);
+  }), v = Zt(p), x = er([c, f, v]);
   return S.useMemo(
     () => ({
-      open: d,
-      setOpen: p,
+      open: m,
+      setOpen: g,
+      ...x,
       ...y,
-      ...k,
-      labelId: s,
-      descriptionId: c,
-      setLabelId: l,
+      labelId: l,
+      descriptionId: i,
+      setLabelId: s,
       setDescriptionId: u
     }),
-    [d, p, y, k, s, c]
+    [m, g, x, y, l, i]
   );
 }
 const ke = () => {
@@ -845,68 +777,68 @@ const ke = () => {
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function Nr({
+function Er({
   children: e,
   ...r
 }) {
-  const t = xr(r);
+  const t = wr(r);
   return /* @__PURE__ */ a(Ze.Provider, { value: t, children: e });
 }
-const wr = S.forwardRef(function(e, r) {
-  const { context: t, ...o } = ke(), n = Gt([o.refs.setFloating, r]);
+const Tr = S.forwardRef(function(e, r) {
+  const { context: t, ...o } = ke(), n = Yt([o.refs.setFloating, r]);
   if (!t.open)
     return null;
-  const { overlayBackground: s, ...l } = e, c = m("grid place-items-center", {
-    [`${s}`]: s,
-    "bg-black sm:bg-black/[.8]": !s
+  const { overlayBackground: l, ...s } = e, i = d("grid place-items-center", {
+    [`${l}`]: l,
+    "bg-black sm:bg-black/[.8]": !l
   });
-  return /* @__PURE__ */ a(jt, { children: /* @__PURE__ */ a(Wt, { className: c, lockScroll: !0, children: /* @__PURE__ */ a(Yt, { context: t, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Wt, { children: /* @__PURE__ */ a(Kt, { className: i, lockScroll: !0, children: /* @__PURE__ */ a(Xt, { context: t, children: /* @__PURE__ */ a(
     "div",
     {
       ref: n,
       "aria-labelledby": o.labelId,
       "aria-describedby": o.descriptionId,
-      ...o.getFloatingProps(l),
-      children: l.children
+      ...o.getFloatingProps(s),
+      children: s.children
     }
   ) }) }) });
-}), Er = S.forwardRef(function({ children: e, ...r }, t) {
+}), Cr = S.forwardRef(function({ children: e, ...r }, t) {
   const { setLabelId: o } = ke(), n = Se();
   return S.useLayoutEffect(() => (o(n), () => o(void 0)), [n, o]), /* @__PURE__ */ a("h1", { ...r, ref: t, id: n, children: e });
-}), Cr = S.forwardRef(function({ children: e, ...r }, t) {
+}), _r = S.forwardRef(function({ children: e, ...r }, t) {
   const { setDescriptionId: o } = ke(), n = Se();
   return S.useLayoutEffect(() => (o(n), () => o(void 0)), [n, o]), /* @__PURE__ */ a("div", { ...r, ref: t, id: n, children: e });
-}), Tr = S.forwardRef(function(e, r) {
-  const { setOpen: t } = ke(), { trigger: o, className: n, ...s } = e, l = S.useCallback(() => t(!1), [t]);
+}), Ir = S.forwardRef(function(e, r) {
+  const { setOpen: t } = ke(), { trigger: o, className: n, ...l } = e, s = S.useCallback(() => t(!1), [t]);
   return /* @__PURE__ */ a("div", { className: n, children: S.cloneElement(o, {
     ref: r,
-    onClick: l,
-    ...s
+    onClick: s,
+    ...l
   }) });
 });
 /*!
-  @versini/ui-modal v1.2.4
+  @versini/ui-modal v1.2.8
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.2.4",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "1.2.8",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const se = "panel", me = "messagebox", _r = ({
+const se = "panel", me = "messagebox", Sr = ({
   className: e,
   kind: r,
   borderMode: t
 }) => ({
-  main: m("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${He} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: r === se,
-    [`${He} w-full sm:w-[95%] md:max-w-2xl`]: r === se && !e,
-    [`${Ve} rounded-lg border-2`]: r === me,
-    [`${Ve} w-[95%] sm:w-[50%] md:max-w-2xl`]: r === me && !e,
+  main: d("prose prose-lighter flex flex-col bg-surface-medium", {
+    [`${Ve} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: r === se,
+    [`${Ve} w-full sm:w-[95%] md:max-w-2xl`]: r === se && !e,
+    [`${De} rounded-lg border-2`]: r === me,
+    [`${De} w-[95%] sm:w-[50%] md:max-w-2xl`]: r === me && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": t === "dark" && r === se,
     "sm:border-border-accent": t === "light" && r === se,
@@ -923,19 +855,19 @@ const se = "panel", me = "messagebox", _r = ({
   title: t,
   children: o,
   footer: n,
-  borderMode: s = "light",
-  kind: l = se,
-  className: c
+  borderMode: l = "light",
+  kind: s = se,
+  className: i
 }) => {
-  const u = _(""), d = _r({ className: c, kind: l, borderMode: s });
-  return V(() => (e && (u.current = document.title, document.title = `${t} | ${u.current}`), () => {
+  const u = _(""), m = Sr({ className: i, kind: s, borderMode: l });
+  return D(() => (e && (u.current = document.title, document.title = `${t} | ${u.current}`), () => {
     e && (document.title = u.current);
-  }), [t, e]), /* @__PURE__ */ a(M, { children: e && /* @__PURE__ */ a(Nr, { open: e, onOpenChange: r, children: /* @__PURE__ */ h(wr, { className: d.main, children: [
+  }), [t, e]), /* @__PURE__ */ a(B, { children: e && /* @__PURE__ */ a(Er, { open: e, onOpenChange: r, children: /* @__PURE__ */ h(Tr, { className: m.main, children: [
     /* @__PURE__ */ h("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ a(
-        Tr,
+        Ir,
         {
-          className: d.close,
+          className: m.close,
           trigger: /* @__PURE__ */ a(
             Je,
             {
@@ -943,53 +875,53 @@ const se = "panel", me = "messagebox", _r = ({
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ a(vr, {})
+              children: /* @__PURE__ */ a(Nr, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ a(Er, { className: d.header, children: t })
+      /* @__PURE__ */ a(Cr, { className: m.header, children: t })
     ] }),
-    /* @__PURE__ */ a(Cr, { className: d.content, children: o }),
-    n && /* @__PURE__ */ a("div", { className: d.footer, children: n })
+    /* @__PURE__ */ a(_r, { className: m.content, children: o }),
+    n && /* @__PURE__ */ a("div", { className: m.footer, children: n })
   ] }) }) });
-}, Ir = () => {
+}, Ar = () => {
   const { getAccessToken: e } = G(), r = pe(), t = pe(), {
     data: o,
     error: n,
-    isLoading: s
-  } = Lt({
+    isLoading: l
+  } = At({
     getAccessToken: e
-  }), l = (o == null ? void 0 : o.plugins) || [], c = (o == null ? void 0 : o.version) || "", u = (o == null ? void 0 : o.models) || [];
-  return /* @__PURE__ */ h(M, { children: [
+  }), s = (o == null ? void 0 : o.plugins) || [], i = (o == null ? void 0 : o.version) || "", u = (o == null ? void 0 : o.models) || [];
+  return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a("div", { className: "mb-4", children: /* @__PURE__ */ a(
-      $,
+      H,
       {
-        header: C.ABOUT.TITLE_CLIENT,
+        header: T.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: he(r, {
-          [C.ABOUT.VERSION]: "5.20.5",
-          [C.ABOUT.BUILD_TIMESTAMP]: "01/16/2025 05:35 PM EST"
+          [T.ABOUT.VERSION]: "5.21.0",
+          [T.ABOUT.BUILD_TIMESTAMP]: "01/20/2025 04:10 PM EST"
         })
       }
     ) }),
-    n || s ? null : /* @__PURE__ */ a(
-      $,
+    n || l ? null : /* @__PURE__ */ a(
+      H,
       {
-        header: C.ABOUT.TITLE_SERVER,
+        header: T.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
         children: he(t, {
-          [C.ABOUT.VERSION]: c,
-          [ge(C.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ a(M, { children: u.map((d) => /* @__PURE__ */ a("div", { className: "text-right", children: d }, d)) }),
-          [ge(C.ABOUT.PLUGIN, l.length)]: /* @__PURE__ */ a(M, { children: l.map((d) => /* @__PURE__ */ a("div", { className: "text-right", children: d }, d)) })
+          [T.ABOUT.VERSION]: i,
+          [ge(T.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ a(B, { children: u.map((m) => /* @__PURE__ */ a("div", { className: "text-right", children: m }, m)) }),
+          [ge(T.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ a(B, { children: s.map((m) => /* @__PURE__ */ a("div", { className: "text-right", children: m }, m)) })
         })
       }
     )
   ] });
-}, Sr = ({
+}, Rr = ({
   open: e,
   onOpenChange: r
-}) => /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: ht, children: /* @__PURE__ */ a(Ir, {}) }), et = ({
+}) => /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: ht, children: /* @__PURE__ */ a(Ar, {}) }), et = ({
   showConfirmation: e,
   setShowConfirmation: r,
   action: t,
@@ -1003,8 +935,8 @@ const se = "panel", me = "messagebox", _r = ({
     onOpenChange: r,
     title: n.title,
     footer: /* @__PURE__ */ h(X, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-        F,
+      /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+        U,
         {
           mode: "dark",
           variant: "secondary",
@@ -1015,8 +947,8 @@ const se = "panel", me = "messagebox", _r = ({
           children: n.cancelAction
         }
       ) }),
-      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-        F,
+      /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+        U,
         {
           mode: "dark",
           variant: "danger",
@@ -1032,9 +964,9 @@ const se = "panel", me = "messagebox", _r = ({
   }
 ), Lr = async (e, r, t, o) => {
   try {
-    const n = await ce({
+    const n = await ie({
       accessToken: o,
-      type: ie.GET_CHAT,
+      type: ce.GET_CHAT,
       params: {
         id: e.id
       }
@@ -1052,27 +984,27 @@ const se = "panel", me = "messagebox", _r = ({
     }), t(!1));
   } catch {
   }
-}, Ar = ({
+}, Mr = ({
   filteredHistory: e,
   dispatch: r,
   onOpenChange: t,
   mutate: o
 }) => {
-  var T;
-  const { user: n, getAccessToken: s } = G(), l = _(null), c = _({
+  var C;
+  const { user: n, getAccessToken: l } = G(), s = _(null), i = _({
     id: 0,
     timestamp: "",
     message: ""
-  }), [u, d] = w(!1), [p, k] = w(
-    Be + Oe
-  ), { state: g, dispatch: i } = fe(je), [, f] = Ie({
+  }), [u, m] = w(!1), [g, y] = w(
+    Oe + Pe
+  ), { state: p, dispatch: c } = fe(je), [, f] = Ie({
     key: _e + gt,
-    initialValue: g.sortDirection
+    initialValue: p.sortDirection
   }), v = (b) => {
-    switch (g.sortDirection) {
+    switch (p.sortDirection) {
       case ae.ASC:
-        f(ae.DESC), i({
-          type: Pe,
+        f(ae.DESC), c({
+          type: ze,
           payload: {
             sortedCell: b,
             sortDirection: ae.DESC
@@ -1080,8 +1012,8 @@ const se = "panel", me = "messagebox", _r = ({
         });
         break;
       default:
-        f(ae.ASC), i({
-          type: Pe,
+        f(ae.ASC), c({
+          type: ze,
           payload: {
             sortedCell: b,
             sortDirection: ae.ASC
@@ -1089,12 +1021,12 @@ const se = "panel", me = "messagebox", _r = ({
         });
         break;
     }
-  }, y = async () => {
-    const b = c.current;
+  }, x = async () => {
+    const b = i.current;
     try {
-      await ce({
-        accessToken: await s(),
-        type: ie.DELETE_CHAT,
+      await ie({
+        accessToken: await l(),
+        type: ce.DELETE_CHAT,
         params: {
           userId: (n == null ? void 0 : n.username) || "",
           id: b.id
@@ -1102,22 +1034,22 @@ const se = "panel", me = "messagebox", _r = ({
       }), o();
     } catch {
     }
-  }, x = Ke((b) => {
-    b[0].isIntersecting && k((I) => I + Be);
+  }, k = Ke((b) => {
+    b[0].isIntersecting && y((I) => I + Oe);
   }, []);
-  return V(() => {
+  return D(() => {
     const b = {
       // root: null,
       rootMargin: "20px"
-    }, E = new IntersectionObserver(x, b);
-    l.current && E.observe(l.current);
-  }), /* @__PURE__ */ h(M, { children: [
+    }, E = new IntersectionObserver(k, b);
+    s.current && E.observe(s.current);
+  }), /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ h(
       et,
       {
         showConfirmation: u,
-        setShowConfirmation: d,
-        action: y,
+        setShowConfirmation: m,
+        action: x,
         customStrings: {
           confirmAction: "Delete",
           cancelAction: "Cancel",
@@ -1129,46 +1061,46 @@ const se = "panel", me = "messagebox", _r = ({
             /* @__PURE__ */ h("li", { children: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ a("span", { className: "text-lg", children: c.current && c.current.timestamp })
+              /* @__PURE__ */ a("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
             /* @__PURE__ */ h("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ a("span", { className: "text-lg", children: (T = c.current) == null ? void 0 : T.message })
+              /* @__PURE__ */ a("span", { className: "text-lg", children: (C = i.current) == null ? void 0 : C.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ h(At, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-      /* @__PURE__ */ a(Rt, { children: /* @__PURE__ */ h(Ne, { children: [
-        /* @__PURE__ */ a(P, { className: "sr-only", children: "Row" }),
+    /* @__PURE__ */ h(Rt, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+      /* @__PURE__ */ a(Lt, { children: /* @__PURE__ */ h(Ne, { children: [
+        /* @__PURE__ */ a($, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ a(
-          zt,
+          Mt,
           {
             buttonClassName: "text-xs sm:text-sm",
             cellId: "timestamp",
             align: "left",
-            sortDirection: g.sortDirection,
-            sortedCell: g.sortedCell,
+            sortDirection: p.sortDirection,
+            sortedCell: p.sortedCell,
             onClick: () => {
               v("timestamp");
             },
             children: "Date"
           }
         ),
-        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm", children: "First message" }),
-        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm", children: "Model" }),
-        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+        /* @__PURE__ */ a($, { className: "text-xs sm:text-sm", children: "First message" }),
+        /* @__PURE__ */ a($, { className: "text-xs sm:text-sm", children: "Model" }),
+        /* @__PURE__ */ a($, { className: "text-xs sm:text-sm text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ a(Mt, { children: e.slice(0, p).map((b, E) => {
-        var I, H;
-        return ((I = b == null ? void 0 : b.messages) == null ? void 0 : I.length) > 0 ? /* @__PURE__ */ h(Ut, { children: [
-          E === p - Oe && /* @__PURE__ */ a("tr", { ref: l }),
+      /* @__PURE__ */ a(Bt, { children: e.slice(0, g).map((b, E) => {
+        var I, O;
+        return ((I = b == null ? void 0 : b.messages) == null ? void 0 : I.length) > 0 ? /* @__PURE__ */ h(Gt, { children: [
+          E === g - Pe && /* @__PURE__ */ a("tr", { ref: s }),
           /* @__PURE__ */ h(Ne, { children: [
-            /* @__PURE__ */ a(P, { children: E + 1 }),
+            /* @__PURE__ */ a($, { children: E + 1 }),
             /* @__PURE__ */ a(
-              P,
+              $,
               {
                 component: "th",
                 scope: "row",
@@ -1177,29 +1109,29 @@ const se = "panel", me = "messagebox", _r = ({
               }
             ),
             /* @__PURE__ */ a(
-              P,
+              $,
               {
                 className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                 style: {
                   wordBreak: "break-word"
                 },
-                children: b.messages.length > 0 ? (H = b.messages[0]) == null ? void 0 : H.content : ""
+                children: b.messages.length > 0 ? (O = b.messages[0]) == null ? void 0 : O.content : ""
               }
             ),
             /* @__PURE__ */ h(
-              P,
+              $,
               {
                 component: "th",
                 scope: "row",
                 className: "text-gray-400",
                 align: "center",
                 children: [
-                  b.model && b.model.startsWith("claude") && /* @__PURE__ */ a(Bt, { size: "size-4 sm:size-5" }),
-                  b.model && b.model.startsWith("gpt") && /* @__PURE__ */ a(Ot, { size: "size-4 sm:size-5" })
+                  b.model && b.model.startsWith("claude") && /* @__PURE__ */ a(Ot, { size: "size-4 sm:size-5" }),
+                  b.model && b.model.startsWith("gpt") && /* @__PURE__ */ a(Pt, { size: "size-4 sm:size-5" })
                 ]
               }
             ),
-            /* @__PURE__ */ h(P, { align: "right", children: [
+            /* @__PURE__ */ h($, { align: "right", children: [
               /* @__PURE__ */ a(
                 le,
                 {
@@ -1208,15 +1140,15 @@ const se = "panel", me = "messagebox", _r = ({
                   noBorder: !0,
                   label: "Restore chat",
                   onClick: async () => {
-                    const B = await s();
+                    const P = await l();
                     Lr(
                       b,
                       r,
                       t,
-                      B
+                      P
                     );
                   },
-                  children: /* @__PURE__ */ a(nr, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ a(sr, { size: "size-3", monotone: !0 })
                 }
               ),
               /* @__PURE__ */ a(
@@ -1226,72 +1158,73 @@ const se = "panel", me = "messagebox", _r = ({
                   noBorder: !0,
                   label: "Delete chat",
                   onClick: () => {
-                    var B;
-                    c.current = {
+                    var P;
+                    i.current = {
                       id: b.id,
                       timestamp: b.timestamp,
-                      message: b.messages.length > 0 ? (B = b.messages[0]) == null ? void 0 : B.content : ""
-                    }, d(!u);
+                      message: b.messages.length > 0 ? (P = b.messages[0]) == null ? void 0 : P.content : ""
+                    }, m(!u);
                   },
-                  children: /* @__PURE__ */ a("div", { className: "text-red-400", children: /* @__PURE__ */ a(er, { size: "size-3", monotone: !0 }) })
+                  children: /* @__PURE__ */ a("div", { className: "text-red-400", children: /* @__PURE__ */ a(rr, { size: "size-3", monotone: !0 }) })
                 }
               )
             ] })
           ] })
-        ] }, `${C.HISTORY.TITLE}-${b.id}-${E}`) : null;
+        ] }, `${T.HISTORY.TITLE}-${b.id}-${E}`) : null;
       }) }),
-      /* @__PURE__ */ a(Pt, { children: /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(P, { colSpan: 1e3, children: /* @__PURE__ */ a("div", { children: ge(
+      /* @__PURE__ */ a(zt, { children: /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a($, { colSpan: 1e3, children: /* @__PURE__ */ a("div", { children: ge(
         `${e.length} chat`,
         e.length
       ) }) }) }) })
     ] })
   ] });
-}, Rr = ({
+}, Br = ({
   open: e,
   onOpenChange: r
 }) => {
-  const { getAccessToken: t, user: o } = G(), { dispatch: n } = fe(We), { state: s, dispatch: l } = fe(je), { data: c, mutate: u } = $t({
+  const { getAccessToken: t, user: o } = G(), { state: n, dispatch: l } = fe(Ye), { state: s, dispatch: i } = fe(je), { data: u, mutate: m } = $t({
     keys: [
       o == null ? void 0 : o.username,
       s.searchString,
-      s.sortDirection
+      s.sortDirection,
+      (n == null ? void 0 : n.lastTriggeredTimestamp) || 0
     ],
     getAccessToken: t
-  }), d = _(null), [, p] = Ie({
+  }), g = _(null), [, y] = Ie({
     key: _e + bt,
     initialValue: s.searchString
-  }), [k, g] = w([]);
-  V(() => {
-    c && g(c);
-  }, [c]);
-  const i = async (y) => {
-    p(y), l({
+  }), [p, c] = w([]);
+  D(() => {
+    u && c(u);
+  }, [u]);
+  const f = async (k) => {
+    y(k), i({
       type: kt,
-      payload: { searchString: y }
+      payload: { searchString: k }
     });
-  }, f = vt((y) => {
-    i(y.target.value.trim());
+  }, v = vt((k) => {
+    f(k.target.value.trim());
   }, 500);
-  return /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: yt, children: /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ a("form", { autoComplete: "off", onSubmit: async (y) => {
-      y.preventDefault();
+  return /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: yt, children: /* @__PURE__ */ h(B, { children: [
+    /* @__PURE__ */ a("form", { autoComplete: "off", onSubmit: async (k) => {
+      k.preventDefault();
     }, children: /* @__PURE__ */ a(
       Ee,
       {
         autoCapitalize: "off",
         autoComplete: "off",
         autoCorrect: "off",
-        ref: d,
+        ref: g,
         defaultValue: s.searchString,
         focusMode: "light",
         mode: "dark",
         name: "Search",
         label: "Search",
-        onChange: f,
+        onChange: v,
         className: "mt-2 mb-2",
         ...s.searchString && {
           rightElement: /* @__PURE__ */ a(
-            F,
+            U,
             {
               type: "button",
               disabled: !s.searchString,
@@ -1300,8 +1233,8 @@ const se = "panel", me = "messagebox", _r = ({
               noBorder: !0,
               size: "small",
               onClick: () => {
-                var y;
-                i(""), (y = d.current) != null && y.value && (d.current.value = "", d.current.focus());
+                var k;
+                f(""), (k = g.current) != null && k.value && (g.current.value = "", g.current.focus());
               },
               children: "Reset"
             }
@@ -1310,46 +1243,46 @@ const se = "panel", me = "messagebox", _r = ({
       }
     ) }),
     /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ a(
-      Ar,
+      Mr,
       {
-        mutate: u,
-        filteredHistory: k,
-        dispatch: n,
+        mutate: m,
+        filteredHistory: p,
+        dispatch: l,
         onOpenChange: r
       }
     ) })
   ] }) });
-}, zr = ({ stats: e }) => {
-  const { isAuthenticated: r, user: t, registeringForPasskey: o, authenticationType: n } = G(), s = pe(), l = pe(), c = (t == null ? void 0 : t.username) || "";
-  return r && c ? /* @__PURE__ */ h(M, { children: [
+}, Or = ({ stats: e }) => {
+  const { isAuthenticated: r, user: t, registeringForPasskey: o, authenticationType: n } = G(), l = pe(), s = pe(), i = (t == null ? void 0 : t.username) || "";
+  return r && i ? /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
-      $,
+      H,
       {
-        header: C.PREFERENCES.TITLE,
+        header: T.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: he(s, {
-          [C.PREFERENCES.NAME]: c,
-          [C.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || ""
+        children: he(l, {
+          [T.PREFERENCES.NAME]: i,
+          [T.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || ""
         })
       }
     ),
     n !== xt.PASSKEY && /* @__PURE__ */ h(
-      $,
+      H,
       {
         className: "prose-dark dark:prose-lighter mt-4",
         header: /* @__PURE__ */ a("h2", { className: "m-0", children: /* @__PURE__ */ h(X, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a($e, { size: "size-8" }) }),
-          /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a("div", { children: C.PREFERENCES.PASSKEY_TITLE }) })
+          /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a($e, { size: "size-8" }) }),
+          /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a("div", { children: T.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
-          /* @__PURE__ */ a("p", { children: C.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ a("p", { children: T.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ a(
             le,
             {
               size: "small",
               className: "mt-2",
               onClick: o,
-              labelLeft: C.PREFERENCES.PASSKEY_BUTTON,
+              labelLeft: T.PREFERENCES.PASSKEY_BUTTON,
               children: /* @__PURE__ */ a($e, { size: "size-5", monotone: !0 })
             }
           )
@@ -1357,54 +1290,54 @@ const se = "panel", me = "messagebox", _r = ({
       }
     ),
     /* @__PURE__ */ a(
-      $,
+      H,
       {
-        header: C.MAIN_STATISTICS.TITLE,
+        header: T.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter mt-4",
-        children: he(l, {
-          [ge(C.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
-          [C.MAIN_STATISTICS.PROCESSING_TIME]: Nt(
+        children: he(s, {
+          [ge(T.MAIN_STATISTICS.TOTAL, e.totalChats)]: e.totalChats,
+          [T.MAIN_STATISTICS.PROCESSING_TIME]: Nt(
             e.averageProcessingTimes
           )
         })
       }
     )
   ] }) : null;
-}, Mr = ({
+}, Pr = ({
   open: e,
   onOpenChange: r
 }) => {
   const { getAccessToken: t, user: o } = G(), {
     data: n,
-    error: s,
-    isLoading: l
-  } = Dt({
+    error: l,
+    isLoading: s
+  } = Ht({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
   });
-  return s || l ? null : /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: wt, children: /* @__PURE__ */ a(zr, { stats: n }) });
+  return l || s ? null : /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: wt, children: /* @__PURE__ */ a(Or, { stats: n }) });
 };
 /*!
-  @versini/ui-textarea v3.0.5
+  @versini/ui-textarea v3.0.9
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "3.0.5",
-    buildTime: "01/16/2025 02:52 PM EST",
+    version: "3.0.9",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const tt = "av-text-area", Br = "av-text-area-wrapper", we = "av-text-area-helper-text", Or = "av-text-area__control--right", Pr = "av-text-area__control--left";
-function $r() {
+const tt = "av-text-area", zr = "av-text-area-wrapper", we = "av-text-area-helper-text", $r = "av-text-area__control--right", Hr = "av-text-area__control--left";
+function Dr() {
   const e = _(!1);
-  return V(() => (e.current = !0, () => {
+  return D(() => (e.current = !0, () => {
     e.current = !1;
   }), []), Ke(() => e.current, []);
 }
-function Dr(e) {
+function Vr(e) {
   return Xe(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((t) => {
@@ -1412,7 +1345,7 @@ function Dr(e) {
     });
   }, e);
 }
-const Vr = {
+const Ur = {
   x: 0,
   y: 0,
   width: 0,
@@ -1423,17 +1356,17 @@ const Vr = {
   right: 0
 };
 function Fe(e) {
-  const r = $r(), t = _(0), o = _(null), [n, s] = w(Vr), l = Xe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
-    const u = c[0];
+  const r = Dr(), t = _(0), o = _(null), [n, l] = w(Ur), s = Xe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((i) => {
+    const u = i[0];
     u && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      o.current && r() && s(u.contentRect);
+      o.current && r() && l(u.contentRect);
     }));
   }), [r]);
-  return V(() => (o.current && (l == null || l.observe(o.current, e)), () => {
-    l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [l, e]), [o, n];
+  return D(() => (o.current && (s == null || s.observe(o.current, e)), () => {
+    s == null || s.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [s, e]), [o, n];
 }
-function Hr({
+function Fr({
   value: e,
   defaultValue: r,
   finalValue: t,
@@ -1441,18 +1374,18 @@ function Hr({
   },
   initialControlledDelay: n = 0
 }) {
-  const [s, l] = w(!1), [c, u] = w(
+  const [l, s] = w(!1), [i, u] = w(
     r !== void 0 ? r : t
-  ), d = (p) => {
-    u(p), o == null || o(p);
+  ), m = (g) => {
+    u(g), o == null || o(g);
   };
-  return V(() => {
-    (async () => e !== void 0 && !s && n > 0 && (await new Promise(
-      (p) => setTimeout(p, n)
-    ), l(!0)))();
-  }, [e, n, s]), e !== void 0 ? !s && n > 0 ? ["", o, !0] : [e, o, !0] : [c, d, !1];
+  return D(() => {
+    (async () => e !== void 0 && !l && n > 0 && (await new Promise(
+      (g) => setTimeout(g, n)
+    ), s(!0)))();
+  }, [e, n, l]), e !== void 0 ? !l && n > 0 ? ["", o, !0] : [e, o, !0] : [i, m, !1];
 }
-function Ur(e) {
+function Gr(e) {
   const r = Se();
   if (!e)
     return r;
@@ -1463,7 +1396,7 @@ function Ur(e) {
     return typeof t == "number" || typeof t == "string" ? `${o}${t}` : `${o}${r}`;
   }
 }
-const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
+const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", jr = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1471,7 +1404,7 @@ const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, Gr = (e, r) => {
+}, Yr = (e, r) => {
   switch (r == null ? void 0 : r.type) {
     case rt:
       return {
@@ -1486,7 +1419,7 @@ const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
     default:
       return e;
   }
-}, jr = ({
+}, Wr = ({
   onAnnouncementClear: e,
   dispatch: r
 }) => {
@@ -1504,135 +1437,135 @@ const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
     type: rt,
     payload: e
   }), r && (t.current = setTimeout(
-    () => jr({
+    () => Wr({
       onAnnouncementClear: o,
       dispatch: n
     }),
     r
   ));
-}, Wr = ({
+}, Kr = ({
   children: e,
   announcementTimeoutRef: r,
   announcementDelay: t,
   clearAnnouncementDelay: o,
   clearAnnouncementTimeoutRef: n,
-  onAnnouncementClear: s,
-  dispatch: l
+  onAnnouncementClear: l,
+  dispatch: s
 }) => {
   clearTimeout(r.current), t ? r.current = setTimeout(Ge, t, {
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: n,
-    onAnnouncementClear: s,
-    dispatch: l
+    onAnnouncementClear: l,
+    dispatch: s
   }) : Ge({
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: n,
-    onAnnouncementClear: s,
-    dispatch: l
+    onAnnouncementClear: l,
+    dispatch: s
   });
 };
-function Yr({
+function Xr({
   children: e,
   className: r,
   politeness: t,
   role: o = null,
   announcementDelay: n,
-  clearAnnouncementDelay: s,
-  onAnnouncementClear: l,
-  visible: c,
+  clearAnnouncementDelay: l,
+  onAnnouncementClear: s,
+  visible: i,
   ...u
 }) {
-  const d = _(null), p = _(null), [k, g] = Ft(Gr, {
+  const m = _(null), g = _(null), [y, p] = jt(Yr, {
     announcement: null
   });
-  let i = t;
-  typeof i > "u" && (i = o ? Fr[o] : "assertive"), V(() => {
-    Wr({
-      announcementTimeoutRef: d,
+  let c = t;
+  typeof c > "u" && (c = o ? jr[o] : "assertive"), D(() => {
+    Kr({
+      announcementTimeoutRef: m,
       announcementDelay: n,
       children: e,
-      clearAnnouncementDelay: s,
-      clearAnnouncementTimeoutRef: p,
-      onAnnouncementClear: l,
-      dispatch: g
+      clearAnnouncementDelay: l,
+      clearAnnouncementTimeoutRef: g,
+      onAnnouncementClear: s,
+      dispatch: p
     });
   }, [
     e,
     n,
-    s,
-    l
+    l,
+    s
   ]);
-  const f = m(r, {
-    "sr-only": !c
+  const f = d(r, {
+    "sr-only": !i
   });
   return /* @__PURE__ */ a(
     "div",
     {
-      "aria-live": i,
+      "aria-live": c,
       ...o && { role: o },
       className: f,
       ...u,
-      children: k.announcement
+      children: y.announcement
     }
   );
 }
 /*!
-  @versini/ui-liveregion v1.3.3
+  @versini/ui-liveregion v1.3.7
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "1.3.3",
-    buildTime: "01/16/2025 02:52 PM EST",
+    version: "1.3.7",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Xr = ({ mode: e }) => m({
+const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Qr = ({ mode: e }) => d({
   "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
-}), qr = ({
+}), Jr = ({
   focusMode: e
-}) => m("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => d("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Qr = ({
+}), Zr = ({
   noBorder: e,
   error: r
-}) => m("border-2", {
+}) => d("border-2", {
   "border-border-dark": !e && !r,
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), Jr = ({
+}), ea = ({
   disabled: e,
   raw: r,
   error: t,
   mode: o,
   leftElement: n,
-  rightElement: s
+  rightElement: l
 }) => {
   if (r)
     return "";
   if (e)
-    return m(
+    return d(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
-        "translate-x-[12px]": s === !0 && !n || !s && !n
+        "translate-x-[12px]": l === !0 && !n || !l && !n
       }
     );
   if (!t)
-    return m(
+    return d(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": s === !0 && !n || !s && !n,
+        "translate-x-[12px]": l === !0 && !n || !l && !n,
         "text-copy-medium": o === "dark",
         "text-copy-dark": o === "light",
         "text-copy-dark dark:text-copy-medium": o === "system",
@@ -1640,17 +1573,17 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       }
     );
   if (t)
-    return m(
+    return d(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": s === !0 && !n || !s && !n,
+        "translate-x-[12px]": l === !0 && !n || !l && !n,
         "text-copy-medium": o === "dark",
         "text-copy-error-dark": o === "light",
         "text-copy-error-dark dark:text-copy-error-light": o === "system",
         "text-copy-medium dark:text-copy-error-dark": o === "alt-system"
       }
     );
-}, Zr = ({
+}, ta = ({
   error: e,
   raw: r,
   mode: t,
@@ -1659,222 +1592,222 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (r)
     return "";
   if (o)
-    return m(
+    return d(
       we,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return m(we, "absolute px-2 font-medium", {
+    return d(we, "absolute px-2 font-medium", {
       "text-copy-medium": t === "dark",
       "text-copy-dark": t === "light",
       "text-copy-dark dark:text-copy-medium": t === "system",
       "text-copy-medium dark:text-copy-dark": t === "alt-system"
     });
   if (e)
-    return m(we, "absolute px-2 font-medium", {
+    return d(we, "absolute px-2 font-medium", {
       "text-copy-error-light": t === "dark",
       "text-copy-error-dark": t === "light",
       "text-copy-error-dark dark:text-copy-error-light": t === "system",
       "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
     });
-}, ea = ({
+}, ra = ({
   className: e,
   textAreaClassName: r,
   raw: t,
   focusMode: o,
   disabled: n,
-  noBorder: s,
-  error: l,
-  mode: c,
+  noBorder: l,
+  error: s,
+  mode: i,
   leftElement: u,
-  rightElement: d
+  rightElement: m
 }) => {
-  const p = t ? e : m(
+  const g = t ? e : d(
     "relative flex w-full flex-col justify-center",
-    Br,
+    zr,
     e
-  ), k = t ? m(r) : m(
+  ), y = t ? d(r) : d(
     tt,
     r,
-    Kr(),
-    Xr({ mode: c }),
-    qr({ focusMode: o }),
-    Qr({
-      noBorder: s,
-      error: l
+    qr(),
+    Qr({ mode: i }),
+    Jr({ focusMode: o }),
+    Zr({
+      noBorder: l,
+      error: s
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": n
     }
-  ), g = t ? void 0 : "sr-only", i = Jr({
+  ), p = t ? void 0 : "sr-only", c = ea({
     disabled: n,
     raw: t,
-    error: l,
-    mode: c,
-    rightElement: d,
+    error: s,
+    mode: i,
+    rightElement: m,
     leftElement: u
-  }), f = Zr({
-    error: l,
+  }), f = ta({
+    error: s,
     raw: t,
-    mode: c,
+    mode: i,
     disabled: n
-  }), v = t ? void 0 : m(Or, "absolute"), y = t ? void 0 : m(Pr, "absolute");
+  }), v = t ? void 0 : d($r, "absolute"), x = t ? void 0 : d(Hr, "absolute");
   return {
-    wrapper: p,
-    textArea: k,
-    accessibleLabel: g,
-    visibleLabel: i,
+    wrapper: g,
+    textArea: y,
+    accessibleLabel: p,
+    visibleLabel: c,
     helperText: f,
     rightElement: v,
-    leftElement: y
+    leftElement: x
   };
-}, ta = ({
+}, aa = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
   currentHelperTextOffset: o = 0
 }) => {
-  let n, s;
+  let n, l;
   if (e > 0 && e !== r) {
-    const l = e - r, c = Math.abs(l / 24);
-    n = t + -1 * Math.sign(l) * (12 * c), s = o + Math.sign(l) * (12 * c);
+    const s = e - r, i = Math.abs(s / 24);
+    n = t + -1 * Math.sign(s) * (12 * i), l = o + Math.sign(s) * (12 * i);
   }
   return {
     labelOffset: n,
-    helperTextOffset: s,
+    helperTextOffset: l,
     scrollHeight: e
   };
-}, Te = be.forwardRef(
+}, Ce = be.forwardRef(
   ({
     id: e,
     name: r,
     label: t,
     error: o = !1,
     raw: n = !1,
-    className: s,
-    textAreaClassName: l,
-    mode: c = "system",
+    className: l,
+    textAreaClassName: s,
+    mode: i = "system",
     focusMode: u = "system",
-    value: d,
-    defaultValue: p,
-    disabled: k = !1,
-    noBorder: g = !1,
-    labelId: i,
+    value: m,
+    defaultValue: g,
+    disabled: y = !1,
+    noBorder: p = !1,
+    labelId: c,
     helperText: f = "",
     helperTextOnFocus: v = !1,
-    rightElement: y,
-    leftElement: x,
-    onChange: T,
+    rightElement: x,
+    leftElement: k,
+    onChange: C,
     onFocus: b,
     onBlur: E,
     ...I
-  }, H) => {
-    var B;
-    const R = _(null), de = Dr([H, R]), [N, z] = Fe(), [Z, j] = Fe(), q = _(80), W = _(-25), O = _(null), ee = _(30), te = _(null), Y = Ur({ id: e, prefix: `${tt}-` }), [Ae, ot] = w(0), [Re, nt] = w(0), [st, ze] = w(
+  }, O) => {
+    var P;
+    const L = _(null), de = Vr([O, L]), [N, M] = Fe(), [Z, j] = Fe(), q = _(80), Y = _(-25), z = _(null), ee = _(30), te = _(null), W = Gr({ id: e, prefix: `${tt}-` }), [Re, ot] = w(0), [Le, nt] = w(0), [st, Me] = w(
       !!(!v && f)
-    ), lt = `${r} error, ${f}`, K = ea({
-      className: s,
-      textAreaClassName: l,
+    ), lt = `${r} error, ${f}`, K = ra({
+      className: l,
+      textAreaClassName: s,
       error: o,
       raw: n,
       focusMode: u,
-      disabled: k,
-      noBorder: g,
-      mode: c,
-      rightElement: !!y,
-      leftElement: !!x
-    }), [U, ct] = Hr({
-      value: d,
+      disabled: y,
+      noBorder: p,
+      mode: i,
+      rightElement: !!x,
+      leftElement: !!k
+    }), [V, it] = Fr({
+      value: m,
       initialControlledDelay: 20,
-      defaultValue: p,
-      onChange: (L) => {
-        T && T({
+      defaultValue: g,
+      onChange: (A) => {
+        C && C({
           target: {
-            value: L
+            value: A
           }
         });
       }
-    }), it = (L) => {
-      ct(L.target.value);
-    }, dt = (L) => {
-      v && f && ze(!0), b && b(L);
-    }, mt = (L) => {
-      v && f && !U && ze(!1), E && E(L);
+    }), ct = (A) => {
+      it(A.target.value);
+    }, dt = (A) => {
+      v && f && Me(!0), b && b(A);
+    }, mt = (A) => {
+      v && f && !V && Me(!1), E && E(A);
     };
     return ne(() => {
-      z && z.width && ot(z.width + 18 + 10);
-    }, [z]), ne(() => {
+      M && M.width && ot(M.width + 18 + 10);
+    }, [M]), ne(() => {
       j && j.width && nt(j.width + 18 + 10);
     }, [j]), ne(() => {
-      n || R && R.current && U !== void 0 && (R.current.style.height = "inherit", R.current.style.height = R.current.scrollHeight + "px");
-    }, [U, n]), ne(() => {
+      n || L && L.current && V !== void 0 && (L.current.style.height = "inherit", L.current.style.height = L.current.scrollHeight + "px");
+    }, [V, n]), ne(() => {
       n || setTimeout(() => {
-        var L;
-        (L = O == null ? void 0 : O.current) == null || L.style.setProperty(
+        var A;
+        (A = z == null ? void 0 : z.current) == null || A.style.setProperty(
           "--av-text-area-wrapper-transition",
-          U ? "none" : "all 0.2s ease-out"
+          V ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [U, n]), ne(() => {
-      var L, Me;
-      if (!n && R && R.current && U !== void 0) {
-        const { labelOffset: ve, helperTextOffset: xe, scrollHeight: ut } = ta({
-          scrollHeight: R.current.scrollHeight,
+    }, [V, n]), ne(() => {
+      var A, Be;
+      if (!n && L && L.current && V !== void 0) {
+        const { labelOffset: ve, helperTextOffset: xe, scrollHeight: ut } = aa({
+          scrollHeight: L.current.scrollHeight,
           currentHeight: q.current,
-          currentLabelOffset: W.current,
+          currentLabelOffset: Y.current,
           currentHelperTextOffset: ee.current
         });
-        ve && (W.current = ve, (L = O == null ? void 0 : O.current) == null || L.style.setProperty(
+        ve && (Y.current = ve, (A = z == null ? void 0 : z.current) == null || A.style.setProperty(
           "--av-text-area-label",
           `${ve}px`
-        )), xe && (ee.current = xe, (Me = te == null ? void 0 : te.current) == null || Me.style.setProperty(
+        )), xe && (ee.current = xe, (Be = te == null ? void 0 : te.current) == null || Be.style.setProperty(
           "--av-text-area-helper-text",
           `${xe}px`
         )), q.current = ut || q.current;
       }
-    }, [U, n]), j.width > 0 && ((B = O == null ? void 0 : O.current) == null || B.style.setProperty(
+    }, [V, n]), j.width > 0 && ((P = z == null ? void 0 : z.current) == null || P.style.setProperty(
       "--tw-translate-x",
       `${12 + j.width + 5}px`
     )), /* @__PURE__ */ h("div", { className: K.wrapper, children: [
       /* @__PURE__ */ a(
         "label",
         {
-          htmlFor: Y,
-          id: i,
+          htmlFor: W,
+          id: c,
           className: K.accessibleLabel,
           children: t
         }
       ),
-      x && /* @__PURE__ */ a(
+      k && /* @__PURE__ */ a(
         "div",
         {
           ref: Z,
           className: K.leftElement,
-          children: x
+          children: k
         }
       ),
       /* @__PURE__ */ a(
         "textarea",
         {
           ref: de,
-          id: Y,
+          id: W,
           name: r,
-          disabled: k,
+          disabled: y,
           placeholder: n ? void 0 : " ",
           className: K.textArea,
           rows: 1,
-          ...f && { "aria-describedby": `${Y}-helper` },
+          ...f && { "aria-describedby": `${W}-helper` },
           ...o && { "aria-invalid": "true" },
-          ...y && !x && !n && { style: { paddingRight: Ae } },
-          ...x && !y && !n && { style: { paddingLeft: Re } },
-          ...y && x && !n && {
+          ...x && !k && !n && { style: { paddingRight: Re } },
+          ...k && !x && !n && { style: { paddingLeft: Le } },
+          ...x && k && !n && {
             style: {
-              paddingRight: Ae,
-              paddingLeft: Re
+              paddingRight: Re,
+              paddingLeft: Le
             }
           },
-          value: U,
-          onChange: it,
+          value: V,
+          onChange: ct,
           onFocus: dt,
           onBlur: mt,
           ...I
@@ -1883,9 +1816,9 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       !n && /* @__PURE__ */ a(
         "label",
         {
-          ref: O,
+          ref: z,
           "aria-hidden": !0,
-          htmlFor: Y,
+          htmlFor: W,
           className: `${K.visibleLabel}`,
           children: t
         }
@@ -1894,40 +1827,40 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "div",
         {
           ref: te,
-          id: `${Y}-helper`,
+          id: `${W}-helper`,
           className: K.helperText,
           children: f
         }
       ),
-      y && /* @__PURE__ */ a(
+      x && /* @__PURE__ */ a(
         "div",
         {
           ref: N,
           className: K.rightElement,
-          children: y
+          children: x
         }
       ),
-      o && f && /* @__PURE__ */ a(Yr, { politeness: "polite", clearAnnouncementDelay: 500, children: lt })
+      o && f && /* @__PURE__ */ a(Xr, { politeness: "polite", clearAnnouncementDelay: 500, children: lt })
     ] });
   }
 );
-Te.displayName = "TextArea";
+Ce.displayName = "TextArea";
 /*!
-  @versini/ui-toggle v3.0.4
+  @versini/ui-toggle v3.0.8
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "3.0.4",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "3.0.8",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa = ({
+const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa = ({
   focusMode: e
-}) => m(
+}) => d(
   "peer-focus:outline",
   "peer-focus:outline-2",
   "peer-focus:outline-offset-2",
@@ -1937,14 +1870,14 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": e === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": e === "system"
   }
-), na = () => m(
+), la = () => d(
   "peer-checked:after:translate-x-full",
   // background color when checked
   "peer-checked:bg-violet-500",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), sa = () => m(
+), ia = () => d(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -1956,119 +1889,119 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), la = ({
+), ca = ({
   mode: e,
   noBorder: r
-}) => m({
+}) => d({
   border: !r,
   "border-border-dark bg-surface-medium": e === "light",
   "border-border-light bg-surface-darker": e === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), ca = ({
+}), da = ({
   mode: e,
   labelHidden: r
-}) => r ? "sr-only" : m("ml-2 text-sm", {
+}) => r ? "sr-only" : d("ml-2 text-sm", {
   "text-copy-dark": e === "light",
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), ia = ({ className: e }) => m(
-  ra,
+}), ma = ({ className: e }) => d(
+  oa,
   "relative flex cursor-pointer items-center",
   e
-), da = ({
+), ua = ({
   mode: e,
   focusMode: r,
   labelHidden: t,
   className: o,
   noBorder: n
 }) => ({
-  toggle: m(
-    aa(),
-    la({ mode: e, noBorder: n }),
-    oa({ focusMode: r }),
-    sa(),
-    na()
+  toggle: d(
+    na(),
+    ca({ mode: e, noBorder: n }),
+    sa({ focusMode: r }),
+    ia(),
+    la()
   ),
-  label: ca({ mode: e, labelHidden: t }),
+  label: da({ mode: e, labelHidden: t }),
   input: "peer sr-only",
-  wrapper: ia({ className: o })
+  wrapper: ma({ className: o })
 }), ue = ({
   checked: e = !1,
   onChange: r,
   label: t,
   labelHidden: o = !1,
   name: n,
-  mode: s = "system",
-  focusMode: l = "system",
-  className: c,
+  mode: l = "system",
+  focusMode: s = "system",
+  className: i,
   noBorder: u = !1
 }) => {
-  const d = da({
-    mode: s,
-    focusMode: l,
+  const m = ua({
+    mode: l,
+    focusMode: s,
     labelHidden: o,
-    className: c,
+    className: i,
     noBorder: u
-  }), p = (k) => {
-    r == null || r(k.target.checked);
+  }), g = (y) => {
+    r == null || r(y.target.checked);
   };
-  return /* @__PURE__ */ h("label", { className: d.wrapper, children: [
+  return /* @__PURE__ */ h("label", { className: m.wrapper, children: [
     /* @__PURE__ */ a(
       "input",
       {
         name: n,
         checked: e,
         type: "checkbox",
-        className: d.input,
-        onChange: p
+        className: m.input,
+        onChange: g
       }
     ),
-    /* @__PURE__ */ a("div", { className: d.toggle }),
-    /* @__PURE__ */ a("span", { className: d.label, children: t })
+    /* @__PURE__ */ a("div", { className: m.toggle }),
+    /* @__PURE__ */ a("span", { className: m.label, children: t })
   ] });
-}, ma = ({
+}, ha = ({
   open: e,
   onOpenChange: r
 }) => {
   const { getAccessToken: t, user: o } = G(), {
     data: n,
-    error: s,
-    isLoading: l,
-    mutate: c
-  } = Ye({
+    error: l,
+    isLoading: s,
+    mutate: i
+  } = We({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
-  }), [u, d] = w({
+  }), [u, m] = w({
     prompts: []
-  }), p = ({
-    slot: i,
+  }), g = ({
+    slot: c,
     checked: f,
     label: v,
-    content: y
+    content: x
   }) => {
-    d((x) => {
-      const T = x.prompts, b = {
-        slot: i,
+    m((k) => {
+      const C = k.prompts, b = {
+        slot: c,
         label: v,
-        content: y,
+        content: x,
         enabled: f
-      }, E = T.findIndex((I) => I.slot === i);
+      }, E = C.findIndex((I) => I.slot === c);
       return E === -1 ? {
-        ...x,
-        prompts: [...T, { ...b, slot: i }]
-      } : (T[E] = b, {
-        ...x,
-        prompts: [...T]
+        ...k,
+        prompts: [...C, { ...b, slot: c }]
+      } : (C[E] = b, {
+        ...k,
+        prompts: [...C]
       });
     });
-  }, k = async (i) => {
-    i.preventDefault();
+  }, y = async (c) => {
+    c.preventDefault();
     try {
-      await ce({
+      await ie({
         accessToken: await t(),
-        type: ie.SET_USER_PREFERENCES,
+        type: ce.SET_USER_PREFERENCES,
         params: {
           user: o == null ? void 0 : o.username,
           tags: u.prompts
@@ -2076,16 +2009,16 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
       });
     } catch {
     }
-  }, g = () => {
-    c({ ...n }), r(!1);
+  }, p = () => {
+    i({ ...n }), r(!1);
   };
-  return V(() => {
-    n != null && n.tags && d({ prompts: n.tags });
-  }, [n]), s || l ? null : /* @__PURE__ */ h(
+  return D(() => {
+    n != null && n.tags && m({ prompts: n.tags });
+  }, [n]), l || s ? null : /* @__PURE__ */ h(
     J,
     {
       open: e,
-      onOpenChange: g,
+      onOpenChange: p,
       title: "Prompts",
       footer: /* @__PURE__ */ h(
         X,
@@ -2094,24 +2027,24 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "secondary",
                 focusMode: "light",
-                onClick: g,
+                onClick: p,
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (i) => {
-                  r(!1), await k(i);
+                onClick: async (c) => {
+                  r(!1), await y(c);
                 },
                 children: "Save"
               }
@@ -2121,40 +2054,40 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
       ),
       children: [
         /* @__PURE__ */ a("p", { children: Et }),
-        u.prompts && u.prompts.map((i) => /* @__PURE__ */ h(
-          $,
+        u.prompts && u.prompts.map((c) => /* @__PURE__ */ h(
+          H,
           {
-            header: `Prompt ${i.slot + 1}`,
+            header: `Prompt ${c.slot + 1}`,
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
               /* @__PURE__ */ h(X, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ a(A, { span: 12, children: /* @__PURE__ */ a(
+                /* @__PURE__ */ a(R, { span: 12, children: /* @__PURE__ */ a(
                   Ee,
                   {
                     label: "Label",
-                    name: `prompt${i.slot}-label`,
-                    value: i.label,
+                    name: `prompt${c.slot}-label`,
+                    value: c.label,
                     onChange: (f) => {
-                      p({
-                        slot: i.slot,
-                        checked: i.enabled,
+                      g({
+                        slot: c.slot,
+                        checked: c.enabled,
                         label: f.target.value,
-                        content: i.content
+                        content: c.content
                       });
                     }
                   }
                 ) }),
-                /* @__PURE__ */ a(A, { span: 12, children: /* @__PURE__ */ a(
+                /* @__PURE__ */ a(R, { span: 12, children: /* @__PURE__ */ a(
                   Ee,
                   {
                     label: "Content",
-                    name: `prompt${i.slot}-content`,
-                    value: i.content,
+                    name: `prompt${c.slot}-content`,
+                    value: c.content,
                     onChange: (f) => {
-                      p({
-                        slot: i.slot,
-                        checked: i.enabled,
-                        label: i.label,
+                      g({
+                        slot: c.slot,
+                        checked: c.enabled,
+                        label: c.label,
                         content: f.target.value
                       });
                     }
@@ -2167,95 +2100,95 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                   className: "mt-2",
                   noBorder: !0,
                   label: "Enabled",
-                  name: i.slot.toString(),
+                  name: c.slot.toString(),
                   onChange: (f) => {
-                    p({
-                      slot: i.slot,
+                    g({
+                      slot: c.slot,
                       checked: f,
-                      label: i.label,
-                      content: i.content
+                      label: c.label,
+                      content: c.content
                     });
                   },
-                  checked: i.enabled
+                  checked: c.enabled
                 }
               )
             ]
           },
-          `prompt-slot-${i.slot}`
+          `prompt-slot-${c.slot}`
         ))
       ]
     }
   );
-}, ua = ({
+}, ga = ({
   open: e,
   onOpenChange: r
 }) => {
   const { getAccessToken: t, user: o } = G(), {
     data: n,
-    error: s,
-    isLoading: l,
-    mutate: c
-  } = Ye({
+    error: l,
+    isLoading: s,
+    mutate: i
+  } = We({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
-  }), [u, d] = w(!1), [p, k] = w({
+  }), [u, m] = w(!1), [g, y] = w({
     loadingLocation: !1
-  }), [g, i] = w(""), [f, v] = w(""), [y, x] = w(Ct), [T, b] = Ie({
-    key: _e + Tt,
+  }), [p, c] = w(""), [f, v] = w(""), [x, k] = w(Tt), [C, b] = Ie({
+    key: _e + Ct,
     initialValue: !1
   }), E = (N) => {
     b(N);
   }, I = async (N) => {
     N.preventDefault();
     try {
-      await ce({
+      await ie({
         accessToken: await t(),
-        type: ie.SET_USER_PREFERENCES,
+        type: ce.SET_USER_PREFERENCES,
         params: {
           user: o == null ? void 0 : o.username,
-          instructions: g,
+          instructions: p,
           location: f,
-          engine: y
+          engine: x
         }
-      }), c(), k({
+      }), i(), y({
         loadingLocation: !1
       });
     } catch {
     }
-  }, H = async () => {
-    k({
+  }, O = async () => {
+    y({
       loadingLocation: !0
     }), v("...");
     try {
-      const N = Date.now(), z = await St(), Z = await ce({
+      const N = Date.now(), M = await St(), Z = await ie({
         accessToken: await t(),
-        type: ie.GET_LOCATION,
+        type: ce.GET_LOCATION,
         params: {
-          latitude: z.latitude,
-          longitude: z.longitude
+          latitude: M.latitude,
+          longitude: M.longitude
         }
       }), q = Date.now() - N;
-      if (q < 2e3 && await new Promise((W) => setTimeout(W, 2e3 - q)), Z.status === 200) {
-        const { city: W, state: O, country: ee, displayName: te } = Z.data, Y = W && O && ee ? `${W}, ${O}, ${ee}` : te;
-        k({
+      if (q < 2e3 && await new Promise((Y) => setTimeout(Y, 2e3 - q)), Z.status === 200) {
+        const { city: Y, state: z, country: ee, displayName: te } = Z.data, W = Y && z && ee ? `${Y}, ${z}, ${ee}` : te;
+        y({
           loadingLocation: !1
-        }), v(Y);
+        }), v(W);
       } else
-        k({
+        y({
           loadingLocation: !1
         });
     } catch {
     }
-  }, B = (N, z) => {
-    x(N ? z : z === Q ? re : Q);
-  }, R = () => {
-    d(!u);
+  }, P = (N, M) => {
+    k(N ? M : M === Q ? re : Q);
+  }, L = () => {
+    m(!u);
   }, de = () => {
-    c({ ...n }), r(!1);
+    i({ ...n }), r(!1);
   };
-  return V(() => {
-    n != null && n.instructions && i(n.instructions), n != null && n.location && v(n.location), n != null && n.engine && x(n.engine);
-  }, [n]), s || l ? null : /* @__PURE__ */ a(
+  return D(() => {
+    n != null && n.instructions && c(n.instructions), n != null && n.location && v(n.location), n != null && n.engine && k(n.engine);
+  }, [n]), l || s ? null : /* @__PURE__ */ a(
     J,
     {
       open: e,
@@ -2268,8 +2201,8 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -2278,8 +2211,8 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "danger",
@@ -2293,12 +2226,12 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
           ]
         }
       ),
-      children: /* @__PURE__ */ h(M, { children: [
-        u && /* @__PURE__ */ a(ma, { open: u, onOpenChange: d }),
+      children: /* @__PURE__ */ h(B, { children: [
+        u && /* @__PURE__ */ a(ha, { open: u, onOpenChange: m }),
         /* @__PURE__ */ h(
-          $,
+          H,
           {
-            header: C.SETTINGS_ENGINE.TITLE,
+            header: T.SETTINGS_ENGINE.TITLE,
             className: "prose-dark dark:prose-lighter",
             children: [
               /* @__PURE__ */ a("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
@@ -2308,8 +2241,8 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                   noBorder: !0,
                   label: Q,
                   name: Q,
-                  onChange: (N) => B(N, Q),
-                  checked: y === Q
+                  onChange: (N) => P(N, Q),
+                  checked: x === Q
                 }
               ),
               /* @__PURE__ */ a(
@@ -2319,8 +2252,8 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                   noBorder: !0,
                   label: re,
                   name: re,
-                  onChange: (N) => B(N, re),
-                  checked: y === re
+                  onChange: (N) => P(N, re),
+                  checked: x === re
                 }
               ),
               /* @__PURE__ */ a("p", { className: "text-sm", children: 'This "Show Message Statistics" option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more.' }),
@@ -2332,7 +2265,7 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
                   onChange: E,
-                  checked: T
+                  checked: C
                 }
               ),
               /* @__PURE__ */ a("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
@@ -2341,16 +2274,16 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                 {
                   className: "mt-2",
                   size: "small",
-                  onClick: R,
+                  onClick: L,
                   labelLeft: "Edit Custom Prompts",
-                  children: /* @__PURE__ */ a(tr, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ a(Dt, { size: "size-3", monotone: !0 })
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ h(
-          $,
+          H,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -2361,7 +2294,7 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ a(
-                Te,
+                Ce,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -2369,9 +2302,9 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: g,
+                  value: p,
                   onChange: (N) => {
-                    i(N.target.value);
+                    c(N.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -2380,14 +2313,14 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
           }
         ),
         /* @__PURE__ */ h(
-          $,
+          H,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
               /* @__PURE__ */ a("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
               /* @__PURE__ */ a(
-                Te,
+                Ce,
                 {
                   mode: "alt-system",
                   name: "location",
@@ -2400,14 +2333,14 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
                 }
               ),
               /* @__PURE__ */ a(
-                F,
+                U,
                 {
                   className: "mt-2",
                   size: "small",
                   noBorder: !0,
-                  disabled: p.loadingLocation,
-                  onClick: H,
-                  children: p.loadingLocation ? "Detecting..." : "Auto-detect"
+                  disabled: g.loadingLocation,
+                  onClick: O,
+                  children: g.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
@@ -2416,93 +2349,101 @@ const ra = "av-toggle", aa = () => m("peer", "h-6", "w-11", "rounded-full"), oa
       ] })
     }
   );
-}, ka = () => {
-  const { logout: e } = G(), { state: r } = fe(We), [t, o] = w(!1), [n, s] = w(!1), [l, c] = w(!1), [u, d] = w(!1), [p, k] = w(!1), g = () => {
+}, xa = () => {
+  const { logout: e } = G(), { state: r } = fe(Ye), [t, o] = w(!1), [n, l] = w(!1), [s, i] = w(!1), [u, m] = w(!1), [g, y] = w(!1), p = () => {
     o(!t);
-  }, i = () => {
-    s(!n);
+  }, c = () => {
+    l(!n);
   }, f = () => {
-    c(!l);
+    i(!s);
   }, v = () => {
-    d(!u);
-  }, y = () => {
-    k(!p);
+    m(!u);
+  }, x = () => {
+    y(!g);
   };
-  return /* @__PURE__ */ h(M, { children: [
+  return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
       et,
       {
-        showConfirmation: p,
-        setShowConfirmation: k,
+        showConfirmation: g,
+        setShowConfirmation: y,
         action: e,
         customStrings: {
-          confirmAction: De,
+          confirmAction: He,
           cancelAction: "Cancel",
-          title: De
+          title: He
         },
         children: /* @__PURE__ */ a("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ a(Mr, { open: t, onOpenChange: o }),
-    /* @__PURE__ */ a(ua, { open: n, onOpenChange: s }),
-    l && /* @__PURE__ */ a(Rr, { open: l, onOpenChange: c }),
-    /* @__PURE__ */ a(Sr, { open: u, onOpenChange: d }),
-    /* @__PURE__ */ a("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ a(X, { alignHorizontal: "flex-end", alignVertical: "center", children: /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(A, { children: /* @__PURE__ */ h(
+    /* @__PURE__ */ a(Pr, { open: t, onOpenChange: o }),
+    /* @__PURE__ */ a(ga, { open: n, onOpenChange: l }),
+    s && /* @__PURE__ */ a(Br, { open: s, onOpenChange: i }),
+    /* @__PURE__ */ a(Rr, { open: u, onOpenChange: m }),
+    /* @__PURE__ */ a("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ a(X, { alignHorizontal: "flex-end", alignVertical: "center", children: /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
       Vt,
       {
-        mode: "dark",
-        focusMode: "light",
-        trigger: /* @__PURE__ */ a(le, { label: "Settings", children: /* @__PURE__ */ a(sr, {}) }),
-        defaultPlacement: "bottom-end",
-        children: [
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "Profile",
-              onClick: g,
-              icon: /* @__PURE__ */ a(or, {})
-            }
-          ),
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "Settings",
-              onClick: i,
-              icon: /* @__PURE__ */ a(lr, {})
-            }
-          ),
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "History",
-              onClick: f,
-              icon: /* @__PURE__ */ a(rr, {})
-            }
-          ),
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "About",
-              onClick: v,
-              icon: /* @__PURE__ */ a(ar, {})
-            }
-          ),
-          r && r.id && !r.isComponent && /* @__PURE__ */ h(M, { children: [
-            /* @__PURE__ */ a(Ht, {}),
-            /* @__PURE__ */ a(
-              oe,
-              {
-                label: "Log out",
-                onClick: y,
-                icon: /* @__PURE__ */ a("div", { className: "text-red-700", children: /* @__PURE__ */ a(Zt, { monotone: !0 }) })
-              }
-            )
-          ] })
-        ]
+        label: "Profile, Settings, etc.",
+        mode: "light",
+        placement: "left",
+        trigger: /* @__PURE__ */ h(
+          Ut,
+          {
+            mode: "dark",
+            focusMode: "light",
+            trigger: /* @__PURE__ */ a(le, { label: "Settings", children: /* @__PURE__ */ a(lr, {}) }),
+            defaultPlacement: "bottom-end",
+            children: [
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "Profile",
+                  onClick: p,
+                  icon: /* @__PURE__ */ a(nr, {})
+                }
+              ),
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "Settings",
+                  onClick: c,
+                  icon: /* @__PURE__ */ a(ir, {})
+                }
+              ),
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "History",
+                  onClick: f,
+                  icon: /* @__PURE__ */ a(ar, {})
+                }
+              ),
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "About",
+                  onClick: v,
+                  icon: /* @__PURE__ */ a(or, {})
+                }
+              ),
+              r && r.id && !r.isComponent && /* @__PURE__ */ h(B, { children: [
+                /* @__PURE__ */ a(Ft, {}),
+                /* @__PURE__ */ a(
+                  oe,
+                  {
+                    label: "Log out",
+                    onClick: x,
+                    icon: /* @__PURE__ */ a("div", { className: "text-red-700", children: /* @__PURE__ */ a(tr, { monotone: !0 }) })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       }
     ) }) }) }) }) })
   ] });
 };
 export {
-  ka as default
+  xa as default
 };