@versini/sassysaint 5.5.16 → 5.5.18

package/dist/chunks/{App.8ppM3BRY.js → App.oZoXeHpk.js}

@@ -1,14 +1,14 @@
-import { jsxs as k, jsx as l, Fragment as Y } from "react/jsx-runtime";
-import { g as me, ACTION_RESTORE as $t, ACTION_MESSAGE as q, ROLE_ASSISTANT as J, ACTION_RESET as qe, ACTION_MODEL as Je, ACTION_ENGINE as Ke, ACTION_STREAMING as Qe, ACTION_SORT as zt, ACTION_SEARCH as Mt, ACTION_SET_TAGS as Xe, ACTION_RESET_TAGS as Ye, ACTION_TOGGLE_TAG as Ze, DEFAULT_AI_ENGINE as V, P as et, un as Z, ROLE_SYSTEM as Lt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as Be, CLIPBOARD_TAG as $e, TYPE_QUESTION as Vt, C as tt, SEND as Ht, ERROR_MESSAGE as Ut, ROLE_USER as le, L as Dt, j as Gt, isLastMessageFromRole as Pt, getMessageContaintWrapperClass as Ft, Logo as Wt, getMainPaddingClass as ze, r as jt, LOCAL_STORAGE_PREFIX as Me, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Jt } from "./index.DzbWJbnE.js";
-import i from "clsx";
-import I, { useRef as v, useEffect as x, useCallback as H, useSyncExternalStore as Kt, useState as S, useMemo as pe, useContext as A, useLayoutEffect as D, useId as Qt, useReducer as Q, lazy as rt, Suspense as ce } from "react";
+import { jsxs as v, jsx as l, Fragment as Y } from "react/jsx-runtime";
+import { g as me, ACTION_RESTORE as Bt, ACTION_MESSAGE as q, ROLE_ASSISTANT as J, ACTION_RESET as qe, ACTION_MODEL as Je, ACTION_ENGINE as Ke, ACTION_STREAMING as Qe, ACTION_SORT as zt, ACTION_SEARCH as Mt, ACTION_SET_TAGS as Xe, ACTION_RESET_TAGS as Ye, ACTION_TOGGLE_TAG as Ze, DEFAULT_AI_ENGINE as V, P as et, un as Z, ROLE_SYSTEM as Lt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as $e, CLIPBOARD_TAG as Be, TYPE_QUESTION as Vt, C as tt, SEND as Ht, ERROR_MESSAGE as Ut, ROLE_USER as le, L as Dt, j as Gt, isLastMessageFromRole as Pt, getMessageContaintWrapperClass as Ft, Logo as Wt, getMainPaddingClass as ze, r as jt, LOCAL_STORAGE_PREFIX as Me, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Jt } from "./index.Dc-g6Ljy.js";
+import s from "clsx";
+import I, { useRef as k, useEffect as x, useCallback as H, useSyncExternalStore as Kt, useState as S, useMemo as pe, useContext as A, useLayoutEffect as D, useId as Qt, useReducer as Q, lazy as rt, Suspense as ce } from "react";
 const Xt = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   me,
   {
     defaultViewBox: "0 0 448 512",
@@ -51,7 +51,7 @@ const Xt = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   me,
   {
     defaultViewBox: "0 0 384 512",
@@ -92,18 +92,18 @@ const er = "av-header", tr = ({
   mode: a = "system",
   noColors: o = !1,
   sticky: n = !1,
-  noBorder: s = !1,
+  noBorder: i = !1,
   noMargin: c = !1,
   noPadding: d = !1
 }) => {
-  const g = i(
+  const g = s(
     er,
     {
-      "border-border-accent": a === "dark" && !r && !o && !s,
-      "border-border-medium": a === "light" && !r && !o && !s,
-      "border-border-accent dark:border-border-medium": a === "alt-system" && !r && !o && !s,
-      "border-border-medium dark:border-border-accent": a === "system" && !r && !o && !s,
-      "border-b-4": !r && !s,
+      "border-border-accent": a === "dark" && !r && !o && !i,
+      "border-border-medium": a === "light" && !r && !o && !i,
+      "border-border-accent dark:border-border-medium": a === "alt-system" && !r && !o && !i,
+      "border-border-medium dark:border-border-accent": a === "system" && !r && !o && !i,
+      "border-b-4": !r && !i,
       "border-transparent": !r && o,
       "bg-surface-dark": a === "dark" && !r && !o,
       "bg-surface-light": a === "light" && !r && !o,
@@ -112,7 +112,7 @@ const er = "av-header", tr = ({
       "sticky top-0 z-50": n
     },
     t
-  ), u = i({
+  ), u = s({
     "mt-0": !c,
     "p-2": !d,
     "flex flex-col w-full md:mx-auto md:max-w-4xl": !r
@@ -133,7 +133,7 @@ function rr(e) {
   };
 }
 function ar(e, t) {
-  const { alt: r, ctrl: a, meta: o, mod: n, shift: s, key: c } = e, { altKey: d, ctrlKey: g, metaKey: u, shiftKey: h, key: m } = t;
+  const { alt: r, ctrl: a, meta: o, mod: n, shift: i, key: c } = e, { altKey: d, ctrlKey: g, metaKey: u, shiftKey: h, key: m } = t;
   if (r !== d)
     return !1;
   if (n) {
@@ -141,7 +141,7 @@ function ar(e, t) {
       return !1;
   } else if (a !== g || o !== u)
     return !1;
-  return s !== h ? !1 : !!(c && (m.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
+  return i !== h ? !1 : !!(c && (m.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
 }
 function or(e) {
   return (t) => ar(rr(e), t);
@@ -154,8 +154,8 @@ function nr(e) {
     });
   };
 }
-function ir() {
-  const e = v(!1);
+function sr() {
+  const e = k(!1);
   return x(() => (e.current = !0, () => {
     e.current = !1;
   }), []), H(() => e.current, []);
@@ -168,7 +168,7 @@ const Le = (e, t) => {
     typeof t == "function" ? t() : t
   );
   window.localStorage.setItem(e, r), at(e, r);
-}, sr = (e) => {
+}, ir = (e) => {
   window.localStorage.removeItem(e), at(e, null);
 }, Oe = (e) => window.localStorage.getItem(e), lr = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
 function Ve({
@@ -176,10 +176,10 @@ function Ve({
   initialValue: t
 }) {
   const r = Kt(lr, () => Oe(e)), a = H(
-    (s) => {
+    (i) => {
       try {
-        const c = typeof s == "function" ? s(JSON.parse(r)) : s;
-        c == null ? sr(e) : Le(e, c);
+        const c = typeof i == "function" ? i(JSON.parse(r)) : i;
+        c == null ? ir(e) : Le(e, c);
       } catch (c) {
         console.warn(c);
       }
@@ -193,8 +193,8 @@ function Ve({
   return x(() => {
     try {
       Oe(e) === null && typeof t < "u" && Le(e, t);
-    } catch (s) {
-      console.warn(s);
+    } catch (i) {
+      console.warn(i);
     }
   }, [e, t]), [r ? JSON.parse(r) : null, a, o, n];
 }
@@ -209,24 +209,24 @@ const cr = {
   right: 0
 };
 function dr(e) {
-  const t = ir(), r = v(0), a = v(null), [o, n] = S(cr), s = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
+  const t = sr(), r = k(0), a = k(null), [o, n] = S(cr), i = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
     const d = c[0];
     d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && n(d.contentRect);
     }));
   }), [t]);
-  return x(() => (a.current && (s == null || s.observe(a.current, e)), () => {
-    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [s, e]), [a, o];
+  return x(() => (a.current && (i == null || i.observe(a.current, e)), () => {
+    i == null || i.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [i, e]), [a, o];
 }
 /*!
-  @versini/ui-table v3.0.1
+  @versini/ui-table v3.0.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "3.0.1",
-    buildTime: "01/03/2025 11:20 AM EST",
+    version: "3.0.2",
+    buildTime: "01/04/2025 10:03 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -242,7 +242,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   stickyHeader: a,
   stickyFooter: o
 }) => ({
-  wrapper: i(
+  wrapper: s(
     "not-prose relative w-full rounded-lg shadow-md",
     {
       "overflow-x-auto": !a && !o,
@@ -258,13 +258,13 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     },
     r
   ),
-  table: i("my-0 w-full text-left text-sm", t, {
+  table: s("my-0 w-full text-left text-sm", t, {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   }),
-  caption: i("py-2 text-sm font-bold", {
+  caption: s("py-2 text-sm font-bold", {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
@@ -274,7 +274,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   className: e,
   stickyHeader: t,
   mode: r
-}) => i(
+}) => s(
   {
     "sticky top-0 z-10": t,
     "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "dark",
@@ -287,7 +287,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   className: e,
   stickyFooter: t,
   mode: r
-}) => i(
+}) => s(
   {
     "sticky bottom-0 z-10": t,
     "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": t && r === "dark",
@@ -300,7 +300,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   mode: e,
   className: t,
   cellWrapper: r
-}) => r === ee || r === be ? i(
+}) => r === ee || r === be ? s(
   {
     "bg-table-head-dark": e === "dark" || e === "system",
     "bg-table-head-light": e === "light" || e === "alt-system",
@@ -308,7 +308,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     "dark:bg-table-head-dark": e === "alt-system"
   },
   t
-) : i(
+) : s(
   "border-b last:border-0",
   {
     "border-table-dark": e === "dark" || e === "system",
@@ -328,12 +328,12 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   mode: a,
   align: o
 }) => ({
-  alignClasses: i({
+  alignClasses: s({
     "flex justify-start text-left": o === "left",
     "flex justify-center text-center": o === "center",
     "flex justify-end text-right": o === "right"
   }),
-  mainClasses: i(
+  mainClasses: s(
     {
       "text-copy-light": a === "dark" || a === "system",
       "text-copy-dark": a === "light" || a === "alt-system",
@@ -347,24 +347,24 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   )
 }), br = ({
   buttonClassName: e
-}) => i("rounded-none text-sm", e), He = "av-button", ye = "icon", ot = "button", de = "link", yr = ({
+}) => s("rounded-none text-sm", e), He = "av-button", ye = "icon", ot = "button", de = "link", yr = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const n = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case ot:
     case de:
-      return i({
+      return s({
         [n]: t === "small",
-        [s]: t === "medium",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case ye:
-      return i("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -382,24 +382,24 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", s = "text-lg font-medium";
+  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case ot:
     case de:
-      return i({
+      return s({
         "text-center": e === de,
         [o]: t === "small",
         [n]: t === "medium",
-        [s]: t === "large"
+        [i]: t === "large"
       });
     case ye:
-      return i({
+      return s({
         [o]: t === "small" && (r || a),
         [n]: t === "medium" && (r || a),
-        [s]: t === "large" && (r || a)
+        [i]: t === "large" && (r || a)
       });
   }
-}, kr = ({
+}, vr = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -408,59 +408,55 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "not-prose";
   if (a === "primary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "light",
-      "text-copy-lighter": e === "dark",
-      "text-copy-light dark:text-copy-lighter": e === "alt-system",
-      "text-copy-lighter dark:text-copy-light": e === "system"
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return i("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    return s("not-prose text-copy-lighter", {
+      truncate: !r
     });
-}, vr = ({
+}, kr = ({
   mode: e,
   noBackground: t,
   variant: r
 }) => {
   if (!t) {
     if (r === "primary")
-      return i({
+      return s({
         "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 (r === "secondary")
-      return i({
+      return s({
         "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 (r === "danger")
-      return i({
+      return s({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -471,7 +467,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   }
 }, xr = ({
   radius: e
-}) => i({
+}) => s({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -483,21 +479,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "";
   if (r === "primary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return i("hover:text-copy-light-hover", {
+    return s("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",
@@ -513,21 +509,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "";
   if (r === "primary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return i("active:text-copy-lighter-active", {
+    return s("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",
@@ -543,21 +539,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return i("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -567,7 +563,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     return "border border-border-selected-dark";
 }, Nr = ({
   focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => s("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",
@@ -579,7 +575,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: s,
+  fullWidth: i,
   size: c,
   noBorder: d,
   labelRight: g,
@@ -589,15 +585,15 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   noTruncate: p,
   align: b,
   radius: f
-}) => (m || (m = "primary"), r ? i(He, t) : i(
+}) => (m || (m = "primary"), r ? s(He, t) : s(
   He,
-  kr({
+  vr({
     mode: a,
     variant: m,
     noBackground: h,
     noTruncate: p
   }),
-  vr({ mode: a, noBackground: h, variant: m }),
+  kr({ mode: a, noBackground: h, variant: m }),
   xr({ radius: f }),
   yr({
     type: e,
@@ -612,7 +608,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   _r({ mode: a, variant: m, disabled: n }),
   wr({ mode: a, variant: m, disabled: n }),
   {
-    "w-full": s,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   t
@@ -634,19 +630,19 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
 });
 nt.displayName = "BaseButton";
 /*!
-  @versini/ui-button v4.0.0
+  @versini/ui-button v4.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 11:20 AM EST",
+    version: "4.0.1",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const it = I.forwardRef(
+const st = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -654,7 +650,7 @@ const it = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
@@ -683,12 +679,12 @@ const it = I.forwardRef(
       noBackground: b,
       align: f,
       radius: _
-    }), E = i({
+    }), E = s({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), M = y ? i(
+    }), M = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -705,13 +701,13 @@ const it = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ v(
       nt,
       {
         ref: N,
         className: R,
         disabled: t,
-        type: s,
+        type: i,
         "aria-label": g || u,
         ...T,
         children: [
@@ -723,7 +719,7 @@ const it = I.forwardRef(
     ) });
   }
 );
-it.displayName = "ButtonSort";
+st.displayName = "ButtonSort";
 const fe = ({
   children: e,
   fill: t,
@@ -731,12 +727,12 @@ const fe = ({
   className: a,
   defaultViewBox: o,
   size: n,
-  title: s,
+  title: i,
   semantic: c = !1,
   ...d
 }) => {
-  const g = i(n, a);
-  return /* @__PURE__ */ k(Y, { children: [
+  const g = s(n, a);
+  return /* @__PURE__ */ v(Y, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
@@ -751,7 +747,7 @@ const fe = ({
         children: e
       }
     ),
-    s && c && /* @__PURE__ */ l("span", { className: "sr-only", children: s })
+    i && c && /* @__PURE__ */ l("span", { className: "sr-only", children: i })
   ] });
 };
 /*!
@@ -761,7 +757,7 @@ const fe = ({
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "4.0.0",
-    buildTime: "01/03/2025 11:19 AM EST",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -773,7 +769,7 @@ const Cr = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   fe,
   {
     defaultViewBox: "0 0 576 512",
@@ -799,7 +795,7 @@ const Cr = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   fe,
   {
     defaultViewBox: "0 0 576 512",
@@ -825,7 +821,7 @@ const Cr = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   fe,
   {
     defaultViewBox: "0 0 576 512",
@@ -853,7 +849,7 @@ const Cr = ({
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
     version: "4.0.0",
-    buildTime: "01/03/2025 11:19 AM EST",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -872,7 +868,7 @@ const P = I.createContext({
   compact: a,
   summary: o,
   className: n,
-  wrapperClassName: s,
+  wrapperClassName: i,
   maxHeight: c,
   stickyHeader: d,
   stickyFooter: g,
@@ -881,7 +877,7 @@ const P = I.createContext({
   const h = gr({
     mode: t,
     className: n,
-    wrapperClassName: s,
+    wrapperClassName: i,
     stickyHeader: d,
     stickyFooter: g
   });
@@ -896,7 +892,7 @@ const P = I.createContext({
           ...c && {
             style: { maxHeight: c }
           },
-          children: /* @__PURE__ */ k("table", { className: h.table, summary: o, ...u, children: [
+          children: /* @__PURE__ */ v("table", { className: h.table, summary: o, ...u, children: [
             r && /* @__PURE__ */ l("caption", { className: h.caption, children: r }),
             e
           ] })
@@ -951,14 +947,14 @@ const P = I.createContext({
   align: a,
   ...o
 }) => {
-  const n = A(P), s = t || (n.cellWrapper === ee ? "th" : "td"), { mainClasses: c, alignClasses: d } = pr({
+  const n = A(P), i = t || (n.cellWrapper === ee ? "th" : "td"), { mainClasses: c, alignClasses: d } = pr({
     cellWrapper: n.cellWrapper,
     className: r,
     mode: n.mode,
     compact: n.compact,
     align: a
   });
-  return a ? /* @__PURE__ */ l(s, { className: c, ...o, children: /* @__PURE__ */ l("div", { className: d, children: e }) }) : /* @__PURE__ */ l(s, { className: c, ...o, children: e });
+  return a ? /* @__PURE__ */ l(i, { className: c, ...o, children: /* @__PURE__ */ l("div", { className: d, children: e }) }) : /* @__PURE__ */ l(i, { className: c, ...o, children: e });
 }, no = ({
   align: e,
   children: t,
@@ -966,7 +962,7 @@ const P = I.createContext({
   className: a,
   component: o,
   focusMode: n = "alt-system",
-  mode: s = "alt-system",
+  mode: i = "alt-system",
   onClick: c,
   sortDirection: d,
   sortedCell: g,
@@ -983,7 +979,7 @@ const P = I.createContext({
       "aria-sort": d === j.ASC && g === u ? "ascending" : d === j.DESC && g === u ? "descending" : "other",
       ...h,
       children: /* @__PURE__ */ l(
-        it,
+        st,
         {
           active: g === u,
           className: m,
@@ -991,7 +987,7 @@ const P = I.createContext({
           align: e,
           noBorder: !0,
           focusMode: n,
-          mode: s,
+          mode: i,
           fullWidth: !0,
           labelRight: t,
           children: d === j.ASC && g === u ? /* @__PURE__ */ l(Rr, { className: "size-4", monotone: !0 }) : d === j.DESC && g === u ? /* @__PURE__ */ l(Ir, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Cr, { className: "size-4", monotone: !0 })
@@ -1002,29 +998,29 @@ const P = I.createContext({
 }, w = [];
 for (let e = 0; e < 256; ++e)
   w.push((e + 256).toString(16).slice(1));
-function Br(e, t = 0) {
+function $r(e, t = 0) {
   return (w[e[t + 0]] + w[e[t + 1]] + w[e[t + 2]] + w[e[t + 3]] + "-" + w[e[t + 4]] + w[e[t + 5]] + "-" + w[e[t + 6]] + w[e[t + 7]] + "-" + w[e[t + 8]] + w[e[t + 9]] + "-" + w[e[t + 10]] + w[e[t + 11]] + w[e[t + 12]] + w[e[t + 13]] + w[e[t + 14]] + w[e[t + 15]]).toLowerCase();
 }
-let ie;
-const $r = new Uint8Array(16);
+let se;
+const Br = new Uint8Array(16);
 function zr() {
-  if (!ie) {
+  if (!se) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    ie = crypto.getRandomValues.bind(crypto);
+    se = crypto.getRandomValues.bind(crypto);
   }
-  return ie($r);
+  return se(Br);
 }
 const Mr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ue = { randomUUID: Mr };
-function ke(e, t, r) {
+function ve(e, t, r) {
   if (Ue.randomUUID && !t && !e)
     return Ue.randomUUID();
   e = e || {};
   const a = e.random || (e.rng || zr)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Br(a);
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, $r(a);
 }
 const Lr = (e, t) => {
-  if ((t == null ? void 0 : t.type) === $t) {
+  if ((t == null ? void 0 : t.type) === Bt) {
     const r = t.payload.messages.map((a) => ({
       message: {
         role: a.role,
@@ -1044,18 +1040,18 @@ const Lr = (e, t) => {
     };
   }
   if ((t == null ? void 0 : t.type) === q) {
-    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, n = t.payload.message.processingTime, s = t.payload.message.messageId;
+    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, n = t.payload.message.processingTime, i = t.payload.message.messageId;
     if (r !== "") {
       const c = {
         role: r,
         content: a,
         name: o,
         processingTime: n,
-        messageId: s
+        messageId: i
       };
       if (r === J) {
         const d = e.messages.findIndex(
-          (g) => g.message.messageId === s
+          (g) => g.message.messageId === i
         );
         if (d !== -1) {
           const g = e.messages.map((u, h) => h === d ? {
@@ -1094,7 +1090,7 @@ const Lr = (e, t) => {
     }
   }
   return (t == null ? void 0 : t.type) === qe ? {
-    id: ke(),
+    id: ve(),
     model: e.model,
     engine: e.engine,
     usage: 0,
@@ -1257,7 +1253,7 @@ const Lr = (e, t) => {
 			engine: $engine,
 			tags: $tags)
 	}`
-}, st = {
+}, it = {
   GET_LOCATION: {
     schema: z.GET_LOCATION,
     method: "location"
@@ -1322,10 +1318,10 @@ const Lr = (e, t) => {
     });
     if (n.status !== 200)
       return { status: n.status, data: [] };
-    const { data: s, errors: c } = await n.json();
+    const { data: i, errors: c } = await n.json();
     return {
       status: n.status,
-      data: s[t.method],
+      data: i[t.method],
       errors: c
     };
   } catch (o) {
@@ -1370,7 +1366,7 @@ const Lr = (e, t) => {
   state: { searchString: "", sortedCell: "", sortDirection: "" },
   dispatch: () => {
   }
-}), ve = I.createContext({
+}), ke = I.createContext({
   state: { tag: "" },
   dispatch: () => {
   }
@@ -1388,9 +1384,9 @@ try {
   });
 } catch {
 }
-const dt = "av-text-area", Gr = "av-text-area-wrapper", se = "av-text-area-helper-text", Pr = "av-text-area__control--right", Fr = "av-text-area__control--left";
+const dt = "av-text-area", Gr = "av-text-area-wrapper", ie = "av-text-area-helper-text", Pr = "av-text-area__control--right", Fr = "av-text-area__control--left";
 function Wr() {
-  const e = v(!1);
+  const e = k(!1);
   return x(() => (e.current = !0, () => {
     e.current = !1;
   }), []), H(() => e.current, []);
@@ -1414,15 +1410,15 @@ const qr = {
   right: 0
 };
 function De(e) {
-  const t = Wr(), r = v(0), a = v(null), [o, n] = S(qr), s = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
+  const t = Wr(), r = k(0), a = k(null), [o, n] = S(qr), i = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
     const d = c[0];
     d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && n(d.contentRect);
     }));
   }), [t]);
-  return x(() => (a.current && (s == null || s.observe(a.current, e)), () => {
-    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [s, e]), [a, o];
+  return x(() => (a.current && (i == null || i.observe(a.current, e)), () => {
+    i == null || i.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [i, e]), [a, o];
 }
 function Jr({
   value: e,
@@ -1432,7 +1428,7 @@ function Jr({
   },
   initialControlledDelay: o = 0
 }) {
-  const [n, s] = S(!1), [c, d] = S(
+  const [n, i] = S(!1), [c, d] = S(
     t !== void 0 ? t : r
   ), g = (u) => {
     d(u), a == null || a(u);
@@ -1440,7 +1436,7 @@ function Jr({
   return x(() => {
     (async () => e !== void 0 && !n && o > 0 && (await new Promise(
       (u) => setTimeout(u, o)
-    ), s(!0)))();
+    ), i(!0)))();
   }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [c, g, !1];
 }
 function Kr(e) {
@@ -1508,20 +1504,20 @@ const gt = "SET_ANNOUNCEMENT", ut = "CLEAR_ANNOUNCEMENT", Qr = {
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
   onAnnouncementClear: n,
-  dispatch: s
+  dispatch: i
 }) => {
   clearTimeout(t.current), r ? t.current = setTimeout(Ge, r, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: s
+    dispatch: i
   }) : Ge({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: s
+    dispatch: i
   });
 };
 function ea({
@@ -1531,11 +1527,11 @@ function ea({
   role: a = null,
   announcementDelay: o,
   clearAnnouncementDelay: n,
-  onAnnouncementClear: s,
+  onAnnouncementClear: i,
   visible: c,
   ...d
 }) {
-  const g = v(null), u = v(null), [h, m] = Q(Xr, {
+  const g = k(null), u = k(null), [h, m] = Q(Xr, {
     announcement: null
   });
   let p = r;
@@ -1546,16 +1542,16 @@ function ea({
       children: e,
       clearAnnouncementDelay: n,
       clearAnnouncementTimeoutRef: u,
-      onAnnouncementClear: s,
+      onAnnouncementClear: i,
       dispatch: m
     });
   }, [
     e,
     o,
     n,
-    s
+    i
   ]);
-  const b = i(t, {
+  const b = s(t, {
     "sr-only": !c
   });
   return /* @__PURE__ */ l(
@@ -1582,14 +1578,14 @@ try {
   });
 } catch {
 }
-const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ra = ({ mode: e }) => i({
+const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ra = ({ mode: e }) => s({
   "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"
 }), aa = ({
   focusMode: e
-}) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => s("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",
@@ -1597,7 +1593,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }), oa = ({
   noBorder: e,
   error: t
-}) => i("border-2", {
+}) => s("border-2", {
   "border-border-dark": !e && !t,
   "focus:border-border-dark": !e && t,
   "border-border-error-dark": !e && t,
@@ -1613,14 +1609,14 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (t)
     return "";
   if (e)
-    return i(
+    return s(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o
       }
     );
   if (!r)
-    return i(
+    return s(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o,
@@ -1631,7 +1627,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       }
     );
   if (r)
-    return i(
+    return s(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o,
@@ -1641,7 +1637,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
       }
     );
-}, ia = ({
+}, sa = ({
   error: e,
   raw: t,
   mode: r,
@@ -1650,41 +1646,41 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (t)
     return "";
   if (a)
-    return i(
-      se,
+    return s(
+      ie,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(se, "absolute px-2 font-medium", {
+    return s(ie, "absolute px-2 font-medium", {
       "text-copy-medium": r === "dark",
       "text-copy-dark": r === "light",
       "text-copy-dark dark:text-copy-medium": r === "system",
       "text-copy-medium dark:text-copy-dark": r === "alt-system"
     });
   if (e)
-    return i(se, "absolute px-2 font-medium", {
+    return s(ie, "absolute px-2 font-medium", {
       "text-copy-error-light": r === "dark",
       "text-copy-error-dark": r === "light",
       "text-copy-error-dark dark:text-copy-error-light": r === "system",
       "dark:text-copy-error-dark text-copy-error-light": r === "alt-system"
     });
-}, sa = ({
+}, ia = ({
   className: e,
   textAreaClassName: t,
   raw: r,
   focusMode: a,
   disabled: o,
   noBorder: n,
-  error: s,
+  error: i,
   mode: c,
   leftElement: d,
   rightElement: g
 }) => {
-  const u = r ? e : i(
+  const u = r ? e : s(
     "relative flex w-full flex-col justify-center",
     Gr,
     e
-  ), h = r ? i(t) : i(
+  ), h = r ? s(t) : s(
     dt,
     t,
     ta(),
@@ -1692,7 +1688,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     aa({ focusMode: a }),
     oa({
       noBorder: n,
-      error: s
+      error: i
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
@@ -1700,16 +1696,16 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   ), m = r ? void 0 : "sr-only", p = na({
     disabled: o,
     raw: r,
-    error: s,
+    error: i,
     mode: c,
     rightElement: g,
     leftElement: d
-  }), b = ia({
-    error: s,
+  }), b = sa({
+    error: i,
     raw: r,
     mode: c,
     disabled: o
-  }), f = r ? void 0 : i(Pr, "absolute"), y = r ? void 0 : i(Fr, "absolute");
+  }), f = r ? void 0 : s(Pr, "absolute"), y = r ? void 0 : s(Fr, "absolute");
   return {
     wrapper: u,
     textArea: h,
@@ -1727,8 +1723,8 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   let o, n;
   if (e > 0 && e !== t) {
-    const s = e - t, c = Math.abs(s / 24);
-    o = r + -1 * Math.sign(s) * (12 * c), n = a + Math.sign(s) * (12 * c);
+    const i = e - t, c = Math.abs(i / 24);
+    o = r + -1 * Math.sign(i) * (12 * c), n = a + Math.sign(i) * (12 * c);
   }
   return {
     labelOffset: o,
@@ -1743,7 +1739,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     error: a = !1,
     raw: o = !1,
     className: n,
-    textAreaClassName: s,
+    textAreaClassName: i,
     mode: c = "system",
     focusMode: d = "system",
     value: g,
@@ -1761,11 +1757,11 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     ...E
   }, M) => {
     var Ne;
-    const B = v(null), xt = jr([M, B]), [_t, K] = De(), [wt, U] = De(), re = v(80), Ee = v(-25), L = v(null), Se = v(30), ae = v(null), W = Kr({ id: e, prefix: `${dt}-` }), [Ce, Tt] = S(0), [Ie, Nt] = S(0), [Et, Re] = S(
+    const $ = k(null), xt = jr([M, $]), [_t, K] = De(), [wt, U] = De(), re = k(80), Ee = k(-25), L = k(null), Se = k(30), ae = k(null), W = Kr({ id: e, prefix: `${dt}-` }), [Ce, Tt] = S(0), [Ie, Nt] = S(0), [Et, Re] = S(
       !!(!f && b)
-    ), St = `${t} error, ${b}`, O = sa({
+    ), St = `${t} error, ${b}`, O = ia({
       className: n,
-      textAreaClassName: s,
+      textAreaClassName: i,
       error: a,
       raw: o,
       focusMode: d,
@@ -1774,7 +1770,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       mode: c,
       rightElement: !!y,
       leftElement: !!_
-    }), [$, Ct] = Jr({
+    }), [B, Ct] = Jr({
       value: g,
       initialControlledDelay: 20,
       defaultValue: u,
@@ -1790,27 +1786,27 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }, Rt = (C) => {
       f && b && Re(!0), N && N(C);
     }, At = (C) => {
-      f && b && !$ && Re(!1), R && R(C);
+      f && b && !B && Re(!1), R && R(C);
     };
     return D(() => {
       K && K.width && Tt(K.width + 18 + 10);
     }, [K]), D(() => {
       U && U.width && Nt(U.width + 18 + 10);
     }, [U]), D(() => {
-      o || B && B.current && $ !== void 0 && (B.current.style.height = "inherit", B.current.style.height = B.current.scrollHeight + "px");
-    }, [$, o]), D(() => {
+      o || $ && $.current && B !== void 0 && ($.current.style.height = "inherit", $.current.style.height = $.current.scrollHeight + "px");
+    }, [B, o]), D(() => {
       o || setTimeout(() => {
         var C;
         (C = L == null ? void 0 : L.current) == null || C.style.setProperty(
           "--av-text-area-wrapper-transition",
-          $ ? "none" : "all 0.2s ease-out"
+          B ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [$, o]), D(() => {
+    }, [B, o]), D(() => {
       var C, Ae;
-      if (!o && B && B.current && $ !== void 0) {
-        const { labelOffset: oe, helperTextOffset: ne, scrollHeight: Bt } = la({
-          scrollHeight: B.current.scrollHeight,
+      if (!o && $ && $.current && B !== void 0) {
+        const { labelOffset: oe, helperTextOffset: ne, scrollHeight: $t } = la({
+          scrollHeight: $.current.scrollHeight,
           currentHeight: re.current,
           currentLabelOffset: Ee.current,
           currentHelperTextOffset: Se.current
@@ -1821,12 +1817,12 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         )), ne && (Se.current = ne, (Ae = ae == null ? void 0 : ae.current) == null || Ae.style.setProperty(
           "--av-text-area-helper-text",
           `${ne}px`
-        )), re.current = Bt || re.current;
+        )), re.current = $t || re.current;
       }
-    }, [$, o]), U.width > 0 && ((Ne = L == null ? void 0 : L.current) == null || Ne.style.setProperty(
+    }, [B, o]), U.width > 0 && ((Ne = L == null ? void 0 : L.current) == null || Ne.style.setProperty(
       "--tw-translate-x",
       `${12 + U.width + 5}px`
-    )), /* @__PURE__ */ k("div", { className: O.wrapper, children: [
+    )), /* @__PURE__ */ v("div", { className: O.wrapper, children: [
       /* @__PURE__ */ l(
         "label",
         {
@@ -1864,7 +1860,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
               paddingLeft: Ie
             }
           },
-          value: $,
+          value: B,
           onChange: It,
           onFocus: Rt,
           onBlur: At,
@@ -1908,14 +1904,14 @@ const ca = ({
   focusMode: t = "light",
   radius: r = "small"
 }) => {
-  const { state: a, dispatch: o } = A(F), n = v(null), s = v(!1), c = (d) => {
+  const { state: a, dispatch: o } = A(F), n = k(null), i = k(!1), c = (d) => {
     d.preventDefault(), o({
       type: qe
     });
   };
   return x(() => {
     var d;
-    (a == null ? void 0 : a.streaming) === !0 && !s.current && n.current && (s.current = !0, n.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (s.current = !1, (d = n.current) == null || d.blur());
+    (a == null ? void 0 : a.streaming) === !0 && !i.current && n.current && (i.current = !0, n.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (i.current = !1, (d = n.current) == null || d.blur());
   }, [a]), /* @__PURE__ */ l(
     et,
     {
@@ -1946,7 +1942,7 @@ const ca = ({
     }
   });
 }, da = () => {
-  const { state: e, dispatch: t } = A(F), { state: r, dispatch: a } = A(ve), [o, n] = S(""), { getAccessToken: s, user: c } = Z(), d = v(null), g = v(
+  const { state: e, dispatch: t } = A(F), { state: r, dispatch: a } = A(ke), [o, n] = S(""), { getAccessToken: i, user: c } = Z(), d = k(null), g = k(
     null
   );
   x(() => {
@@ -1960,7 +1956,7 @@ const ca = ({
       if (!(e.messages.length === 0 || h.message.role === J || h.message.role === Lt || h.message.role === he || h.message.role === Ot))
         try {
           const p = await Ur({
-            accessToken: await s(),
+            accessToken: await i(),
             name: "generate",
             data: {
               messages: e.messages,
@@ -1971,7 +1967,7 @@ const ca = ({
             }
           });
           if (p && p.ok) {
-            const b = ke();
+            const b = ve();
             g.current = p.body.getReader();
             const f = new TextDecoder();
             for (; ; ) {
@@ -1981,10 +1977,10 @@ const ca = ({
                 X(t, !1);
                 break;
               }
-              const T = f.decode(_, { stream: !0 }), N = T.indexOf(Be);
+              const T = f.decode(_, { stream: !0 }), N = T.indexOf($e);
               if (N !== -1) {
                 const R = T.substring(0, N), E = JSON.parse(
-                  T.substring(N + Be.length)
+                  T.substring(N + $e.length)
                 );
                 t({
                   type: Je,
@@ -2038,8 +2034,8 @@ const ca = ({
   return x(() => {
     if (r.tag !== "") {
       const h = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
-      h.indexOf($e) !== -1 ? navigator.clipboard.readText().then((p) => {
-        n(h.replace($e, p));
+      h.indexOf(Be) !== -1 ? navigator.clipboard.readText().then((p) => {
+        n(h.replace(Be, p));
       }) : n(h), d.current && d.current.focus(), a({
         type: Ye
       });
@@ -2075,9 +2071,9 @@ const ca = ({
     }
   ) }) });
 }, ga = () => {
-  const { dispatch: e, state: t } = A(ve), { getAccessToken: r, user: a } = Z(), [o, n] = S({
+  const { dispatch: e, state: t } = A(ke), { getAccessToken: r, user: a } = Z(), [o, n] = S({
     loaded: !1
-  }), s = "mt-2 flex justify-center rounded-md", c = (d, g) => {
+  }), i = "mt-2 flex justify-center rounded-md", c = (d, g) => {
     d.preventDefault(), e({
       type: Ze,
       payload: {
@@ -2096,7 +2092,7 @@ const ca = ({
       try {
         const d = await ct({
           accessToken: await r(),
-          type: st.GET_USER_PREFERENCES,
+          type: it.GET_USER_PREFERENCES,
           params: {
             user: a.username
           }
@@ -2112,7 +2108,7 @@ const ca = ({
       } catch {
       }
     })();
-  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Dt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Gt, { children: /* @__PURE__ */ l("div", { className: s, children: /* @__PURE__ */ l(
+  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Dt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Gt, { children: /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
     tt,
     {
       noBorder: !0,
@@ -2124,17 +2120,17 @@ const ca = ({
     }
   ) }) }, `tag-button-${d.slot}`)) }) });
 }, ua = () => {
-  const { state: e } = A(F), t = v(!1), r = window.innerWidth < 403, [a, o] = S(
+  const { state: e } = A(F), t = k(!1), r = window.innerWidth < 403, [a, o] = S(
     r ? "bottom-10" : "top-[245px]"
   );
   return x(() => {
     r || e && (!t.current && e.streaming && o("bottom-10"), t.current = !!e.streaming);
   }, [e, r]), x(() => {
     r || (e && e.messages.length === 0 && o("top-[245px]"), e && !e.streaming && e.messages.length > 0 && o("bottom-10"));
-  }, [e, r]), /* @__PURE__ */ k(
+  }, [e, r]), /* @__PURE__ */ v(
     "footer",
     {
-      className: i(
+      className: s(
         "md:mx-auto md:max-w-4xl w-11/12 fixed left-1/2 transform -translate-x-1/2 z-1000",
         a
       ),
@@ -2146,13 +2142,13 @@ const ca = ({
   );
 };
 /*!
-  @versini/ui-bubble v3.0.0
+  @versini/ui-bubble v3.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.1",
+    buildTime: "01/04/2025 10:03 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -2165,17 +2161,17 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   labelLeft: a,
   align: o
 }) => {
-  const n = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case ht:
     case ge:
-      return i({
+      return s({
         [n]: t === "small",
-        [s]: t === "medium",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case te:
-      return i("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -2193,21 +2189,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", s = "text-lg font-medium";
+  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case ht:
     case ge:
-      return i({
+      return s({
         "text-center": e === ge,
         [o]: t === "small",
         [n]: t === "medium",
-        [s]: t === "large"
+        [i]: t === "large"
       });
     case te:
-      return i({
+      return s({
         [o]: t === "small" && (r || a),
         [n]: t === "medium" && (r || a),
-        [s]: t === "large" && (r || a)
+        [i]: t === "large" && (r || a)
       });
   }
 }, ba = ({
@@ -2219,36 +2215,32 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "not-prose";
   if (a === "primary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "light",
-      "text-copy-lighter": e === "dark",
-      "text-copy-light dark:text-copy-lighter": e === "alt-system",
-      "text-copy-lighter dark:text-copy-light": e === "system"
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return i("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    return s("not-prose text-copy-lighter", {
+      truncate: !r
     });
 }, ya = ({
   mode: e,
@@ -2257,21 +2249,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
 }) => {
   if (!t) {
     if (r === "primary")
-      return i({
+      return s({
         "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 (r === "secondary")
-      return i({
+      return s({
         "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 (r === "danger")
-      return i({
+      return s({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -2282,11 +2274,11 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   }
 }, fa = ({
   radius: e
-}) => i({
+}) => s({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), ka = ({
+}), va = ({
   mode: e,
   disabled: t,
   variant: r
@@ -2294,21 +2286,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "";
   if (r === "primary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return i("hover:text-copy-light-hover", {
+    return s("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",
@@ -2316,7 +2308,7 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
     });
   if (r === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, va = ({
+}, ka = ({
   mode: e,
   disabled: t,
   variant: r
@@ -2324,21 +2316,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "";
   if (r === "primary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return i("active:text-copy-lighter-active", {
+    return s("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",
@@ -2354,21 +2346,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return i("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -2378,7 +2370,7 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
     return "border border-border-selected-dark";
 }, _a = ({
   focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => s("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",
@@ -2390,7 +2382,7 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: s,
+  fullWidth: i,
   size: c,
   noBorder: d,
   labelRight: g,
@@ -2400,7 +2392,7 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   noTruncate: p,
   align: b,
   radius: f
-}) => (m || (m = "primary"), r ? i(Fe, t) : i(
+}) => (m || (m = "primary"), r ? s(Fe, t) : s(
   Fe,
   ba({
     mode: a,
@@ -2420,10 +2412,10 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   pa({ type: e, size: c, labelRight: g, labelLeft: u }),
   xa({ mode: a, variant: m, noBorder: d }),
   _a({ focusMode: o }),
-  ka({ mode: a, variant: m, disabled: n }),
   va({ mode: a, variant: m, disabled: n }),
+  ka({ mode: a, variant: m, disabled: n }),
   {
-    "w-full": s,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   t
@@ -2452,7 +2444,7 @@ const bt = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
@@ -2482,19 +2474,19 @@ const bt = I.forwardRef(
       align: f,
       radius: y,
       variant: _
-    }), E = i({
+    }), E = s({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
     });
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ v(
       xe,
       {
         ref: N,
         className: R,
         disabled: t,
-        type: s,
+        type: i,
         "aria-label": g || u,
         ...T,
         children: [
@@ -2508,13 +2500,13 @@ const bt = I.forwardRef(
 );
 bt.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.0
+  @versini/ui-button v4.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "4.0.1",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -2528,7 +2520,7 @@ const Ta = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
@@ -2557,12 +2549,12 @@ const Ta = I.forwardRef(
       noBackground: b,
       align: f,
       radius: _
-    }), E = i({
+    }), E = s({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), M = y ? i(
+    }), M = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -2579,13 +2571,13 @@ const Ta = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ v(
       xe,
       {
         ref: N,
         className: R,
         disabled: t,
-        type: s,
+        type: i,
         "aria-label": g || u,
         ...T,
         children: [
@@ -2605,12 +2597,12 @@ const yt = ({
   className: a,
   defaultViewBox: o,
   size: n,
-  title: s,
+  title: i,
   semantic: c = !1,
   ...d
 }) => {
-  const g = i(n, a);
-  return /* @__PURE__ */ k(Y, { children: [
+  const g = s(n, a);
+  return /* @__PURE__ */ v(Y, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
@@ -2625,7 +2617,7 @@ const yt = ({
         children: e
       }
     ),
-    s && c && /* @__PURE__ */ l("span", { className: "sr-only", children: s })
+    i && c && /* @__PURE__ */ l("span", { className: "sr-only", children: i })
   ] });
 };
 /*!
@@ -2635,7 +2627,7 @@ const yt = ({
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -2647,7 +2639,7 @@ const Na = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   yt,
   {
     defaultViewBox: "0 0 448 512",
@@ -2692,41 +2684,41 @@ const Na = ({
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
     version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) => i({
+const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) => s({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), Ia = ({ kind: e }) => i(
+}), Ia = ({ kind: e }) => s(
   "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
   {
     "text-copy-lighter": e === "right"
   }
-), Ra = ({ kind: e }) => i("rounded-b-xl", {
+), Ra = ({ kind: e }) => s("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
 }), Aa = ({
   kind: e,
   className: t
 }) => {
-  const r = i(
+  const r = s(
     ma,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
     },
     t
-  ), a = i(
+  ), a = s(
     "flex flex-col empty:hidden",
     Sa(),
     Ia({ kind: e }),
     Ca({ kind: e }),
     Ra({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", n = i("flex flex-col-reverse gap-2 sm:flex-row", {
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", n = s("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
@@ -2736,14 +2728,14 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     footer: o,
     copyButton: n
   };
-}, Ba = ({
+}, $a = ({
   children: e,
   kind: t = "left",
   className: r,
   footer: a,
   rawFooter: o,
   copyToClipboard: n,
-  copyToClipboardFocusMode: s = "system",
+  copyToClipboardFocusMode: i = "system",
   copyToClipboardMode: c = "system"
 }) => {
   const [d, g] = S(!1), u = Aa({ kind: t, className: r }), h = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), m = () => {
@@ -2756,10 +2748,10 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     }, 3e3)), () => {
       clearTimeout(p);
     };
-  }, [d]), /* @__PURE__ */ k("div", { className: u.wrapper, children: [
-    /* @__PURE__ */ k("div", { children: [
+  }, [d]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
+    /* @__PURE__ */ v("div", { children: [
       /* @__PURE__ */ l("div", { className: u.main, children: e }),
-      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ k("p", { className: u.footer, children: [
+      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
         p,
         ": ",
         a[p]
@@ -2773,7 +2765,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
         noBackground: !0,
         size: "small",
         mode: c,
-        focusMode: s,
+        focusMode: i,
         label: d ? "Copied to clipboard" : "Copy to clipboard",
         onClick: m,
         disabled: d,
@@ -2781,24 +2773,24 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
       }
     ) })
   ] });
-}, We = "av-button", _e = "icon", we = "button", ue = "link", $a = ({
+}, We = "av-button", _e = "icon", we = "button", ue = "link", Ba = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const n = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case we:
     case ue:
-      return i({
+      return s({
         [n]: t === "small",
-        [s]: t === "medium",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case _e:
-      return i("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -2816,21 +2808,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", s = "text-lg font-medium";
+  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case we:
     case ue:
-      return i({
+      return s({
         "text-center": e === ue,
         [o]: t === "small",
         [n]: t === "medium",
-        [s]: t === "large"
+        [i]: t === "large"
       });
     case _e:
-      return i({
+      return s({
         [o]: t === "small" && (r || a),
         [n]: t === "medium" && (r || a),
-        [s]: t === "large" && (r || a)
+        [i]: t === "large" && (r || a)
       });
   }
 }, Ma = ({
@@ -2842,36 +2834,32 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "not-prose";
   if (a === "primary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "light",
-      "text-copy-lighter": e === "dark",
-      "text-copy-light dark:text-copy-lighter": e === "alt-system",
-      "text-copy-lighter dark:text-copy-light": e === "system"
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return i("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    return s("not-prose text-copy-lighter", {
+      truncate: !r
     });
 }, La = ({
   mode: e,
@@ -2880,21 +2868,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
 }) => {
   if (!t) {
     if (r === "primary")
-      return i({
+      return s({
         "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 (r === "secondary")
-      return i({
+      return s({
         "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 (r === "danger")
-      return i({
+      return s({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -2905,7 +2893,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   }
 }, Oa = ({
   radius: e
-}) => i({
+}) => s({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -2917,21 +2905,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return i("hover:text-copy-light-hover", {
+    return s("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",
@@ -2947,21 +2935,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return i("active:text-copy-lighter-active", {
+    return s("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",
@@ -2977,21 +2965,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return i("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -3001,7 +2989,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     return "border border-border-selected-dark";
 }, Da = ({
   focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => s("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",
@@ -3013,7 +3001,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: s,
+  fullWidth: i,
   size: c,
   noBorder: d,
   labelRight: g,
@@ -3023,7 +3011,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   noTruncate: p,
   align: b,
   radius: f
-}) => (m || (m = "primary"), r ? i(We, t) : i(
+}) => (m || (m = "primary"), r ? s(We, t) : s(
   We,
   Ma({
     mode: a,
@@ -3033,7 +3021,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   }),
   La({ mode: a, noBackground: h, variant: m }),
   Oa({ radius: f }),
-  $a({
+  Ba({
     type: e,
     size: c,
     labelRight: g,
@@ -3046,7 +3034,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   Va({ mode: a, variant: m, disabled: n }),
   Ha({ mode: a, variant: m, disabled: n }),
   {
-    "w-full": s,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   t
@@ -3067,7 +3055,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   );
 });
 Te.displayName = "BaseButton";
-const kt = I.forwardRef(
+const vt = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -3075,7 +3063,7 @@ const kt = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    size: s = "medium",
+    size: i = "medium",
     raw: c = !1,
     noBorder: d = !1,
     variant: g = "primary",
@@ -3091,7 +3079,7 @@ const kt = I.forwardRef(
       disabled: t,
       raw: c,
       className: n,
-      size: s,
+      size: i,
       noBorder: d,
       variant: g,
       noTruncate: u,
@@ -3109,15 +3097,15 @@ const kt = I.forwardRef(
     );
   }
 );
-kt.displayName = "Button";
+vt.displayName = "Button";
 /*!
-  @versini/ui-button v4.0.0
+  @versini/ui-button v4.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "4.0.1",
+    buildTime: "01/04/2025 10:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -3131,7 +3119,7 @@ const Pa = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
@@ -3160,12 +3148,12 @@ const Pa = I.forwardRef(
       noBackground: b,
       align: f,
       radius: _
-    }), E = i({
+    }), E = s({
       "text-copy-accent-dark": r === "light" && !c,
       "text-copy-light": r === "dark" && !c,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), M = y ? i(
+    }), M = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -3182,13 +3170,13 @@ const Pa = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ v(
       Te,
       {
         ref: N,
         className: R,
         disabled: t,
-        type: s,
+        type: i,
         "aria-label": g || u,
         ...T,
         children: [
@@ -3223,14 +3211,14 @@ const Fa = 200, Wa = ({
   const [o, n] = S(!1);
   if (typeof e != "string")
     return e;
-  const { string: s, isTruncated: c } = Wa({
+  const { string: i, isTruncated: c } = Wa({
     string: e,
     idealLength: t
   });
-  return /* @__PURE__ */ k("span", { style: { wordBreak: "break-word" }, children: [
-    o ? e : s,
+  return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
+    o ? e : i,
     c && /* @__PURE__ */ l(
-      kt,
+      vt,
       {
         mode: r,
         focusMode: a,
@@ -3245,13 +3233,13 @@ const Fa = 200, Wa = ({
   ] });
 };
 /*!
-  @versini/ui-truncate v3.0.0
+  @versini/ui-truncate v3.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.1",
+    buildTime: "01/04/2025 10:03 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -3260,15 +3248,15 @@ try {
 const je = rt(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./MessageAssistant.MGR6z7w8.js"
+    "./MessageAssistant.D9gVxi35.js"
   ).then((e) => e.MessageAssistant)
 ), qa = () => {
   const { state: e } = A(F);
-  return /* @__PURE__ */ k("div", { className: "space-y-6 mt-2", children: [
+  return /* @__PURE__ */ v("div", { className: "space-y-6 mt-2", children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: o, name: n, processingTime: s } = t.message;
-      return (a === J || a === he) && o ? /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { name: n, processingTime: s, children: o }) }, `${r}-${a}`) : a === le && o ? /* @__PURE__ */ l(
-        Ba,
+      const { role: a, content: o, name: n, processingTime: i } = t.message;
+      return (a === J || a === he) && o ? /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { name: n, processingTime: i, children: o }) }, `${r}-${a}`) : a === le && o ? /* @__PURE__ */ l(
+        $a,
         {
           kind: "right",
           copyToClipboard: o,
@@ -3281,10 +3269,10 @@ const je = rt(
     Pt(le, e) && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { loading: !0 }) })
   ] });
 }, Ja = () => {
-  const { isAuthenticated: e } = Z(), { state: t } = A(F), [r, a] = S(!1), [o, n] = dr(), s = Ft({
+  const { isAuthenticated: e } = Z(), { state: t } = A(F), [r, a] = S(!1), [o, n] = dr(), i = Ft({
     isAuthenticated: e,
     extraClass: "rounded-b-md"
-  }), c = v(!1), d = H(() => {
+  }), c = k(!1), d = H(() => {
     const u = o.current;
     if (u) {
       const { scrollHeight: h, clientHeight: m, scrollTop: p } = u, b = h - m - p;
@@ -3310,11 +3298,11 @@ const je = rt(
     t && t.streaming && g();
   }, [t, g]), x(() => {
     t && (!c.current && t.streaming && d(), c.current = !!t.streaming);
-  }, [t, d]), /* @__PURE__ */ k("div", { className: s, ref: o, children: [
+  }, [t, d]), /* @__PURE__ */ v("div", { className: i, ref: o, children: [
     r && /* @__PURE__ */ l("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ l(
       et,
       {
-        className: i(
+        className: s(
           "dark:bg-slate-50 dark:hover:bg-slate-300 dark:active:bg-slate-400",
           "bg-slate-500 hover:bg-slate-600 active:bg-slate-700"
         ),
@@ -3338,18 +3326,18 @@ const je = rt(
 }, Ka = rt(
   () => import(
     /* webpackChunkName: "LazyHeader" */
-    "./HeaderToolbar.Dl0oFeb8.js"
+    "./HeaderToolbar.BS7wgkaB.js"
   )
 );
-function vt({ isComponent: e = !1 }) {
-  const t = v(!1), { getAccessToken: r, user: a, isAuthenticated: o } = Z(), [n] = Ve({
+function kt({ isComponent: e = !1 }) {
+  const t = k(!1), { getAccessToken: r, user: a, isAuthenticated: o } = Z(), [n] = Ve({
     key: Me + qt,
     initialValue: ""
-  }), [s] = Ve({
+  }), [i] = Ve({
     key: Me + Jt,
     initialValue: j.ASC
   }), [c, d] = Q(Lr, {
-    id: ke(),
+    id: ve(),
     model: V,
     engine: V,
     usage: 0,
@@ -3359,7 +3347,7 @@ function vt({ isComponent: e = !1 }) {
   }), [g, u] = Q(Or, {
     searchString: n,
     sortedCell: "timestamp",
-    sortDirection: s
+    sortDirection: i
   }), [h, m] = Q(Vr, {
     tag: "",
     tags: []
@@ -3376,7 +3364,7 @@ function vt({ isComponent: e = !1 }) {
         t.current = !0;
         const y = await ct({
           accessToken: await r(),
-          type: st.ABOUT,
+          type: it.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
@@ -3403,8 +3391,8 @@ function vt({ isComponent: e = !1 }) {
         state: g,
         dispatch: u
       },
-      children: /* @__PURE__ */ k(
-        ve.Provider,
+      children: /* @__PURE__ */ v(
+        ke.Provider,
         {
           value: { state: h, dispatch: m },
           children: [
@@ -3439,23 +3427,23 @@ function vt({ isComponent: e = !1 }) {
     }
   ) });
 }
-vt.displayName = "App";
-const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: vt }, Symbol.toStringTag, { value: "Module" }));
+kt.displayName = "App";
+const so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: kt }, Symbol.toStringTag, { value: "Module" }));
 export {
-  io as App,
+  so as App,
   F as AppContext,
   Ve as E,
   Dr as HistoryContext,
   ca as NewChatButton,
   mt as Pe,
-  st as SERVICE_TYPES,
-  ve as TagsContext,
+  it as SERVICE_TYPES,
+  ke as TagsContext,
   ro as be,
   j as f,
   eo as ge,
   to as he,
   Ar as le,
-  Ba as le$1,
+  $a as le$1,
   ao as me,
   ct as serviceCall,
   oo as ue,