@versini/sassysaint 7.1.1 → 7.1.2

package/dist/chunks/{App.Cx-e5bZ5.js → App.CBWEb0V8.js}

@@ -1,8 +1,8 @@
 import { jsx as l, jsxs as L, Fragment as _e } from "react/jsx-runtime";
-import { f as ye, ACTION_SORT as Rn, ACTION_SEARCH as In, ACTION_RESET_PROMPT as Ea, ACTION_TOGGLE_PROMPT as Ta, ROLE_ASSISTANT as Fe, DEFAULT_AI_PROVIDER as ot, re as $e, DEFAULT_ICON_ACTION_SIZE as ge, L as An, j as Mr, C as Dr, LOCAL_STORAGE_PREFIX as Ft, LOCAL_STORAGE_PRIVATE_DISCLOSURE as $n, un as Le, PROVIDER_ANTHROPIC as Ct, PROVIDER_OPENAI as Vr, PROMPT_CLASSNAME as Ln, PROMPT_EDITABLE_AREA_CLASSNAME as On, ROLE_SYSTEM as Bn, ROLE_INTERNAL as at, ROLE_HIDDEN as Mn, STATS_SEPARATOR as Pr, ERROR_MESSAGE as zr, CLIPBOARD_PROMPT as Ur, TYPE_QUESTION as Dn, ROLE_USER as Sa, FOOTER_DISCLAIMER as Vn, getMessageContaintWrapperClass as Pn, Logo as zn, getMainPaddingClass as Hr, r as Un, LOCAL_STORAGE_SEARCH as Hn, LOCAL_STORAGE_SORT as Fn } from "./index.B2XPWk2Q.js";
-import f from "clsx";
+import { f as ye, ACTION_SORT as Rn, ACTION_SEARCH as In, ACTION_RESET_PROMPT as Ea, ACTION_TOGGLE_PROMPT as Ta, ROLE_ASSISTANT as Fe, DEFAULT_AI_PROVIDER as ot, re as $e, DEFAULT_ICON_ACTION_SIZE as ge, L as An, j as Mr, C as Dr, LOCAL_STORAGE_PREFIX as Ft, LOCAL_STORAGE_PRIVATE_DISCLOSURE as $n, un as Le, PROVIDER_ANTHROPIC as Ct, PROVIDER_OPENAI as Vr, PROMPT_CLASSNAME as Ln, PROMPT_EDITABLE_AREA_CLASSNAME as On, ROLE_SYSTEM as Bn, ROLE_INTERNAL as at, ROLE_HIDDEN as Mn, STATS_SEPARATOR as Pr, ERROR_MESSAGE as zr, CLIPBOARD_PROMPT as Ur, TYPE_QUESTION as Dn, ROLE_USER as Sa, FOOTER_DISCLAIMER as Vn, getMessageContaintWrapperClass as Pn, Logo as zn, getMainPaddingClass as Hr, r as Un, LOCAL_STORAGE_SEARCH as Hn, LOCAL_STORAGE_SORT as Fn } from "./index.DdXdvpdr.js";
+import m from "clsx";
 import * as J from "react";
-import U, { useEffect as M, useRef as T, useState as W, useCallback as Z, useSyncExternalStore as Wn, useMemo as oe, useId as dr, useLayoutEffect as pe, useContext as G, createContext as Gn, useDebugValue as jn, forwardRef as Ca, lazy as Na, Suspense as Wt, useReducer as Nt } from "react";
+import U, { useEffect as M, useRef as S, useState as W, useCallback as Z, useSyncExternalStore as Wn, useMemo as oe, useId as dr, useLayoutEffect as pe, useContext as G, createContext as Gn, useDebugValue as jn, forwardRef as Ca, lazy as Na, Suspense as Wt, useReducer as Nt } from "react";
 import { useMergeRefs as ur, FloatingPortal as Ra, FloatingOverlay as qn, FloatingFocusManager as Ia, useFloating as Aa, useClick as $a, useDismiss as La, useRole as Oa, useInteractions as Ba, useFloatingTree as Ma, useFloatingNodeId as Kn, useListItem as Da, offset as Yn, flip as Jn, shift as Zn, autoUpdate as Xn, useListNavigation as Qn, useTypeahead as eo, FloatingNode as to, FloatingList as ro, FloatingTree as ao } from "@floating-ui/react";
 const Fr = ({
   className: e,
@@ -242,7 +242,7 @@ const mo = "av-header", fo = ({
   noMargin: s = !1,
   noPadding: c = !1
 }) => {
-  const d = f(
+  const d = m(
     mo,
     {
       "border-border-accent": a === "dark" && !r && !n && !i,
@@ -258,12 +258,12 @@ const mo = "av-header", fo = ({
       "sticky top-0 z-50": o
     },
     t
-  ), h = f({
+  ), f = m({
     "mt-0": !s,
     "p-2": !c,
     "flex flex-col w-full md:mx-auto md:max-w-4xl": !r
   });
-  return /* @__PURE__ */ l("header", { className: d, children: /* @__PURE__ */ l("div", { className: h, children: e }) });
+  return /* @__PURE__ */ l("header", { className: d, children: /* @__PURE__ */ l("div", { className: f, children: e }) });
 };
 function ho(e) {
   const t = e.toLowerCase().split("+").map((o) => o.trim()), r = {
@@ -279,15 +279,15 @@ function ho(e) {
   };
 }
 function go(e, t) {
-  const { alt: r, ctrl: a, meta: n, mod: o, shift: i, key: s } = e, { altKey: c, ctrlKey: d, metaKey: h, shiftKey: m, key: g } = t;
+  const { alt: r, ctrl: a, meta: n, mod: o, shift: i, key: s } = e, { altKey: c, ctrlKey: d, metaKey: f, shiftKey: u, key: h } = t;
   if (r !== c)
     return !1;
   if (o) {
-    if (!d && !h)
+    if (!d && !f)
       return !1;
-  } else if (a !== d || n !== h)
+  } else if (a !== d || n !== f)
     return !1;
-  return i !== m ? !1 : !!(s && (g.toLowerCase() === s.toLowerCase() || t.code.replace("Key", "").toLowerCase() === s.toLowerCase()));
+  return i !== u ? !1 : !!(s && (h.toLowerCase() === s.toLowerCase() || t.code.replace("Key", "").toLowerCase() === s.toLowerCase()));
 }
 function Va(e) {
   return (t) => go(ho(e), t);
@@ -316,7 +316,7 @@ function bo(e, t = ["INPUT", "TEXTAREA", "SELECT"], r = !1) {
   }, [e, t, r]);
 }
 function vo() {
-  const e = T(null), [t, r] = W(!1);
+  const e = S(null), [t, r] = W(!1);
   return { ref: Z((a) => {
     var n, o;
     typeof IntersectionObserver < "u" && (a && !e.current ? e.current = new IntersectionObserver(
@@ -325,7 +325,7 @@ function vo() {
   }, []), inViewport: t };
 }
 function ko() {
-  const e = T(!1);
+  const e = S(!1);
   return M(() => (e.current = !0, () => {
     e.current = !1;
   }), []), Z(() => e.current, []);
@@ -387,7 +387,7 @@ const Eo = {
   right: 0
 };
 function To(e) {
-  const t = ko(), r = T(0), a = T(null), [n, o] = W(Eo), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+  const t = ko(), r = S(0), a = S(null), [n, o] = W(Eo), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
     const c = s[0];
     c && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && o(c.contentRect);
@@ -407,12 +407,12 @@ function So({
 }) {
   const [o, i] = W(!1), [s, c] = W(
     t !== void 0 ? t : r
-  ), d = (h) => {
-    c(h), a == null || a(h);
+  ), d = (f) => {
+    c(f), a == null || a(f);
   };
   return M(() => {
     (async () => e !== void 0 && !o && n > 0 && (await new Promise(
-      (h) => setTimeout(h, n)
+      (f) => setTimeout(f, n)
     ), i(!0)))();
   }, [e, n, o]), e !== void 0 ? !o && n > 0 ? ["", a, !0] : [e, a, !0] : [s, d, !1];
 }
@@ -459,7 +459,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   stickyHeader: a,
   stickyFooter: n
 }) => ({
-  wrapper: f(
+  wrapper: m(
     "not-prose relative w-full rounded-lg shadow-md",
     {
       "overflow-x-auto": !a && !n,
@@ -475,13 +475,13 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
     },
     r
   ),
-  table: f("my-0 w-full text-left text-sm", t, {
+  table: m("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: f("py-2 text-sm font-bold", {
+  caption: m("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",
@@ -491,7 +491,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   className: e,
   stickyHeader: t,
   mode: r
-}) => f(
+}) => m(
   {
     "sticky top-0 z-10": t,
     "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "dark",
@@ -504,7 +504,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   className: e,
   stickyFooter: t,
   mode: r
-}) => f(
+}) => m(
   {
     "sticky bottom-0 z-10": t,
     "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": t && r === "dark",
@@ -517,7 +517,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   mode: e,
   className: t,
   cellWrapper: r
-}) => r === dt || r === mr ? f(
+}) => r === dt || r === mr ? m(
   {
     "bg-table-head-dark": e === "dark" || e === "system",
     "bg-table-head-light": e === "light" || e === "alt-system",
@@ -525,7 +525,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
     "dark:bg-table-head-dark": e === "alt-system"
   },
   t
-) : f(
+) : m(
   "border-b last:border-0",
   {
     "border-table-dark": e === "dark" || e === "system",
@@ -545,12 +545,12 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   mode: a,
   align: n
 }) => ({
-  alignClasses: f({
+  alignClasses: m({
     "flex justify-start text-left": n === "left",
     "flex justify-center text-center": n === "center",
     "flex justify-end text-right": n === "right"
   }),
-  mainClasses: f(
+  mainClasses: m(
     {
       "text-copy-light": a === "dark" || a === "system",
       "text-copy-dark": a === "light" || a === "alt-system",
@@ -564,7 +564,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   )
 }), Oo = ({
   buttonClassName: e
-}) => f("rounded-none text-sm", e), Kr = "av-button", ut = "icon", za = "button", jt = "link", Bo = ({
+}) => m("rounded-none text-sm", e), Kr = "av-button", ut = "icon", za = "button", jt = "link", Bo = ({
   type: e,
   size: t,
   labelRight: r,
@@ -576,13 +576,13 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   switch (e) {
     case za:
     case jt:
-      return f({
+      return m({
         [i]: t === "small",
         [s]: t === "medium",
         [c]: t === "large"
       });
     case ut:
-      return f("flex items-center", {
+      return m("flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
         "justify-end": n === "right",
@@ -610,14 +610,14 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   switch (e) {
     case za:
     case jt:
-      return f({
+      return m({
         "text-center": e === jt,
         [n]: t === "small",
         [o]: t === "medium",
         [i]: t === "large"
       });
     case ut:
-      return f({
+      return m({
         [n]: t === "small" && (r || a),
         [o]: t === "medium" && (r || a),
         [i]: t === "large" && (r || a)
@@ -632,7 +632,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   if (t)
     return "not-prose";
   if (a === "primary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -640,7 +640,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "light" || e === "system",
       "text-copy-lighter": e === "dark" || e === "alt-system",
@@ -648,7 +648,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
       "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -656,7 +656,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return f("not-prose text-copy-lighter", {
+    return m("not-prose text-copy-lighter", {
       truncate: !r
     });
 }, Vo = ({
@@ -666,21 +666,21 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
 }) => {
   if (!t) {
     if (r === "primary")
-      return f({
+      return m({
         "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 f({
+      return m({
         "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 f({
+      return m({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -691,7 +691,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   }
 }, Po = ({
   radius: e
-}) => f({
+}) => m({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -703,21 +703,21 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   if (t)
     return "";
   if (r === "primary")
-    return f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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",
@@ -733,21 +733,21 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   if (t)
     return "";
   if (r === "primary")
-    return f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-lighter-active", {
+    return m("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",
@@ -763,21 +763,21 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return f("border", {
+    return m("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 f("border", {
+    return m("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 f("border", {
+    return m("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -787,7 +787,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
     return "border border-border-selected-dark";
 }, Fo = ({
   focusMode: e
-}) => f("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => m("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",
@@ -796,7 +796,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   mode: e,
   raw: t,
   iconClassName: r
-}) => t ? "" : f(
+}) => t ? "" : m(
   {
     "text-copy-accent-dark": e === "light" || e === "alt-system",
     "text-copy-light": e === "dark" || e === "system",
@@ -806,7 +806,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   r
 ), Go = ({
   animated: e
-}) => f({
+}) => m({
   "transition-opacity duration-300 ease-in": e
 }), jo = ({
   type: e,
@@ -819,42 +819,42 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
   size: s,
   noBorder: c,
   labelRight: d,
-  labelLeft: h,
-  noBackground: m,
-  variant: g,
-  noTruncate: u,
+  labelLeft: f,
+  noBackground: u,
+  variant: h,
+  noTruncate: g,
   align: p,
-  radius: b,
-  animated: y
-}) => (g || (g = "primary"), r ? f(Kr, t) : f(
+  radius: y,
+  animated: b
+}) => (h || (h = "primary"), r ? m(Kr, t) : m(
   Kr,
   Do({
     mode: a,
-    variant: g,
-    noBackground: m,
-    noTruncate: u
+    variant: h,
+    noBackground: u,
+    noTruncate: g
   }),
-  Vo({ mode: a, noBackground: m, variant: g }),
-  Po({ radius: b }),
+  Vo({ mode: a, noBackground: u, variant: h }),
+  Po({ radius: y }),
   Bo({
     type: e,
     size: s,
     labelRight: d,
-    labelLeft: h,
+    labelLeft: f,
     align: p,
-    animated: y
+    animated: b
   }),
-  Mo({ type: e, size: s, labelRight: d, labelLeft: h }),
-  Ho({ mode: a, variant: g, noBorder: c }),
+  Mo({ type: e, size: s, labelRight: d, labelLeft: f }),
+  Ho({ mode: a, variant: h, noBorder: c }),
   Fo({ focusMode: n }),
-  zo({ mode: a, variant: g, disabled: o }),
-  Uo({ mode: a, variant: g, disabled: o }),
+  zo({ mode: a, variant: h, disabled: o }),
+  Uo({ mode: a, variant: h, disabled: o }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   },
-  f({
-    "transition-[width] duration-300 ease-in-out": e === ut && y
+  m({
+    "transition-[width] duration-300 ease-in-out": e === ut && b
   }),
   t
 )), qo = (e, t, r) => {
@@ -875,7 +875,7 @@ const dt = "thead", mr = "tfoot", Ce = "tbody", Ue = {
 });
 Ua.displayName = "BaseButton";
 function Ko() {
-  const e = T(!1);
+  const e = S(!1);
   return M(() => (e.current = !0, () => {
     e.current = !1;
   }), []), Z(() => e.current, []);
@@ -899,7 +899,7 @@ const Jo = {
   right: 0
 };
 function Rt(e) {
-  const t = Ko(), r = T(0), a = T(null), [n, o] = W(Jo), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+  const t = Ko(), r = S(0), a = S(null), [n, o] = W(Jo), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
     const c = s[0];
     c && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && o(c.contentRect);
@@ -935,19 +935,19 @@ const Zo = {
     raw: s = !1,
     noBorder: c = !1,
     "aria-label": d,
-    label: h,
-    size: m = "medium",
-    labelRight: g,
-    labelLeft: u,
+    label: f,
+    size: u = "medium",
+    labelRight: h,
+    labelLeft: g,
     noBackground: p = !1,
-    align: b = "center",
-    radius: y = "large",
+    align: y = "center",
+    radius: b = "large",
     variant: v = "primary",
     iconClassName: x,
     animated: k = !1,
-    ...N
-  }, _) => {
-    const I = jo({
+    ...A
+  }, E) => {
+    const C = jo({
       type: ut,
       mode: r,
       focusMode: a,
@@ -956,54 +956,54 @@ const Zo = {
       raw: s,
       className: o,
       noBorder: c,
-      size: m,
-      labelRight: g,
-      labelLeft: u,
+      size: u,
+      labelRight: h,
+      labelLeft: g,
       noBackground: p,
-      align: b,
-      radius: y,
+      align: y,
+      radius: b,
       variant: v,
       animated: k
-    }), $ = Wo({ mode: r, raw: s, iconClassName: x }), E = Go({ animated: k }), [w, S] = Rt(), [C, B] = Rt(), [A, O] = Rt(), V = T(0), R = T(null), H = Yo([_, R]);
+    }), N = Wo({ mode: r, raw: s, iconClassName: x }), _ = Go({ animated: k }), [w, T] = Rt(), [R, B] = Rt(), [$, O] = Rt(), V = S(0), I = S(null), H = Yo([E, I]);
     return pe(() => {
-      A && A.current && k && (V.current = O.width + Xo[m] + (c ? 0 : Qo));
-    }, [O, A, m, c, k]), pe(() => {
-      R && R.current && k && (g && w && S.width > 0 ? (w.current && (w.current.style.opacity = "100"), R.current.style.width = `${S.width + V.current}px`) : u && B.width > 0 ? (C.current && (C.current.style.opacity = "100"), R.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), C.current && (C.current.style.opacity = "0"), R.current.style.width = `${Zo[m]}px`));
+      $ && $.current && k && (V.current = O.width + Xo[u] + (c ? 0 : Qo));
+    }, [O, $, u, c, k]), pe(() => {
+      I && I.current && k && (h && w && T.width > 0 ? (w.current && (w.current.style.opacity = "100"), I.current.style.width = `${T.width + V.current}px`) : g && B.width > 0 ? (R.current && (R.current.style.opacity = "100"), I.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), R.current && (R.current.style.opacity = "0"), I.current.style.width = `${Zo[u]}px`));
     }, [
-      S,
-      g,
+      T,
+      h,
       w,
       B,
+      g,
+      R,
       u,
-      C,
-      m,
       k
     ]), /* @__PURE__ */ L(
       Ua,
       {
         ref: H,
-        className: I,
+        className: C,
         disabled: t,
         type: i,
-        "aria-label": d || h,
-        ...N,
+        "aria-label": d || f,
+        ...A,
         children: [
           /* @__PURE__ */ l(
             Yr,
             {
-              label: u,
-              labelRef: C,
-              labelClass: E,
+              label: g,
+              labelRef: R,
+              labelClass: _,
               labelInnerClass: "pr-2"
             }
           ),
-          /* @__PURE__ */ l("span", { ref: A, className: $, children: e }),
+          /* @__PURE__ */ l("span", { ref: $, className: N, children: e }),
           /* @__PURE__ */ l(
             Yr,
             {
-              label: g,
+              label: h,
               labelRef: w,
-              labelClass: E,
+              labelClass: _,
               labelInnerClass: "pl-2"
             }
           )
@@ -1039,7 +1039,7 @@ const Fa = U.forwardRef(
     active: a = !1,
     ...n
   }, o) => {
-    const i = a ? f(
+    const i = a ? m(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1059,7 +1059,7 @@ const Fa = U.forwardRef(
     return /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
       Ha,
       {
-        className: f("justify-center", r),
+        className: m("justify-center", r),
         ref: o,
         mode: t,
         radius: "small",
@@ -1081,7 +1081,7 @@ const fr = ({
   semantic: s = !1,
   ...c
 }) => {
-  const d = f(o, a);
+  const d = m(o, a);
   return /* @__PURE__ */ L(_e, { children: [
     /* @__PURE__ */ l(
       "svg",
@@ -1222,9 +1222,9 @@ const Oe = U.createContext({
   maxHeight: s,
   stickyHeader: c,
   stickyFooter: d,
-  ...h
+  ...f
 }) => {
-  const m = Ro({
+  const u = Ro({
     mode: t,
     className: o,
     wrapperClassName: i,
@@ -1238,12 +1238,12 @@ const Oe = U.createContext({
       children: /* @__PURE__ */ l(
         "div",
         {
-          className: m.wrapper,
+          className: u.wrapper,
           ...s && {
             style: { maxHeight: s }
           },
-          children: /* @__PURE__ */ L("table", { className: m.table, summary: n, ...h, children: [
-            r && /* @__PURE__ */ l("caption", { className: m.caption, children: r }),
+          children: /* @__PURE__ */ L("table", { className: u.table, summary: n, ...f, children: [
+            r && /* @__PURE__ */ l("caption", { className: u.caption, children: r }),
             e
           ] })
         }
@@ -1316,23 +1316,23 @@ const Oe = U.createContext({
   onClick: s,
   sortDirection: c,
   sortedCell: d,
-  cellId: h,
-  ...m
+  cellId: f,
+  ...u
 }) => {
-  const g = Oo({ buttonClassName: r });
+  const h = Oo({ buttonClassName: r });
   return /* @__PURE__ */ l(
     ai,
     {
       component: n,
       className: a,
       role: "columnheader",
-      "aria-sort": c === Ue.ASC && d === h ? "ascending" : c === Ue.DESC && d === h ? "descending" : "other",
-      ...m,
+      "aria-sort": c === Ue.ASC && d === f ? "ascending" : c === Ue.DESC && d === f ? "descending" : "other",
+      ...u,
       children: /* @__PURE__ */ l(
         Fa,
         {
-          active: d === h,
-          className: g,
+          active: d === f,
+          className: h,
           onClick: s,
           align: e,
           noBorder: !0,
@@ -1340,7 +1340,7 @@ const Oe = U.createContext({
           mode: i,
           fullWidth: !0,
           labelRight: t,
-          children: c === Ue.ASC && d === h ? /* @__PURE__ */ l(ri, { className: "size-4", monotone: !0 }) : c === Ue.DESC && d === h ? /* @__PURE__ */ l(ti, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(ei, { className: "size-4", monotone: !0 })
+          children: c === Ue.ASC && d === f ? /* @__PURE__ */ l(ri, { className: "size-4", monotone: !0 }) : c === Ue.DESC && d === f ? /* @__PURE__ */ l(ti, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(ei, { className: "size-4", monotone: !0 })
         }
       )
     }
@@ -1420,41 +1420,41 @@ function di() {
   if (Zr) return At;
   Zr = 1;
   var e = U;
-  function t(m, g) {
-    return m === g && (m !== 0 || 1 / m === 1 / g) || m !== m && g !== g;
+  function t(u, h) {
+    return u === h && (u !== 0 || 1 / u === 1 / h) || u !== u && h !== h;
   }
   var r = typeof Object.is == "function" ? Object.is : t, a = e.useState, n = e.useEffect, o = e.useLayoutEffect, i = e.useDebugValue;
-  function s(m, g) {
-    var u = g(), p = a({ inst: { value: u, getSnapshot: g } }), b = p[0].inst, y = p[1];
+  function s(u, h) {
+    var g = h(), p = a({ inst: { value: g, getSnapshot: h } }), y = p[0].inst, b = p[1];
     return o(
       function() {
-        b.value = u, b.getSnapshot = g, c(b) && y({ inst: b });
+        y.value = g, y.getSnapshot = h, c(y) && b({ inst: y });
       },
-      [m, u, g]
+      [u, g, h]
     ), n(
       function() {
-        return c(b) && y({ inst: b }), m(function() {
-          c(b) && y({ inst: b });
+        return c(y) && b({ inst: y }), u(function() {
+          c(y) && b({ inst: y });
         });
       },
-      [m]
-    ), i(u), u;
+      [u]
+    ), i(g), g;
   }
-  function c(m) {
-    var g = m.getSnapshot;
-    m = m.value;
+  function c(u) {
+    var h = u.getSnapshot;
+    u = u.value;
     try {
-      var u = g();
-      return !r(m, u);
+      var g = h();
+      return !r(u, g);
     } catch {
       return !0;
     }
   }
-  function d(m, g) {
-    return g();
+  function d(u, h) {
+    return h();
   }
-  var h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : s;
-  return At.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : h, At;
+  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : s;
+  return At.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : f, At;
 }
 var $t = {};
 /**
@@ -1469,54 +1469,54 @@ var $t = {};
 var Xr;
 function ui() {
   return Xr || (Xr = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(u, p) {
-      return u === p && (u !== 0 || 1 / u === 1 / p) || u !== u && p !== p;
+    function e(g, p) {
+      return g === p && (g !== 0 || 1 / g === 1 / p) || g !== g && p !== p;
     }
-    function t(u, p) {
-      h || n.startTransition === void 0 || (h = !0, console.error(
+    function t(g, p) {
+      f || n.startTransition === void 0 || (f = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var b = p();
-      if (!m) {
-        var y = p();
-        o(b, y) || (console.error(
+      var y = p();
+      if (!u) {
+        var b = p();
+        o(y, b) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), m = !0);
+        ), u = !0);
       }
-      y = i({
-        inst: { value: b, getSnapshot: p }
+      b = i({
+        inst: { value: y, getSnapshot: p }
       });
-      var v = y[0].inst, x = y[1];
+      var v = b[0].inst, x = b[1];
       return c(
         function() {
-          v.value = b, v.getSnapshot = p, r(v) && x({ inst: v });
+          v.value = y, v.getSnapshot = p, r(v) && x({ inst: v });
         },
-        [u, b, p]
+        [g, y, p]
       ), s(
         function() {
-          return r(v) && x({ inst: v }), u(function() {
+          return r(v) && x({ inst: v }), g(function() {
             r(v) && x({ inst: v });
           });
         },
-        [u]
-      ), d(b), b;
+        [g]
+      ), d(y), y;
     }
-    function r(u) {
-      var p = u.getSnapshot;
-      u = u.value;
+    function r(g) {
+      var p = g.getSnapshot;
+      g = g.value;
       try {
-        var b = p();
-        return !o(u, b);
+        var y = p();
+        return !o(g, y);
       } catch {
         return !0;
       }
     }
-    function a(u, p) {
+    function a(g, p) {
       return p();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var n = U, o = typeof Object.is == "function" ? Object.is : e, i = n.useState, s = n.useEffect, c = n.useLayoutEffect, d = n.useDebugValue, h = !1, m = !1, g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
-    $t.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : g, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    var n = U, o = typeof Object.is == "function" ? Object.is : e, i = n.useState, s = n.useEffect, c = n.useLayoutEffect, d = n.useDebugValue, f = !1, u = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
+    $t.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : h, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }()), $t;
 }
 var Qr;
@@ -1653,73 +1653,73 @@ async function Ya(...e) {
   let i = o.populateCache;
   const s = o.rollbackOnError;
   let c = o.optimisticData;
-  const d = (g) => typeof s == "function" ? s(g) : s !== !1, h = o.throwOnError;
+  const d = (h) => typeof s == "function" ? s(h) : s !== !1, f = o.throwOnError;
   if (ce(r)) {
-    const g = r, u = [], p = t.keys();
-    for (const b of p)
+    const h = r, g = [], p = t.keys();
+    for (const y of p)
       // Skip the special useSWRInfinite and useSWRSubscription keys.
-      !/^\$(inf|sub)\$/.test(b) && g(t.get(b)._k) && u.push(b);
-    return Promise.all(u.map(m));
+      !/^\$(inf|sub)\$/.test(y) && h(t.get(y)._k) && g.push(y);
+    return Promise.all(g.map(u));
   }
-  return m(r);
-  async function m(g) {
-    const [u] = ft(g);
-    if (!u) return;
-    const [p, b] = Ga(t, u), [y, v, x, k] = le.get(t), N = () => {
-      const A = y[u];
-      return (ce(o.revalidate) ? o.revalidate(p().data, g) : o.revalidate !== !1) && (delete x[u], delete k[u], A && A[0]) ? A[0](Ka).then(() => p().data) : p().data;
+  return u(r);
+  async function u(h) {
+    const [g] = ft(h);
+    if (!g) return;
+    const [p, y] = Ga(t, g), [b, v, x, k] = le.get(t), A = () => {
+      const $ = b[g];
+      return (ce(o.revalidate) ? o.revalidate(p().data, h) : o.revalidate !== !1) && (delete x[g], delete k[g], $ && $[0]) ? $[0](Ka).then(() => p().data) : p().data;
     };
     if (e.length < 3)
-      return N();
-    let _ = a, I;
-    const $ = er();
-    v[u] = [
-      $,
+      return A();
+    let E = a, C;
+    const N = er();
+    v[g] = [
+      N,
       0
     ];
-    const E = !D(c), w = p(), S = w.data, C = w._c, B = D(C) ? S : C;
-    if (E && (c = ce(c) ? c(B, S) : c, b({
+    const _ = !D(c), w = p(), T = w.data, R = w._c, B = D(R) ? T : R;
+    if (_ && (c = ce(c) ? c(B, T) : c, y({
       data: c,
       _c: B
-    })), ce(_))
+    })), ce(E))
       try {
-        _ = _(B);
-      } catch (A) {
-        I = A;
+        E = E(B);
+      } catch ($) {
+        C = $;
       }
-    if (_ && Wa(_))
-      if (_ = await _.catch((A) => {
-        I = A;
-      }), $ !== v[u][0]) {
-        if (I) throw I;
-        return _;
-      } else I && E && d(I) && (i = !0, b({
+    if (E && Wa(E))
+      if (E = await E.catch(($) => {
+        C = $;
+      }), N !== v[g][0]) {
+        if (C) throw C;
+        return E;
+      } else C && _ && d(C) && (i = !0, y({
         data: B,
         _c: ee
       }));
-    if (i && !I)
+    if (i && !C)
       if (ce(i)) {
-        const A = i(_, B);
-        b({
-          data: A,
+        const $ = i(E, B);
+        y({
+          data: $,
           error: ee,
           _c: ee
         });
       } else
-        b({
-          data: _,
+        y({
+          data: E,
           error: ee,
           _c: ee
         });
-    if (v[u][1] = er(), Promise.resolve(N()).then(() => {
-      b({
+    if (v[g][1] = er(), Promise.resolve(A()).then(() => {
+      y({
         _c: ee
       });
-    }), I) {
-      if (h) throw I;
+    }), C) {
+      if (f) throw C;
       return;
     }
-    return _;
+    return E;
   }
 }
 const aa = (e, t) => {
@@ -1729,15 +1729,15 @@ const aa = (e, t) => {
   if (!le.has(e)) {
     const r = ke(ki, t), a = {}, n = Ya.bind(ee, e);
     let o = ve;
-    const i = {}, s = (h, m) => {
-      const g = i[h] || [];
-      return i[h] = g, g.push(m), () => g.splice(g.indexOf(m), 1);
-    }, c = (h, m, g) => {
-      e.set(h, m);
-      const u = i[h];
-      if (u)
-        for (const p of u)
-          p(m, g);
+    const i = {}, s = (f, u) => {
+      const h = i[f] || [];
+      return i[f] = h, h.push(u), () => h.splice(h.indexOf(u), 1);
+    }, c = (f, u, h) => {
+      e.set(f, u);
+      const g = i[f];
+      if (g)
+        for (const p of g)
+          p(u, h);
     }, d = () => {
       if (!le.has(e) && (le.set(e, [
         a,
@@ -1748,9 +1748,9 @@ const aa = (e, t) => {
         c,
         s
       ]), !We)) {
-        const h = r.initFocus(setTimeout.bind(ee, aa.bind(ee, a, ja))), m = r.initReconnect(setTimeout.bind(ee, aa.bind(ee, a, qa)));
+        const f = r.initFocus(setTimeout.bind(ee, aa.bind(ee, a, ja))), u = r.initReconnect(setTimeout.bind(ee, aa.bind(ee, a, qa)));
         o = () => {
-          h && h(), m && m(), le.delete(e);
+          f && f(), u && u(), le.delete(e);
         };
       }
     };
@@ -1826,9 +1826,9 @@ const aa = (e, t) => {
 }), a), Vi = Li.concat(Di), Pi = (e) => function(...r) {
   const a = Mi(), [n, o, i] = Bi(r), s = Ii(a, i);
   let c = e;
-  const { use: d } = s, h = (d || []).concat(Vi);
-  for (let m = h.length; m--; )
-    c = h[m](c);
+  const { use: d } = s, f = (d || []).concat(Vi);
+  for (let u = f.length; u--; )
+    c = f[u](c);
   return c(n, o || s.fetcher || null, s);
 }, zi = (e, t, r) => {
   const a = t[e] || (t[e] = []);
@@ -1860,7 +1860,7 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
 }), Vt = {
   dedupe: !0
 }, Ui = (e, t, r) => {
-  const { cache: a, compare: n, suspense: o, fallbackData: i, revalidateOnMount: s, revalidateIfStale: c, refreshInterval: d, refreshWhenHidden: h, refreshWhenOffline: m, keepPreviousData: g } = r, [u, p, b, y] = le.get(a), [v, x] = ft(e), k = T(!1), N = T(!1), _ = T(v), I = T(t), $ = T(r), E = () => $.current, w = () => E().isVisible() && E().isOnline(), [S, C, B, A] = Ga(a, v), O = T({}).current, V = D(i) ? D(r.fallback) ? ee : r.fallback[v] : i, R = (P, z) => {
+  const { cache: a, compare: n, suspense: o, fallbackData: i, revalidateOnMount: s, revalidateIfStale: c, refreshInterval: d, refreshWhenHidden: f, refreshWhenOffline: u, keepPreviousData: h } = r, [g, p, y, b] = le.get(a), [v, x] = ft(e), k = S(!1), A = S(!1), E = S(v), C = S(t), N = S(r), _ = () => N.current, w = () => _().isVisible() && _().isOnline(), [T, R, B, $] = Ga(a, v), O = S({}).current, V = D(i) ? D(r.fallback) ? ee : r.fallback[v] : i, I = (P, z) => {
     for (const X in O) {
       const F = X;
       if (F === "data") {
@@ -1871,19 +1871,19 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
     }
     return !0;
   }, H = oe(() => {
-    const P = !v || !t ? !1 : D(s) ? E().isPaused() || o ? !1 : c !== !1 : s, z = (Q) => {
+    const P = !v || !t ? !1 : D(s) ? _().isPaused() || o ? !1 : c !== !1 : s, z = (Q) => {
       const me = ke(Q);
       return delete me._k, P ? {
         isValidating: !0,
         isLoading: !0,
         ...me
       } : me;
-    }, X = S(), F = A(), se = z(X), Se = X === F ? se : z(F);
+    }, X = T(), F = $(), se = z(X), Se = X === F ? se : z(F);
     let K = se;
     return [
       () => {
-        const Q = z(S());
-        return R(Q, K) ? (K.data = Q.data, K.isLoading = Q.isLoading, K.isValidating = Q.isValidating, K.error = Q.error, K) : (K = Q, Q);
+        const Q = z(T());
+        return I(Q, K) ? (K.data = Q.data, K.isLoading = Q.isLoading, K.isValidating = Q.isValidating, K.error = Q.error, K) : (K = Q, Q);
       },
       () => Se
     ];
@@ -1892,53 +1892,53 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
     v
   ]), j = fi.useSyncExternalStore(Z(
     (P) => B(v, (z, X) => {
-      R(X, z) || P();
+      I(X, z) || P();
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       a,
       v
     ]
-  ), H[0], H[1]), q = !k.current, Et = u[v] && u[v].length > 0, Ee = j.data, Te = D(Ee) ? V && Wa(V) ? Dt(V) : V : Ee, Je = j.error, Rr = T(Te), Ze = g ? D(Ee) ? Rr.current : Ee : Te, Ir = Et && !D(Je) ? !1 : q && !D(s) ? s : E().isPaused() ? !1 : o ? D(Te) ? !1 : c : D(Te) || c, Ar = !!(v && t && q && Ir), Sn = D(j.isValidating) ? Ar : j.isValidating, Cn = D(j.isLoading) ? Ar : j.isLoading, Pe = Z(
+  ), H[0], H[1]), q = !k.current, Et = g[v] && g[v].length > 0, Ee = j.data, Te = D(Ee) ? V && Wa(V) ? Dt(V) : V : Ee, Je = j.error, Rr = S(Te), Ze = h ? D(Ee) ? Rr.current : Ee : Te, Ir = Et && !D(Je) ? !1 : q && !D(s) ? s : _().isPaused() ? !1 : o ? D(Te) ? !1 : c : D(Te) || c, Ar = !!(v && t && q && Ir), Sn = D(j.isValidating) ? Ar : j.isValidating, Cn = D(j.isLoading) ? Ar : j.isLoading, Pe = Z(
     async (P) => {
-      const z = I.current;
-      if (!v || !z || N.current || E().isPaused())
+      const z = C.current;
+      if (!v || !z || A.current || _().isPaused())
         return !1;
       let X, F, se = !0;
-      const Se = P || {}, K = !b[v] || !Se.dedupe, Q = () => ta ? !N.current && v === _.current && k.current : v === _.current, me = {
+      const Se = P || {}, K = !y[v] || !Se.dedupe, Q = () => ta ? !A.current && v === E.current && k.current : v === E.current, me = {
         isValidating: !1,
         isLoading: !1
       }, Lr = () => {
-        C(me);
+        R(me);
       }, Or = () => {
-        const re = b[v];
-        re && re[1] === F && delete b[v];
+        const re = y[v];
+        re && re[1] === F && delete y[v];
       }, Br = {
         isValidating: !0
       };
-      D(S().data) && (Br.isLoading = !0);
+      D(T().data) && (Br.isLoading = !0);
       try {
-        if (K && (C(Br), r.loadingTimeout && D(S().data) && setTimeout(() => {
-          se && Q() && E().onLoadingSlow(v, r);
-        }, r.loadingTimeout), b[v] = [
+        if (K && (R(Br), r.loadingTimeout && D(T().data) && setTimeout(() => {
+          se && Q() && _().onLoadingSlow(v, r);
+        }, r.loadingTimeout), y[v] = [
           z(x),
           er()
-        ]), [X, F] = b[v], X = await X, K && setTimeout(Or, r.dedupingInterval), !b[v] || b[v][1] !== F)
-          return K && Q() && E().onDiscarded(v), !1;
+        ]), [X, F] = y[v], X = await X, K && setTimeout(Or, r.dedupingInterval), !y[v] || y[v][1] !== F)
+          return K && Q() && _().onDiscarded(v), !1;
         me.error = ee;
         const re = p[v];
         if (!D(re) && // case 1
         (F <= re[0] || // case 2
         F <= re[1] || // case 3
         re[1] === 0))
-          return Lr(), K && Q() && E().onDiscarded(v), !1;
-        const fe = S().data;
-        me.data = n(fe, X) ? fe : X, K && Q() && E().onSuccess(X, v, r);
+          return Lr(), K && Q() && _().onDiscarded(v), !1;
+        const fe = T().data;
+        me.data = n(fe, X) ? fe : X, K && Q() && _().onSuccess(X, v, r);
       } catch (re) {
         Or();
-        const fe = E(), { shouldRetryOnError: Tt } = fe;
-        fe.isPaused() || (me.error = re, K && Q() && (fe.onError(re, v, fe), (Tt === !0 || ce(Tt) && Tt(re)) && (!E().revalidateOnFocus || !E().revalidateOnReconnect || w()) && fe.onErrorRetry(re, v, fe, (Nn) => {
-          const St = u[v];
+        const fe = _(), { shouldRetryOnError: Tt } = fe;
+        fe.isPaused() || (me.error = re, K && Q() && (fe.onError(re, v, fe), (Tt === !0 || ce(Tt) && Tt(re)) && (!_().revalidateOnFocus || !_().revalidateOnReconnect || w()) && fe.onErrorRetry(re, v, fe, (Nn) => {
+          const St = g[v];
           St && St[0] && St[0](ze.ERROR_REVALIDATE_EVENT, Nn);
         }, {
           retryCount: (Se.retryCount || 0) + 1,
@@ -1964,22 +1964,22 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
     ]
   ), $r = Z(
     // Use callback to make sure `keyRef.current` returns latest result every time
-    (...P) => Ya(a, _.current, ...P),
+    (...P) => Ya(a, E.current, ...P),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   if (Ot(() => {
-    I.current = t, $.current = r, D(Ee) || (Rr.current = Ee);
+    C.current = t, N.current = r, D(Ee) || (Rr.current = Ee);
   }), Ot(() => {
     if (!v) return;
     const P = Pe.bind(ee, Vt);
     let z = 0;
-    const F = zi(v, u, (se, Se = {}) => {
+    const F = zi(v, g, (se, Se = {}) => {
       if (se == ze.FOCUS_EVENT) {
         const K = Date.now();
-        E().revalidateOnFocus && K > z && w() && (z = K + E().focusThrottleInterval, P());
+        _().revalidateOnFocus && K > z && w() && (z = K + _().focusThrottleInterval, P());
       } else if (se == ze.RECONNECT_EVENT)
-        E().revalidateOnReconnect && w() && P();
+        _().revalidateOnReconnect && w() && P();
       else {
         if (se == ze.MUTATE_EVENT)
           return Pe();
@@ -1987,35 +1987,35 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
           return Pe(Se);
       }
     });
-    return N.current = !1, _.current = v, k.current = !0, C({
+    return A.current = !1, E.current = v, k.current = !0, R({
       _k: x
     }), Ir && (D(Te) || We ? P() : wi(P)), () => {
-      N.current = !0, F();
+      A.current = !0, F();
     };
   }, [
     v
   ]), Ot(() => {
     let P;
     function z() {
-      const F = ce(d) ? d(S().data) : d;
+      const F = ce(d) ? d(T().data) : d;
       F && P !== -1 && (P = setTimeout(X, F));
     }
     function X() {
-      !S().error && (h || E().isVisible()) && (m || E().isOnline()) ? Pe(Vt).then(z) : z();
+      !T().error && (f || _().isVisible()) && (u || _().isOnline()) ? Pe(Vt).then(z) : z();
     }
     return z(), () => {
       P && (clearTimeout(P), P = -1);
     };
   }, [
     d,
-    h,
-    m,
+    f,
+    u,
     v
   ]), jn(Ze), o && D(Te) && v) {
     if (!ta && We)
       throw new Error("Fallback data is required when using Suspense in SSR.");
-    I.current = t, $.current = r, N.current = !1;
-    const P = y[v];
+    C.current = t, N.current = r, A.current = !1;
+    const P = b[v];
     if (!D(P)) {
       const z = $r(P);
       Dt(z);
@@ -2375,45 +2375,47 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
 }) => {
   Za(["/capabilities"], (t) => en(t, e));
 }, nt = "CHAT_ADD_MESSAGE", tr = "CHAT_ADD_INTERNAL_MESSAGE", rr = "CHAT_SET_LOADING", ar = "CHAT_SET_STREAMING", Me = "CHAT_RESET", Ji = "CHAT_RESTORE", Zi = (e, t) => {
-  var r, a, n, o, i, s, c, d, h, m, g;
+  var r, a, n, o, i, s, c, d, f, u, h, g;
   switch (t.type) {
     case nt: {
-      const u = (r = t.payload) == null ? void 0 : r.role, p = (a = t.payload) == null ? void 0 : a.messageId, b = (n = t.payload) == null ? void 0 : n.content, y = (o = t.payload) == null ? void 0 : o.name, v = (i = t.payload) == null ? void 0 : i.processingTime, x = ((s = t.payload) == null ? void 0 : s.model) || e.model;
-      if (u === Fe) {
-        const k = e.messages.findIndex(
-          (N) => N.messageId === p
+      const p = (r = t.payload) == null ? void 0 : r.role, y = (a = t.payload) == null ? void 0 : a.messageId, b = (n = t.payload) == null ? void 0 : n.content, v = (o = t.payload) == null ? void 0 : o.name, x = (i = t.payload) == null ? void 0 : i.processingTime, k = (s = t.payload) == null ? void 0 : s.usage, A = ((c = t.payload) == null ? void 0 : c.model) || e.model;
+      if (p === Fe) {
+        const E = e.messages.findIndex(
+          (C) => C.messageId === y
         );
-        if (k !== -1) {
-          const N = e.messages.map((_, I) => I === k ? {
-            ..._,
-            content: `${_.content}${b}`,
-            processingTime: v,
-            name: y
-          } : _);
+        if (E !== -1) {
+          const C = e.messages.map((N, _) => _ === E ? {
+            ...N,
+            content: `${N.content}${b}`,
+            processingTime: x,
+            name: v,
+            usage: k
+          } : N);
           return {
             ...e,
-            model: x,
-            messages: N
+            model: A,
+            messages: C
           };
         }
       }
       return {
         ...e,
-        model: ((c = t.payload) == null ? void 0 : c.model) || e.model,
+        model: ((d = t.payload) == null ? void 0 : d.model) || e.model,
         messages: [
           ...e.messages,
           {
-            role: u,
+            role: p,
             content: b,
-            name: y,
-            processingTime: v,
-            messageId: p
+            name: v,
+            processingTime: x,
+            usage: k,
+            messageId: y
           }
         ]
       };
     }
     case tr: {
-      const u = (d = t.payload) == null ? void 0 : d.role, p = (h = t.payload) == null ? void 0 : h.content;
+      const p = (f = t.payload) == null ? void 0 : f.role, y = (u = t.payload) == null ? void 0 : u.content;
       return {
         ...e,
         streaming: !1,
@@ -2421,8 +2423,8 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
         messages: [
           ...e.messages,
           {
-            role: u,
-            content: p
+            role: p,
+            content: y
           }
         ]
       };
@@ -2433,20 +2435,20 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
         loading: t.payload
       };
     case ar: {
-      let u = e.lastTriggeredTimestamp;
-      return e.streaming !== t.payload && (u = (/* @__PURE__ */ new Date()).getTime()), {
+      let p = e.lastTriggeredTimestamp;
+      return e.streaming !== t.payload && (p = (/* @__PURE__ */ new Date()).getTime()), {
         ...e,
         streaming: t.payload,
-        lastTriggeredTimestamp: u
+        lastTriggeredTimestamp: p
       };
     }
     case Me: {
-      let u = !1;
-      return typeof ((m = t == null ? void 0 : t.payload) == null ? void 0 : m.privateChat) == "boolean" ? u = t.payload.privateChat : typeof e.privateChat == "boolean" && (u = e.privateChat), {
+      let p = !1;
+      return typeof ((h = t == null ? void 0 : t.payload) == null ? void 0 : h.privateChat) == "boolean" ? p = t.payload.privateChat : typeof e.privateChat == "boolean" && (p = e.privateChat), {
         id: hr(),
         model: e.model,
         provider: ((g = t == null ? void 0 : t.payload) == null ? void 0 : g.provider) || e.provider,
-        privateChat: u,
+        privateChat: p,
         usage: 0,
         messages: [],
         streaming: !1,
@@ -2455,11 +2457,11 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
       };
     }
     case Ji: {
-      const u = t.payload.messages.map((p) => ({
-        role: p.role,
-        content: p.content,
-        name: p.name,
-        processingTime: p.processingTime
+      const p = t.payload.messages.map((y) => ({
+        role: y.role,
+        content: y.content,
+        name: y.name,
+        processingTime: y.processingTime
       }));
       return {
         ...e,
@@ -2468,7 +2470,7 @@ const Dt = U.use || // This extra generic is to avoid TypeScript mixing up the g
         model: t.payload.model,
         provider: t.payload.provider,
         usage: t.payload.usage,
-        messages: u
+        messages: p
       };
     }
     default:
@@ -2621,48 +2623,48 @@ function na(e, t, r) {
     reference: a,
     floating: n
   } = e;
-  const o = Ie(t), i = kr(t), s = vr(i), c = xe(t), d = o === "y", h = a.x + a.width / 2 - n.width / 2, m = a.y + a.height / 2 - n.height / 2, g = a[s] / 2 - n[s] / 2;
-  let u;
+  const o = Ie(t), i = kr(t), s = vr(i), c = xe(t), d = o === "y", f = a.x + a.width / 2 - n.width / 2, u = a.y + a.height / 2 - n.height / 2, h = a[s] / 2 - n[s] / 2;
+  let g;
   switch (c) {
     case "top":
-      u = {
-        x: h,
+      g = {
+        x: f,
         y: a.y - n.height
       };
       break;
     case "bottom":
-      u = {
-        x: h,
+      g = {
+        x: f,
         y: a.y + a.height
       };
       break;
     case "right":
-      u = {
+      g = {
         x: a.x + a.width,
-        y: m
+        y: u
       };
       break;
     case "left":
-      u = {
+      g = {
         x: a.x - n.width,
-        y: m
+        y: u
       };
       break;
     default:
-      u = {
+      g = {
         x: a.x,
         y: a.y
       };
   }
   switch (Ke(t)) {
     case "start":
-      u[i] -= g * (r && d ? -1 : 1);
+      g[i] -= h * (r && d ? -1 : 1);
       break;
     case "end":
-      u[i] += g * (r && d ? -1 : 1);
+      g[i] += h * (r && d ? -1 : 1);
       break;
   }
-  return u;
+  return g;
 }
 const ds = async (e, t, r) => {
   const {
@@ -2676,25 +2678,25 @@ const ds = async (e, t, r) => {
     floating: t,
     strategy: n
   }), {
-    x: h,
-    y: m
-  } = na(d, a, c), g = a, u = {}, p = 0;
-  for (let b = 0; b < s.length; b++) {
+    x: f,
+    y: u
+  } = na(d, a, c), h = a, g = {}, p = 0;
+  for (let y = 0; y < s.length; y++) {
     const {
-      name: y,
+      name: b,
       fn: v
-    } = s[b], {
+    } = s[y], {
       x,
       y: k,
-      data: N,
-      reset: _
+      data: A,
+      reset: E
     } = await v({
-      x: h,
-      y: m,
+      x: f,
+      y: u,
       initialPlacement: a,
-      placement: g,
+      placement: h,
       strategy: n,
-      middlewareData: u,
+      middlewareData: g,
       rects: d,
       platform: i,
       elements: {
@@ -2702,27 +2704,27 @@ const ds = async (e, t, r) => {
         floating: t
       }
     });
-    h = x ?? h, m = k ?? m, u = {
-      ...u,
-      [y]: {
-        ...u[y],
-        ...N
+    f = x ?? f, u = k ?? u, g = {
+      ...g,
+      [b]: {
+        ...g[b],
+        ...A
       }
-    }, _ && p <= 50 && (p++, typeof _ == "object" && (_.placement && (g = _.placement), _.rects && (d = _.rects === !0 ? await i.getElementRects({
+    }, E && p <= 50 && (p++, typeof E == "object" && (E.placement && (h = E.placement), E.rects && (d = E.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: t,
       strategy: n
-    }) : _.rects), {
-      x: h,
-      y: m
-    } = na(d, g, c)), b = -1);
+    }) : E.rects), {
+      x: f,
+      y: u
+    } = na(d, h, c)), y = -1);
   }
   return {
-    x: h,
-    y: m,
-    placement: g,
+    x: f,
+    y: u,
+    placement: h,
     strategy: n,
-    middlewareData: u
+    middlewareData: g
   };
 };
 async function an(e, t) {
@@ -2737,16 +2739,16 @@ async function an(e, t) {
     strategy: c
   } = e, {
     boundary: d = "clippingAncestors",
-    rootBoundary: h = "viewport",
-    elementContext: m = "floating",
-    altBoundary: g = !1,
-    padding: u = 0
-  } = qe(t, e), p = rn(u), b = s[g ? m === "floating" ? "reference" : "floating" : m], y = lt(await o.getClippingRect({
-    element: (r = await (o.isElement == null ? void 0 : o.isElement(b))) == null || r ? b : b.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(s.floating)),
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: h = !1,
+    padding: g = 0
+  } = qe(t, e), p = rn(g), y = s[h ? u === "floating" ? "reference" : "floating" : u], b = lt(await o.getClippingRect({
+    element: (r = await (o.isElement == null ? void 0 : o.isElement(y))) == null || r ? y : y.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(s.floating)),
     boundary: d,
-    rootBoundary: h,
+    rootBoundary: f,
     strategy: c
-  })), v = m === "floating" ? {
+  })), v = u === "floating" ? {
     x: a,
     y: n,
     width: i.floating.width,
@@ -2757,17 +2759,17 @@ async function an(e, t) {
   } : {
     x: 1,
     y: 1
-  }, N = lt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = lt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
     rect: v,
     offsetParent: x,
     strategy: c
   }) : v);
   return {
-    top: (y.top - N.top + p.top) / k.y,
-    bottom: (N.bottom - y.bottom + p.bottom) / k.y,
-    left: (y.left - N.left + p.left) / k.x,
-    right: (N.right - y.right + p.right) / k.x
+    top: (b.top - A.top + p.top) / k.y,
+    bottom: (A.bottom - b.bottom + p.bottom) / k.y,
+    left: (b.left - A.left + p.left) / k.x,
+    right: (A.right - b.right + p.right) / k.x
   };
 }
 const us = (e) => ({
@@ -2784,27 +2786,27 @@ const us = (e) => ({
       middlewareData: c
     } = t, {
       element: d,
-      padding: h = 0
+      padding: f = 0
     } = qe(e, t) || {};
     if (d == null)
       return {};
-    const m = rn(h), g = {
+    const u = rn(f), h = {
       x: r,
       y: a
-    }, u = kr(n), p = vr(u), b = await i.getDimensions(d), y = u === "y", v = y ? "top" : "left", x = y ? "bottom" : "right", k = y ? "clientHeight" : "clientWidth", N = o.reference[p] + o.reference[u] - g[u] - o.floating[p], _ = g[u] - o.reference[u], I = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
-    let $ = I ? I[k] : 0;
-    (!$ || !await (i.isElement == null ? void 0 : i.isElement(I))) && ($ = s.floating[k] || o.floating[p]);
-    const E = N / 2 - _ / 2, w = $ / 2 - b[p] / 2 - 1, S = Ge(m[v], w), C = Ge(m[x], w), B = S, A = $ - b[p] - C, O = $ / 2 - b[p] / 2 + E, V = nr(B, O, A), R = !c.arrow && Ke(n) != null && O !== V && o.reference[p] / 2 - (O < B ? S : C) - b[p] / 2 < 0, H = R ? O < B ? O - B : O - A : 0;
+    }, g = kr(n), p = vr(g), y = await i.getDimensions(d), b = g === "y", v = b ? "top" : "left", x = b ? "bottom" : "right", k = b ? "clientHeight" : "clientWidth", A = o.reference[p] + o.reference[g] - h[g] - o.floating[p], E = h[g] - o.reference[g], C = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
+    let N = C ? C[k] : 0;
+    (!N || !await (i.isElement == null ? void 0 : i.isElement(C))) && (N = s.floating[k] || o.floating[p]);
+    const _ = A / 2 - E / 2, w = N / 2 - y[p] / 2 - 1, T = Ge(u[v], w), R = Ge(u[x], w), B = T, $ = N - y[p] - R, O = N / 2 - y[p] / 2 + _, V = nr(B, O, $), I = !c.arrow && Ke(n) != null && O !== V && o.reference[p] / 2 - (O < B ? T : R) - y[p] / 2 < 0, H = I ? O < B ? O - B : O - $ : 0;
     return {
-      [u]: g[u] + H,
+      [g]: h[g] + H,
       data: {
-        [u]: V,
+        [g]: V,
         centerOffset: O - V - H,
-        ...R && {
+        ...I && {
           alignmentOffset: H
         }
       },
-      reset: R
+      reset: I
     };
   }
 }), ms = function(e) {
@@ -2821,65 +2823,65 @@ const us = (e) => ({
         platform: c,
         elements: d
       } = t, {
-        mainAxis: h = !0,
-        crossAxis: m = !0,
-        fallbackPlacements: g,
-        fallbackStrategy: u = "bestFit",
+        mainAxis: f = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: b = !0,
-        ...y
+        flipAlignment: y = !0,
+        ...b
       } = qe(e, t);
       if ((r = o.arrow) != null && r.alignmentOffset)
         return {};
-      const v = xe(n), x = Ie(s), k = xe(s) === s, N = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), _ = g || (k || !b ? [st(s)] : is(s)), I = p !== "none";
-      !g && I && _.push(...ls(s, b, p, N));
-      const $ = [s, ..._], E = await an(t, y), w = [];
-      let S = ((a = o.flip) == null ? void 0 : a.overflows) || [];
-      if (h && w.push(E[v]), m) {
-        const O = os(n, i, N);
-        w.push(E[O[0]], E[O[1]]);
+      const v = xe(n), x = Ie(s), k = xe(s) === s, A = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), E = h || (k || !y ? [st(s)] : is(s)), C = p !== "none";
+      !h && C && E.push(...ls(s, y, p, A));
+      const N = [s, ...E], _ = await an(t, b), w = [];
+      let T = ((a = o.flip) == null ? void 0 : a.overflows) || [];
+      if (f && w.push(_[v]), u) {
+        const O = os(n, i, A);
+        w.push(_[O[0]], _[O[1]]);
       }
-      if (S = [...S, {
+      if (T = [...T, {
         placement: n,
         overflows: w
       }], !w.every((O) => O <= 0)) {
-        var C, B;
-        const O = (((C = o.flip) == null ? void 0 : C.index) || 0) + 1, V = $[O];
+        var R, B;
+        const O = (((R = o.flip) == null ? void 0 : R.index) || 0) + 1, V = N[O];
         if (V)
           return {
             data: {
               index: O,
-              overflows: S
+              overflows: T
             },
             reset: {
               placement: V
             }
           };
-        let R = (B = S.filter((H) => H.overflows[0] <= 0).sort((H, j) => H.overflows[1] - j.overflows[1])[0]) == null ? void 0 : B.placement;
-        if (!R)
-          switch (u) {
+        let I = (B = T.filter((H) => H.overflows[0] <= 0).sort((H, j) => H.overflows[1] - j.overflows[1])[0]) == null ? void 0 : B.placement;
+        if (!I)
+          switch (g) {
             case "bestFit": {
-              var A;
-              const H = (A = S.filter((j) => {
-                if (I) {
+              var $;
+              const H = ($ = T.filter((j) => {
+                if (C) {
                   const q = Ie(j.placement);
                   return q === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   q === "y";
                 }
                 return !0;
-              }).map((j) => [j.placement, j.overflows.filter((q) => q > 0).reduce((q, Et) => q + Et, 0)]).sort((j, q) => j[1] - q[1])[0]) == null ? void 0 : A[0];
-              H && (R = H);
+              }).map((j) => [j.placement, j.overflows.filter((q) => q > 0).reduce((q, Et) => q + Et, 0)]).sort((j, q) => j[1] - q[1])[0]) == null ? void 0 : $[0];
+              H && (I = H);
               break;
             }
             case "initialPlacement":
-              R = s;
+              I = s;
               break;
           }
-        if (n !== R)
+        if (n !== I)
           return {
             reset: {
-              placement: R
+              placement: I
             }
           };
       }
@@ -2892,26 +2894,26 @@ async function fs(e, t) {
     placement: r,
     platform: a,
     elements: n
-  } = e, o = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), i = xe(r), s = Ke(r), c = Ie(r) === "y", d = ["left", "top"].includes(i) ? -1 : 1, h = o && c ? -1 : 1, m = qe(t, e);
+  } = e, o = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), i = xe(r), s = Ke(r), c = Ie(r) === "y", d = ["left", "top"].includes(i) ? -1 : 1, f = o && c ? -1 : 1, u = qe(t, e);
   let {
-    mainAxis: g,
-    crossAxis: u,
+    mainAxis: h,
+    crossAxis: g,
     alignmentAxis: p
-  } = typeof m == "number" ? {
-    mainAxis: m,
+  } = typeof u == "number" ? {
+    mainAxis: u,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: m.mainAxis || 0,
-    crossAxis: m.crossAxis || 0,
-    alignmentAxis: m.alignmentAxis
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
   };
-  return s && typeof p == "number" && (u = s === "end" ? p * -1 : p), c ? {
-    x: u * h,
-    y: g * d
+  return s && typeof p == "number" && (g = s === "end" ? p * -1 : p), c ? {
+    x: g * f,
+    y: h * d
   } : {
-    x: g * d,
-    y: u * h
+    x: h * d,
+    y: g * f
   };
 }
 const hs = function(e) {
@@ -2949,11 +2951,11 @@ const hs = function(e) {
         mainAxis: o = !0,
         crossAxis: i = !1,
         limiter: s = {
-          fn: (y) => {
+          fn: (b) => {
             let {
               x: v,
               y: x
-            } = y;
+            } = b;
             return {
               x: v,
               y: x
@@ -2964,29 +2966,29 @@ const hs = function(e) {
       } = qe(e, t), d = {
         x: r,
         y: a
-      }, h = await an(t, c), m = Ie(xe(n)), g = tn(m);
-      let u = d[g], p = d[m];
+      }, f = await an(t, c), u = Ie(xe(n)), h = tn(u);
+      let g = d[h], p = d[u];
       if (o) {
-        const y = g === "y" ? "top" : "left", v = g === "y" ? "bottom" : "right", x = u + h[y], k = u - h[v];
-        u = nr(x, u, k);
+        const b = h === "y" ? "top" : "left", v = h === "y" ? "bottom" : "right", x = g + f[b], k = g - f[v];
+        g = nr(x, g, k);
       }
       if (i) {
-        const y = m === "y" ? "top" : "left", v = m === "y" ? "bottom" : "right", x = p + h[y], k = p - h[v];
+        const b = u === "y" ? "top" : "left", v = u === "y" ? "bottom" : "right", x = p + f[b], k = p - f[v];
         p = nr(x, p, k);
       }
-      const b = s.fn({
+      const y = s.fn({
         ...t,
-        [g]: u,
-        [m]: p
+        [h]: g,
+        [u]: p
       });
       return {
-        ...b,
+        ...y,
         data: {
-          x: b.x - r,
-          y: b.y - a,
+          x: y.x - r,
+          y: y.y - a,
           enabled: {
-            [g]: o,
-            [m]: i
+            [h]: o,
+            [u]: i
           }
         }
       };
@@ -3143,18 +3145,18 @@ function je(e, t, r, a) {
   let i = de(1);
   t && (a ? ae(a) && (i = Re(a)) : i = Re(e));
   const s = vs(o, r, a) ? dn(o) : de(0);
-  let c = (n.left + s.x) / i.x, d = (n.top + s.y) / i.y, h = n.width / i.x, m = n.height / i.y;
+  let c = (n.left + s.x) / i.x, d = (n.top + s.y) / i.y, f = n.width / i.x, u = n.height / i.y;
   if (o) {
-    const g = te(o), u = a && ae(a) ? te(a) : a;
-    let p = g, b = ia(p);
-    for (; b && a && u !== p; ) {
-      const y = Re(b), v = b.getBoundingClientRect(), x = ne(b), k = v.left + (b.clientLeft + parseFloat(x.paddingLeft)) * y.x, N = v.top + (b.clientTop + parseFloat(x.paddingTop)) * y.y;
-      c *= y.x, d *= y.y, h *= y.x, m *= y.y, c += k, d += N, p = te(b), b = ia(p);
+    const h = te(o), g = a && ae(a) ? te(a) : a;
+    let p = h, y = ia(p);
+    for (; y && a && g !== p; ) {
+      const b = Re(y), v = y.getBoundingClientRect(), x = ne(y), k = v.left + (y.clientLeft + parseFloat(x.paddingLeft)) * b.x, A = v.top + (y.clientTop + parseFloat(x.paddingTop)) * b.y;
+      c *= b.x, d *= b.y, f *= b.x, u *= b.y, c += k, d += A, p = te(y), y = ia(p);
     }
   }
   return lt({
-    width: h,
-    height: m,
+    width: f,
+    height: u,
     x: c,
     y: d
   });
@@ -3188,17 +3190,17 @@ function ks(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, d = de(1);
-  const h = de(0), m = ue(a);
-  if ((m || !m && !o) && ((De(a) !== "body" || Ye(i)) && (c = vt(a)), ue(a))) {
-    const u = je(a);
-    d = Re(a), h.x = u.x + a.clientLeft, h.y = u.y + a.clientTop;
+  const f = de(0), u = ue(a);
+  if ((u || !u && !o) && ((De(a) !== "body" || Ye(i)) && (c = vt(a)), ue(a))) {
+    const g = je(a);
+    d = Re(a), f.x = g.x + a.clientLeft, f.y = g.y + a.clientTop;
   }
-  const g = i && !m && !o ? un(i, c, !0) : de(0);
+  const h = i && !u && !o ? un(i, c, !0) : de(0);
   return {
     width: r.width * d.x,
     height: r.height * d.y,
-    x: r.x * d.x - c.scrollLeft * d.x + h.x + g.x,
-    y: r.y * d.y - c.scrollTop * d.y + h.y + g.y
+    x: r.x * d.x - c.scrollLeft * d.x + f.x + h.x,
+    y: r.y * d.y - c.scrollTop * d.y + f.y + h.y
   };
 }
 function ws(e) {
@@ -3283,8 +3285,8 @@ function Ss(e) {
     strategy: n
   } = e;
   const o = [...r === "clippingAncestors" ? bt(t) ? [] : Ts(t, this._c) : [].concat(r), a], i = o[0], s = o.reduce((c, d) => {
-    const h = sa(t, d, n);
-    return c.top = Ne(h.top, c.top), c.right = Ge(h.right, c.right), c.bottom = Ge(h.bottom, c.bottom), c.left = Ne(h.left, c.left), c;
+    const f = sa(t, d, n);
+    return c.top = Ne(f.top, c.top), c.right = Ge(f.right, c.right), c.bottom = Ge(f.bottom, c.bottom), c.left = Ne(f.left, c.left), c;
   }, sa(t, i, n));
   return {
     width: s.right - s.left,
@@ -3312,13 +3314,13 @@ function Ns(e, t, r) {
   const c = de(0);
   if (a || !a && !o)
     if ((De(t) !== "body" || Ye(n)) && (s = vt(t)), a) {
-      const g = je(t, !0, o, t);
-      c.x = g.x + t.clientLeft, c.y = g.y + t.clientTop;
+      const h = je(t, !0, o, t);
+      c.x = h.x + t.clientLeft, c.y = h.y + t.clientTop;
     } else n && (c.x = _r(n));
-  const d = n && !a && !o ? un(n, s) : de(0), h = i.left + s.scrollLeft - c.x - d.x, m = i.top + s.scrollTop - c.y - d.y;
+  const d = n && !a && !o ? un(n, s) : de(0), f = i.left + s.scrollLeft - c.x - d.x, u = i.top + s.scrollTop - c.y - d.y;
   return {
-    x: h,
-    y: m,
+    x: f,
+    y: u,
     width: i.width,
     height: i.height
   };
@@ -3392,7 +3394,7 @@ const As = {
   });
 }, ca = ["mousedown", "touchstart"];
 function Ds(e, t, r) {
-  const a = T(null);
+  const a = S(null);
   return M(() => {
     const n = (o) => {
       const i = o ? o.target : void 0;
@@ -3413,40 +3415,40 @@ function Ds(e, t, r) {
   }, [e, r, t]), a;
 }
 function Vs(e, t) {
-  const [r, a] = W(!1), n = T(null), o = T(null), i = Z(() => {
+  const [r, a] = W(!1), n = S(null), o = S(null), i = Z(() => {
     a((c) => (!c && (!n.current || n.current === -1) && (n.current = window.setInterval(o.current, t)), !0));
   }, [t]), s = Z(() => {
     a(!1), window.clearInterval(n.current || -1), n.current = -1;
   }, []);
   return M(() => (o.current = e, r && i(), s), [e, r, i, s]), { start: i, stop: s, active: r };
 }
-const tt = (e, t = "px") => typeof e > "u" ? "" : `${Math.round(e)}${t}`, Ps = () => f("absolute top-0 left-0 w-max py-1 px-2 rounded text-sm z-50"), da = ({
+const tt = (e, t = "px") => typeof e > "u" ? "" : `${Math.round(e)}${t}`, Ps = () => m("absolute top-0 left-0 w-max py-1 px-2 rounded text-sm z-50"), da = ({
   mode: e
-}) => f({
+}) => m({
   "bg-surface-darker": e === "dark" || e === "system",
   "bg-surface-light": e === "light" || e === "alt-system",
   "dark:bg-surface-light": e === "system",
   "dark:bg-surface-darker": e === "alt-system"
 }), zs = ({
   mode: e
-}) => f({
+}) => m({
   "text-copy-light": e === "dark" || e === "system",
   "text-copy-dark": e === "light" || e === "alt-system",
   "dark:text-copy-dark": e === "system",
   "dark:text-copy-light": e === "alt-system"
-}), Us = () => f("absolute", "size-2", "transform rotate-45"), Hs = ({
+}), Us = () => m("absolute", "size-2", "transform rotate-45"), Hs = ({
   mode: e,
   className: t,
   tooltipClassName: r,
   arrowClassName: a
 }) => {
-  const n = f("relative inline-block", t), o = f(
+  const n = m("relative inline-block", t), o = m(
     ts,
     Ps(),
     da({ mode: e }),
     zs({ mode: e }),
     r
-  ), i = f(
+  ), i = m(
     rs,
     Us(),
     da({ mode: e }),
@@ -3466,22 +3468,22 @@ const tt = (e, t = "px") => typeof e > "u" ? "" : `${Math.round(e)}${t}`, Ps = (
   arrowClassName: s
 }) => {
   const c = Ds(() => {
-    b.stop(), p(!1);
-  }), d = T(null), h = T(null), [m, g] = W(!1), [u, p] = W(!1), b = Vs(() => {
+    y.stop(), p(!1);
+  }), d = S(null), f = S(null), [u, h] = W(!1), [g, p] = W(!1), y = Vs(() => {
     p(!1);
-  }, Ws), y = Hs({
+  }, Ws), b = Hs({
     mode: a,
     className: o,
     tooltipClassName: i,
     arrowClassName: s
   }), v = Fs({ delay: n }), x = Z(async () => {
-    var I, $, E, w;
-    if (c.current && d.current && h.current) {
+    var C, N, _, w;
+    if (c.current && d.current && f.current) {
       const {
-        x: S,
-        y: C,
+        x: T,
+        y: R,
         middlewareData: B,
-        placement: A
+        placement: $
       } = await Ms(c.current, d.current, {
         placement: r,
         middleware: [
@@ -3491,12 +3493,12 @@ const tt = (e, t = "px") => typeof e > "u" ? "" : `${Math.round(e)}${t}`, Ps = (
             fallbackAxisSideDirection: "start"
           }),
           Ls({ padding: 5 }),
-          Bs({ element: h.current })
+          Bs({ element: f.current })
         ]
       });
-      (I = d == null ? void 0 : d.current) != null && I.style && Object.assign(d.current.style, {
-        left: tt(S),
-        top: tt(C),
+      (C = d == null ? void 0 : d.current) != null && C.style && Object.assign(d.current.style, {
+        left: tt(T),
+        top: tt(R),
         ...v
       });
       const O = {
@@ -3504,9 +3506,9 @@ const tt = (e, t = "px") => typeof e > "u" ? "" : `${Math.round(e)}${t}`, Ps = (
         right: "left",
         bottom: "top",
         left: "right"
-      }[A.split("-")[0]];
-      ($ = h == null ? void 0 : h.current) != null && $.style && Object.assign(h.current.style, {
-        left: tt((E = B.arrow) == null ? void 0 : E.x),
+      }[$.split("-")[0]];
+      (N = f == null ? void 0 : f.current) != null && N.style && Object.assign(f.current.style, {
+        left: tt((_ = B.arrow) == null ? void 0 : _.x),
         top: tt((w = B.arrow) == null ? void 0 : w.y),
         right: "",
         bottom: "",
@@ -3515,34 +3517,34 @@ const tt = (e, t = "px") => typeof e > "u" ? "" : `${Math.round(e)}${t}`, Ps = (
     }
   }, [r, v, c]);
   M(() => {
-    (async () => m && await x())();
-  }, [x, m]);
+    (async () => u && await x())();
+  }, [x, u]);
   const k = () => {
-    g(!1), p(!0), b.start();
-  }, N = () => {
-    u || g(!0);
-  }, _ = () => {
-    u || g(!1);
+    h(!1), p(!0), y.start();
+  }, A = () => {
+    g || h(!0);
+  }, E = () => {
+    g || h(!1);
   };
   return /* @__PURE__ */ L(
     "div",
     {
-      className: y.wrapper,
+      className: b.wrapper,
       ref: c,
-      onMouseEnter: N,
-      onMouseLeave: _,
+      onMouseEnter: A,
+      onMouseLeave: E,
       onClick: k,
       children: [
         e,
-        m && /* @__PURE__ */ L(
+        u && /* @__PURE__ */ L(
           "div",
           {
             role: "tooltip",
             ref: d,
-            className: y.tooltip,
+            className: b.tooltip,
             children: [
               t,
-              /* @__PURE__ */ l("div", { ref: h, className: y.arrow })
+              /* @__PURE__ */ l("div", { ref: f, className: b.arrow })
             ]
           }
         )
@@ -3555,7 +3557,7 @@ const tt = (e, t = "px") => typeof e > "u" ? "" : `${Math.round(e)}${t}`, Ps = (
   const {
     state: { streaming: t },
     dispatch: r
-  } = G(ie), a = T(null), n = T(!1), o = (i) => {
+  } = G(ie), a = S(null), n = S(!1), o = (i) => {
     i.preventDefault(), r({
       type: Me,
       payload: {
@@ -3613,13 +3615,13 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   switch (e) {
     case hn:
     case ir:
-      return f({
+      return m({
         [i]: t === "small",
         [s]: t === "medium",
         [c]: t === "large"
       });
     case kt:
-      return f("flex items-center", {
+      return m("flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
         "justify-end": n === "right",
@@ -3647,14 +3649,14 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   switch (e) {
     case hn:
     case ir:
-      return f({
+      return m({
         "text-center": e === ir,
         [n]: t === "small",
         [o]: t === "medium",
         [i]: t === "large"
       });
     case kt:
-      return f({
+      return m({
         [n]: t === "small" && (r || a),
         [o]: t === "medium" && (r || a),
         [i]: t === "large" && (r || a)
@@ -3669,7 +3671,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   if (t)
     return "not-prose";
   if (a === "primary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -3677,7 +3679,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "light" || e === "system",
       "text-copy-lighter": e === "dark" || e === "alt-system",
@@ -3685,7 +3687,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
       "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -3693,7 +3695,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return f("not-prose text-copy-lighter", {
+    return m("not-prose text-copy-lighter", {
       truncate: !r
     });
 }, Ys = ({
@@ -3703,21 +3705,21 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
 }) => {
   if (!t) {
     if (r === "primary")
-      return f({
+      return m({
         "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 f({
+      return m({
         "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 f({
+      return m({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -3728,7 +3730,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   }
 }, Js = ({
   radius: e
-}) => f({
+}) => m({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -3740,21 +3742,21 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   if (t)
     return "";
   if (r === "primary")
-    return f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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",
@@ -3770,21 +3772,21 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   if (t)
     return "";
   if (r === "primary")
-    return f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-lighter-active", {
+    return m("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",
@@ -3800,21 +3802,21 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return f("border", {
+    return m("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 f("border", {
+    return m("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 f("border", {
+    return m("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -3824,7 +3826,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
     return "border border-border-selected-dark";
 }, el = ({
   focusMode: e
-}) => f("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => m("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",
@@ -3833,7 +3835,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   mode: e,
   raw: t,
   iconClassName: r
-}) => t ? "" : f(
+}) => t ? "" : m(
   {
     "text-copy-accent-dark": e === "light" || e === "alt-system",
     "text-copy-light": e === "dark" || e === "system",
@@ -3843,7 +3845,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   r
 ), rl = ({
   animated: e
-}) => f({
+}) => m({
   "transition-opacity duration-300 ease-in": e
 }), al = ({
   type: e,
@@ -3856,42 +3858,42 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
   size: s,
   noBorder: c,
   labelRight: d,
-  labelLeft: h,
-  noBackground: m,
-  variant: g,
-  noTruncate: u,
+  labelLeft: f,
+  noBackground: u,
+  variant: h,
+  noTruncate: g,
   align: p,
-  radius: b,
-  animated: y
-}) => (g || (g = "primary"), r ? f(fa, t) : f(
+  radius: y,
+  animated: b
+}) => (h || (h = "primary"), r ? m(fa, t) : m(
   fa,
   Ks({
     mode: a,
-    variant: g,
-    noBackground: m,
-    noTruncate: u
+    variant: h,
+    noBackground: u,
+    noTruncate: g
   }),
-  Ys({ mode: a, noBackground: m, variant: g }),
-  Js({ radius: b }),
+  Ys({ mode: a, noBackground: u, variant: h }),
+  Js({ radius: y }),
   js({
     type: e,
     size: s,
     labelRight: d,
-    labelLeft: h,
+    labelLeft: f,
     align: p,
-    animated: y
+    animated: b
   }),
-  qs({ type: e, size: s, labelRight: d, labelLeft: h }),
-  Qs({ mode: a, variant: g, noBorder: c }),
+  qs({ type: e, size: s, labelRight: d, labelLeft: f }),
+  Qs({ mode: a, variant: h, noBorder: c }),
   el({ focusMode: n }),
-  Zs({ mode: a, variant: g, disabled: o }),
-  Xs({ mode: a, variant: g, disabled: o }),
+  Zs({ mode: a, variant: h, disabled: o }),
+  Xs({ mode: a, variant: h, disabled: o }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   },
-  f({
-    "transition-[width] duration-300 ease-in-out": e === kt && y
+  m({
+    "transition-[width] duration-300 ease-in-out": e === kt && b
   }),
   t
 )), nl = (e, t, r) => {
@@ -3912,7 +3914,7 @@ const ua = "av-messagebox", ma = "av-panel", fa = "av-button", kt = "icon", hn =
 });
 gn.displayName = "BaseButton";
 function ol() {
-  const e = T(!1);
+  const e = S(!1);
   return M(() => (e.current = !0, () => {
     e.current = !1;
   }), []), Z(() => e.current, []);
@@ -3936,7 +3938,7 @@ const sl = {
   right: 0
 };
 function zt(e) {
-  const t = ol(), r = T(0), a = T(null), [n, o] = W(sl), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+  const t = ol(), r = S(0), a = S(null), [n, o] = W(sl), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
     const c = s[0];
     c && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && o(c.contentRect);
@@ -3972,19 +3974,19 @@ const ll = {
     raw: s = !1,
     noBorder: c = !1,
     "aria-label": d,
-    label: h,
-    size: m = "medium",
-    labelRight: g,
-    labelLeft: u,
+    label: f,
+    size: u = "medium",
+    labelRight: h,
+    labelLeft: g,
     noBackground: p = !1,
-    align: b = "center",
-    radius: y = "large",
+    align: y = "center",
+    radius: b = "large",
     variant: v = "primary",
     iconClassName: x,
     animated: k = !1,
-    ...N
-  }, _) => {
-    const I = al({
+    ...A
+  }, E) => {
+    const C = al({
       type: kt,
       mode: r,
       focusMode: a,
@@ -3993,54 +3995,54 @@ const ll = {
       raw: s,
       className: o,
       noBorder: c,
-      size: m,
-      labelRight: g,
-      labelLeft: u,
+      size: u,
+      labelRight: h,
+      labelLeft: g,
       noBackground: p,
-      align: b,
-      radius: y,
+      align: y,
+      radius: b,
       variant: v,
       animated: k
-    }), $ = tl({ mode: r, raw: s, iconClassName: x }), E = rl({ animated: k }), [w, S] = zt(), [C, B] = zt(), [A, O] = zt(), V = T(0), R = T(null), H = il([_, R]);
+    }), N = tl({ mode: r, raw: s, iconClassName: x }), _ = rl({ animated: k }), [w, T] = zt(), [R, B] = zt(), [$, O] = zt(), V = S(0), I = S(null), H = il([E, I]);
     return pe(() => {
-      A && A.current && k && (V.current = O.width + cl[m] + (c ? 0 : dl));
-    }, [O, A, m, c, k]), pe(() => {
-      R && R.current && k && (g && w && S.width > 0 ? (w.current && (w.current.style.opacity = "100"), R.current.style.width = `${S.width + V.current}px`) : u && B.width > 0 ? (C.current && (C.current.style.opacity = "100"), R.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), C.current && (C.current.style.opacity = "0"), R.current.style.width = `${ll[m]}px`));
+      $ && $.current && k && (V.current = O.width + cl[u] + (c ? 0 : dl));
+    }, [O, $, u, c, k]), pe(() => {
+      I && I.current && k && (h && w && T.width > 0 ? (w.current && (w.current.style.opacity = "100"), I.current.style.width = `${T.width + V.current}px`) : g && B.width > 0 ? (R.current && (R.current.style.opacity = "100"), I.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), R.current && (R.current.style.opacity = "0"), I.current.style.width = `${ll[u]}px`));
     }, [
-      S,
-      g,
+      T,
+      h,
       w,
       B,
+      g,
+      R,
       u,
-      C,
-      m,
       k
     ]), /* @__PURE__ */ L(
       gn,
       {
         ref: H,
-        className: I,
+        className: C,
         disabled: t,
         type: i,
-        "aria-label": d || h,
-        ...N,
+        "aria-label": d || f,
+        ...A,
         children: [
           /* @__PURE__ */ l(
             ha,
             {
-              label: u,
-              labelRef: C,
-              labelClass: E,
+              label: g,
+              labelRef: R,
+              labelClass: _,
               labelInnerClass: "pr-2"
             }
           ),
-          /* @__PURE__ */ l("span", { ref: A, className: $, children: e }),
+          /* @__PURE__ */ l("span", { ref: $, className: N, children: e }),
           /* @__PURE__ */ l(
             ha,
             {
-              label: g,
+              label: h,
               labelRef: w,
-              labelClass: E,
+              labelClass: _,
               labelInnerClass: "pl-2"
             }
           )
@@ -4076,7 +4078,7 @@ const ul = U.forwardRef(
     active: a = !1,
     ...n
   }, o) => {
-    const i = a ? f(
+    const i = a ? m(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -4096,7 +4098,7 @@ const ul = U.forwardRef(
     return /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
       Er,
       {
-        className: f("justify-center", r),
+        className: m("justify-center", r),
         ref: o,
         mode: t,
         radius: "small",
@@ -4118,7 +4120,7 @@ const ml = ({
   semantic: s = !1,
   ...c
 }) => {
-  const d = f(o, a);
+  const d = m(o, a);
   return /* @__PURE__ */ L(_e, { children: [
     /* @__PURE__ */ l(
       "svg",
@@ -4193,27 +4195,27 @@ function hl({
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, n] = J.useState(e), [o, i] = J.useState(), [s, c] = J.useState(), d = t ?? a, h = r ?? n, m = Aa({
+  const [a, n] = J.useState(e), [o, i] = J.useState(), [s, c] = J.useState(), d = t ?? a, f = r ?? n, u = Aa({
     open: d,
-    onOpenChange: h
-  }), g = m.context, u = $a(g, {
+    onOpenChange: f
+  }), h = u.context, g = $a(h, {
     enabled: t == null
-  }), p = La(g, {
+  }), p = La(h, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), b = Oa(g), y = Ba([u, p, b]);
+  }), y = Oa(h), b = Ba([g, p, y]);
   return J.useMemo(
     () => ({
       open: d,
-      setOpen: h,
-      ...y,
-      ...m,
+      setOpen: f,
+      ...b,
+      ...u,
       labelId: o,
       descriptionId: s,
       setLabelId: i,
       setDescriptionId: c
     }),
-    [d, h, y, m, o, s]
+    [d, f, b, u, o, s]
   );
 }
 const wt = () => {
@@ -4233,7 +4235,7 @@ const pl = J.forwardRef(function(e, t) {
   const { context: r, ...a } = wt(), n = ur([a.refs.setFloating, t]);
   if (!r.open)
     return null;
-  const { overlayBackground: o, ...i } = e, s = f("grid place-items-center", {
+  const { overlayBackground: o, ...i } = e, s = m("grid place-items-center", {
     [`${o}`]: o,
     "bg-black sm:bg-black/[.8]": !o
   });
@@ -4279,7 +4281,7 @@ const He = "panel", rt = "messagebox", kl = ({
   kind: t,
   borderMode: r
 }) => ({
-  main: f("prose prose-lighter flex flex-col bg-surface-medium", {
+  main: m("prose prose-lighter flex flex-col bg-surface-medium", {
     [`${ma} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === He,
     [`${ma} w-full sm:w-[95%] md:max-w-2xl`]: t === He && !e,
     [`${ua} rounded-lg border-2`]: t === rt,
@@ -4304,7 +4306,7 @@ const He = "panel", rt = "messagebox", kl = ({
   kind: i = He,
   className: s
 }) => {
-  const c = T(""), d = kl({ className: s, kind: i, borderMode: o });
+  const c = S(""), d = kl({ className: s, kind: i, borderMode: o });
   return M(() => (e && (c.current = document.title, document.title = `${r} | ${c.current}`), () => {
     e && (document.title = c.current);
   }), [r, e]), /* @__PURE__ */ l(_e, { children: e && /* @__PURE__ */ l(gl, { open: e, onOpenChange: t, children: /* @__PURE__ */ L(pl, { className: d.main, children: [
@@ -4464,32 +4466,32 @@ const He = "panel", rt = "messagebox", kl = ({
     focusMode: i = "system",
     ...s
   }, c) => {
-    const [d, h] = W(!1), [m, g] = W(!1), [u, p] = W(null), b = T([]), y = T([]), v = G(sr), x = Ma(), k = Kn(), N = Da(), { floatingStyles: _, refs: I, context: $ } = Aa({
+    const [d, f] = W(!1), [u, h] = W(!1), [g, p] = W(null), y = S([]), b = S([]), v = G(sr), x = Ma(), k = Kn(), A = Da(), { floatingStyles: E, refs: C, context: N } = Aa({
       nodeId: k,
       open: d,
       onOpenChange: (q) => {
-        h(q), n == null || n(q);
+        f(q), n == null || n(q);
       },
       placement: a,
       strategy: "fixed",
       middleware: [Yn({ mainAxis: 10 }), Jn(), Zn()],
       whileElementsMounted: Xn
-    }), E = $a($, {
+    }), _ = $a(N, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), w = Oa($, { role: "menu" }), S = La($, { bubbles: !0 }), C = Qn($, {
-      listRef: b,
-      activeIndex: u,
+    }), w = Oa(N, { role: "menu" }), T = La(N, { bubbles: !0 }), R = Qn(N, {
+      listRef: y,
+      activeIndex: g,
       nested: !1,
       onNavigate: p,
       loop: !0
-    }), B = eo($, {
-      listRef: y,
+    }), B = eo(N, {
+      listRef: b,
       onMatch: d ? p : void 0,
-      activeIndex: u
-    }), { getReferenceProps: A, getFloatingProps: O, getItemProps: V } = Ba([E, w, S, C, B]), R = ga(e) === "Button" || ga(e) === "ButtonIcon", H = R ? {
-      noInternalClick: R,
+      activeIndex: g
+    }), { getReferenceProps: $, getFloatingProps: O, getItemProps: V } = Ba([_, w, T, R, B]), I = ga(e) === "Button" || ga(e) === "ButtonIcon", H = I ? {
+      noInternalClick: I,
       focusMode: i,
       mode: o
     } : {}, j = U.cloneElement(
@@ -4498,9 +4500,9 @@ const He = "panel", rt = "messagebox", kl = ({
         ...H,
         "aria-label": r,
         "data-open": d ? "" : void 0,
-        "data-focus-inside": m ? "" : void 0,
-        ref: ur([I.setReference, N.ref, c]),
-        ...A(
+        "data-focus-inside": u ? "" : void 0,
+        ref: ur([C.setReference, A.ref, c]),
+        ...$(
           v.getItemProps({
             ...s
           })
@@ -4511,7 +4513,7 @@ const He = "panel", rt = "messagebox", kl = ({
       if (!x)
         return;
       function q() {
-        h(!1), n == null || n(!1);
+        f(!1), n == null || n(!1);
       }
       return x.events.on("click", q), () => {
         x.events.off("click", q);
@@ -4524,25 +4526,25 @@ const He = "panel", rt = "messagebox", kl = ({
         sr.Provider,
         {
           value: {
-            activeIndex: u,
+            activeIndex: g,
             setActiveIndex: p,
             getItemProps: V,
-            setHasFocusInside: g,
+            setHasFocusInside: h,
             isOpen: d
           },
-          children: /* @__PURE__ */ l(ro, { elementsRef: b, labelsRef: y, children: d && /* @__PURE__ */ l(Ra, { children: /* @__PURE__ */ l(
+          children: /* @__PURE__ */ l(ro, { elementsRef: y, labelsRef: b, children: d && /* @__PURE__ */ l(Ra, { children: /* @__PURE__ */ l(
             Ia,
             {
-              context: $,
+              context: N,
               modal: !1,
               initialFocus: 0,
               returnFocus: !0,
               children: /* @__PURE__ */ l(
                 "div",
                 {
-                  ref: I.setFloating,
+                  ref: C.setFloating,
                   className: "rounded-md bg-surface-light shadow-sm shadow-border-dark outline-none p-4 sm:p-2",
-                  style: _,
+                  style: E,
                   ...O(),
                   children: t
                 }
@@ -4568,23 +4570,23 @@ const ct = J.forwardRef(
     ...s
   }, c) => {
     let d = "";
-    const h = J.useContext(sr), m = Da({ label: t ? null : e }), g = Ma(), u = ur([m.ref, c]);
+    const f = J.useContext(sr), u = Da({ label: t ? null : e }), h = Ma(), g = ur([u.ref, c]);
     if (a && n)
       return /* @__PURE__ */ l(
         "div",
         {
           role: "menuitem",
-          ...h.getItemProps({
-            onClick(b) {
-              var y;
-              o || ((y = s.onClick) == null || y.call(s, b), g == null || g.events.emit("click"));
+          ...f.getItemProps({
+            onClick(y) {
+              var b;
+              o || ((b = s.onClick) == null || b.call(s, y), h == null || h.events.emit("click"));
             }
           }),
           children: n
         }
       );
     r && (d = "pl-2");
-    const p = f(
+    const p = m(
       "m-0 first:mt-0 mt-2 sm:mt-1 px-2 py-1 flex w-full rounded-md border border-transparent text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium",
       {
         "bg-surface-medium text-copy-lighter font-bold": !t && i,
@@ -4596,19 +4598,19 @@ const ct = J.forwardRef(
       "button",
       {
         ...s,
-        ref: u,
+        ref: g,
         role: "menuitem",
         className: p,
         tabIndex: 0,
         disabled: t,
-        ...h.getItemProps({
-          onClick(b) {
-            var y;
-            o || ((y = s.onClick) == null || y.call(s, b), g == null || g.events.emit("click"));
+        ...f.getItemProps({
+          onClick(y) {
+            var b;
+            o || ((b = s.onClick) == null || b.call(s, y), h == null || h.events.emit("click"));
           },
-          onFocus(b) {
-            var y;
-            (y = s.onFocus) == null || y.call(s, b), h.setHasFocusInside(!0);
+          onFocus(y) {
+            var b;
+            (b = s.onFocus) == null || b.call(s, y), f.setHasFocusInside(!0);
           }
         }),
         children: [
@@ -4621,13 +4623,13 @@ const ct = J.forwardRef(
 );
 ct.displayName = "MenuItem";
 const Qc = ({ className: e, ...t }) => {
-  const r = f(e, "my-1 border-t border-border-medium");
+  const r = m(e, "my-1 border-t border-border-medium");
   return /* @__PURE__ */ l("div", { className: r, ...t });
 }, bn = ({
   className: e,
   ...t
 }) => {
-  const r = f(
+  const r = m(
     e,
     "pt-1 mb-2 text-sm text-copy-dark border-b border-border-medium"
   );
@@ -4662,8 +4664,8 @@ const El = (e) => {
   } = br({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: n
-  }), d = (h, m, g) => {
-    h.preventDefault(), g && r({
+  }), d = (f, u, h) => {
+    f.preventDefault(), h && r({
       type: Me,
       payload: {
         privateChat: !0
@@ -4671,7 +4673,7 @@ const El = (e) => {
     }), a({
       type: Ta,
       payload: {
-        prompt: m
+        prompt: u
       }
     });
   };
@@ -4690,17 +4692,17 @@ const El = (e) => {
           defaultPlacement: t,
           children: [
             /* @__PURE__ */ l(bn, { children: "Prompts" }),
-            i && i.tags && i.tags.map((h) => h.enabled && h.label && h.content && /* @__PURE__ */ l(
+            i && i.tags && i.tags.map((f) => f.enabled && f.label && f.content && /* @__PURE__ */ l(
               ct,
               {
-                label: h.label,
-                onClick: (m) => d(
-                  m,
-                  h.content,
-                  h == null ? void 0 : h.privateChat
+                label: f.label,
+                onClick: (u) => d(
+                  u,
+                  f.content,
+                  f == null ? void 0 : f.privateChat
                 )
               },
-              `prompt-button-${h.slot}`
+              `prompt-button-${f.slot}`
             ))
           ]
         }
@@ -4712,8 +4714,8 @@ const El = (e) => {
 }) => {
   const { user: t, getAccessToken: r } = Le(), {
     state: { messages: a, usage: n, provider: o, id: i, privateChat: s }
-  } = G(ie), [c, d] = W(!1), h = async (m) => {
-    m.preventDefault();
+  } = G(ie), [c, d] = W(!1), f = async (u) => {
+    u.preventDefault();
     try {
       i && a && o && await yr({
         accessToken: await r(),
@@ -4745,7 +4747,7 @@ const El = (e) => {
           mode: "dark",
           focusMode: "light",
           label: "Save Private Chat",
-          onClick: h,
+          onClick: f,
           children: /* @__PURE__ */ l(io, { size: ge, monotone: !0 })
         }
       )
@@ -4754,7 +4756,7 @@ const El = (e) => {
 }, Cl = ({ show: e }) => e ? /* @__PURE__ */ l(
   "div",
   {
-    className: f(
+    className: m(
       Qi,
       "bottom-44 fixed left-1/2 transform -translate-x-1/2"
     ),
@@ -4823,16 +4825,16 @@ const El = (e) => {
   } = br({
     keys: [n == null ? void 0 : n.username],
     getAccessToken: a
-  }), d = async (h) => {
+  }), d = async (f) => {
     try {
       await Gi({
-        provider: h,
+        provider: f,
         accessToken: await a(),
         username: (n == null ? void 0 : n.username) || ""
       }), c({ ...o }), r({
         type: Me,
         payload: {
-          provider: h
+          provider: f
         }
       });
     } catch {
@@ -4876,26 +4878,26 @@ const El = (e) => {
       )
     }
   );
-}, Il = () => f(
+}, Il = () => m(
   "relative rounded-md text-base h-auto min-w-28 overflow-hidden pt-2"
-), pa = () => f("bg-surface-darker"), Al = () => f("text-copy-lighter caret-copy-light"), $l = () => f(
+), pa = () => m("bg-surface-darker"), Al = () => m("text-copy-lighter caret-copy-light"), $l = () => m(
   "has-[.av-prompt-editable:focus]:outline",
   "has-[.av-prompt-editable:focus]:outline-2",
   "has-[.av-prompt-editable:focus]:outline-offset-2",
   "has-[.av-prompt-editable:focus]:outline-focus-light"
-), Ll = () => f(
+), Ll = () => m(
   "peer",
   "text-base resize-none overflow-hidden w-full text-inherit outline-none",
   "h-6 pr-2 pl-4"
 ), Ol = ({ className: e }) => {
-  const t = f(
+  const t = m(
     Ln,
     Il(),
     pa(),
     Al(),
     $l(),
     e
-  ), r = f(
+  ), r = m(
     On,
     Ll(),
     pa()
@@ -4914,11 +4916,11 @@ const El = (e) => {
   ref: i,
   ...s
 }) => {
-  const h = ya * 2, m = 5 * ya, {
-    state: { usage: g, messages: u }
-  } = G(ie), { state: p } = G(pt), b = T(null), y = T(null), v = _o([i, y]), x = Co(), k = Ol({
+  const f = ya * 2, u = 5 * ya, {
+    state: { usage: h, messages: g }
+  } = G(ie), { state: p } = G(pt), y = S(null), b = S(null), v = _o([i, b]), x = Co(), k = Ol({
     className: e
-  }), [N, _] = So({
+  }), [A, E] = So({
     value: r,
     initialControlledDelay: 20,
     defaultValue: a,
@@ -4929,34 +4931,34 @@ const El = (e) => {
         }
       });
     }
-  }), I = Z(() => {
-    if (!y.current)
+  }), C = Z(() => {
+    if (!b.current)
       return;
-    y.current.style.height = "auto";
-    const w = y.current.scrollHeight;
-    if (w > m) {
-      y.current.style.height = `${m}px`, y.current.style.overflowY = "scroll";
+    b.current.style.height = "auto";
+    const w = b.current.scrollHeight;
+    if (w > u) {
+      b.current.style.height = `${u}px`, b.current.style.overflowY = "scroll";
       return;
     }
-    y.current.style.height = `${w}px`, y.current.style.overflowY = "hidden";
-  }, [m]), $ = (w) => {
-    _(""), y.current && (y.current.style.height = `${h}px`), o(w, N);
-  }, E = (w) => {
-    _(w.target.value), I();
+    b.current.style.height = `${w}px`, b.current.style.overflowY = "hidden";
+  }, [u]), N = (w) => {
+    E(""), b.current && (b.current.style.height = `${f}px`), o(w, A);
+  }, _ = (w) => {
+    E(w.target.value), C();
   };
   return M(() => {
-    g === 0 && (u == null ? void 0 : u.length) === 0 && y.current && (y.current.style.height = `${h}px`);
-  }, [g, u, h]), M(() => {
+    h === 0 && (g == null ? void 0 : g.length) === 0 && b.current && (b.current.style.height = `${f}px`);
+  }, [h, g, f]), M(() => {
     p.lastTriggeredTimestamp && setTimeout(() => {
-      I();
+      C();
     }, 100);
-  }, [p.lastTriggeredTimestamp, I]), /* @__PURE__ */ l(
+  }, [p.lastTriggeredTimestamp, C]), /* @__PURE__ */ l(
     "div",
     {
       className: k.wrapper,
-      ref: b,
+      ref: y,
       ...s,
-      children: /* @__PURE__ */ L("form", { onSubmit: $, children: [
+      children: /* @__PURE__ */ L("form", { onSubmit: N, children: [
         /* @__PURE__ */ l("div", { id: x, className: "sr-only", children: t }),
         /* @__PURE__ */ l("div", { className: "relative", children: /* @__PURE__ */ l(
           "textarea",
@@ -4966,9 +4968,9 @@ const El = (e) => {
             ref: v,
             placeholder: "Type your question here.",
             translate: "no",
-            onChange: E,
-            value: N,
-            onKeyDown: po([["mod+Enter", $]]),
+            onChange: _,
+            value: A,
+            onKeyDown: po([["mod+Enter", N]]),
             className: k.textArea,
             "aria-labelledby": x
           }
@@ -4988,19 +4990,19 @@ const El = (e) => {
   const {
     state: { messages: e, provider: t, id: r, usage: a, privateChat: n, streaming: o },
     dispatch: i
-  } = G(ie), { state: s, dispatch: c } = G(pt), [d, h] = W(""), { getAccessToken: m, user: g } = Le(), u = T(null), p = T(
+  } = G(ie), { state: s, dispatch: c } = G(pt), [d, f] = W(""), { getAccessToken: u, user: h } = Le(), g = S(null), p = S(
     null
   );
   bo([
     [
       "mod+K",
       () => {
-        u && u.current && u.current.focus();
+        g && g.current && g.current.focus();
       }
     ]
   ]);
-  const b = async (y) => {
-    y.preventDefault(), i({
+  const y = async (b) => {
+    b.preventDefault(), i({
       type: nt,
       payload: {
         content: d,
@@ -5015,20 +5017,20 @@ const El = (e) => {
         (v = p == null ? void 0 : p.current) == null || v.cancel();
         return;
       }
-      const y = e[e.length - 1];
-      if (!(e.length === 0 || y.role === Fe || y.role === Bn || y.role === at || y.role === Mn)) {
+      const b = e[e.length - 1];
+      if (!(e.length === 0 || b.role === Fe || b.role === Bn || b.role === at || b.role === Mn)) {
         i({
           type: rr,
           payload: !0
         });
         try {
           const x = await Wi({
-            accessToken: await m(),
+            accessToken: await u(),
             name: "generate",
             data: {
               messages: e,
               model: t || ot,
-              user: (g == null ? void 0 : g.username) || "",
+              user: (h == null ? void 0 : h.username) || "",
               id: r,
               usage: a,
               private: n
@@ -5044,25 +5046,26 @@ const El = (e) => {
             });
             const k = hr();
             p.current = x.body.getReader();
-            const N = new TextDecoder();
+            const A = new TextDecoder();
             for (; ; ) {
-              const { done: _, value: I } = await p.current.read();
-              if (_)
+              const { done: E, value: C } = await p.current.read();
+              if (E)
                 break;
-              const $ = N.decode(I, { stream: !0 }), E = $.indexOf(Pr);
-              if (E !== -1) {
-                const w = $.substring(0, E), S = JSON.parse(
-                  $.substring(E + Pr.length)
+              const N = A.decode(C, { stream: !0 }), _ = N.indexOf(Pr);
+              if (_ !== -1) {
+                const w = N.substring(0, _), T = JSON.parse(
+                  N.substring(_ + Pr.length)
                 );
                 i({
                   type: nt,
                   payload: {
-                    model: S.model,
+                    model: T.model,
                     content: w,
                     role: Fe,
                     messageId: k,
-                    processingTime: S.processingTime,
-                    name: S.name
+                    processingTime: T.processingTime,
+                    name: T.name,
+                    usage: T.usage
                   }
                 });
                 break;
@@ -5070,7 +5073,7 @@ const El = (e) => {
                 i({
                   type: nt,
                   payload: {
-                    content: $,
+                    content: N,
                     role: Fe,
                     messageId: k
                   }
@@ -5101,25 +5104,25 @@ const El = (e) => {
     })();
   }, [e]), M(() => {
     if (s.prompt !== "") {
-      const y = s.prompt.endsWith(":") && !s.prompt.endsWith(": ") ? s.prompt + " " : s.prompt;
-      y.indexOf(Ur) !== -1 ? navigator.clipboard.readText().then((x) => {
-        h(y.replace(Ur, x));
-      }) : h(y), u.current && u.current.focus(), c({
+      const b = s.prompt.endsWith(":") && !s.prompt.endsWith(": ") ? s.prompt + " " : s.prompt;
+      b.indexOf(Ur) !== -1 ? navigator.clipboard.readText().then((x) => {
+        f(b.replace(Ur, x));
+      }) : f(b), g.current && g.current.focus(), c({
         type: Ea
       });
     }
   }, [s, c]), M(() => {
-    a === 0 && (e == null ? void 0 : e.length) === 0 && (h(""), u.current && u.current.focus());
+    a === 0 && (e == null ? void 0 : e.length) === 0 && (f(""), g.current && g.current.focus());
   }, [a, e]), M(() => {
-    o === !1 && u.current && u.current.focus();
+    o === !1 && g.current && g.current.focus();
   }, [o]), /* @__PURE__ */ l(_e, { children: /* @__PURE__ */ l(
     Bl,
     {
       label: Dn,
-      onSubmit: b,
-      ref: u,
+      onSubmit: y,
+      ref: g,
       value: d,
-      onChange: (y) => h(y.target.value)
+      onChange: (b) => f(b.target.value)
     }
   ) });
 }, Dl = ({ isComponent: e }) => {
@@ -5127,8 +5130,8 @@ const El = (e) => {
     state: { loading: t, streaming: r, restoring: a, messages: n }
   } = G(ie), { height: o } = No(), [i, s] = To(), c = window.innerWidth < 403;
   return M(() => {
-    var d, h;
-    (t && !r || a) && ((d = i == null ? void 0 : i.current) == null || d.style.setProperty("--sassy-bottom", "16px")), !t && !r && n.length === 0 && ((h = i == null ? void 0 : i.current) == null || h.style.setProperty(
+    var d, f;
+    (t && !r || a) && ((d = i == null ? void 0 : i.current) == null || d.style.setProperty("--sassy-bottom", "16px")), !t && !r && n.length === 0 && ((f = i == null ? void 0 : i.current) == null || f.style.setProperty(
       "--sassy-bottom",
       `${o - s.height - (e ? 300 : c ? 220 : 245)}px`
     ));
@@ -5146,7 +5149,7 @@ const El = (e) => {
     "footer",
     {
       ref: i,
-      className: f(
+      className: m(
         "px-2 sm:px-0 md:mx-auto md:max-w-4xl w-full",
         "fixed left-1/2 transform -translate-x-1/2",
         "transition-all ease-in-out duration-500",
@@ -5185,13 +5188,13 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   switch (e) {
     case vn:
     case lr:
-      return f({
+      return m({
         [i]: t === "small",
         [s]: t === "medium",
         [c]: t === "large"
       });
     case xt:
-      return f("flex items-center", {
+      return m("flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
         "justify-end": n === "right",
@@ -5219,14 +5222,14 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   switch (e) {
     case vn:
     case lr:
-      return f({
+      return m({
         "text-center": e === lr,
         [n]: t === "small",
         [o]: t === "medium",
         [i]: t === "large"
       });
     case xt:
-      return f({
+      return m({
         [n]: t === "small" && (r || a),
         [o]: t === "medium" && (r || a),
         [i]: t === "large" && (r || a)
@@ -5241,7 +5244,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   if (t)
     return "not-prose";
   if (a === "primary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -5249,7 +5252,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "light" || e === "system",
       "text-copy-lighter": e === "dark" || e === "alt-system",
@@ -5257,7 +5260,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
       "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -5265,7 +5268,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return f("not-prose text-copy-lighter", {
+    return m("not-prose text-copy-lighter", {
       truncate: !r
     });
 }, Hl = ({
@@ -5275,21 +5278,21 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
 }) => {
   if (!t) {
     if (r === "primary")
-      return f({
+      return m({
         "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 f({
+      return m({
         "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 f({
+      return m({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -5300,7 +5303,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   }
 }, Fl = ({
   radius: e
-}) => f({
+}) => m({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -5312,21 +5315,21 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   if (t)
     return "";
   if (r === "primary")
-    return f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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",
@@ -5342,21 +5345,21 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   if (t)
     return "";
   if (r === "primary")
-    return f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-lighter-active", {
+    return m("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",
@@ -5372,21 +5375,21 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return f("border", {
+    return m("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 f("border", {
+    return m("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 f("border", {
+    return m("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -5396,7 +5399,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
     return "border border-border-selected-dark";
 }, ql = ({
   focusMode: e
-}) => f("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => m("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",
@@ -5405,7 +5408,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   mode: e,
   raw: t,
   iconClassName: r
-}) => t ? "" : f(
+}) => t ? "" : m(
   {
     "text-copy-accent-dark": e === "light" || e === "alt-system",
     "text-copy-light": e === "dark" || e === "system",
@@ -5415,7 +5418,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   r
 ), Yl = ({
   animated: e
-}) => f({
+}) => m({
   "transition-opacity duration-300 ease-in": e
 }), Jl = ({
   type: e,
@@ -5428,42 +5431,42 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
   size: s,
   noBorder: c,
   labelRight: d,
-  labelLeft: h,
-  noBackground: m,
-  variant: g,
-  noTruncate: u,
+  labelLeft: f,
+  noBackground: u,
+  variant: h,
+  noTruncate: g,
   align: p,
-  radius: b,
-  animated: y
-}) => (g || (g = "primary"), r ? f(ba, t) : f(
+  radius: y,
+  animated: b
+}) => (h || (h = "primary"), r ? m(ba, t) : m(
   ba,
   Ul({
     mode: a,
-    variant: g,
-    noBackground: m,
-    noTruncate: u
+    variant: h,
+    noBackground: u,
+    noTruncate: g
   }),
-  Hl({ mode: a, noBackground: m, variant: g }),
-  Fl({ radius: b }),
+  Hl({ mode: a, noBackground: u, variant: h }),
+  Fl({ radius: y }),
   Pl({
     type: e,
     size: s,
     labelRight: d,
-    labelLeft: h,
+    labelLeft: f,
     align: p,
-    animated: y
+    animated: b
   }),
-  zl({ type: e, size: s, labelRight: d, labelLeft: h }),
-  jl({ mode: a, variant: g, noBorder: c }),
+  zl({ type: e, size: s, labelRight: d, labelLeft: f }),
+  jl({ mode: a, variant: h, noBorder: c }),
   ql({ focusMode: n }),
-  Wl({ mode: a, variant: g, disabled: o }),
-  Gl({ mode: a, variant: g, disabled: o }),
+  Wl({ mode: a, variant: h, disabled: o }),
+  Gl({ mode: a, variant: h, disabled: o }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   },
-  f({
-    "transition-[width] duration-300 ease-in-out": e === xt && y
+  m({
+    "transition-[width] duration-300 ease-in-out": e === xt && b
   }),
   t
 )), Zl = (e, t, r) => {
@@ -5484,7 +5487,7 @@ const Vl = "av-bubble", ba = "av-button", xt = "icon", vn = "button", lr = "link
 });
 kn.displayName = "BaseButton";
 function Xl() {
-  const e = T(!1);
+  const e = S(!1);
   return M(() => (e.current = !0, () => {
     e.current = !1;
   }), []), Z(() => e.current, []);
@@ -5508,7 +5511,7 @@ const ec = {
   right: 0
 };
 function Ut(e) {
-  const t = Xl(), r = T(0), a = T(null), [n, o] = W(ec), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+  const t = Xl(), r = S(0), a = S(null), [n, o] = W(ec), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
     const c = s[0];
     c && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && o(c.contentRect);
@@ -5544,19 +5547,19 @@ const tc = {
     raw: s = !1,
     noBorder: c = !1,
     "aria-label": d,
-    label: h,
-    size: m = "medium",
-    labelRight: g,
-    labelLeft: u,
+    label: f,
+    size: u = "medium",
+    labelRight: h,
+    labelLeft: g,
     noBackground: p = !1,
-    align: b = "center",
-    radius: y = "large",
+    align: y = "center",
+    radius: b = "large",
     variant: v = "primary",
     iconClassName: x,
     animated: k = !1,
-    ...N
-  }, _) => {
-    const I = Jl({
+    ...A
+  }, E) => {
+    const C = Jl({
       type: xt,
       mode: r,
       focusMode: a,
@@ -5565,54 +5568,54 @@ const tc = {
       raw: s,
       className: o,
       noBorder: c,
-      size: m,
-      labelRight: g,
-      labelLeft: u,
+      size: u,
+      labelRight: h,
+      labelLeft: g,
       noBackground: p,
-      align: b,
-      radius: y,
+      align: y,
+      radius: b,
       variant: v,
       animated: k
-    }), $ = Kl({ mode: r, raw: s, iconClassName: x }), E = Yl({ animated: k }), [w, S] = Ut(), [C, B] = Ut(), [A, O] = Ut(), V = T(0), R = T(null), H = Ql([_, R]);
+    }), N = Kl({ mode: r, raw: s, iconClassName: x }), _ = Yl({ animated: k }), [w, T] = Ut(), [R, B] = Ut(), [$, O] = Ut(), V = S(0), I = S(null), H = Ql([E, I]);
     return pe(() => {
-      A && A.current && k && (V.current = O.width + rc[m] + (c ? 0 : ac));
-    }, [O, A, m, c, k]), pe(() => {
-      R && R.current && k && (g && w && S.width > 0 ? (w.current && (w.current.style.opacity = "100"), R.current.style.width = `${S.width + V.current}px`) : u && B.width > 0 ? (C.current && (C.current.style.opacity = "100"), R.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), C.current && (C.current.style.opacity = "0"), R.current.style.width = `${tc[m]}px`));
+      $ && $.current && k && (V.current = O.width + rc[u] + (c ? 0 : ac));
+    }, [O, $, u, c, k]), pe(() => {
+      I && I.current && k && (h && w && T.width > 0 ? (w.current && (w.current.style.opacity = "100"), I.current.style.width = `${T.width + V.current}px`) : g && B.width > 0 ? (R.current && (R.current.style.opacity = "100"), I.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), R.current && (R.current.style.opacity = "0"), I.current.style.width = `${tc[u]}px`));
     }, [
-      S,
-      g,
+      T,
+      h,
       w,
       B,
+      g,
+      R,
       u,
-      C,
-      m,
       k
     ]), /* @__PURE__ */ L(
       kn,
       {
         ref: H,
-        className: I,
+        className: C,
         disabled: t,
         type: i,
-        "aria-label": d || h,
-        ...N,
+        "aria-label": d || f,
+        ...A,
         children: [
           /* @__PURE__ */ l(
             va,
             {
-              label: u,
-              labelRef: C,
-              labelClass: E,
+              label: g,
+              labelRef: R,
+              labelClass: _,
               labelInnerClass: "pr-2"
             }
           ),
-          /* @__PURE__ */ l("span", { ref: A, className: $, children: e }),
+          /* @__PURE__ */ l("span", { ref: $, className: N, children: e }),
           /* @__PURE__ */ l(
             va,
             {
-              label: g,
+              label: h,
               labelRef: w,
-              labelClass: E,
+              labelClass: _,
               labelInnerClass: "pl-2"
             }
           )
@@ -5648,7 +5651,7 @@ const nc = U.forwardRef(
     active: a = !1,
     ...n
   }, o) => {
-    const i = a ? f(
+    const i = a ? m(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -5668,7 +5671,7 @@ const nc = U.forwardRef(
     return /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
       Sr,
       {
-        className: f("justify-center", r),
+        className: m("justify-center", r),
         ref: o,
         mode: t,
         radius: "small",
@@ -5690,7 +5693,7 @@ const wn = ({
   semantic: s = !1,
   ...c
 }) => {
-  const d = f(o, a);
+  const d = m(o, a);
   return /* @__PURE__ */ L(_e, { children: [
     /* @__PURE__ */ l(
       "svg",
@@ -5782,18 +5785,18 @@ try {
 const sc = ({
   kind: e,
   noMaxWidth: t
-}) => f("p-4", {
+}) => m("p-4", {
   "max-w-xs sm:max-w-md md:max-w-2xl": !t,
   "lg:max-w-3xl": e === "left" && !t
-}), lc = ({ kind: e }) => f({
+}), lc = ({ kind: e }) => m({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), cc = ({ kind: e }) => f(
+}), cc = ({ kind: e }) => m(
   "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"
   }
-), dc = ({ kind: e }) => f("rounded-b-xl", {
+), dc = ({ kind: e }) => m("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
 }), uc = ({
@@ -5801,20 +5804,20 @@ const sc = ({
   className: t,
   noMaxWidth: r
 }) => {
-  const a = f(
+  const a = m(
     Vl,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
     },
     t
-  ), n = f(
+  ), n = m(
     "flex flex-col empty:hidden",
     sc({ kind: e, noMaxWidth: r }),
     cc({ kind: e }),
     lc({ kind: e }),
     dc({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = f("flex flex-col-reverse gap-2 sm:flex-row", {
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = m("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
@@ -5835,27 +5838,27 @@ const sc = ({
   copyToClipboardMode: s = "system",
   noMaxWidth: c = !1
 }) => {
-  const [d, h] = W(!1), m = uc({ kind: t, className: r, noMaxWidth: c }), g = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), u = () => {
-    h(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [d, f] = W(!1), u = uc({ kind: t, className: r, noMaxWidth: c }), h = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), g = () => {
+    f(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return M(() => {
     let p;
     return d && (p = window.setTimeout(() => {
-      h(!1);
+      f(!1);
     }, 3e3)), () => {
       clearTimeout(p);
     };
-  }, [d]), /* @__PURE__ */ L("div", { className: m.wrapper, children: [
+  }, [d]), /* @__PURE__ */ L("div", { className: u.wrapper, children: [
     /* @__PURE__ */ L("div", { children: [
-      /* @__PURE__ */ l("div", { className: m.main, children: e }),
-      a && Object.keys(a).map((p, b) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ L("p", { className: m.footer, children: [
+      /* @__PURE__ */ l("div", { className: u.main, children: e }),
+      a && Object.keys(a).map((p, y) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ L("p", { className: u.footer, children: [
         p,
         ": ",
         a[p]
-      ] }) }, `${p}-${b}`) : null),
+      ] }) }, `${p}-${y}`) : null),
       n && n
     ] }),
-    g && /* @__PURE__ */ l("div", { className: m.copyButton, children: /* @__PURE__ */ l(
+    h && /* @__PURE__ */ l("div", { className: u.copyButton, children: /* @__PURE__ */ l(
       Sr,
       {
         noBorder: !0,
@@ -5864,7 +5867,7 @@ const sc = ({
         mode: s,
         focusMode: i,
         label: d ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: u,
+        onClick: g,
         disabled: d,
         children: d ? /* @__PURE__ */ l(oc, { size: "size-3" }) : /* @__PURE__ */ l(ic, { size: "size-3" })
       }
@@ -5882,13 +5885,13 @@ const sc = ({
   switch (e) {
     case Cr:
     case cr:
-      return f({
+      return m({
         [i]: t === "small",
         [s]: t === "medium",
         [c]: t === "large"
       });
     case _t:
-      return f("flex items-center", {
+      return m("flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
         "justify-end": n === "right",
@@ -5916,14 +5919,14 @@ const sc = ({
   switch (e) {
     case Cr:
     case cr:
-      return f({
+      return m({
         "text-center": e === cr,
         [n]: t === "small",
         [o]: t === "medium",
         [i]: t === "large"
       });
     case _t:
-      return f({
+      return m({
         [n]: t === "small" && (r || a),
         [o]: t === "medium" && (r || a),
         [i]: t === "large" && (r || a)
@@ -5938,7 +5941,7 @@ const sc = ({
   if (t)
     return "not-prose";
   if (a === "primary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -5946,7 +5949,7 @@ const sc = ({
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "light" || e === "system",
       "text-copy-lighter": e === "dark" || e === "alt-system",
@@ -5954,7 +5957,7 @@ const sc = ({
       "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return f("not-prose", {
+    return m("not-prose", {
       truncate: !r,
       "text-copy-light": e === "dark" || e === "system",
       "text-copy-lighter": e === "light" || e === "alt-system",
@@ -5962,7 +5965,7 @@ const sc = ({
       "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return f("not-prose text-copy-lighter", {
+    return m("not-prose text-copy-lighter", {
       truncate: !r
     });
 }, pc = ({
@@ -5972,21 +5975,21 @@ const sc = ({
 }) => {
   if (!t) {
     if (r === "primary")
-      return f({
+      return m({
         "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 f({
+      return m({
         "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 f({
+      return m({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -5997,7 +6000,7 @@ const sc = ({
   }
 }, yc = ({
   radius: e
-}) => f({
+}) => m({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -6009,21 +6012,21 @@ const sc = ({
   if (t)
     return "";
   if (r === "primary")
-    return f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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 f("hover:text-copy-light-hover", {
+    return m("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",
@@ -6039,21 +6042,21 @@ const sc = ({
   if (t)
     return "";
   if (r === "primary")
-    return f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-light-active", {
+    return m("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 f("active:text-copy-lighter-active", {
+    return m("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",
@@ -6069,21 +6072,21 @@ const sc = ({
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return f("border", {
+    return m("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 f("border", {
+    return m("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 f("border", {
+    return m("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -6093,7 +6096,7 @@ const sc = ({
     return "border border-border-selected-dark";
 }, wc = ({
   focusMode: e
-}) => f("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => m("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",
@@ -6102,7 +6105,7 @@ const sc = ({
   mode: e,
   raw: t,
   iconClassName: r
-}) => t ? "" : f(
+}) => t ? "" : m(
   {
     "text-copy-accent-dark": e === "light" || e === "alt-system",
     "text-copy-light": e === "dark" || e === "system",
@@ -6112,7 +6115,7 @@ const sc = ({
   r
 ), _c = ({
   animated: e
-}) => f({
+}) => m({
   "transition-opacity duration-300 ease-in": e
 }), xn = ({
   type: e,
@@ -6125,42 +6128,42 @@ const sc = ({
   size: s,
   noBorder: c,
   labelRight: d,
-  labelLeft: h,
-  noBackground: m,
-  variant: g,
-  noTruncate: u,
+  labelLeft: f,
+  noBackground: u,
+  variant: h,
+  noTruncate: g,
   align: p,
-  radius: b,
-  animated: y
-}) => (g || (g = "primary"), r ? f(ka, t) : f(
+  radius: y,
+  animated: b
+}) => (h || (h = "primary"), r ? m(ka, t) : m(
   ka,
   gc({
     mode: a,
-    variant: g,
-    noBackground: m,
-    noTruncate: u
+    variant: h,
+    noBackground: u,
+    noTruncate: g
   }),
-  pc({ mode: a, noBackground: m, variant: g }),
-  yc({ radius: b }),
+  pc({ mode: a, noBackground: u, variant: h }),
+  yc({ radius: y }),
   fc({
     type: e,
     size: s,
     labelRight: d,
-    labelLeft: h,
+    labelLeft: f,
     align: p,
-    animated: y
+    animated: b
   }),
-  hc({ type: e, size: s, labelRight: d, labelLeft: h }),
-  kc({ mode: a, variant: g, noBorder: c }),
+  hc({ type: e, size: s, labelRight: d, labelLeft: f }),
+  kc({ mode: a, variant: h, noBorder: c }),
   wc({ focusMode: n }),
-  bc({ mode: a, variant: g, disabled: o }),
-  vc({ mode: a, variant: g, disabled: o }),
+  bc({ mode: a, variant: h, disabled: o }),
+  vc({ mode: a, variant: h, disabled: o }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   },
-  f({
-    "transition-[width] duration-300 ease-in-out": e === _t && y
+  m({
+    "transition-[width] duration-300 ease-in-out": e === _t && b
   }),
   t
 )), Ec = (e, t, r) => {
@@ -6192,10 +6195,10 @@ const _n = U.forwardRef(
     raw: s = !1,
     noBorder: c = !1,
     variant: d = "primary",
-    noTruncate: h = !1,
-    radius: m = "large",
-    ...g
-  }, u) => {
+    noTruncate: f = !1,
+    radius: u = "large",
+    ...h
+  }, g) => {
     const p = xn({
       type: Cr,
       mode: r,
@@ -6207,16 +6210,16 @@ const _n = U.forwardRef(
       size: i,
       noBorder: c,
       variant: d,
-      noTruncate: h,
-      radius: m
+      noTruncate: f,
+      radius: u
     });
     return /* @__PURE__ */ l(
       Nr,
       {
-        ref: u,
+        ref: g,
         className: p,
         disabled: t,
-        ...g,
+        ...h,
         children: e
       }
     );
@@ -6224,7 +6227,7 @@ const _n = U.forwardRef(
 );
 _n.displayName = "Button";
 function Tc() {
-  const e = T(!1);
+  const e = S(!1);
   return M(() => (e.current = !0, () => {
     e.current = !1;
   }), []), Z(() => e.current, []);
@@ -6248,7 +6251,7 @@ const Cc = {
   right: 0
 };
 function Ht(e) {
-  const t = Tc(), r = T(0), a = T(null), [n, o] = W(Cc), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+  const t = Tc(), r = S(0), a = S(null), [n, o] = W(Cc), i = oe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
     const c = s[0];
     c && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && o(c.contentRect);
@@ -6284,19 +6287,19 @@ const Nc = {
     raw: s = !1,
     noBorder: c = !1,
     "aria-label": d,
-    label: h,
-    size: m = "medium",
-    labelRight: g,
-    labelLeft: u,
+    label: f,
+    size: u = "medium",
+    labelRight: h,
+    labelLeft: g,
     noBackground: p = !1,
-    align: b = "center",
-    radius: y = "large",
+    align: y = "center",
+    radius: b = "large",
     variant: v = "primary",
     iconClassName: x,
     animated: k = !1,
-    ...N
-  }, _) => {
-    const I = xn({
+    ...A
+  }, E) => {
+    const C = xn({
       type: _t,
       mode: r,
       focusMode: a,
@@ -6305,54 +6308,54 @@ const Nc = {
       raw: s,
       className: o,
       noBorder: c,
-      size: m,
-      labelRight: g,
-      labelLeft: u,
+      size: u,
+      labelRight: h,
+      labelLeft: g,
       noBackground: p,
-      align: b,
-      radius: y,
+      align: y,
+      radius: b,
       variant: v,
       animated: k
-    }), $ = xc({ mode: r, raw: s, iconClassName: x }), E = _c({ animated: k }), [w, S] = Ht(), [C, B] = Ht(), [A, O] = Ht(), V = T(0), R = T(null), H = Sc([_, R]);
+    }), N = xc({ mode: r, raw: s, iconClassName: x }), _ = _c({ animated: k }), [w, T] = Ht(), [R, B] = Ht(), [$, O] = Ht(), V = S(0), I = S(null), H = Sc([E, I]);
     return pe(() => {
-      A && A.current && k && (V.current = O.width + Rc[m] + (c ? 0 : Ic));
-    }, [O, A, m, c, k]), pe(() => {
-      R && R.current && k && (g && w && S.width > 0 ? (w.current && (w.current.style.opacity = "100"), R.current.style.width = `${S.width + V.current}px`) : u && B.width > 0 ? (C.current && (C.current.style.opacity = "100"), R.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), C.current && (C.current.style.opacity = "0"), R.current.style.width = `${Nc[m]}px`));
+      $ && $.current && k && (V.current = O.width + Rc[u] + (c ? 0 : Ic));
+    }, [O, $, u, c, k]), pe(() => {
+      I && I.current && k && (h && w && T.width > 0 ? (w.current && (w.current.style.opacity = "100"), I.current.style.width = `${T.width + V.current}px`) : g && B.width > 0 ? (R.current && (R.current.style.opacity = "100"), I.current.style.width = `${B.width + V.current}px`) : (w.current && (w.current.style.opacity = "0"), R.current && (R.current.style.opacity = "0"), I.current.style.width = `${Nc[u]}px`));
     }, [
-      S,
-      g,
+      T,
+      h,
       w,
       B,
+      g,
+      R,
       u,
-      C,
-      m,
       k
     ]), /* @__PURE__ */ L(
       Nr,
       {
         ref: H,
-        className: I,
+        className: C,
         disabled: t,
         type: i,
-        "aria-label": d || h,
-        ...N,
+        "aria-label": d || f,
+        ...A,
         children: [
           /* @__PURE__ */ l(
             wa,
             {
-              label: u,
-              labelRef: C,
-              labelClass: E,
+              label: g,
+              labelRef: R,
+              labelClass: _,
               labelInnerClass: "pr-2"
             }
           ),
-          /* @__PURE__ */ l("span", { ref: A, className: $, children: e }),
+          /* @__PURE__ */ l("span", { ref: $, className: N, children: e }),
           /* @__PURE__ */ l(
             wa,
             {
-              label: g,
+              label: h,
               labelRef: w,
-              labelClass: E,
+              labelClass: _,
               labelInnerClass: "pl-2"
             }
           )
@@ -6388,7 +6391,7 @@ const Ac = U.forwardRef(
     active: a = !1,
     ...n
   }, o) => {
-    const i = a ? f(
+    const i = a ? m(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -6408,7 +6411,7 @@ const Ac = U.forwardRef(
     return /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
       En,
       {
-        className: f("justify-center", r),
+        className: m("justify-center", r),
         ref: o,
         mode: t,
         radius: "small",
@@ -6487,7 +6490,7 @@ const Bc = ({ content: e }) => /* @__PURE__ */ l(
 ), xa = Na(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./ChatBubbleAssistant.B02s8tZ4.js"
+    "./ChatBubbleAssistant.XRTqE2w4.js"
   ).then((e) => e.ChatBubbleAssistant)
 ), _a = U.memo(
   ({
@@ -6495,15 +6498,17 @@ const Bc = ({ content: e }) => /* @__PURE__ */ l(
     content: t,
     name: r,
     processingTime: a,
-    loading: n = !1
+    usage: n,
+    loading: o = !1
   }) => (e === Fe || e === at) && t ? /* @__PURE__ */ l(Wt, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(
     xa,
     {
       name: r,
       processingTime: a,
+      usage: n,
       content: t
     }
-  ) }) : e === Sa && t ? /* @__PURE__ */ l(Bc, { content: t }) : n ? /* @__PURE__ */ l(Wt, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(xa, { loading: !0 }) }) : null
+  ) }) : e === Sa && t ? /* @__PURE__ */ l(Bc, { content: t }) : o ? /* @__PURE__ */ l(Wt, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(xa, { loading: !0 }) }) : null
 ), Mc = () => {
   var r;
   const {
@@ -6511,16 +6516,17 @@ const Bc = ({ content: e }) => /* @__PURE__ */ l(
   } = G(ie);
   return /* @__PURE__ */ l("div", { className: "space-y-6 mt-2 @container", children: /* @__PURE__ */ L("div", { children: [
     e && e.length > 0 && e.map((a, n) => {
-      const { role: o, content: i, messageId: s, name: c, processingTime: d } = a, h = s ? `${s}-${o}` : `${n}-${o}`;
+      const { role: o, content: i, messageId: s, name: c, processingTime: d, usage: f } = a, u = s ? `${s}-${o}` : `${n}-${o}`;
       return /* @__PURE__ */ l(
         _a,
         {
           role: o,
           content: i,
           name: c,
-          processingTime: d
+          processingTime: d,
+          usage: f
         },
-        h
+        u
       );
     }),
     ((r = e == null ? void 0 : e.at(-1)) == null ? void 0 : r.role) === "user" && /* @__PURE__ */ l(_a, { loading: t })
@@ -6541,7 +6547,7 @@ const Bc = ({ content: e }) => /* @__PURE__ */ l(
 }, Vc = Na(
   () => import(
     /* webpackChunkName: "LazyHeader" */
-    "./HeaderEntry.rgTf-RhA.js"
+    "./HeaderEntry.D5tq2VRC.js"
   )
 );
 function Tn({ isComponent: e = !1 }) {
@@ -6558,7 +6564,7 @@ function Tn({ isComponent: e = !1 }) {
   }), [s, c] = Nt(ci, {
     prompt: "",
     lastTriggeredTimestamp: 0
-  }), [d, h] = Nt(Zi, {
+  }), [d, f] = Nt(Zi, {
     id: hr(),
     model: "",
     provider: "",
@@ -6579,24 +6585,24 @@ function Tn({ isComponent: e = !1 }) {
     ],
     getAccessToken: r
   }), Yi({ getAccessToken: r });
-  const { data: m } = br({
+  const { data: u } = br({
     keys: [t == null ? void 0 : t.username],
     getAccessToken: r
   });
   return M(() => {
-    var u;
-    (u = document.getElementById("logo")) == null || u.classList.add("fadeOut"), setTimeout(() => {
+    var g;
+    (g = document.getElementById("logo")) == null || g.classList.add("fadeOut"), setTimeout(() => {
       var p;
       (p = document.getElementById("root")) == null || p.classList.replace("app-hidden", "fadeIn");
     }, 500);
   }), M(() => {
-    m && h({
+    u && f({
       type: Me,
       payload: {
-        provider: m.provider || ot
+        provider: u.provider || ot
       }
     });
-  }, [m]), /* @__PURE__ */ l(
+  }, [u]), /* @__PURE__ */ l(
     es.Provider,
     {
       value: {
@@ -6610,7 +6616,7 @@ function Tn({ isComponent: e = !1 }) {
           children: /* @__PURE__ */ L(
             ie.Provider,
             {
-              value: { state: d, dispatch: h },
+              value: { state: d, dispatch: f },
               children: [
                 /* @__PURE__ */ l(
                   fo,