@versini/sassysaint 5.5.38 → 5.5.40

package/dist/chunks/{HeaderToolbar.DHwLK60v.js → HeaderToolbar.EoYyozba.js}

@@ -1,8 +1,8 @@
 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 { 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 ft, ACTION_RESTORE as pt, 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.DOk7PA6L.js";
+import { i as fe, 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, _e as Vt, me$1 as Ut, R as oe, P as Ft } from "./App.KvoRl0qM.js";
 import * as S from "react";
-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 be, { useId as Se, useRef as _, useEffect as D, useState as w, useContext as pe, 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 = ({
@@ -206,13 +206,13 @@ const tr = ({
   }
 );
 /*!
-  @versini/ui-panel v1.3.14
+  @versini/ui-panel v1.3.15
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.3.14",
-    buildTime: "01/20/2025 01:49 PM EST",
+    version: "1.3.15",
+    buildTime: "01/20/2025 03:51 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -270,7 +270,7 @@ const De = "av-messagebox", Ve = "av-panel", Ue = "av-button", ye = "icon", qe =
         [s]: r === "large" && (t || o)
       });
   }
-}, mr = ({
+}, ur = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -306,7 +306,7 @@ const De = "av-messagebox", Ve = "av-panel", Ue = "av-button", ye = "icon", qe =
     return d("not-prose text-copy-lighter", {
       truncate: !t
     });
-}, ur = ({
+}, mr = ({
   mode: e,
   noBackground: r,
   variant: t
@@ -372,7 +372,7 @@ const De = "av-messagebox", Ve = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, pr = ({
+}, fr = ({
   mode: e,
   disabled: r,
   variant: t
@@ -402,7 +402,7 @@ const De = "av-messagebox", Ve = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, fr = ({
+}, pr = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -460,36 +460,36 @@ const De = "av-messagebox", Ve = "av-panel", Ue = "av-button", ye = "icon", qe =
   disabled: l,
   fullWidth: s,
   size: i,
-  noBorder: u,
-  labelRight: m,
+  noBorder: m,
+  labelRight: u,
   labelLeft: g,
   noBackground: y,
-  variant: p,
+  variant: f,
   noTruncate: c,
-  align: f,
+  align: p,
   radius: v
-}) => (p || (p = "primary"), t ? d(Ue, r) : d(
+}) => (f || (f = "primary"), t ? d(Ue, r) : d(
   Ue,
-  mr({
+  ur({
     mode: o,
-    variant: p,
+    variant: f,
     noBackground: y,
     noTruncate: c
   }),
-  ur({ mode: o, noBackground: y, variant: p }),
+  mr({ mode: o, noBackground: y, variant: f }),
   hr({ radius: v }),
   cr({
     type: e,
     size: i,
-    labelRight: m,
+    labelRight: u,
     labelLeft: g,
-    align: f
+    align: p
   }),
-  dr({ type: e, size: i, labelRight: m, labelLeft: g }),
-  fr({ mode: o, variant: p, noBorder: u }),
+  dr({ type: e, size: i, labelRight: u, labelLeft: g }),
+  pr({ mode: o, variant: f, noBorder: m }),
   br({ focusMode: n }),
-  gr({ mode: o, variant: p, disabled: l }),
-  pr({ mode: o, variant: p, disabled: l }),
+  gr({ mode: o, variant: f, disabled: l }),
+  fr({ mode: o, variant: f, disabled: l }),
   {
     "w-full": s,
     "disabled:cursor-not-allowed disabled:opacity-50": l
@@ -522,13 +522,13 @@ const Je = be.forwardRef(
     className: l,
     type: s = "button",
     raw: i = !1,
-    noBorder: u = !1,
-    "aria-label": m,
+    noBorder: m = !1,
+    "aria-label": u,
     label: g,
     size: y = "medium",
-    labelRight: p,
+    labelRight: f,
     labelLeft: c,
-    noBackground: f = !1,
+    noBackground: p = !1,
     align: v = "center",
     radius: x = "large",
     variant: k = "primary",
@@ -543,11 +543,11 @@ const Je = be.forwardRef(
       disabled: r,
       raw: i,
       className: l,
-      noBorder: u,
+      noBorder: m,
       size: y,
-      labelRight: p,
+      labelRight: f,
       labelLeft: c,
-      noBackground: f,
+      noBackground: p,
       align: v,
       radius: x,
       variant: k
@@ -559,12 +559,12 @@ const Je = be.forwardRef(
         className: I,
         disabled: r,
         type: s,
-        "aria-label": m || g,
+        "aria-label": u || g,
         ...b,
         children: [
           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 })
+          f && /* @__PURE__ */ a("span", { className: "pl-2", children: f })
         ]
       }
     );
@@ -572,13 +572,13 @@ const Je = be.forwardRef(
 );
 Je.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.1.3
+  @versini/ui-button v4.1.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.1.3",
-    buildTime: "01/20/2025 01:49 PM EST",
+    version: "4.1.4",
+    buildTime: "01/20/2025 03:51 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -594,13 +594,13 @@ const vr = be.forwardRef(
     className: l,
     type: s = "button",
     raw: i = !1,
-    noBorder: u = !1,
-    "aria-label": m,
+    noBorder: m = !1,
+    "aria-label": u,
     label: g,
     size: y = "medium",
-    labelRight: p,
+    labelRight: f,
     labelLeft: c,
-    noBackground: f = !1,
+    noBackground: p = !1,
     align: v = "center",
     active: x = !1,
     radius: k = "large",
@@ -614,11 +614,11 @@ const vr = be.forwardRef(
       disabled: r,
       raw: i,
       className: l,
-      noBorder: u,
+      noBorder: m,
       size: y,
-      labelRight: p,
+      labelRight: f,
       labelLeft: c,
-      noBackground: f,
+      noBackground: p,
       align: v,
       radius: k
     }), I = d({
@@ -650,12 +650,12 @@ const vr = be.forwardRef(
         className: E,
         disabled: r,
         type: s,
-        "aria-label": m || g,
+        "aria-label": u || g,
         ...C,
         children: [
           c && /* @__PURE__ */ a("span", { className: "pr-2", children: c }),
           /* @__PURE__ */ a("div", { className: I, children: e }),
-          p && /* @__PURE__ */ a("span", { className: "pl-2", children: p })
+          f && /* @__PURE__ */ a("span", { className: "pl-2", children: f })
         ]
       }
     ) });
@@ -671,21 +671,21 @@ const xr = ({
   size: l,
   title: s,
   semantic: i = !1,
-  ...u
+  ...m
 }) => {
-  const m = d(l, o);
+  const u = d(l, o);
   return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: m,
+        className: u,
         viewBox: t || n,
         fill: r || "currentColor",
         role: "img",
         "aria-hidden": !i,
         focusable: !1,
-        ...u,
+        ...m,
         children: e
       }
     ),
@@ -748,27 +748,27 @@ function wr({
   open: r,
   onOpenChange: t
 } = {}) {
-  const [o, n] = S.useState(e), [l, s] = S.useState(), [i, u] = S.useState(), m = r ?? o, g = t ?? n, y = qt({
-    open: m,
+  const [o, n] = S.useState(e), [l, s] = S.useState(), [i, m] = S.useState(), u = r ?? o, g = t ?? n, y = qt({
+    open: u,
     onOpenChange: g
-  }), p = y.context, c = Qt(p, {
+  }), f = y.context, c = Qt(f, {
     enabled: r == null
-  }), f = Jt(p, {
+  }), p = Jt(f, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), v = Zt(p), x = er([c, f, v]);
+  }), v = Zt(f), x = er([c, p, v]);
   return S.useMemo(
     () => ({
-      open: m,
+      open: u,
       setOpen: g,
       ...x,
       ...y,
       labelId: l,
       descriptionId: i,
       setLabelId: s,
-      setDescriptionId: u
+      setDescriptionId: m
     }),
-    [m, g, x, y, l, i]
+    [u, g, x, y, l, i]
   );
 }
 const ke = () => {
@@ -823,13 +823,13 @@ const Tr = S.forwardRef(function(e, r) {
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
     version: "1.2.8",
-    buildTime: "01/20/2025 01:49 PM EST",
+    buildTime: "01/20/2025 03:51 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const se = "panel", me = "messagebox", Sr = ({
+const se = "panel", ue = "messagebox", Sr = ({
   className: e,
   kind: r,
   borderMode: t
@@ -837,13 +837,13 @@ const se = "panel", me = "messagebox", Sr = ({
   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,
+    [`${De} rounded-lg border-2`]: r === ue,
+    [`${De} w-[95%] sm:w-[50%] md:max-w-2xl`]: r === ue && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": t === "dark" && r === se,
     "sm:border-border-accent": t === "light" && r === se,
-    "border-border-dark": t === "dark" && r === me,
-    "border-border-accent": t === "light" && r === me
+    "border-border-dark": t === "dark" && r === ue,
+    "border-border-accent": t === "light" && r === ue
   }),
   content: "flex flex-col py-2 sm:py-4 sm:px-4 px-2 overflow-y-auto",
   footer: "flex flex-grow flex-col sm:p-4 p-2",
@@ -859,15 +859,15 @@ const se = "panel", me = "messagebox", Sr = ({
   kind: s = se,
   className: i
 }) => {
-  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(B, { children: e && /* @__PURE__ */ a(Er, { open: e, onOpenChange: r, children: /* @__PURE__ */ h(Tr, { className: m.main, children: [
+  const m = _(""), u = Sr({ className: i, kind: s, borderMode: l });
+  return D(() => (e && (m.current = document.title, document.title = `${t} | ${m.current}`), () => {
+    e && (document.title = m.current);
+  }), [t, e]), /* @__PURE__ */ a(B, { children: e && /* @__PURE__ */ a(Er, { open: e, onOpenChange: r, children: /* @__PURE__ */ h(Tr, { className: u.main, children: [
     /* @__PURE__ */ h("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ a(
         Ir,
         {
-          className: m.close,
+          className: u.close,
           trigger: /* @__PURE__ */ a(
             Je,
             {
@@ -880,19 +880,19 @@ const se = "panel", me = "messagebox", Sr = ({
           )
         }
       ),
-      /* @__PURE__ */ a(Cr, { className: m.header, children: t })
+      /* @__PURE__ */ a(Cr, { className: u.header, children: t })
     ] }),
-    /* @__PURE__ */ a(_r, { className: m.content, children: o }),
-    n && /* @__PURE__ */ a("div", { className: m.footer, children: n })
+    /* @__PURE__ */ a(_r, { className: u.content, children: o }),
+    n && /* @__PURE__ */ a("div", { className: u.footer, children: n })
   ] }) }) });
 }, Ar = () => {
-  const { getAccessToken: e } = G(), r = pe(), t = pe(), {
+  const { getAccessToken: e } = G(), r = fe(), t = fe(), {
     data: o,
     error: n,
     isLoading: l
   } = At({
     getAccessToken: e
-  }), s = (o == null ? void 0 : o.plugins) || [], i = (o == null ? void 0 : o.version) || "", u = (o == null ? void 0 : o.models) || [];
+  }), s = (o == null ? void 0 : o.plugins) || [], i = (o == null ? void 0 : o.version) || "", m = (o == null ? void 0 : o.models) || [];
   return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a("div", { className: "mb-4", children: /* @__PURE__ */ a(
       H,
@@ -900,8 +900,8 @@ const se = "panel", me = "messagebox", Sr = ({
         header: T.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: he(r, {
-          [T.ABOUT.VERSION]: "5.21.0",
-          [T.ABOUT.BUILD_TIMESTAMP]: "01/20/2025 04:10 PM EST"
+          [T.ABOUT.VERSION]: "5.21.2",
+          [T.ABOUT.BUILD_TIMESTAMP]: "01/21/2025 11:09 AM EST"
         })
       }
     ) }),
@@ -912,8 +912,8 @@ const se = "panel", me = "messagebox", Sr = ({
         className: "prose-dark dark:prose-lighter",
         children: he(t, {
           [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)) })
+          [ge(T.ABOUT.ENGINE, m.length)]: /* @__PURE__ */ a(B, { children: m.map((u) => /* @__PURE__ */ a("div", { className: "text-right", children: u }, u)) }),
+          [ge(T.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ a(B, { children: s.map((u) => /* @__PURE__ */ a("div", { className: "text-right", children: u }, u)) })
         })
       }
     )
@@ -972,9 +972,9 @@ const se = "panel", me = "messagebox", Sr = ({
       }
     });
     n.status === 200 && (r({
-      type: pt
+      type: ft
     }), r({
-      type: ft,
+      type: pt,
       payload: {
         id: e.id,
         model: n.data.model,
@@ -995,15 +995,15 @@ const se = "panel", me = "messagebox", Sr = ({
     id: 0,
     timestamp: "",
     message: ""
-  }), [u, m] = w(!1), [g, y] = w(
+  }), [m, u] = w(!1), [g, y] = w(
     Oe + Pe
-  ), { state: p, dispatch: c } = fe(je), [, f] = Ie({
+  ), { state: f, dispatch: c } = pe(je), [, p] = Ie({
     key: _e + gt,
-    initialValue: p.sortDirection
+    initialValue: f.sortDirection
   }), v = (b) => {
-    switch (p.sortDirection) {
+    switch (f.sortDirection) {
       case ae.ASC:
-        f(ae.DESC), c({
+        p(ae.DESC), c({
           type: ze,
           payload: {
             sortedCell: b,
@@ -1012,7 +1012,7 @@ const se = "panel", me = "messagebox", Sr = ({
         });
         break;
       default:
-        f(ae.ASC), c({
+        p(ae.ASC), c({
           type: ze,
           payload: {
             sortedCell: b,
@@ -1047,8 +1047,8 @@ const se = "panel", me = "messagebox", Sr = ({
     /* @__PURE__ */ h(
       et,
       {
-        showConfirmation: u,
-        setShowConfirmation: m,
+        showConfirmation: m,
+        setShowConfirmation: u,
         action: x,
         customStrings: {
           confirmAction: "Delete",
@@ -1081,8 +1081,8 @@ const se = "panel", me = "messagebox", Sr = ({
             buttonClassName: "text-xs sm:text-sm",
             cellId: "timestamp",
             align: "left",
-            sortDirection: p.sortDirection,
-            sortedCell: p.sortedCell,
+            sortDirection: f.sortDirection,
+            sortedCell: f.sortedCell,
             onClick: () => {
               v("timestamp");
             },
@@ -1163,7 +1163,7 @@ const se = "panel", me = "messagebox", Sr = ({
                       id: b.id,
                       timestamp: b.timestamp,
                       message: b.messages.length > 0 ? (P = b.messages[0]) == null ? void 0 : P.content : ""
-                    }, m(!u);
+                    }, u(!m);
                   },
                   children: /* @__PURE__ */ a("div", { className: "text-red-400", children: /* @__PURE__ */ a(rr, { size: "size-3", monotone: !0 }) })
                 }
@@ -1182,7 +1182,7 @@ const se = "panel", me = "messagebox", Sr = ({
   open: e,
   onOpenChange: r
 }) => {
-  const { getAccessToken: t, user: o } = G(), { state: n, dispatch: l } = fe(Ye), { state: s, dispatch: i } = fe(je), { data: u, mutate: m } = $t({
+  const { getAccessToken: t, user: o } = G(), { state: n, dispatch: l } = pe(Ye), { state: s, dispatch: i } = pe(je), { data: m, mutate: u } = $t({
     keys: [
       o == null ? void 0 : o.username,
       s.searchString,
@@ -1193,17 +1193,17 @@ const se = "panel", me = "messagebox", Sr = ({
   }), g = _(null), [, y] = Ie({
     key: _e + bt,
     initialValue: s.searchString
-  }), [p, c] = w([]);
+  }), [f, c] = w([]);
   D(() => {
-    u && c(u);
-  }, [u]);
-  const f = async (k) => {
+    m && c(m);
+  }, [m]);
+  const p = async (k) => {
     y(k), i({
       type: kt,
       payload: { searchString: k }
     });
   }, v = vt((k) => {
-    f(k.target.value.trim());
+    p(k.target.value.trim());
   }, 500);
   return /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: yt, children: /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a("form", { autoComplete: "off", onSubmit: async (k) => {
@@ -1234,7 +1234,7 @@ const se = "panel", me = "messagebox", Sr = ({
               size: "small",
               onClick: () => {
                 var k;
-                f(""), (k = g.current) != null && k.value && (g.current.value = "", g.current.focus());
+                p(""), (k = g.current) != null && k.value && (g.current.value = "", g.current.focus());
               },
               children: "Reset"
             }
@@ -1245,15 +1245,15 @@ const se = "panel", me = "messagebox", Sr = ({
     /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ a(
       Mr,
       {
-        mutate: m,
-        filteredHistory: p,
+        mutate: u,
+        filteredHistory: f,
         dispatch: l,
         onOpenChange: r
       }
     ) })
   ] }) });
 }, Or = ({ stats: e }) => {
-  const { isAuthenticated: r, user: t, registeringForPasskey: o, authenticationType: n } = G(), l = pe(), s = pe(), i = (t == null ? void 0 : t.username) || "";
+  const { isAuthenticated: r, user: t, registeringForPasskey: o, authenticationType: n } = G(), l = fe(), s = fe(), i = (t == null ? void 0 : t.username) || "";
   return r && i ? /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
       H,
@@ -1318,13 +1318,13 @@ const se = "panel", me = "messagebox", Sr = ({
   return l || s ? null : /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: wt, children: /* @__PURE__ */ a(Or, { stats: n }) });
 };
 /*!
-  @versini/ui-textarea v3.0.9
+  @versini/ui-textarea v3.0.10
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "3.0.9",
-    buildTime: "01/20/2025 01:49 PM EST",
+    version: "3.0.10",
+    buildTime: "01/20/2025 10:07 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1357,9 +1357,9 @@ const Ur = {
 };
 function Fe(e) {
   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() && l(u.contentRect);
+    const m = i[0];
+    m && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
+      o.current && r() && l(m.contentRect);
     }));
   }), [r]);
   return D(() => (o.current && (s == null || s.observe(o.current, e)), () => {
@@ -1374,16 +1374,16 @@ function Fr({
   },
   initialControlledDelay: n = 0
 }) {
-  const [l, s] = w(!1), [i, u] = w(
+  const [l, s] = w(!1), [i, m] = w(
     r !== void 0 ? r : t
-  ), m = (g) => {
-    u(g), o == null || o(g);
+  ), u = (g) => {
+    m(g), o == null || o(g);
   };
   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];
+  }, [e, n, l]), e !== void 0 ? !l && n > 0 ? ["", o, !0] : [e, o, !0] : [i, u, !1];
 }
 function Gr(e) {
   const r = Se();
@@ -1475,21 +1475,21 @@ function Xr({
   clearAnnouncementDelay: l,
   onAnnouncementClear: s,
   visible: i,
-  ...u
+  ...m
 }) {
-  const m = _(null), g = _(null), [y, p] = jt(Yr, {
+  const u = _(null), g = _(null), [y, f] = jt(Yr, {
     announcement: null
   });
   let c = t;
   typeof c > "u" && (c = o ? jr[o] : "assertive"), D(() => {
     Kr({
-      announcementTimeoutRef: m,
+      announcementTimeoutRef: u,
       announcementDelay: n,
       children: e,
       clearAnnouncementDelay: l,
       clearAnnouncementTimeoutRef: g,
       onAnnouncementClear: s,
-      dispatch: p
+      dispatch: f
     });
   }, [
     e,
@@ -1497,7 +1497,7 @@ function Xr({
     l,
     s
   ]);
-  const f = d(r, {
+  const p = d(r, {
     "sr-only": !i
   });
   return /* @__PURE__ */ a(
@@ -1505,8 +1505,8 @@ function Xr({
     {
       "aria-live": c,
       ...o && { role: o },
-      className: f,
-      ...u,
+      className: p,
+      ...m,
       children: y.announcement
     }
   );
@@ -1518,7 +1518,7 @@ function Xr({
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
     version: "1.3.7",
-    buildTime: "01/20/2025 01:49 PM EST",
+    buildTime: "01/20/2025 10:07 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1619,8 +1619,8 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   noBorder: l,
   error: s,
   mode: i,
-  leftElement: u,
-  rightElement: m
+  leftElement: m,
+  rightElement: u
 }) => {
   const g = t ? e : d(
     "relative flex w-full flex-col justify-center",
@@ -1639,14 +1639,14 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     {
       "disabled:cursor-not-allowed disabled:opacity-50": n
     }
-  ), p = t ? void 0 : "sr-only", c = ea({
+  ), f = t ? void 0 : "sr-only", c = ea({
     disabled: n,
     raw: t,
     error: s,
     mode: i,
-    rightElement: m,
-    leftElement: u
-  }), f = ta({
+    rightElement: u,
+    leftElement: m
+  }), p = ta({
     error: s,
     raw: t,
     mode: i,
@@ -1655,9 +1655,9 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   return {
     wrapper: g,
     textArea: y,
-    accessibleLabel: p,
+    accessibleLabel: f,
     visibleLabel: c,
-    helperText: f,
+    helperText: p,
     rightElement: v,
     leftElement: x
   };
@@ -1687,13 +1687,13 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     className: l,
     textAreaClassName: s,
     mode: i = "system",
-    focusMode: u = "system",
-    value: m,
+    focusMode: m = "system",
+    value: u,
     defaultValue: g,
     disabled: y = !1,
-    noBorder: p = !1,
+    noBorder: f = !1,
     labelId: c,
-    helperText: f = "",
+    helperText: p = "",
     helperTextOnFocus: v = !1,
     rightElement: x,
     leftElement: k,
@@ -1704,20 +1704,20 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   }, 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 = ra({
+      !!(!v && p)
+    ), lt = `${r} error, ${p}`, K = ra({
       className: l,
       textAreaClassName: s,
       error: o,
       raw: n,
-      focusMode: u,
+      focusMode: m,
       disabled: y,
-      noBorder: p,
+      noBorder: f,
       mode: i,
       rightElement: !!x,
       leftElement: !!k
     }), [V, it] = Fr({
-      value: m,
+      value: u,
       initialControlledDelay: 20,
       defaultValue: g,
       onChange: (A) => {
@@ -1730,9 +1730,9 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }), 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);
+      v && p && Me(!0), b && b(A);
+    }, ut = (A) => {
+      v && p && !V && Me(!1), E && E(A);
     };
     return ne(() => {
       M && M.width && ot(M.width + 18 + 10);
@@ -1751,7 +1751,7 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }, [V, n]), ne(() => {
       var A, Be;
       if (!n && L && L.current && V !== void 0) {
-        const { labelOffset: ve, helperTextOffset: xe, scrollHeight: ut } = aa({
+        const { labelOffset: ve, helperTextOffset: xe, scrollHeight: mt } = aa({
           scrollHeight: L.current.scrollHeight,
           currentHeight: q.current,
           currentLabelOffset: Y.current,
@@ -1763,7 +1763,7 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         )), 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;
+        )), q.current = mt || q.current;
       }
     }, [V, n]), j.width > 0 && ((P = z == null ? void 0 : z.current) == null || P.style.setProperty(
       "--tw-translate-x",
@@ -1796,7 +1796,7 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           placeholder: n ? void 0 : " ",
           className: K.textArea,
           rows: 1,
-          ...f && { "aria-describedby": `${W}-helper` },
+          ...p && { "aria-describedby": `${W}-helper` },
           ...o && { "aria-invalid": "true" },
           ...x && !k && !n && { style: { paddingRight: Re } },
           ...k && !x && !n && { style: { paddingLeft: Le } },
@@ -1809,7 +1809,7 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           value: V,
           onChange: ct,
           onFocus: dt,
-          onBlur: mt,
+          onBlur: ut,
           ...I
         }
       ),
@@ -1829,7 +1829,7 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           ref: te,
           id: `${W}-helper`,
           className: K.helperText,
-          children: f
+          children: p
         }
       ),
       x && /* @__PURE__ */ a(
@@ -1840,7 +1840,7 @@ const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           children: x
         }
       ),
-      o && f && /* @__PURE__ */ a(Xr, { politeness: "polite", clearAnnouncementDelay: 500, children: lt })
+      o && p && /* @__PURE__ */ a(Xr, { politeness: "polite", clearAnnouncementDelay: 500, children: lt })
     ] });
   }
 );
@@ -1906,11 +1906,11 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), ma = ({ className: e }) => d(
+}), ua = ({ className: e }) => d(
   oa,
   "relative flex cursor-pointer items-center",
   e
-), ua = ({
+), ma = ({
   mode: e,
   focusMode: r,
   labelHidden: t,
@@ -1926,8 +1926,8 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
   ),
   label: da({ mode: e, labelHidden: t }),
   input: "peer sr-only",
-  wrapper: ma({ className: o })
-}), ue = ({
+  wrapper: ua({ className: o })
+}), me = ({
   checked: e = !1,
   onChange: r,
   label: t,
@@ -1936,30 +1936,30 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
   mode: l = "system",
   focusMode: s = "system",
   className: i,
-  noBorder: u = !1
+  noBorder: m = !1
 }) => {
-  const m = ua({
+  const u = ma({
     mode: l,
     focusMode: s,
     labelHidden: o,
     className: i,
-    noBorder: u
+    noBorder: m
   }), g = (y) => {
     r == null || r(y.target.checked);
   };
-  return /* @__PURE__ */ h("label", { className: m.wrapper, children: [
+  return /* @__PURE__ */ h("label", { className: u.wrapper, children: [
     /* @__PURE__ */ a(
       "input",
       {
         name: n,
         checked: e,
         type: "checkbox",
-        className: m.input,
+        className: u.input,
         onChange: g
       }
     ),
-    /* @__PURE__ */ a("div", { className: m.toggle }),
-    /* @__PURE__ */ a("span", { className: m.label, children: t })
+    /* @__PURE__ */ a("div", { className: u.toggle }),
+    /* @__PURE__ */ a("span", { className: u.label, children: t })
   ] });
 }, ha = ({
   open: e,
@@ -1973,20 +1973,20 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
   } = We({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
-  }), [u, m] = w({
+  }), [m, u] = w({
     prompts: []
   }), g = ({
     slot: c,
-    checked: f,
+    checked: p,
     label: v,
     content: x
   }) => {
-    m((k) => {
+    u((k) => {
       const C = k.prompts, b = {
         slot: c,
         label: v,
         content: x,
-        enabled: f
+        enabled: p
       }, E = C.findIndex((I) => I.slot === c);
       return E === -1 ? {
         ...k,
@@ -2004,21 +2004,21 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
         type: ce.SET_USER_PREFERENCES,
         params: {
           user: o == null ? void 0 : o.username,
-          tags: u.prompts
+          tags: m.prompts
         }
       });
     } catch {
     }
-  }, p = () => {
+  }, f = () => {
     i({ ...n }), r(!1);
   };
   return D(() => {
-    n != null && n.tags && m({ prompts: n.tags });
+    n != null && n.tags && u({ prompts: n.tags });
   }, [n]), l || s ? null : /* @__PURE__ */ h(
     J,
     {
       open: e,
-      onOpenChange: p,
+      onOpenChange: f,
       title: "Prompts",
       footer: /* @__PURE__ */ h(
         X,
@@ -2033,7 +2033,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                 mode: "dark",
                 variant: "secondary",
                 focusMode: "light",
-                onClick: p,
+                onClick: f,
                 children: "Cancel"
               }
             ) }),
@@ -2054,7 +2054,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
       ),
       children: [
         /* @__PURE__ */ a("p", { children: Et }),
-        u.prompts && u.prompts.map((c) => /* @__PURE__ */ h(
+        m.prompts && m.prompts.map((c) => /* @__PURE__ */ h(
           H,
           {
             header: `Prompt ${c.slot + 1}`,
@@ -2067,11 +2067,11 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                     label: "Label",
                     name: `prompt${c.slot}-label`,
                     value: c.label,
-                    onChange: (f) => {
+                    onChange: (p) => {
                       g({
                         slot: c.slot,
                         checked: c.enabled,
-                        label: f.target.value,
+                        label: p.target.value,
                         content: c.content
                       });
                     }
@@ -2083,28 +2083,28 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                     label: "Content",
                     name: `prompt${c.slot}-content`,
                     value: c.content,
-                    onChange: (f) => {
+                    onChange: (p) => {
                       g({
                         slot: c.slot,
                         checked: c.enabled,
                         label: c.label,
-                        content: f.target.value
+                        content: p.target.value
                       });
                     }
                   }
                 ) })
               ] }),
               /* @__PURE__ */ a(
-                ue,
+                me,
                 {
                   className: "mt-2",
                   noBorder: !0,
                   label: "Enabled",
                   name: c.slot.toString(),
-                  onChange: (f) => {
+                  onChange: (p) => {
                     g({
                       slot: c.slot,
-                      checked: f,
+                      checked: p,
                       label: c.label,
                       content: c.content
                     });
@@ -2131,9 +2131,9 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
   } = We({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
-  }), [u, m] = w(!1), [g, y] = w({
+  }), [m, u] = w(!1), [g, y] = w({
     loadingLocation: !1
-  }), [p, c] = w(""), [f, v] = w(""), [x, k] = w(Tt), [C, b] = Ie({
+  }), [f, c] = w(""), [p, v] = w(""), [x, k] = w(Tt), [C, b] = Ie({
     key: _e + Ct,
     initialValue: !1
   }), E = (N) => {
@@ -2146,8 +2146,8 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
         type: ce.SET_USER_PREFERENCES,
         params: {
           user: o == null ? void 0 : o.username,
-          instructions: p,
-          location: f,
+          instructions: f,
+          location: p,
           engine: x
         }
       }), i(), y({
@@ -2182,7 +2182,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
   }, P = (N, M) => {
     k(N ? M : M === Q ? re : Q);
   }, L = () => {
-    m(!u);
+    u(!m);
   }, de = () => {
     i({ ...n }), r(!1);
   };
@@ -2227,7 +2227,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
         }
       ),
       children: /* @__PURE__ */ h(B, { children: [
-        u && /* @__PURE__ */ a(ha, { open: u, onOpenChange: m }),
+        m && /* @__PURE__ */ a(ha, { open: m, onOpenChange: u }),
         /* @__PURE__ */ h(
           H,
           {
@@ -2236,7 +2236,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
             children: [
               /* @__PURE__ */ a("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
               /* @__PURE__ */ a(
-                ue,
+                me,
                 {
                   noBorder: !0,
                   label: Q,
@@ -2246,7 +2246,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                 }
               ),
               /* @__PURE__ */ a(
-                ue,
+                me,
                 {
                   className: "mt-2",
                   noBorder: !0,
@@ -2258,7 +2258,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
               ),
               /* @__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.' }),
               /* @__PURE__ */ a(
-                ue,
+                me,
                 {
                   className: "mt-2",
                   noBorder: !0,
@@ -2302,7 +2302,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: p,
+                  value: f,
                   onChange: (N) => {
                     c(N.target.value);
                   },
@@ -2325,7 +2325,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
-                  value: f,
+                  value: p,
                   onChange: (N) => {
                     v(N.target.value);
                   },
@@ -2350,14 +2350,14 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
     }
   );
 }, 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 = () => {
+  const { logout: e } = G(), { state: r } = pe(Ye), [t, o] = w(!1), [n, l] = w(!1), [s, i] = w(!1), [m, u] = w(!1), [g, y] = w(!1), f = () => {
     o(!t);
   }, c = () => {
     l(!n);
-  }, f = () => {
+  }, p = () => {
     i(!s);
   }, v = () => {
-    m(!u);
+    u(!m);
   }, x = () => {
     y(!g);
   };
@@ -2379,7 +2379,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
     /* @__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(Rr, { open: m, onOpenChange: u }),
     /* @__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,
       {
@@ -2398,7 +2398,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                 oe,
                 {
                   label: "Profile",
-                  onClick: p,
+                  onClick: f,
                   icon: /* @__PURE__ */ a(nr, {})
                 }
               ),
@@ -2414,7 +2414,7 @@ const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa
                 oe,
                 {
                   label: "History",
-                  onClick: f,
+                  onClick: p,
                   icon: /* @__PURE__ */ a(ar, {})
                 }
               ),