@versini/sassysaint 5.4.1 → 5.4.3

package/dist/chunks/{LazyHeader.fAr9Zo97.js → LazyHeader.D57r_E9S.js}

@@ -1,26 +1,26 @@
-import { jsx as r, jsxs as y, Fragment as A } from "react/jsx-runtime";
-import { g as O, E as B, CARDS as N, renderDataAsList as se, pluralize as be, AppContext as ue, ABOUT_TITLE as At, DEFAULT_AI_ENGINE as ne, numberFormatter as Mt, durationFormatter as Xe, NA as Lt, ROLE_ASSISTANT as Pt, extractAverage as $t, GPT4_MAX_TOKENS as Bt, un as X, STATS as Ze, b as ie, j as $, R as G, HistoryContext as Je, LOCAL_STORAGE_PREFIX as me, LOCAL_STORAGE_SORT as zt, O as Y, ACTION_RESET as Qe, ACTION_RESTORE as Ot, truncate as Dt, ACTION_SORT as we, LOCAL_STORAGE_SEARCH as Vt, me as xe, ACTION_SEARCH as Ft, HISTORY_TITLE as Ht, LOCAL_STORAGE_ENGINE_TOGGLE as et, ENGINE_OPENAI as Te, ENGINE_ANTHROPIC as fe, APP_NAME as Gt, ACTION_ENGINE as tt, getCurrentGeoLocation as Ut, TagsContext as jt, TAGS_DESCRIPTION as Kt, ACTION_SET_TAGS as Wt, LOCAL_STORAGE_CHAT_DETAILS as Yt, M as qt, v as Oe, PROFILE_TITLE as Xt, LOG_OUT as De } from "./index.-helPLAD.js";
-import { serviceCall as F, SERVICE_TYPES as H, E as he, f as V, ge as Zt, he as Jt, ue as Ne, de as P, pe as Qt, me as eo, be as to, we as Ve, n as Fe } from "./index.DJ18bmQK.js";
-import * as f from "react";
-import x, { useId as oo, forwardRef as ot, useState as S, useRef as le, useContext as z, useEffect as U, Suspense as ro, lazy as no, useMemo as ao } from "react";
-import w from "clsx";
-import { useFloatingTree as rt, useFloatingNodeId as so, useListItem as nt, useFloating as io, offset as lo, flip as co, shift as uo, autoUpdate as mo, useClick as ho, useRole as go, useDismiss as po, useListNavigation as fo, useTypeahead as bo, useInteractions as vo, useMergeRefs as at, FloatingNode as yo, FloatingList as ko, FloatingPortal as Co, FloatingFocusManager as wo, FloatingTree as To } from "@floating-ui/react";
+import { jsx as r, jsxs as v, Fragment as A } from "react/jsx-runtime";
+import { g as z, E as $, CARDS as w, renderDataAsList as se, pluralize as be, AppContext as ue, ABOUT_TITLE as At, DEFAULT_AI_ENGINE as ae, numberFormatter as Mt, durationFormatter as Xe, NA as Pt, ROLE_ASSISTANT as Lt, extractAverage as $t, GPT4_MAX_TOKENS as Bt, un as X, STATS as Ze, b as ie, j as L, R as G, HistoryContext as Je, LOCAL_STORAGE_PREFIX as me, LOCAL_STORAGE_SORT as zt, O as W, ACTION_RESET as Qe, ACTION_RESTORE as Ot, truncate as Dt, ACTION_SORT as Te, LOCAL_STORAGE_SEARCH as Vt, me as xe, ACTION_SEARCH as Ft, HISTORY_TITLE as Ht, LOCAL_STORAGE_ENGINE_TOGGLE as et, ENGINE_OPENAI as we, ENGINE_ANTHROPIC as fe, APP_NAME as Gt, ACTION_ENGINE as tt, getCurrentGeoLocation as Ut, TagsContext as jt, TAGS_DESCRIPTION as Kt, ACTION_SET_TAGS as Wt, LOCAL_STORAGE_CHAT_DETAILS as Yt, M as qt, v as Oe, PROFILE_TITLE as Xt, LOG_OUT as De } from "./index.C2RuFHK-.js";
+import { serviceCall as V, SERVICE_TYPES as F, E as he, f as D, ge as Zt, he as Jt, ue as Ne, pe as Qt, de as H, me as eo, be as to, we as Ve, n as Fe } from "./index.CnlfkUg1.js";
+import * as b from "react";
+import x, { useId as oo, forwardRef as ot, useState as S, useRef as le, useContext as B, useEffect as q, Suspense as ro, lazy as ao, useMemo as no } from "react";
+import C from "clsx";
+import { useFloatingTree as rt, useFloatingNodeId as so, useListItem as at, useFloating as io, offset as lo, flip as co, shift as uo, autoUpdate as mo, useClick as ho, useRole as go, useDismiss as po, useListNavigation as fo, useTypeahead as bo, useInteractions as vo, useMergeRefs as nt, FloatingNode as yo, FloatingList as ko, FloatingPortal as Co, FloatingFocusManager as To, FloatingTree as wo } from "@floating-ui/react";
 const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
 }) => /* @__PURE__ */ r(
-  O,
+  z,
   {
     defaultViewBox: "0 0 256 176",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Anthropic",
+    title: a || "Anthropic",
     ...s,
     children: /* @__PURE__ */ r("path", { d: "m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z" })
   }
@@ -28,24 +28,24 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
-}) => /* @__PURE__ */ y(
-  O,
+}) => /* @__PURE__ */ v(
+  z,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Back",
+    title: a || "Back",
     ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
         {
-          opacity: a ? "1" : "0.4",
+          opacity: n ? "1" : "0.4",
           d: "M288.4 93.4c2.9-17.4 19.4-29.2 36.9-26.3C431.3 84.9 512 177 512 288c0 123.7-100.3 224-224 224C177 512 84.9 431.3 67.1 325.3c-2.9-17.4 8.8-33.9 26.3-36.9s33.9 8.8 36.9 26.3C142.9 390.4 208.8 448 288 448c88.4 0 160-71.6 160-160c0-79.2-57.6-145.1-133.3-157.8c-17.4-2.9-29.2-19.4-26.3-36.9z"
         }
       ),
@@ -56,24 +56,24 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
-}) => /* @__PURE__ */ y(
-  O,
+}) => /* @__PURE__ */ v(
+  z,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Chart",
+    title: a || "Chart",
     ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
         {
-          opacity: a ? "1" : "0.4",
+          opacity: n ? "1" : "0.4",
           d: "M160 80c0-26.5 21.5-48 48-48h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V80z"
         }
       ),
@@ -84,24 +84,24 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
-}) => /* @__PURE__ */ y(
-  O,
+}) => /* @__PURE__ */ v(
+  z,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Delete",
+    title: a || "Delete",
     ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
         {
-          opacity: a ? "1" : "0.4",
+          opacity: n ? "1" : "0.4",
           d: "M416 96H32V448c0 35.3 28.7 64 64 64H352c35.3 0 64-28.7 64-64V96zM144 176V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V176c0-8.8 7.2-16 16-16s16 7.2 16 16z"
         }
       ),
@@ -112,24 +112,24 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
-}) => /* @__PURE__ */ y(
-  O,
+}) => /* @__PURE__ */ v(
+  z,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "History",
+    title: a || "History",
     ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
         {
-          opacity: a ? "1" : "0.4",
+          opacity: n ? "1" : "0.4",
           d: "M120.2 120.2C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8z"
         }
       ),
@@ -140,18 +140,18 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
-}) => /* @__PURE__ */ y(
-  O,
+}) => /* @__PURE__ */ v(
+  z,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Info",
+    title: a || "Info",
     ...s,
     children: [
       /* @__PURE__ */ r(
@@ -168,18 +168,18 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
 }) => /* @__PURE__ */ r(
-  O,
+  z,
   {
     defaultViewBox: "0 0 24 24",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "OpenAI",
+    title: a || "OpenAI",
     ...s,
     children: /* @__PURE__ */ r(
       "path",
@@ -193,18 +193,18 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
-}) => /* @__PURE__ */ y(
-  O,
+}) => /* @__PURE__ */ v(
+  z,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Profile",
+    title: a || "Profile",
     ...s,
     children: [
       /* @__PURE__ */ r(
@@ -221,24 +221,24 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
-}) => /* @__PURE__ */ y(
-  O,
+}) => /* @__PURE__ */ v(
+  z,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Restore",
+    title: a || "Restore",
     ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
         {
-          opacity: a ? "1" : "0.4",
+          opacity: n ? "1" : "0.4",
           d: "M208 64H432c8.8 0 16 7.2 16 16V304c0 8.8-7.2 16-16 16H416v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80V96h64V80c0-8.8 7.2-16 16-16z"
         }
       ),
@@ -249,18 +249,18 @@ const st = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
 }) => /* @__PURE__ */ r(
-  O,
+  z,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Settings",
+    title: a || "Settings",
     ...s,
     children: /* @__PURE__ */ r("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
   }
@@ -268,7 +268,7 @@ const st = ({
 function ce(e) {
   return oo();
 }
-const Ie = f.createContext({
+const Ie = b.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -293,20 +293,20 @@ const Ie = f.createContext({
     trigger: e,
     children: t,
     label: o = "Open menu",
-    defaultPlacement: n = "bottom-start",
-    onOpenChange: a,
+    defaultPlacement: a = "bottom-start",
+    onOpenChange: n,
     spacing: s,
     mode: i = "system",
-    focusMode: c = "system",
+    focusMode: l = "system",
     ...h
-  }, m) => {
-    const [l, p] = S(!1), [v, d] = S(!1), [u, b] = S(null), C = le([]), g = le([]), k = z(Ie), T = rt(), I = so(), M = nt(), { floatingStyles: _, refs: D, context: E } = io({
+  }, d) => {
+    const [c, p] = S(!1), [y, u] = S(!1), [m, f] = S(null), g = le([]), k = le([]), T = B(Ie), N = rt(), I = so(), M = at(), { floatingStyles: _, refs: O, context: E } = io({
       nodeId: I,
-      open: l,
+      open: c,
       onOpenChange: (oe) => {
-        p(oe), a == null || a(oe);
+        p(oe), n == null || n(oe);
       },
-      placement: n,
+      placement: a,
       strategy: "fixed",
       middleware: [lo({ mainAxis: 10 }), co(), uo()],
       whileElementsMounted: mo
@@ -314,19 +314,19 @@ const Ie = f.createContext({
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), J = go(E, { role: "menu" }), j = po(E, { bubbles: !0 }), te = fo(E, {
-      listRef: C,
-      activeIndex: u,
+    }), J = go(E, { role: "menu" }), U = po(E, { bubbles: !0 }), te = fo(E, {
+      listRef: g,
+      activeIndex: m,
       nested: !1,
-      onNavigate: b,
+      onNavigate: f,
       loop: !0
-    }), L = bo(E, {
-      listRef: g,
-      onMatch: l ? b : void 0,
-      activeIndex: u
-    }), { getReferenceProps: K, getFloatingProps: R, getItemProps: St } = vo([ee, J, j, te, L]), ze = He(e) === "Button" || He(e) === "ButtonIcon", _t = ze ? {
+    }), P = bo(E, {
+      listRef: k,
+      onMatch: c ? f : void 0,
+      activeIndex: m
+    }), { getReferenceProps: j, getFloatingProps: R, getItemProps: St } = vo([ee, J, U, te, P]), ze = He(e) === "Button" || He(e) === "ButtonIcon", _t = ze ? {
       noInternalClick: ze,
-      focusMode: c,
+      focusMode: l,
       mode: i,
       spacing: s
     } : {}, Rt = x.cloneElement(
@@ -334,41 +334,41 @@ const Ie = f.createContext({
       {
         ..._t,
         "aria-label": o,
-        "data-open": l ? "" : void 0,
-        "data-focus-inside": v ? "" : void 0,
-        ref: at([D.setReference, M.ref, m]),
-        ...K(
-          k.getItemProps({
+        "data-open": c ? "" : void 0,
+        "data-focus-inside": y ? "" : void 0,
+        ref: nt([O.setReference, M.ref, d]),
+        ...j(
+          T.getItemProps({
             ...h
           })
         )
       }
     );
-    return U(() => {
-      if (!T)
+    return q(() => {
+      if (!N)
         return;
       function oe() {
-        p(!1), a == null || a(!1);
+        p(!1), n == null || n(!1);
       }
-      return T.events.on("click", oe), () => {
-        T.events.off("click", oe);
+      return N.events.on("click", oe), () => {
+        N.events.off("click", oe);
       };
-    }, [T, a]), U(() => {
-      l && T && T.events.emit("menuopen", { nodeId: I });
-    }, [T, l, I]), /* @__PURE__ */ y(yo, { id: I, children: [
+    }, [N, n]), q(() => {
+      c && N && N.events.emit("menuopen", { nodeId: I });
+    }, [N, c, I]), /* @__PURE__ */ v(yo, { id: I, children: [
       Rt,
       /* @__PURE__ */ r(
         Ie.Provider,
         {
           value: {
-            activeIndex: u,
-            setActiveIndex: b,
+            activeIndex: m,
+            setActiveIndex: f,
             getItemProps: St,
-            setHasFocusInside: d,
-            isOpen: l
+            setHasFocusInside: u,
+            isOpen: c
           },
-          children: /* @__PURE__ */ r(ko, { elementsRef: C, labelsRef: g, children: l && /* @__PURE__ */ r(Co, { children: /* @__PURE__ */ r(
-            wo,
+          children: /* @__PURE__ */ r(ko, { elementsRef: g, labelsRef: k, children: c && /* @__PURE__ */ r(Co, { children: /* @__PURE__ */ r(
+            To,
             {
               context: E,
               modal: !1,
@@ -377,7 +377,7 @@ const Ie = f.createContext({
               children: /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: D.setFloating,
+                  ref: O.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
                   style: _,
                   ...R(),
@@ -390,33 +390,33 @@ const Ie = f.createContext({
       )
     ] });
   }
-), Se = ot((e, t) => /* @__PURE__ */ r(To, { children: /* @__PURE__ */ r(lt, { ...e, ref: t }) }));
+), Se = ot((e, t) => /* @__PURE__ */ r(wo, { children: /* @__PURE__ */ r(lt, { ...e, ref: t }) }));
 Se.displayName = "Menu";
 lt.displayName = "MenuComponent";
-const W = f.forwardRef(
+const K = b.forwardRef(
   ({
     label: e,
     disabled: t,
     icon: o,
-    raw: n = !1,
-    children: a,
+    raw: a = !1,
+    children: n,
     ignoreClick: s = !1,
     ...i
-  }, c) => {
-    const h = f.useContext(Ie), m = nt({ label: t ? null : e }), l = rt(), p = at([m.ref, c]);
-    return n && a ? /* @__PURE__ */ r(
+  }, l) => {
+    const h = b.useContext(Ie), d = at({ label: t ? null : e }), c = rt(), p = nt([d.ref, l]);
+    return a && n ? /* @__PURE__ */ r(
       "div",
       {
         role: "menuitem",
         ...h.getItemProps({
-          onClick(v) {
-            var d;
-            s || ((d = i.onClick) == null || d.call(i, v), l == null || l.events.emit("click"));
+          onClick(y) {
+            var u;
+            s || ((u = i.onClick) == null || u.call(i, y), c == null || c.events.emit("click"));
           }
         }),
-        children: a
+        children: n
       }
-    ) : /* @__PURE__ */ y(
+    ) : /* @__PURE__ */ v(
       "button",
       {
         ...i,
@@ -426,13 +426,13 @@ const W = f.forwardRef(
         tabIndex: 0,
         disabled: t,
         ...h.getItemProps({
-          onClick(v) {
-            var d;
-            s || ((d = i.onClick) == null || d.call(i, v), l == null || l.events.emit("click"));
+          onClick(y) {
+            var u;
+            s || ((u = i.onClick) == null || u.call(i, y), c == null || c.events.emit("click"));
           },
-          onFocus(v) {
-            var d;
-            (d = i.onFocus) == null || d.call(i, v), h.setHasFocusInside(!0);
+          onFocus(y) {
+            var u;
+            (u = i.onFocus) == null || u.call(i, y), h.setHasFocusInside(!0);
           }
         }),
         children: [
@@ -443,9 +443,9 @@ const W = f.forwardRef(
     );
   }
 );
-W.displayName = "MenuItem";
+K.displayName = "MenuItem";
 const Mo = ({ className: e, ...t }) => {
-  const o = w(e, "my-1 border-t border-border-medium");
+  const o = C(e, "my-1 border-t border-border-medium");
   return /* @__PURE__ */ r("div", { className: o, ...t });
 };
 /*!
@@ -474,53 +474,53 @@ try {
   });
 } catch {
 }
-const Lo = "av-togglegroup", Po = "av-togglegroup-item-wrapper", $o = "av-togglegroup-item";
+const Po = "av-togglegroup", Lo = "av-togglegroup-item-wrapper", $o = "av-togglegroup-item";
 function Me(e, t = []) {
   let o = [];
-  function n(s, i) {
-    const c = f.createContext(i), h = o.length;
+  function a(s, i) {
+    const l = b.createContext(i), h = o.length;
     o = [...o, i];
-    const m = (p) => {
-      var v;
-      const { scope: d, children: u, ...b } = p, C = ((v = d == null ? void 0 : d[e]) == null ? void 0 : v[h]) || c, g = f.useMemo(() => b, Object.values(b));
-      return /* @__PURE__ */ r(C.Provider, { value: g, children: u });
+    const d = (p) => {
+      var y;
+      const { scope: u, children: m, ...f } = p, g = ((y = u == null ? void 0 : u[e]) == null ? void 0 : y[h]) || l, k = b.useMemo(() => f, Object.values(f));
+      return /* @__PURE__ */ r(g.Provider, { value: k, children: m });
     };
-    m.displayName = s + "Provider";
-    function l(p, v) {
-      var d;
-      const u = ((d = v == null ? void 0 : v[e]) == null ? void 0 : d[h]) || c, b = f.useContext(u);
-      if (b) return b;
+    d.displayName = s + "Provider";
+    function c(p, y) {
+      var u;
+      const m = ((u = y == null ? void 0 : y[e]) == null ? void 0 : u[h]) || l, f = b.useContext(m);
+      if (f) return f;
       if (i !== void 0) return i;
       throw new Error(`\`${p}\` must be used within \`${s}\``);
     }
-    return [m, l];
+    return [d, c];
   }
-  const a = () => {
-    const s = o.map((i) => f.createContext(i));
+  const n = () => {
+    const s = o.map((i) => b.createContext(i));
     return function(i) {
-      const c = (i == null ? void 0 : i[e]) || s;
-      return f.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: c } }),
-        [i, c]
+      const l = (i == null ? void 0 : i[e]) || s;
+      return b.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
+        [i, l]
       );
     };
   };
-  return a.scopeName = e, [n, Bo(a, ...t)];
+  return n.scopeName = e, [a, Bo(n, ...t)];
 }
 function Bo(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const o = () => {
-    const n = e.map((a) => ({
-      useScope: a(),
-      scopeName: a.scopeName
+    const a = e.map((n) => ({
+      useScope: n(),
+      scopeName: n.scopeName
     }));
-    return function(a) {
-      const s = n.reduce((i, { useScope: c, scopeName: h }) => {
-        const m = c(a)[`__scope${h}`];
-        return { ...i, ...m };
+    return function(n) {
+      const s = a.reduce((i, { useScope: l, scopeName: h }) => {
+        const d = l(n)[`__scope${h}`];
+        return { ...i, ...d };
       }, {});
-      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+      return b.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return o.scopeName = t.scopeName, o;
@@ -533,62 +533,62 @@ function Ge(e, t) {
 function ct(...e) {
   return (t) => {
     let o = !1;
-    const n = e.map((a) => {
-      const s = Ge(a, t);
+    const a = e.map((n) => {
+      const s = Ge(n, t);
       return !o && typeof s == "function" && (o = !0), s;
     });
     if (o)
       return () => {
-        for (let a = 0; a < n.length; a++) {
-          const s = n[a];
-          typeof s == "function" ? s() : Ge(e[a], null);
+        for (let n = 0; n < a.length; n++) {
+          const s = a[n];
+          typeof s == "function" ? s() : Ge(e[n], null);
         }
       };
   };
 }
 function _e(...e) {
-  return f.useCallback(ct(...e), e);
+  return b.useCallback(ct(...e), e);
 }
-var ve = f.forwardRef((e, t) => {
-  const { children: o, ...n } = e, a = f.Children.toArray(o), s = a.find(Oo);
+var ve = b.forwardRef((e, t) => {
+  const { children: o, ...a } = e, n = b.Children.toArray(o), s = n.find(Oo);
   if (s) {
-    const i = s.props.children, c = a.map((h) => h === s ? f.Children.count(i) > 1 ? f.Children.only(null) : f.isValidElement(i) ? i.props.children : null : h);
-    return /* @__PURE__ */ r(Re, { ...n, ref: t, children: f.isValidElement(i) ? f.cloneElement(i, void 0, c) : null });
+    const i = s.props.children, l = n.map((h) => h === s ? b.Children.count(i) > 1 ? b.Children.only(null) : b.isValidElement(i) ? i.props.children : null : h);
+    return /* @__PURE__ */ r(Re, { ...a, ref: t, children: b.isValidElement(i) ? b.cloneElement(i, void 0, l) : null });
   }
-  return /* @__PURE__ */ r(Re, { ...n, ref: t, children: o });
+  return /* @__PURE__ */ r(Re, { ...a, ref: t, children: o });
 });
 ve.displayName = "Slot";
-var Re = f.forwardRef((e, t) => {
-  const { children: o, ...n } = e;
-  if (f.isValidElement(o)) {
-    const a = Vo(o);
-    return f.cloneElement(o, {
-      ...Do(n, o.props),
+var Re = b.forwardRef((e, t) => {
+  const { children: o, ...a } = e;
+  if (b.isValidElement(o)) {
+    const n = Vo(o);
+    return b.cloneElement(o, {
+      ...Do(a, o.props),
       // @ts-ignore
-      ref: t ? ct(t, a) : a
+      ref: t ? ct(t, n) : n
     });
   }
-  return f.Children.count(o) > 1 ? f.Children.only(null) : null;
+  return b.Children.count(o) > 1 ? b.Children.only(null) : null;
 });
 Re.displayName = "SlotClone";
 var zo = ({ children: e }) => /* @__PURE__ */ r(A, { children: e });
 function Oo(e) {
-  return f.isValidElement(e) && e.type === zo;
+  return b.isValidElement(e) && e.type === zo;
 }
 function Do(e, t) {
   const o = { ...t };
-  for (const n in t) {
-    const a = e[n], s = t[n];
-    /^on[A-Z]/.test(n) ? a && s ? o[n] = (...i) => {
-      s(...i), a(...i);
-    } : a && (o[n] = a) : n === "style" ? o[n] = { ...a, ...s } : n === "className" && (o[n] = [a, s].filter(Boolean).join(" "));
+  for (const a in t) {
+    const n = e[a], s = t[a];
+    /^on[A-Z]/.test(a) ? n && s ? o[a] = (...i) => {
+      s(...i), n(...i);
+    } : n && (o[a] = n) : a === "style" ? o[a] = { ...n, ...s } : a === "className" && (o[a] = [n, s].filter(Boolean).join(" "));
   }
   return { ...e, ...o };
 }
 function Vo(e) {
   var t, o;
-  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = n && "isReactWarning" in n && n.isReactWarning;
-  return a ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, a = n && "isReactWarning" in n && n.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+  let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = a && "isReactWarning" in a && a.isReactWarning;
+  return n ? e.ref : (a = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 var Fo = [
   "a",
@@ -608,74 +608,74 @@ var Fo = [
   "svg",
   "ul"
 ], de = Fo.reduce((e, t) => {
-  const o = f.forwardRef((n, a) => {
-    const { asChild: s, ...i } = n, c = s ? ve : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(c, { ...i, ref: a });
+  const o = b.forwardRef((a, n) => {
+    const { asChild: s, ...i } = a, l = s ? ve : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(l, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function q(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
-  return function(n) {
-    if (e == null || e(n), o === !1 || !n.defaultPrevented)
-      return t == null ? void 0 : t(n);
+function Y(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), o === !1 || !a.defaultPrevented)
+      return t == null ? void 0 : t(a);
   };
 }
 function Ho(e) {
-  const t = e + "CollectionProvider", [o, n] = Me(t), [a, s] = o(
+  const t = e + "CollectionProvider", [o, a] = Me(t), [n, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (d) => {
-    const { scope: u, children: b } = d, C = x.useRef(null), g = x.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ r(a, { scope: u, itemMap: g, collectionRef: C, children: b });
+  ), i = (u) => {
+    const { scope: m, children: f } = u, g = x.useRef(null), k = x.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ r(n, { scope: m, itemMap: k, collectionRef: g, children: f });
   };
   i.displayName = t;
-  const c = e + "CollectionSlot", h = x.forwardRef(
-    (d, u) => {
-      const { scope: b, children: C } = d, g = s(c, b), k = _e(u, g.collectionRef);
-      return /* @__PURE__ */ r(ve, { ref: k, children: C });
+  const l = e + "CollectionSlot", h = x.forwardRef(
+    (u, m) => {
+      const { scope: f, children: g } = u, k = s(l, f), T = _e(m, k.collectionRef);
+      return /* @__PURE__ */ r(ve, { ref: T, children: g });
     }
   );
-  h.displayName = c;
-  const m = e + "CollectionItemSlot", l = "data-radix-collection-item", p = x.forwardRef(
-    (d, u) => {
-      const { scope: b, children: C, ...g } = d, k = x.useRef(null), T = _e(u, k), I = s(m, b);
-      return x.useEffect(() => (I.itemMap.set(k, { ref: k, ...g }), () => void I.itemMap.delete(k))), /* @__PURE__ */ r(ve, { [l]: "", ref: T, children: C });
+  h.displayName = l;
+  const d = e + "CollectionItemSlot", c = "data-radix-collection-item", p = x.forwardRef(
+    (u, m) => {
+      const { scope: f, children: g, ...k } = u, T = x.useRef(null), N = _e(m, T), I = s(d, f);
+      return x.useEffect(() => (I.itemMap.set(T, { ref: T, ...k }), () => void I.itemMap.delete(T))), /* @__PURE__ */ r(ve, { [c]: "", ref: N, children: g });
     }
   );
-  p.displayName = m;
-  function v(d) {
-    const u = s(e + "CollectionConsumer", d);
+  p.displayName = d;
+  function y(u) {
+    const m = s(e + "CollectionConsumer", u);
     return x.useCallback(() => {
-      const b = u.collectionRef.current;
-      if (!b) return [];
-      const C = Array.from(b.querySelectorAll(`[${l}]`));
-      return Array.from(u.itemMap.values()).sort(
-        (g, k) => C.indexOf(g.ref.current) - C.indexOf(k.ref.current)
+      const f = m.collectionRef.current;
+      if (!f) return [];
+      const g = Array.from(f.querySelectorAll(`[${c}]`));
+      return Array.from(m.itemMap.values()).sort(
+        (k, T) => g.indexOf(k.ref.current) - g.indexOf(T.ref.current)
       );
-    }, [u.collectionRef, u.itemMap]);
+    }, [m.collectionRef, m.itemMap]);
   }
   return [
     { Provider: i, Slot: h, ItemSlot: p },
-    v,
-    n
+    y,
+    a
   ];
 }
-var Go = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
-}, Uo = f.useId || (() => {
+var Go = globalThis != null && globalThis.document ? b.useLayoutEffect : () => {
+}, Uo = b.useId || (() => {
 }), jo = 0;
 function Ko(e) {
-  const [t, o] = f.useState(Uo());
+  const [t, o] = b.useState(Uo());
   return Go(() => {
-    o((n) => n ?? String(jo++));
+    o((a) => a ?? String(jo++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Le(e) {
-  const t = f.useRef(e);
-  return f.useEffect(() => {
+function Pe(e) {
+  const t = b.useRef(e);
+  return b.useEffect(() => {
     t.current = e;
-  }), f.useMemo(() => (...o) => {
-    var n;
-    return (n = t.current) == null ? void 0 : n.call(t, ...o);
+  }), b.useMemo(() => (...o) => {
+    var a;
+    return (a = t.current) == null ? void 0 : a.call(t, ...o);
   }, []);
 }
 function ke({
@@ -684,15 +684,15 @@ function ke({
   onChange: o = () => {
   }
 }) {
-  const [n, a] = Wo({ defaultProp: t, onChange: o }), s = e !== void 0, i = s ? e : n, c = Le(o), h = f.useCallback(
-    (m) => {
+  const [a, n] = Wo({ defaultProp: t, onChange: o }), s = e !== void 0, i = s ? e : a, l = Pe(o), h = b.useCallback(
+    (d) => {
       if (s) {
-        const l = typeof m == "function" ? m(e) : m;
-        l !== e && c(l);
+        const c = typeof d == "function" ? d(e) : d;
+        c !== e && l(c);
       } else
-        a(m);
+        n(d);
     },
-    [s, e, a, c]
+    [s, e, n, l]
   );
   return [i, h];
 }
@@ -700,142 +700,142 @@ function Wo({
   defaultProp: e,
   onChange: t
 }) {
-  const o = f.useState(e), [n] = o, a = f.useRef(n), s = Le(t);
-  return f.useEffect(() => {
-    a.current !== n && (s(n), a.current = n);
-  }, [n, a, s]), o;
+  const o = b.useState(e), [a] = o, n = b.useRef(a), s = Pe(t);
+  return b.useEffect(() => {
+    n.current !== a && (s(a), n.current = a);
+  }, [a, n, s]), o;
 }
-var Yo = f.createContext(void 0);
+var Yo = b.createContext(void 0);
 function dt(e) {
-  const t = f.useContext(Yo);
+  const t = b.useContext(Yo);
   return e || t || "ltr";
 }
 var Ee = "rovingFocusGroup.onEntryFocus", qo = { bubbles: !1, cancelable: !0 }, Ce = "RovingFocusGroup", [Ae, ut, Xo] = Ho(Ce), [Zo, mt] = Me(
   Ce,
   [Xo]
-), [Jo, Qo] = Zo(Ce), ht = f.forwardRef(
+), [Jo, Qo] = Zo(Ce), ht = b.forwardRef(
   (e, t) => /* @__PURE__ */ r(Ae.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Ae.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(er, { ...e, ref: t }) }) })
 );
 ht.displayName = Ce;
-var er = f.forwardRef((e, t) => {
+var er = b.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
-    orientation: n,
-    loop: a = !1,
+    orientation: a,
+    loop: n = !1,
     dir: s,
     currentTabStopId: i,
-    defaultCurrentTabStopId: c,
+    defaultCurrentTabStopId: l,
     onCurrentTabStopIdChange: h,
-    onEntryFocus: m,
-    preventScrollOnEntryFocus: l = !1,
+    onEntryFocus: d,
+    preventScrollOnEntryFocus: c = !1,
     ...p
-  } = e, v = f.useRef(null), d = _e(t, v), u = dt(s), [b = null, C] = ke({
+  } = e, y = b.useRef(null), u = _e(t, y), m = dt(s), [f = null, g] = ke({
     prop: i,
-    defaultProp: c,
+    defaultProp: l,
     onChange: h
-  }), [g, k] = f.useState(!1), T = Le(m), I = ut(o), M = f.useRef(!1), [_, D] = f.useState(0);
-  return f.useEffect(() => {
-    const E = v.current;
+  }), [k, T] = b.useState(!1), N = Pe(d), I = ut(o), M = b.useRef(!1), [_, O] = b.useState(0);
+  return b.useEffect(() => {
+    const E = y.current;
     if (E)
-      return E.addEventListener(Ee, T), () => E.removeEventListener(Ee, T);
-  }, [T]), /* @__PURE__ */ r(
+      return E.addEventListener(Ee, N), () => E.removeEventListener(Ee, N);
+  }, [N]), /* @__PURE__ */ r(
     Jo,
     {
       scope: o,
-      orientation: n,
-      dir: u,
-      loop: a,
-      currentTabStopId: b,
-      onItemFocus: f.useCallback(
-        (E) => C(E),
-        [C]
+      orientation: a,
+      dir: m,
+      loop: n,
+      currentTabStopId: f,
+      onItemFocus: b.useCallback(
+        (E) => g(E),
+        [g]
       ),
-      onItemShiftTab: f.useCallback(() => k(!0), []),
-      onFocusableItemAdd: f.useCallback(
-        () => D((E) => E + 1),
+      onItemShiftTab: b.useCallback(() => T(!0), []),
+      onFocusableItemAdd: b.useCallback(
+        () => O((E) => E + 1),
         []
       ),
-      onFocusableItemRemove: f.useCallback(
-        () => D((E) => E - 1),
+      onFocusableItemRemove: b.useCallback(
+        () => O((E) => E - 1),
         []
       ),
       children: /* @__PURE__ */ r(
         de.div,
         {
-          tabIndex: g || _ === 0 ? -1 : 0,
-          "data-orientation": n,
+          tabIndex: k || _ === 0 ? -1 : 0,
+          "data-orientation": a,
           ...p,
-          ref: d,
+          ref: u,
           style: { outline: "none", ...e.style },
-          onMouseDown: q(e.onMouseDown, () => {
+          onMouseDown: Y(e.onMouseDown, () => {
             M.current = !0;
           }),
-          onFocus: q(e.onFocus, (E) => {
+          onFocus: Y(e.onFocus, (E) => {
             const ee = !M.current;
-            if (E.target === E.currentTarget && ee && !g) {
+            if (E.target === E.currentTarget && ee && !k) {
               const J = new CustomEvent(Ee, qo);
               if (E.currentTarget.dispatchEvent(J), !J.defaultPrevented) {
-                const j = I().filter((R) => R.focusable), te = j.find((R) => R.active), L = j.find((R) => R.id === b), K = [te, L, ...j].filter(
+                const U = I().filter((R) => R.focusable), te = U.find((R) => R.active), P = U.find((R) => R.id === f), j = [te, P, ...U].filter(
                   Boolean
                 ).map((R) => R.ref.current);
-                ft(K, l);
+                ft(j, c);
               }
             }
             M.current = !1;
           }),
-          onBlur: q(e.onBlur, () => k(!1))
+          onBlur: Y(e.onBlur, () => T(!1))
         }
       )
     }
   );
-}), gt = "RovingFocusGroupItem", pt = f.forwardRef(
+}), gt = "RovingFocusGroupItem", pt = b.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
-      focusable: n = !0,
-      active: a = !1,
+      focusable: a = !0,
+      active: n = !1,
       tabStopId: s,
       ...i
-    } = e, c = Ko(), h = s || c, m = Qo(gt, o), l = m.currentTabStopId === h, p = ut(o), { onFocusableItemAdd: v, onFocusableItemRemove: d } = m;
-    return f.useEffect(() => {
-      if (n)
-        return v(), () => d();
-    }, [n, v, d]), /* @__PURE__ */ r(
+    } = e, l = Ko(), h = s || l, d = Qo(gt, o), c = d.currentTabStopId === h, p = ut(o), { onFocusableItemAdd: y, onFocusableItemRemove: u } = d;
+    return b.useEffect(() => {
+      if (a)
+        return y(), () => u();
+    }, [a, y, u]), /* @__PURE__ */ r(
       Ae.ItemSlot,
       {
         scope: o,
         id: h,
-        focusable: n,
-        active: a,
+        focusable: a,
+        active: n,
         children: /* @__PURE__ */ r(
           de.span,
           {
-            tabIndex: l ? 0 : -1,
-            "data-orientation": m.orientation,
+            tabIndex: c ? 0 : -1,
+            "data-orientation": d.orientation,
             ...i,
             ref: t,
-            onMouseDown: q(e.onMouseDown, (u) => {
-              n ? m.onItemFocus(h) : u.preventDefault();
+            onMouseDown: Y(e.onMouseDown, (m) => {
+              a ? d.onItemFocus(h) : m.preventDefault();
             }),
-            onFocus: q(e.onFocus, () => m.onItemFocus(h)),
-            onKeyDown: q(e.onKeyDown, (u) => {
-              if (u.key === "Tab" && u.shiftKey) {
-                m.onItemShiftTab();
+            onFocus: Y(e.onFocus, () => d.onItemFocus(h)),
+            onKeyDown: Y(e.onKeyDown, (m) => {
+              if (m.key === "Tab" && m.shiftKey) {
+                d.onItemShiftTab();
                 return;
               }
-              if (u.target !== u.currentTarget) return;
-              const b = rr(u, m.orientation, m.dir);
-              if (b !== void 0) {
-                if (u.metaKey || u.ctrlKey || u.altKey || u.shiftKey) return;
-                u.preventDefault();
-                let C = p().filter((g) => g.focusable).map((g) => g.ref.current);
-                if (b === "last") C.reverse();
-                else if (b === "prev" || b === "next") {
-                  b === "prev" && C.reverse();
-                  const g = C.indexOf(u.currentTarget);
-                  C = m.loop ? nr(C, g + 1) : C.slice(g + 1);
+              if (m.target !== m.currentTarget) return;
+              const f = rr(m, d.orientation, d.dir);
+              if (f !== void 0) {
+                if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
+                m.preventDefault();
+                let g = p().filter((k) => k.focusable).map((k) => k.ref.current);
+                if (f === "last") g.reverse();
+                else if (f === "prev" || f === "next") {
+                  f === "prev" && g.reverse();
+                  const k = g.indexOf(m.currentTarget);
+                  g = d.loop ? ar(g, k + 1) : g.slice(k + 1);
                 }
-                setTimeout(() => ft(C));
+                setTimeout(() => ft(g));
               }
             })
           }
@@ -859,23 +859,23 @@ function or(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
 function rr(e, t, o) {
-  const n = or(e.key, o);
-  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
-    return tr[n];
+  const a = or(e.key, o);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
+    return tr[a];
 }
 function ft(e, t = !1) {
   const o = document.activeElement;
-  for (const n of e)
-    if (n === o || (n.focus({ preventScroll: t }), document.activeElement !== o)) return;
+  for (const a of e)
+    if (a === o || (a.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function nr(e, t) {
-  return e.map((o, n) => e[(t + n) % e.length]);
+function ar(e, t) {
+  return e.map((o, a) => e[(t + a) % e.length]);
 }
-var ar = ht, sr = pt, ir = "Toggle", bt = f.forwardRef((e, t) => {
-  const { pressed: o, defaultPressed: n = !1, onPressedChange: a, ...s } = e, [i = !1, c] = ke({
+var nr = ht, sr = pt, ir = "Toggle", bt = b.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: a = !1, onPressedChange: n, ...s } = e, [i = !1, l] = ke({
     prop: o,
-    onChange: a,
-    defaultProp: n
+    onChange: n,
+    defaultProp: a
   });
   return /* @__PURE__ */ r(
     de.button,
@@ -886,35 +886,35 @@ var ar = ht, sr = pt, ir = "Toggle", bt = f.forwardRef((e, t) => {
       "data-disabled": e.disabled ? "" : void 0,
       ...s,
       ref: t,
-      onClick: q(e.onClick, () => {
-        e.disabled || c(!i);
+      onClick: Y(e.onClick, () => {
+        e.disabled || l(!i);
       })
     }
   );
 });
 bt.displayName = ir;
-var Q = "ToggleGroup", [vt, Tn] = Me(Q, [
+var Q = "ToggleGroup", [vt, ya] = Me(Q, [
   mt
-]), yt = mt(), Pe = x.forwardRef((e, t) => {
-  const { type: o, ...n } = e;
+]), yt = mt(), Le = x.forwardRef((e, t) => {
+  const { type: o, ...a } = e;
   if (o === "single")
-    return /* @__PURE__ */ r(lr, { ...n, ref: t });
+    return /* @__PURE__ */ r(lr, { ...a, ref: t });
   if (o === "multiple")
-    return /* @__PURE__ */ r(cr, { ...n, ref: t });
+    return /* @__PURE__ */ r(cr, { ...a, ref: t });
   throw new Error(`Missing prop \`type\` expected on \`${Q}\``);
 });
-Pe.displayName = Q;
+Le.displayName = Q;
 var [kt, Ct] = vt(Q), lr = x.forwardRef((e, t) => {
   const {
     value: o,
-    defaultValue: n,
-    onValueChange: a = () => {
+    defaultValue: a,
+    onValueChange: n = () => {
     },
     ...s
-  } = e, [i, c] = ke({
+  } = e, [i, l] = ke({
     prop: o,
-    defaultProp: n,
-    onChange: a
+    defaultProp: a,
+    onChange: n
   });
   return /* @__PURE__ */ r(
     kt,
@@ -922,28 +922,28 @@ var [kt, Ct] = vt(Q), lr = x.forwardRef((e, t) => {
       scope: e.__scopeToggleGroup,
       type: "single",
       value: i ? [i] : [],
-      onItemActivate: c,
-      onItemDeactivate: x.useCallback(() => c(""), [c]),
-      children: /* @__PURE__ */ r(wt, { ...s, ref: t })
+      onItemActivate: l,
+      onItemDeactivate: x.useCallback(() => l(""), [l]),
+      children: /* @__PURE__ */ r(Tt, { ...s, ref: t })
     }
   );
 }), cr = x.forwardRef((e, t) => {
   const {
     value: o,
-    defaultValue: n,
-    onValueChange: a = () => {
+    defaultValue: a,
+    onValueChange: n = () => {
     },
     ...s
-  } = e, [i = [], c] = ke({
+  } = e, [i = [], l] = ke({
     prop: o,
-    defaultProp: n,
-    onChange: a
+    defaultProp: a,
+    onChange: n
   }), h = x.useCallback(
-    (l) => c((p = []) => [...p, l]),
-    [c]
-  ), m = x.useCallback(
-    (l) => c((p = []) => p.filter((v) => v !== l)),
-    [c]
+    (c) => l((p = []) => [...p, c]),
+    [l]
+  ), d = x.useCallback(
+    (c) => l((p = []) => p.filter((y) => y !== c)),
+    [l]
   );
   return /* @__PURE__ */ r(
     kt,
@@ -952,68 +952,68 @@ var [kt, Ct] = vt(Q), lr = x.forwardRef((e, t) => {
       type: "multiple",
       value: i,
       onItemActivate: h,
-      onItemDeactivate: m,
-      children: /* @__PURE__ */ r(wt, { ...s, ref: t })
+      onItemDeactivate: d,
+      children: /* @__PURE__ */ r(Tt, { ...s, ref: t })
     }
   );
 });
-Pe.displayName = Q;
-var [dr, ur] = vt(Q), wt = x.forwardRef(
+Le.displayName = Q;
+var [dr, ur] = vt(Q), Tt = x.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: o,
-      disabled: n = !1,
-      rovingFocus: a = !0,
+      disabled: a = !1,
+      rovingFocus: n = !0,
       orientation: s,
       dir: i,
-      loop: c = !0,
+      loop: l = !0,
       ...h
-    } = e, m = yt(o), l = dt(i), p = { role: "group", dir: l, ...h };
-    return /* @__PURE__ */ r(dr, { scope: o, rovingFocus: a, disabled: n, children: a ? /* @__PURE__ */ r(
-      ar,
+    } = e, d = yt(o), c = dt(i), p = { role: "group", dir: c, ...h };
+    return /* @__PURE__ */ r(dr, { scope: o, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ r(
+      nr,
       {
         asChild: !0,
-        ...m,
+        ...d,
         orientation: s,
-        dir: l,
-        loop: c,
+        dir: c,
+        loop: l,
         children: /* @__PURE__ */ r(de.div, { ...p, ref: t })
       }
     ) : /* @__PURE__ */ r(de.div, { ...p, ref: t }) });
   }
-), ye = "ToggleGroupItem", Tt = x.forwardRef(
+), ye = "ToggleGroupItem", wt = x.forwardRef(
   (e, t) => {
-    const o = Ct(ye, e.__scopeToggleGroup), n = ur(ye, e.__scopeToggleGroup), a = yt(e.__scopeToggleGroup), s = o.value.includes(e.value), i = n.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, h = x.useRef(null);
-    return n.rovingFocus ? /* @__PURE__ */ r(
+    const o = Ct(ye, e.__scopeToggleGroup), a = ur(ye, e.__scopeToggleGroup), n = yt(e.__scopeToggleGroup), s = o.value.includes(e.value), i = a.disabled || e.disabled, l = { ...e, pressed: s, disabled: i }, h = x.useRef(null);
+    return a.rovingFocus ? /* @__PURE__ */ r(
       sr,
       {
         asChild: !0,
-        ...a,
+        ...n,
         focusable: !i,
         active: s,
         ref: h,
-        children: /* @__PURE__ */ r(Ue, { ...c, ref: t })
+        children: /* @__PURE__ */ r(Ue, { ...l, ref: t })
       }
-    ) : /* @__PURE__ */ r(Ue, { ...c, ref: t });
+    ) : /* @__PURE__ */ r(Ue, { ...l, ref: t });
   }
 );
-Tt.displayName = ye;
+wt.displayName = ye;
 var Ue = x.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: o, value: n, ...a } = e, s = Ct(ye, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
+    const { __scopeToggleGroup: o, value: a, ...n } = e, s = Ct(ye, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = s.type === "single" ? i : void 0;
     return /* @__PURE__ */ r(
       bt,
       {
-        ...c,
-        ...a,
+        ...l,
+        ...n,
         ref: t,
         onPressedChange: (h) => {
-          h ? s.onItemActivate(n) : s.onItemDeactivate(n);
+          h ? s.onItemActivate(a) : s.onItemDeactivate(a);
         }
       }
     );
   }
-), mr = Pe, hr = Tt;
+), mr = Le, hr = wt;
 const Nt = x.createContext({
   size: "medium",
   focusMode: "system",
@@ -1027,22 +1027,22 @@ const Nt = x.createContext({
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, pr = ({ focusMode: e }) => w("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}, pr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), fr = ({ mode: e }) => w({
+}), fr = ({ mode: e }) => C({
   "data-[state=on]:bg-surface-medium": e === "dark",
   "data-[state=on]:bg-surface-lightest": e === "light",
   "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
   "data-[state=on]:bg-surface-medium dark:data-[state=on]:bg-surface-lightest": e === "alt-system"
-}), br = ({ size: e }) => w({
+}), br = ({ size: e }) => C({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), vr = ({ mode: e }) => w(
-  Po,
+}), vr = ({ mode: e }) => C(
+  Lo,
   "px-1",
   "relative",
   "border-r",
@@ -1061,7 +1061,7 @@ const Nt = x.createContext({
   size: o
 }) => ({
   wrapperClass: vr({ mode: t }),
-  itemClass: w(
+  itemClass: C(
     $o,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
@@ -1073,8 +1073,8 @@ const Nt = x.createContext({
 }), kr = ({
   mode: e,
   spacing: t
-}) => w(
-  Lo,
+}) => C(
+  Po,
   gr(t),
   "inline-flex p-1",
   "rounded-sm",
@@ -1088,32 +1088,32 @@ const Nt = x.createContext({
   children: e,
   value: t,
   onValueChange: o,
-  disabled: n,
-  mode: a = "system",
+  disabled: a,
+  mode: n = "system",
   focusMode: s = "system",
   size: i = "medium",
-  defaultValue: c,
+  defaultValue: l,
   spacing: h,
-  ...m
+  ...d
 }) => {
-  const l = kr({ mode: a, spacing: h }), p = { size: i, focusMode: s, mode: a };
+  const c = kr({ mode: n, spacing: h }), p = { size: i, focusMode: s, mode: n };
   return /* @__PURE__ */ r(Nt.Provider, { value: p, children: /* @__PURE__ */ r(
     mr,
     {
-      disabled: n,
-      className: l,
+      disabled: a,
+      className: c,
       value: t,
-      defaultValue: c,
+      defaultValue: l,
       onValueChange: o,
-      ...m,
+      ...d,
       type: "single",
       children: e
     }
   ) });
-}, wr = ({ value: e, disabled: t }) => {
-  const { size: o, focusMode: n, mode: a } = z(Nt), { itemClass: s, wrapperClass: i } = yr({
-    focusMode: n,
-    mode: a,
+}, Tr = ({ value: e, disabled: t }) => {
+  const { size: o, focusMode: a, mode: n } = B(Nt), { itemClass: s, wrapperClass: i } = yr({
+    focusMode: a,
+    mode: n,
     size: o
   });
   return /* @__PURE__ */ r("div", { className: i, children: /* @__PURE__ */ r(
@@ -1139,7 +1139,7 @@ try {
   });
 } catch {
 }
-const je = "av-messagebox", Ke = "av-panel", We = "av-button", Tr = (e) => {
+const je = "av-messagebox", Ke = "av-panel", We = "av-button", wr = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1152,62 +1152,62 @@ const je = "av-messagebox", Ke = "av-panel", We = "av-button", Tr = (e) => {
   type: e,
   size: t,
   labelRight: o,
-  labelLeft: n,
-  align: a
+  labelLeft: a,
+  align: n
 }) => {
-  const s = "text-sm font-medium max-h-8 py-0", i = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
+  const s = "text-sm font-medium max-h-8 py-0", i = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
   switch (e) {
     case Nr:
-      return w("px-4", {
+      return C("px-4", {
         [s]: t === "small",
         [i]: t === "medium",
-        [c]: t === "large"
+        [l]: t === "large"
       });
     case Er:
-      return w("px-4 text-center", {
+      return C("px-4 text-center", {
         [s]: t === "small",
         [i]: t === "medium",
-        [c]: t === "large"
+        [l]: t === "large"
       });
     case $e:
-      return w("inline-flex items-center", {
-        "justify-center": a === "center",
-        "justify-start": a === "left",
-        "justify-end": a === "right",
-        "h-6 w-6 p-0": t === "small" && !(o || n),
-        "h-6 px-4 text-sm font-medium": t === "small" && (o || n),
-        "h-8 w-8 p-1": t === "medium" && !(o || n),
-        "h-8 px-4 text-base font-medium": t === "medium" && (o || n),
-        "h-12 w-12 p-2": t === "large" && !(o || n),
-        "h-12 px-4 text-lg font-medium": t === "large" && (o || n)
+      return C("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": t === "small" && !(o || a),
+        "h-6 px-4 text-sm font-medium": t === "small" && (o || a),
+        "h-8 w-8 p-1": t === "medium" && !(o || a),
+        "h-8 px-4 text-base font-medium": t === "medium" && (o || a),
+        "h-12 w-12 p-2": t === "large" && !(o || a),
+        "h-12 px-4 text-lg font-medium": t === "large" && (o || a)
       });
   }
 }, Ir = ({
   mode: e,
   noBackground: t,
   noTruncate: o,
-  variant: n
+  variant: a
 }) => {
   if (t)
     return "not-prose rounded-full";
-  if (n === "primary")
-    return w("not-prose rounded-full", {
+  if (a === "primary")
+    return C("not-prose rounded-full", {
       truncate: !o,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
       "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
-  if (n === "secondary")
-    return w("not-prose rounded-full", {
+  if (a === "secondary")
+    return C("not-prose rounded-full", {
       truncate: !o,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
       "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
-  if (n === "danger")
-    return w("not-prose rounded-full", {
+  if (a === "danger")
+    return C("not-prose rounded-full", {
       truncate: !o,
       "bg-action-danger-dark text-copy-light": e === "dark",
       "bg-action-danger-light text-copy-lighter": e === "light",
@@ -1222,21 +1222,21 @@ const je = "av-messagebox", Ke = "av-panel", We = "av-button", Tr = (e) => {
   if (t)
     return "";
   if (o === "primary")
-    return w("hover:text-copy-light-hover", {
+    return C("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 (o === "secondary")
-    return w("hover:text-copy-light-hover", {
+    return C("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 (o === "danger")
-    return w("hover:text-copy-light-hover", {
+    return C("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",
@@ -1250,21 +1250,21 @@ const je = "av-messagebox", Ke = "av-panel", We = "av-button", Tr = (e) => {
   if (t)
     return "";
   if (o === "primary")
-    return w("active:text-copy-light-active", {
+    return C("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 (o === "secondary")
-    return w("active:text-copy-light-active", {
+    return C("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 (o === "danger")
-    return w("active:text-copy-lighter-active", {
+    return C("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",
@@ -1278,27 +1278,27 @@ const je = "av-messagebox", Ke = "av-panel", We = "av-button", Tr = (e) => {
   if (t)
     return "border border-transparent";
   if (o === "primary")
-    return w("border", {
+    return C("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 (o === "secondary")
-    return w("border", {
+    return C("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 (o === "danger")
-    return w("border", {
+    return C("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, Ar = ({ focusMode: e }) => w("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Ar = ({ focusMode: e }) => C("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",
@@ -1307,46 +1307,46 @@ const je = "av-messagebox", Ke = "av-panel", We = "av-button", Tr = (e) => {
   type: e,
   className: t,
   raw: o,
-  mode: n,
-  focusMode: a,
+  mode: a,
+  focusMode: n,
   disabled: s,
   fullWidth: i,
-  size: c,
+  size: l,
   noBorder: h,
-  labelRight: m,
-  labelLeft: l,
+  labelRight: d,
+  labelLeft: c,
   spacing: p,
-  noBackground: v,
-  variant: d,
-  noTruncate: u,
-  align: b
-}) => (d || (d = "primary"), o ? w(We, t) : w(
+  noBackground: y,
+  variant: u,
+  noTruncate: m,
+  align: f
+}) => (u || (u = "primary"), o ? C(We, t) : C(
   We,
   t,
-  Tr(p),
-  Ir({ mode: n, variant: d, noBackground: v, noTruncate: u }),
-  xr({ type: e, size: c, labelRight: m, labelLeft: l, align: b }),
-  Rr({ mode: n, variant: d, noBorder: h }),
-  Ar({ focusMode: a }),
-  Sr({ mode: n, variant: d, disabled: s }),
-  _r({ mode: n, variant: d, disabled: s }),
+  wr(p),
+  Ir({ mode: a, variant: u, noBackground: y, noTruncate: m }),
+  xr({ type: e, size: l, labelRight: d, labelLeft: c, align: f }),
+  Rr({ mode: a, variant: u, noBorder: h }),
+  Ar({ focusMode: n }),
+  Sr({ mode: a, variant: u, disabled: s }),
+  _r({ mode: a, variant: u, disabled: s }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": s
   }
 )), Mr = (e, t, o) => {
-  var n;
-  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((n = e == null ? void 0 : e.currentTarget) == null ? void 0 : n.focus) == "function" && e.currentTarget.focus(), typeof o == "function" && o(e);
+  var a;
+  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof o == "function" && o(e);
 }, Be = x.forwardRef((e, t) => {
-  const { onClick: o, noInternalClick: n = !1, ...a } = e;
+  const { onClick: o, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ r(
     "button",
     {
       ref: t,
       onClick: (s) => {
-        Mr(s, n, o);
+        Mr(s, a, o);
       },
-      ...a
+      ...n
     }
   );
 });
@@ -1356,56 +1356,56 @@ const xt = x.forwardRef(
     children: e,
     disabled: t = !1,
     mode: o = "system",
-    focusMode: n = "system",
-    fullWidth: a = !1,
+    focusMode: a = "system",
+    fullWidth: n = !1,
     className: s,
     type: i = "button",
-    raw: c = !1,
+    raw: l = !1,
     noBorder: h = !1,
-    "aria-label": m,
-    label: l,
+    "aria-label": d,
+    label: c,
     size: p = "medium",
-    labelRight: v,
-    labelLeft: d,
-    spacing: u,
-    noBackground: b = !1,
-    align: C = "center",
-    ...g
-  }, k) => {
-    const T = Et({
+    labelRight: y,
+    labelLeft: u,
+    spacing: m,
+    noBackground: f = !1,
+    align: g = "center",
+    ...k
+  }, T) => {
+    const N = Et({
       type: $e,
       mode: o,
-      focusMode: n,
-      fullWidth: a,
+      focusMode: a,
+      fullWidth: n,
       disabled: t,
-      raw: c,
+      raw: l,
       className: s,
       noBorder: h,
       size: p,
-      labelRight: v,
-      labelLeft: d,
-      spacing: u,
-      noBackground: b,
-      align: C
-    }), I = w({
-      "text-copy-accent-dark": o === "light" && !c,
-      "text-copy-light": o === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": o === "system" && !c
+      labelRight: y,
+      labelLeft: u,
+      spacing: m,
+      noBackground: f,
+      align: g
+    }), I = C({
+      "text-copy-accent-dark": o === "light" && !l,
+      "text-copy-light": o === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
     });
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ v(
       Be,
       {
-        ref: k,
-        className: T,
+        ref: T,
+        className: N,
         disabled: t,
         type: i,
-        "aria-label": m || l,
-        ...g,
+        "aria-label": d || c,
+        ...k,
         children: [
-          d && /* @__PURE__ */ r("span", { className: "pr-2", children: d }),
+          u && /* @__PURE__ */ r("span", { className: "pr-2", children: u }),
           /* @__PURE__ */ r("div", { className: I, children: e }),
-          v && /* @__PURE__ */ r("span", { className: "pl-2", children: v })
+          y && /* @__PURE__ */ r("span", { className: "pl-2", children: y })
         ]
       }
     );
@@ -1425,49 +1425,49 @@ try {
   });
 } catch {
 }
-const Lr = x.forwardRef(
+const Pr = x.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: o = "system",
-    focusMode: n = "system",
-    fullWidth: a = !1,
+    focusMode: a = "system",
+    fullWidth: n = !1,
     className: s,
     type: i = "button",
-    raw: c = !1,
+    raw: l = !1,
     noBorder: h = !1,
-    "aria-label": m,
-    label: l,
+    "aria-label": d,
+    label: c,
     size: p = "medium",
-    labelRight: v,
-    labelLeft: d,
-    spacing: u,
-    noBackground: b = !1,
-    align: C = "center",
-    active: g = !1,
-    ...k
-  }, T) => {
+    labelRight: y,
+    labelLeft: u,
+    spacing: m,
+    noBackground: f = !1,
+    align: g = "center",
+    active: k = !1,
+    ...T
+  }, N) => {
     const I = Et({
       type: $e,
       mode: o,
-      focusMode: n,
-      fullWidth: a,
+      focusMode: a,
+      fullWidth: n,
       disabled: t,
-      raw: c,
+      raw: l,
       className: s,
       noBorder: h,
       size: p,
-      labelRight: v,
-      labelLeft: d,
-      spacing: u,
-      noBackground: b,
-      align: C
-    }), M = w({
-      "text-copy-accent-dark": o === "light" && !c,
-      "text-copy-light": o === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": o === "system" && !c
-    }), _ = g ? w(
+      labelRight: y,
+      labelLeft: u,
+      spacing: m,
+      noBackground: f,
+      align: g
+    }), M = C({
+      "text-copy-accent-dark": o === "light" && !l,
+      "text-copy-light": o === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
+    }), _ = k ? C(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1484,26 +1484,26 @@ const Lr = x.forwardRef(
         "after:border-table-light dark:after:border-table-dark": o === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ r("div", { className: _, children: /* @__PURE__ */ y(
+    return /* @__PURE__ */ r("div", { className: _, children: /* @__PURE__ */ v(
       Be,
       {
-        ref: T,
+        ref: N,
         className: I,
         disabled: t,
         type: i,
-        "aria-label": m || l,
-        ...k,
+        "aria-label": d || c,
+        ...T,
         children: [
-          d && /* @__PURE__ */ r("span", { className: "pr-2", children: d }),
+          u && /* @__PURE__ */ r("span", { className: "pr-2", children: u }),
           /* @__PURE__ */ r("div", { className: M, children: e }),
-          v && /* @__PURE__ */ r("span", { className: "pl-2", children: v })
+          y && /* @__PURE__ */ r("span", { className: "pl-2", children: y })
         ]
       }
     ) });
   }
 );
-Lr.displayName = "ButtonSort";
-const Pr = (e) => {
+Pr.displayName = "ButtonSort";
+const Lr = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1516,34 +1516,34 @@ const Pr = (e) => {
   children: e,
   fill: t,
   viewBox: o,
-  className: n,
-  defaultViewBox: a,
+  className: a,
+  defaultViewBox: n,
   defaultClassName: s,
   spacing: i,
-  title: c,
+  title: l,
   semantic: h = !1,
-  ...m
+  ...d
 }) => {
-  const l = Pr(i), p = w(
-    l,
-    n || s
+  const c = Lr(i), p = C(
+    c,
+    a || s
   );
-  return /* @__PURE__ */ y(A, { children: [
+  return /* @__PURE__ */ v(A, { children: [
     /* @__PURE__ */ r(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         className: p,
-        viewBox: o || a,
+        viewBox: o || n,
         fill: t || "currentColor",
         role: "img",
         "aria-hidden": !h,
         focusable: !1,
-        ...m,
+        ...d,
         children: e
       }
     ),
-    c && h && /* @__PURE__ */ r("span", { className: "sr-only", children: c })
+    l && h && /* @__PURE__ */ r("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
@@ -1563,8 +1563,8 @@ const Br = ({
   className: e,
   viewBox: t,
   spacing: o,
-  title: n,
-  monotone: a,
+  title: a,
+  monotone: n,
   ...s
 }) => /* @__PURE__ */ r(
   $r,
@@ -1574,7 +1574,7 @@ const Br = ({
     viewBox: t,
     className: e,
     spacing: o,
-    title: n || "Close",
+    title: a || "Close",
     ...s,
     children: /* @__PURE__ */ r("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
   }
@@ -1597,7 +1597,7 @@ const re = "panel", pe = "messagebox", zr = ({
   kind: t,
   borderMode: o
 }) => ({
-  main: w("prose prose-lighter flex flex-col bg-surface-medium", {
+  main: C("prose prose-lighter flex flex-col bg-surface-medium", {
     [`${Ke} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === re,
     [`${Ke} w-full sm:w-[95%] md:max-w-2xl`]: t === re && !e,
     [`${je} rounded-lg border-2`]: t === pe,
@@ -1612,7 +1612,7 @@ const re = "panel", pe = "messagebox", zr = ({
   footer: "flex flex-grow flex-col sm:p-4 p-2",
   header: "sm:p-4 mb-0 p-2",
   close: "sm:p-4 p-2"
-}), ge = (e) => no(
+}), ge = (e) => ao(
   () => import("./index.MEUopFRx.6qFMhBMt.js").then((t) => ({
     default: t[e]
   }))
@@ -1620,21 +1620,21 @@ const re = "panel", pe = "messagebox", zr = ({
   open: e,
   onOpenChange: t,
   title: o,
-  children: n,
-  footer: a,
+  children: a,
+  footer: n,
   borderMode: s = "light",
   kind: i = re,
-  className: c
+  className: l
 }) => {
-  const h = le(""), m = zr({ className: c, kind: i, borderMode: s });
-  return U(() => (e && (h.current = document.title, document.title = `${o} | ${h.current}`), () => {
+  const h = le(""), d = zr({ className: l, kind: i, borderMode: s });
+  return q(() => (e && (h.current = document.title, document.title = `${o} | ${h.current}`), () => {
     e && (document.title = h.current);
-  }), [o, e]), /* @__PURE__ */ r(ro, { fallback: /* @__PURE__ */ r("div", {}), children: e && /* @__PURE__ */ r(Or, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Vr, { className: m.main, children: [
-    /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
+  }), [o, e]), /* @__PURE__ */ r(ro, { fallback: /* @__PURE__ */ r("div", {}), children: e && /* @__PURE__ */ r(Or, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Vr, { className: d.main, children: [
+    /* @__PURE__ */ v("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ r(
         Dr,
         {
-          className: m.close,
+          className: d.close,
           trigger: /* @__PURE__ */ r(
             xt,
             {
@@ -1647,34 +1647,34 @@ const re = "panel", pe = "messagebox", zr = ({
           )
         }
       ),
-      /* @__PURE__ */ r(Hr, { className: m.header, children: o })
+      /* @__PURE__ */ r(Hr, { className: d.header, children: o })
     ] }),
-    /* @__PURE__ */ r(Fr, { className: m.content, children: n }),
-    a && /* @__PURE__ */ r("div", { className: m.footer, children: a })
+    /* @__PURE__ */ r(Fr, { className: d.content, children: a }),
+    n && /* @__PURE__ */ r("div", { className: d.footer, children: n })
   ] }) }) });
 }, Gr = ({ stats: e }) => {
-  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], a = ce(), s = ce();
-  return /* @__PURE__ */ y(A, { children: [
+  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = ce(), s = ce();
+  return /* @__PURE__ */ v(A, { children: [
     /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      B,
+      $,
       {
-        header: N.ABOUT.TITLE_CLIENT,
+        header: w.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
-        children: se(a, {
-          [N.ABOUT.VERSION]: "5.7.0",
-          [N.ABOUT.BUILD_TIMESTAMP]: "12/18/2024 03:40 PM EST"
+        children: se(n, {
+          [w.ABOUT.VERSION]: "5.8.0",
+          [w.ABOUT.BUILD_TIMESTAMP]: "12/21/2024 06:50 PM EST"
         })
       }
     ) }),
     /* @__PURE__ */ r(
-      B,
+      $,
       {
-        header: N.ABOUT.TITLE_SERVER,
+        header: w.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
         children: se(s, {
-          [N.ABOUT.VERSION]: o,
-          [be(N.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ r(A, { children: n.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) }),
-          [be(N.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(A, { children: t.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) })
+          [w.ABOUT.VERSION]: o,
+          [be(w.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ r(A, { children: a.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) }),
+          [be(w.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(A, { children: t.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
@@ -1683,15 +1683,15 @@ const re = "panel", pe = "messagebox", zr = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { serverStats: o } = z(ue);
+  const { serverStats: o } = B(ue);
   return /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: At, children: /* @__PURE__ */ r(Gr, { stats: o }) });
 }, jr = (e) => Xe(e), Kr = (e) => {
   if (!e || e.length === 0)
-    return Lt;
+    return Pt;
   const t = e.filter(
     (o) => {
-      var n, a;
-      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Pt && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
+      var a, n;
+      return ((a = o == null ? void 0 : o.message) == null ? void 0 : a.role) === Lt && typeof ((n = o == null ? void 0 : o.message) == null ? void 0 : n.processingTime) == "number";
     }
   ).map((o) => o.message.processingTime);
   return $t({
@@ -1702,29 +1702,29 @@ const re = "panel", pe = "messagebox", zr = ({
   isAuthenticated: e,
   stats: t
 }) => {
-  const { state: o } = z(ue), n = Bt - Number(o == null ? void 0 : o.usage), a = ce(), s = ce();
-  return e ? /* @__PURE__ */ y(A, { children: [
+  const { state: o } = B(ue), a = Bt - Number(o == null ? void 0 : o.usage), n = ce(), s = ce();
+  return e ? /* @__PURE__ */ v(A, { children: [
     o && o.messages.length > 0 && /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      B,
+      $,
       {
-        header: N.CURRENT_STATISTICS.TITLE,
+        header: w.CURRENT_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: se(a, {
-          [N.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || ne,
-          [N.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
-          [N.CURRENT_STATISTICS.REMAINING_TOKENS]: Mt.format(n),
-          [N.CURRENT_STATISTICS.PROCESSING_TIME]: Kr(o == null ? void 0 : o.messages)
+        children: se(n, {
+          [w.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || ae,
+          [w.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
+          [w.CURRENT_STATISTICS.REMAINING_TOKENS]: Mt.format(a),
+          [w.CURRENT_STATISTICS.PROCESSING_TIME]: Kr(o == null ? void 0 : o.messages)
         })
       }
     ) }),
     /* @__PURE__ */ r(
-      B,
+      $,
       {
-        header: N.MAIN_STATISTICS.TITLE,
+        header: w.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: se(s, {
-          [be(N.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
-          [N.MAIN_STATISTICS.PROCESSING_TIME]: Xe(
+          [be(w.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [w.MAIN_STATISTICS.PROCESSING_TIME]: Xe(
             t.averageProcessingTimes
           )
         })
@@ -1735,40 +1735,40 @@ const re = "panel", pe = "messagebox", zr = ({
   open: e,
   onOpenChange: t
 }) => {
-  const [o, n] = S({
+  const [o, a] = S({
     averageProcessingTimes: 0,
     totalChats: 0
-  }), { isAuthenticated: a, getAccessToken: s, user: i } = X();
-  return U(() => {
+  }), { isAuthenticated: n, getAccessToken: s, user: i } = X();
+  return q(() => {
     !e || !i || (async () => {
       try {
-        const c = await F({
+        const l = await V({
           accessToken: await s(),
-          type: H.GET_CHATS_STATS,
+          type: F.GET_CHATS_STATS,
           params: {
             userId: i.username
           }
         });
-        c.status === 200 && n(c.data);
+        l.status === 200 && a(l.data);
       } catch {
       }
     })();
-  }, [e, s, i]), /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Ze, children: /* @__PURE__ */ r(Wr, { isAuthenticated: a, stats: o }) });
+  }, [e, s, i]), /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Ze, children: /* @__PURE__ */ r(Wr, { isAuthenticated: n, stats: o }) });
 }, It = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: o,
-  children: n,
-  customStrings: a
+  children: a,
+  customStrings: n
 }) => /* @__PURE__ */ r(
   Z,
   {
     kind: "messagebox",
     open: e,
     onOpenChange: t,
-    title: a.title,
-    footer: /* @__PURE__ */ y(ie, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
+    title: n.title,
+    footer: /* @__PURE__ */ v(ie, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
         G,
         {
           mode: "dark",
@@ -1777,10 +1777,10 @@ const re = "panel", pe = "messagebox", zr = ({
           onClick: () => {
             t(!1);
           },
-          children: a.cancelAction
+          children: n.cancelAction
         }
       ) }),
-      /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
+      /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
         G,
         {
           mode: "dark",
@@ -1789,44 +1789,30 @@ const re = "panel", pe = "messagebox", zr = ({
           onClick: () => {
             t(!1), o();
           },
-          children: a.confirmAction
+          children: n.confirmAction
         }
       ) })
     ] }),
-    children: n
+    children: a
   }
-);
-var qr = typeof window < "u", Xr = function(e, t) {
-  return qr ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
-}, Zr = function(e, t) {
-  var o = S(Xr(e)), n = o[0], a = o[1];
-  return U(function() {
-    var s = !0, i = window.matchMedia(e), c = function() {
-      s && a(!!i.matches);
-    };
-    return i.addEventListener("change", c), a(i.matches), function() {
-      s = !1, i.removeEventListener("change", c);
-    };
-  }, [e]), n;
-};
-const Jr = async (e, t, o, n) => {
+), qr = async (e, t, o, a) => {
   try {
-    const a = await F({
-      accessToken: n,
-      type: H.GET_CHAT,
+    const n = await V({
+      accessToken: a,
+      type: F.GET_CHAT,
       params: {
         id: e.id
       }
     });
-    a.status === 200 && (t({
+    n.status === 200 && (t({
       type: Qe
     }), t({
       type: Ot,
       payload: {
         id: e.id,
-        model: a.data.model,
-        usage: a.data.usage,
-        messages: a.data.messages
+        model: n.data.model,
+        usage: n.data.usage,
+        messages: n.data.messages
       }
     }), o(!1));
   } catch {
@@ -1834,28 +1820,28 @@ const Jr = async (e, t, o, n) => {
 }, Ye = (e) => {
   const t = e[0];
   return Dt(t == null ? void 0 : t.content, 100);
-}, Qr = ({
+}, Xr = ({
   filteredHistory: e,
   setFilteredHistory: t,
   dispatch: o,
-  onOpenChange: n
+  onOpenChange: a
 }) => {
-  var C;
-  const { user: a, getAccessToken: s } = X(), i = le({
+  var f;
+  const { user: n, getAccessToken: s } = X(), i = le({
     id: 0,
     timestamp: "",
     message: ""
-  }), [c, h] = S(!1), m = Zr("(min-width: 480px)"), { state: l, dispatch: p } = z(Je), [, v] = he({
+  }), [l, h] = S(!1), { state: d, dispatch: c } = B(Je), [, p] = he({
     key: me + zt,
-    initialValue: l.sortDirection
-  }), d = e.data.sort(
+    initialValue: d.sortDirection
+  }), y = e.data.sort(
     (g, k) => {
-      switch (l.sortedCell) {
+      switch (d.sortedCell) {
         case "timestamp":
-          if (l.sortDirection === V.ASC)
-            return new Date(g[l.sortedCell]).getTime() - new Date(k[l.sortedCell]).getTime();
-          if (l.sortDirection === V.DESC)
-            return new Date(k[l.sortedCell]).getTime() - new Date(g[l.sortedCell]).getTime();
+          if (d.sortDirection === D.ASC)
+            return new Date(g[d.sortedCell]).getTime() - new Date(k[d.sortedCell]).getTime();
+          if (d.sortDirection === D.DESC)
+            return new Date(k[d.sortedCell]).getTime() - new Date(g[d.sortedCell]).getTime();
           break;
         default:
           return 0;
@@ -1863,50 +1849,50 @@ const Jr = async (e, t, o, n) => {
       return 0;
     }
   ), u = (g) => {
-    switch (l.sortDirection) {
+    switch (d.sortDirection) {
       case !1:
-        v(V.ASC), p({
-          type: we,
+        p(D.ASC), c({
+          type: Te,
           payload: {
             sortedCell: g,
-            sortDirection: V.ASC
+            sortDirection: D.ASC
           }
         });
         break;
-      case V.ASC:
-        v(V.DESC), p({
-          type: we,
+      case D.ASC:
+        p(D.DESC), c({
+          type: Te,
           payload: {
             sortedCell: g,
-            sortDirection: V.DESC
+            sortDirection: D.DESC
           }
         });
         break;
       default:
-        v(V.ASC), p({
-          type: we,
+        p(D.ASC), c({
+          type: Te,
           payload: {
             sortedCell: g,
-            sortDirection: V.ASC
+            sortDirection: D.ASC
           }
         });
         break;
     }
   };
-  return /* @__PURE__ */ y(A, { children: [
-    /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(A, { children: [
+    /* @__PURE__ */ v(
       It,
       {
-        showConfirmation: c,
+        showConfirmation: l,
         setShowConfirmation: h,
         action: async () => {
           const g = i.current;
           try {
-            const k = await F({
+            const k = await V({
               accessToken: await s(),
-              type: H.DELETE_CHAT,
+              type: F.DELETE_CHAT,
               params: {
-                userId: (a == null ? void 0 : a.username) || "",
+                userId: (n == null ? void 0 : n.username) || "",
                 id: g.id
               }
             });
@@ -1921,48 +1907,46 @@ const Jr = async (e, t, o, n) => {
         },
         children: [
           /* @__PURE__ */ r("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ y("ul", { className: "m-0", children: [
-            /* @__PURE__ */ y("li", { children: [
+          /* @__PURE__ */ v("ul", { className: "m-0", children: [
+            /* @__PURE__ */ v("li", { children: [
               "Timestamp:",
               " ",
               /* @__PURE__ */ r("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
-            /* @__PURE__ */ y("li", { children: [
+            /* @__PURE__ */ v("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: (C = i.current) == null ? void 0 : C.message })
+              /* @__PURE__ */ r("span", { className: "text-lg", children: (f = i.current) == null ? void 0 : f.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ y(Zt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
-      /* @__PURE__ */ r(Jt, { children: /* @__PURE__ */ y(Ne, { children: [
-        m && /* @__PURE__ */ r(P, { className: "sr-only", children: "Row" }),
+    /* @__PURE__ */ v(Zt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
+      /* @__PURE__ */ r(Jt, { children: /* @__PURE__ */ v(Ne, { children: [
         /* @__PURE__ */ r(
           Qt,
           {
             buttonClassName: "text-xs sm:text-sm",
             cellId: "timestamp",
             align: "left",
-            sortDirection: l.sortDirection,
-            sortedCell: l.sortedCell,
+            sortDirection: d.sortDirection,
+            sortedCell: d.sortedCell,
             onClick: () => {
               u("timestamp");
             },
             children: "Date"
           }
         ),
-        /* @__PURE__ */ r(P, { className: "text-xs sm:text-sm", children: "First message" }),
-        /* @__PURE__ */ r(P, { className: "text-xs sm:text-sm", children: "Model" }),
-        /* @__PURE__ */ r(P, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+        /* @__PURE__ */ r(H, { className: "text-xs sm:text-sm", children: "First message" }),
+        /* @__PURE__ */ r(H, { className: "text-xs sm:text-sm", children: "Model" }),
+        /* @__PURE__ */ r(H, { className: "text-xs sm:text-sm text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ r(eo, { children: d.map((g, k) => {
+      /* @__PURE__ */ r(eo, { children: y.map((g, k) => {
         var T;
-        return ((T = g == null ? void 0 : g.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ y(Ne, { children: [
-          m && /* @__PURE__ */ r(P, { children: k + 1 }),
+        return ((T = g == null ? void 0 : g.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ v(Ne, { children: [
           /* @__PURE__ */ r(
-            P,
+            H,
             {
               component: "th",
               scope: "row",
@@ -1970,32 +1954,41 @@ const Jr = async (e, t, o, n) => {
               children: g.timestamp
             }
           ),
-          /* @__PURE__ */ r(P, { className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm", children: Ye(g.messages) }),
-          /* @__PURE__ */ y(P, { component: "th", scope: "row", className: "text-gray-400", children: [
+          /* @__PURE__ */ r(
+            H,
+            {
+              className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
+              style: {
+                wordBreak: "break-word"
+              },
+              children: Ye(g.messages)
+            }
+          ),
+          /* @__PURE__ */ v(H, { component: "th", scope: "row", className: "text-gray-400", children: [
             g.model && g.model.startsWith("claude") && /* @__PURE__ */ r(st, { className: "size-4 sm:size-5" }),
             g.model && g.model.startsWith("gpt") && /* @__PURE__ */ r(it, { className: "size-4 sm:size-5" })
           ] }),
-          /* @__PURE__ */ r(P, { className: "px-2", children: /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ r(H, { className: "px-2", children: /* @__PURE__ */ v("div", { className: "flex justify-end gap-2", children: [
             /* @__PURE__ */ r(
-              Y,
+              W,
               {
                 focusMode: "alt-system",
                 noBorder: !0,
                 label: "Restore chat",
                 onClick: async () => {
-                  const I = await s();
-                  Jr(
+                  const N = await s();
+                  qr(
                     g,
                     o,
-                    n,
-                    I
+                    a,
+                    N
                   );
                 },
                 children: /* @__PURE__ */ r(Ro, { className: "h-3 w-3", monotone: !0 })
               }
             ),
             /* @__PURE__ */ r(
-              Y,
+              W,
               {
                 focusMode: "alt-system",
                 noBorder: !0,
@@ -2005,15 +1998,15 @@ const Jr = async (e, t, o, n) => {
                     id: g.id,
                     timestamp: g.timestamp,
                     message: Ye(g.messages)
-                  }, h(!c);
+                  }, h(!l);
                 },
                 children: /* @__PURE__ */ r("div", { className: "text-red-400", children: /* @__PURE__ */ r(xo, { className: "h-3 w-3", monotone: !0 }) })
               }
             )
           ] }) })
-        ] }, `${N.HISTORY.TITLE}-${g.id}-${k}`) : null;
+        ] }, `${w.HISTORY.TITLE}-${g.id}-${k}`) : null;
       }) }),
-      /* @__PURE__ */ r(to, { children: /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(P, { colSpan: 5, children: /* @__PURE__ */ r("div", { children: be(
+      /* @__PURE__ */ r(to, { children: /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(H, { colSpan: 4, children: /* @__PURE__ */ r("div", { children: be(
         `${e.data.length} chat`,
         e.data.length
       ) }) }) }) })
@@ -2023,52 +2016,52 @@ const Jr = async (e, t, o, n) => {
 function qe(e, t) {
   return t ? e.filter(
     (o) => o.messages.some(
-      (n) => n.content !== null && n.content.toLowerCase().includes(t.toLowerCase())
+      (a) => a.content !== null && a.content.toLowerCase().includes(t.toLowerCase())
     )
   ) : e;
 }
-const en = ({
+const Zr = ({
   onOpenChange: e,
   historyData: t
 }) => {
-  const { isAuthenticated: o } = X(), n = le(null), { dispatch: a } = z(ue), { state: s, dispatch: i } = z(Je), [, c] = he({
+  const { isAuthenticated: o } = X(), a = le(null), { dispatch: n } = B(ue), { state: s, dispatch: i } = B(Je), [, l] = he({
     key: me + Vt,
     initialValue: s.searchString
-  }), h = ao(() => t, [t]), [m, l] = S({
+  }), h = no(() => t, [t]), [d, c] = S({
     data: h
-  }), p = (u) => {
-    const b = qe(h, u);
-    l({
-      data: b
-    }), c(u), i({
+  }), p = (m) => {
+    const f = qe(h, m);
+    c({
+      data: f
+    }), l(m), i({
       type: Ft,
-      payload: { searchString: u }
+      payload: { searchString: m }
     });
-  }, v = (u) => {
-    p(u.target.value);
-  }, d = async (u) => {
-    u.preventDefault();
+  }, y = (m) => {
+    p(m.target.value);
+  }, u = async (m) => {
+    m.preventDefault();
   };
-  return U(() => {
-    const u = qe(
+  return q(() => {
+    const m = qe(
       t,
       s.searchString
     );
-    l({
-      data: u
+    c({
+      data: m
     });
-  }, [t, s.searchString]), o ? m && m.data && /* @__PURE__ */ y(A, { children: [
-    /* @__PURE__ */ r("form", { autoComplete: "off", onSubmit: d, children: /* @__PURE__ */ r(
+  }, [t, s.searchString]), o ? d && d.data && /* @__PURE__ */ v(A, { children: [
+    /* @__PURE__ */ r("form", { autoComplete: "off", onSubmit: u, children: /* @__PURE__ */ r(
       xe,
       {
         autoComplete: "off",
         autoCorrect: "off",
-        ref: n,
+        ref: a,
         defaultValue: s.searchString,
         focusMode: "light",
         name: "Search",
         label: "Search",
-        onChange: v,
+        onChange: y,
         spacing: { t: 2, b: 2 },
         ...s.searchString && {
           rightElement: /* @__PURE__ */ r(
@@ -2079,8 +2072,8 @@ const en = ({
               noBorder: !0,
               size: "small",
               onClick: () => {
-                var u;
-                p(""), (u = n.current) != null && u.value && (n.current.value = "", n.current.focus());
+                var m;
+                p(""), (m = a.current) != null && m.value && (a.current.value = "", a.current.focus());
               },
               children: "Reset"
             }
@@ -2089,20 +2082,20 @@ const en = ({
       }
     ) }),
     /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ r(
-      Qr,
+      Xr,
       {
-        filteredHistory: m,
-        setFilteredHistory: l,
-        dispatch: a,
+        filteredHistory: d,
+        setFilteredHistory: c,
+        dispatch: n,
         onOpenChange: e
       }
     ) })
   ] }) : null;
-}, tn = ({
+}, Jr = ({
   open: e,
   onOpenChange: t,
   historyData: o
-}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Ht, children: /* @__PURE__ */ r(en, { onOpenChange: t, historyData: o }) });
+}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Ht, children: /* @__PURE__ */ r(Zr, { onOpenChange: t, historyData: o }) });
 /*!
   @versini/ui-toggle v1.1.1
   © 2024 gizmette.com
@@ -2116,7 +2109,7 @@ try {
   });
 } catch {
 }
-const on = "av-toggle", rn = (e) => {
+const Qr = "av-toggle", ea = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -2125,9 +2118,9 @@ const on = "av-toggle", rn = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, nn = () => w("peer", "h-6", "w-11", "rounded-full"), an = ({
+}, ta = () => C("peer", "h-6", "w-11", "rounded-full"), oa = ({
   focusMode: e
-}) => w(
+}) => C(
   "peer-focus:outline",
   "peer-focus:outline-2",
   "peer-focus:outline-offset-2",
@@ -2137,14 +2130,14 @@ const on = "av-toggle", rn = (e) => {
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": e === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": e === "system"
   }
-), sn = () => w(
+), ra = () => C(
   "peer-checked:after:translate-x-full",
   // background color when checked
   "peer-checked:bg-violet-500",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), ln = () => w(
+), aa = () => C(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -2156,99 +2149,99 @@ const on = "av-toggle", rn = (e) => {
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), cn = ({
+), na = ({
   mode: e,
   noBorder: t
-}) => w({
+}) => C({
   border: !t,
   "border-border-dark bg-surface-medium": e === "light",
   "border-border-light bg-surface-darker": e === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), dn = ({
+}), sa = ({
   mode: e,
   labelHidden: t
-}) => t ? "sr-only" : w("ml-2 text-sm", {
+}) => t ? "sr-only" : C("ml-2 text-sm", {
   "text-copy-dark": e === "light",
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), un = ({ spacing: e }) => w(
-  on,
+}), ia = ({ spacing: e }) => C(
+  Qr,
   "relative flex cursor-pointer items-center",
-  rn(e)
-), mn = ({
+  ea(e)
+), la = ({
   mode: e,
   focusMode: t,
   labelHidden: o,
-  spacing: n,
-  noBorder: a
+  spacing: a,
+  noBorder: n
 }) => ({
-  toggle: w(
-    nn(),
-    cn({ mode: e, noBorder: a }),
-    an({ focusMode: t }),
-    ln(),
-    sn()
+  toggle: C(
+    ta(),
+    na({ mode: e, noBorder: n }),
+    oa({ focusMode: t }),
+    aa(),
+    ra()
   ),
-  label: dn({ mode: e, labelHidden: o }),
+  label: sa({ mode: e, labelHidden: o }),
   input: "peer sr-only",
-  wrapper: un({ spacing: n })
-}), ae = ({
+  wrapper: ia({ spacing: a })
+}), ne = ({
   checked: e = !1,
   onChange: t,
   label: o,
-  labelHidden: n = !1,
-  name: a,
+  labelHidden: a = !1,
+  name: n,
   mode: s = "system",
   focusMode: i = "system",
-  spacing: c,
+  spacing: l,
   noBorder: h = !1
 }) => {
-  const m = mn({
+  const d = la({
     mode: s,
     focusMode: i,
-    labelHidden: n,
-    spacing: c,
+    labelHidden: a,
+    spacing: l,
     noBorder: h
-  }), l = (p) => {
+  }), c = (p) => {
     t == null || t(p.target.checked);
   };
-  return /* @__PURE__ */ y("label", { className: m.wrapper, children: [
+  return /* @__PURE__ */ v("label", { className: d.wrapper, children: [
     /* @__PURE__ */ r(
       "input",
       {
-        name: a,
+        name: n,
         checked: e,
         type: "checkbox",
-        className: m.input,
-        onChange: l
+        className: d.input,
+        onChange: c
       }
     ),
-    /* @__PURE__ */ r("div", { className: m.toggle }),
-    /* @__PURE__ */ r("span", { className: m.label, children: o })
+    /* @__PURE__ */ r("div", { className: d.toggle }),
+    /* @__PURE__ */ r("span", { className: d.label, children: o })
   ] });
-}, hn = ({
+}, ca = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: o } = z(ue), { getAccessToken: n, user: a } = X(), [s, i] = S({
+  const { dispatch: o } = B(ue), { getAccessToken: a, user: n } = X(), [s, i] = S({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
-    engine: ne
-  }), [c, h] = he({
+    engine: ae
+  }), [l, h] = he({
     key: me + et,
     initialValue: !1
-  }), m = async (d) => {
-    d.preventDefault();
+  }), d = async (u) => {
+    u.preventDefault();
     try {
-      await F({
-        accessToken: await n(),
-        type: H.SET_USER_PREFERENCES,
+      await V({
+        accessToken: await a(),
+        type: F.SET_USER_PREFERENCES,
         params: {
-          user: a == null ? void 0 : a.username,
+          user: n == null ? void 0 : n.username,
           instructions: s.instructions,
           location: s.location,
           engine: s.engine
@@ -2261,93 +2254,93 @@ const on = "av-toggle", rn = (e) => {
       });
     } catch {
     }
-  }, l = async () => {
-    i((d) => ({
-      ...d,
+  }, c = async () => {
+    i((u) => ({
+      ...u,
       location: "...",
       loadingLocation: !0
     }));
     try {
-      const d = Date.now(), u = await Ut(), b = await F({
-        accessToken: await n(),
-        type: H.GET_LOCATION,
+      const u = Date.now(), m = await Ut(), f = await V({
+        accessToken: await a(),
+        type: F.GET_LOCATION,
         params: {
-          latitude: u.latitude,
-          longitude: u.longitude
+          latitude: m.latitude,
+          longitude: m.longitude
         }
-      }), g = Date.now() - d;
-      if (g < 2e3 && await new Promise((k) => setTimeout(k, 2e3 - g)), b.status === 200) {
-        const { city: k, state: T, country: I, displayName: M } = b.data, _ = k && T && I ? `${k}, ${T}, ${I}` : M;
-        i((D) => ({
-          ...D,
+      }), k = Date.now() - u;
+      if (k < 2e3 && await new Promise((T) => setTimeout(T, 2e3 - k)), f.status === 200) {
+        const { city: T, state: N, country: I, displayName: M } = f.data, _ = T && N && I ? `${T}, ${N}, ${I}` : M;
+        i((O) => ({
+          ...O,
           loaded: !0,
           location: _,
           loadingLocation: !1
         }));
       } else
-        i((k) => ({
-          ...k,
+        i((T) => ({
+          ...T,
           loaded: !0,
           location: "",
           loadingLocation: !1
         }));
     } catch {
     }
-  }, p = (d) => {
-    i((u) => ({
-      ...u,
-      engine: d ? Te : fe
+  }, p = (u) => {
+    i((m) => ({
+      ...m,
+      engine: u ? we : fe
     }));
-  }, v = (d) => {
-    i((u) => ({
-      ...u,
-      engine: d ? fe : Te
+  }, y = (u) => {
+    i((m) => ({
+      ...m,
+      engine: u ? fe : we
     }));
   };
-  return U(() => {
-    if (!e || !a) {
+  return q(() => {
+    if (!e || !n) {
       i({
         loaded: !1,
         loadingLocation: !1,
         instructions: "",
         location: "",
-        engine: ne
+        engine: ae
       });
       return;
     }
     (async () => {
       try {
-        const d = await F({
-          accessToken: await n(),
-          type: H.GET_USER_PREFERENCES,
+        const u = await V({
+          accessToken: await a(),
+          type: F.GET_USER_PREFERENCES,
           params: {
-            user: a.username
+            user: n.username
           }
         });
-        d.status === 200 && i((u) => ({
-          ...u,
+        u.status === 200 && i((m) => ({
+          ...m,
           loaded: !0,
-          instructions: d.data.instructions || "",
-          location: d.data.location || "",
-          engine: d.data.engine || ne
+          instructions: u.data.instructions || "",
+          location: u.data.location || "",
+          engine: u.data.engine || ae
         }));
       } catch {
       }
     })();
-  }, [a, e]), /* @__PURE__ */ r(A, { children: s.loaded && /* @__PURE__ */ r(
+  }, [n, e]), /* @__PURE__ */ r(A, { children: s.loaded && /* @__PURE__ */ r(
     Z,
     {
       open: e,
       onOpenChange: t,
       title: "Engine Fine Tuning",
-      footer: /* @__PURE__ */ y(
+      footer: /* @__PURE__ */ v(
         ie,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
               G,
               {
                 mode: "dark",
@@ -2359,14 +2352,14 @@ const on = "av-toggle", rn = (e) => {
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
               G,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (d) => {
-                  t(!1), await m(d);
+                onClick: async (u) => {
+                  t(!1), await d(u);
                 },
                 children: "Save"
               }
@@ -2374,59 +2367,59 @@ const on = "av-toggle", rn = (e) => {
           ]
         }
       ),
-      children: /* @__PURE__ */ y(A, { children: [
-        /* @__PURE__ */ y(
-          B,
+      children: /* @__PURE__ */ v(A, { children: [
+        /* @__PURE__ */ v(
+          $,
           {
             header: "AI Engine",
             className: "prose-dark dark:prose-lighter",
             children: [
               /* @__PURE__ */ r("p", { children: "Select the AI engine that will be used to generate responses." }),
               /* @__PURE__ */ r(
-                ae,
+                ne,
                 {
                   noBorder: !0,
                   label: "OpenAI",
                   name: "OpenAI",
                   onChange: p,
-                  checked: s.engine === Te
+                  checked: s.engine === we
                 }
               ),
               /* @__PURE__ */ r(
-                ae,
+                ne,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Anthropic",
                   name: "Anthropic",
-                  onChange: v,
+                  onChange: y,
                   checked: s.engine === fe
                 }
               ),
               /* @__PURE__ */ r("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI." }),
               /* @__PURE__ */ r(
-                ae,
+                ne,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Show Quick Engine Toggle",
                   name: "show-toggle-engine-menu",
                   onChange: h,
-                  checked: c
+                  checked: l
                 }
               ),
               /* @__PURE__ */ r("p", { className: "text-xs", children: "This option introduces a new menu on the left side of the screen, enabling you to quickly switch between engines." })
             ]
           }
         ),
-        /* @__PURE__ */ y(
-          B,
+        /* @__PURE__ */ v(
+          $,
           {
             spacing: { t: 4 },
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ y("p", { children: [
+              /* @__PURE__ */ v("p", { children: [
                 "What would you like ",
                 /* @__PURE__ */ r("em", { children: Gt }),
                 " to know about you to provide better responses?"
@@ -2441,11 +2434,11 @@ const on = "av-toggle", rn = (e) => {
                   name: "customInstructions",
                   label: "Custom Instructions",
                   value: s.instructions,
-                  onChange: (d) => {
-                    i((u) => ({
-                      ...u,
+                  onChange: (u) => {
+                    i((m) => ({
+                      ...m,
                       loaded: !0,
-                      instructions: d.target.value
+                      instructions: u.target.value
                     }));
                   },
                   helperText: "Press ENTER to add a new line."
@@ -2454,8 +2447,8 @@ const on = "av-toggle", rn = (e) => {
             ]
           }
         ),
-        /* @__PURE__ */ y(
-          B,
+        /* @__PURE__ */ v(
+          $,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter",
@@ -2469,11 +2462,11 @@ const on = "av-toggle", rn = (e) => {
                   name: "location",
                   label: "Location",
                   value: s.location,
-                  onChange: (d) => {
-                    i((u) => ({
-                      ...u,
+                  onChange: (u) => {
+                    i((m) => ({
+                      ...m,
                       loaded: !0,
-                      location: d.target.value
+                      location: u.target.value
                     }));
                   },
                   helperText: "Enter your location or press auto-detect."
@@ -2486,7 +2479,7 @@ const on = "av-toggle", rn = (e) => {
                   size: "small",
                   noBorder: !0,
                   disabled: s.loadingLocation,
-                  onClick: l,
+                  onClick: c,
                   children: s.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
@@ -2496,44 +2489,44 @@ const on = "av-toggle", rn = (e) => {
       ] })
     }
   ) });
-}, gn = ({
+}, da = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { state: o, dispatch: n } = z(jt), { getAccessToken: a, user: s } = X(), [i, c] = S({
+  const { state: o, dispatch: a } = B(jt), { getAccessToken: n, user: s } = X(), [i, l] = S({
     tags: [...o.tags]
   }), h = ({
-    slot: l,
+    slot: c,
     checked: p,
-    label: v,
-    content: d
+    label: y,
+    content: u
   }) => {
-    c((u) => {
-      const b = u.tags, C = {
-        slot: l,
-        label: v,
-        content: d,
+    l((m) => {
+      const f = m.tags, g = {
+        slot: c,
+        label: y,
+        content: u,
         enabled: p
-      }, g = b.findIndex((k) => k.slot === l);
-      return g === -1 ? {
-        ...u,
-        tags: [...b, { ...C, slot: l }]
-      } : (b[g] = C, {
-        ...u,
-        tags: [...b]
+      }, k = f.findIndex((T) => T.slot === c);
+      return k === -1 ? {
+        ...m,
+        tags: [...f, { ...g, slot: c }]
+      } : (f[k] = g, {
+        ...m,
+        tags: [...f]
       });
     });
-  }, m = async (l) => {
-    l.preventDefault();
+  }, d = async (c) => {
+    c.preventDefault();
     try {
-      await F({
-        accessToken: await a(),
-        type: H.SET_USER_PREFERENCES,
+      await V({
+        accessToken: await n(),
+        type: F.SET_USER_PREFERENCES,
         params: {
           user: s == null ? void 0 : s.username,
           tags: i.tags
         }
-      }), n({
+      }), a({
         type: Wt,
         payload: {
           tags: i.tags
@@ -2542,20 +2535,20 @@ const on = "av-toggle", rn = (e) => {
     } catch {
     }
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ v(
     Z,
     {
       open: e,
       onOpenChange: t,
       title: "Tags",
-      footer: /* @__PURE__ */ y(
+      footer: /* @__PURE__ */ v(
         ie,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
               G,
               {
                 mode: "dark",
@@ -2567,14 +2560,14 @@ const on = "av-toggle", rn = (e) => {
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(
               G,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (l) => {
-                  t(!1), await m(l);
+                onClick: async (c) => {
+                  t(!1), await d(c);
                 },
                 children: "Save"
               }
@@ -2584,41 +2577,41 @@ const on = "av-toggle", rn = (e) => {
       ),
       children: [
         /* @__PURE__ */ r("p", { children: Kt }),
-        i.tags && i.tags.map((l) => /* @__PURE__ */ y(
-          B,
+        i.tags && i.tags.map((c) => /* @__PURE__ */ v(
+          $,
           {
-            header: `Tag ${l.slot + 1}`,
+            header: `Tag ${c.slot + 1}`,
             className: "prose-dark dark:prose-lighter",
             spacing: { b: 2 },
             children: [
-              /* @__PURE__ */ y(ie, { spacing: { t: 8, b: 6 }, columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ r($, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
+              /* @__PURE__ */ v(ie, { spacing: { t: 8, b: 6 }, columnGap: 2, rowGap: 6, children: [
+                /* @__PURE__ */ r(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
                   xe,
                   {
                     label: "Label",
-                    name: `tag${l.slot}-label`,
-                    value: l.label,
+                    name: `tag${c.slot}-label`,
+                    value: c.label,
                     onChange: (p) => {
                       h({
-                        slot: l.slot,
-                        checked: l.enabled,
+                        slot: c.slot,
+                        checked: c.enabled,
                         label: p.target.value,
-                        content: l.content
+                        content: c.content
                       });
                     }
                   }
                 ) }),
-                /* @__PURE__ */ r($, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
+                /* @__PURE__ */ r(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ r(
                   xe,
                   {
                     label: "Content",
-                    name: `tag${l.slot}-content`,
-                    value: l.content,
+                    name: `tag${c.slot}-content`,
+                    value: c.content,
                     onChange: (p) => {
                       h({
-                        slot: l.slot,
-                        checked: l.enabled,
-                        label: l.label,
+                        slot: c.slot,
+                        checked: c.enabled,
+                        label: c.label,
                         content: p.target.value
                       });
                     }
@@ -2626,87 +2619,87 @@ const on = "av-toggle", rn = (e) => {
                 ) })
               ] }),
               /* @__PURE__ */ r(
-                ae,
+                ne,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Enabled",
-                  name: l.slot.toString(),
+                  name: c.slot.toString(),
                   onChange: (p) => {
                     h({
-                      slot: l.slot,
+                      slot: c.slot,
                       checked: p,
-                      label: l.label,
-                      content: l.content
+                      label: c.label,
+                      content: c.content
                     });
                   },
-                  checked: l.enabled
+                  checked: c.enabled
                 }
               )
             ]
           },
-          `tag-slot-${l.slot}`
+          `tag-slot-${c.slot}`
         ))
       ]
     }
   );
-}, pn = () => {
-  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: n } = X(), [a, s] = he({
+}, ua = () => {
+  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: a } = X(), [n, s] = he({
     key: me + Yt,
     initialValue: !1
-  }), [i, c] = S(!1), [h, m] = S(!1), l = ce(), p = (t == null ? void 0 : t.username) || "", v = (b) => {
-    s(b);
-  }, d = () => {
-    c(!i);
+  }), [i, l] = S(!1), [h, d] = S(!1), c = ce(), p = (t == null ? void 0 : t.username) || "", y = (f) => {
+    s(f);
   }, u = () => {
-    m(!h);
+    l(!i);
+  }, m = () => {
+    d(!h);
   };
-  return e && p ? /* @__PURE__ */ y(A, { children: [
+  return e && p ? /* @__PURE__ */ v(A, { children: [
     i && /* @__PURE__ */ r(
-      hn,
+      ca,
       {
         open: i,
-        onOpenChange: c
+        onOpenChange: l
       }
     ),
-    h && /* @__PURE__ */ r(gn, { open: h, onOpenChange: m }),
-    /* @__PURE__ */ y(
-      B,
+    h && /* @__PURE__ */ r(da, { open: h, onOpenChange: d }),
+    /* @__PURE__ */ v(
+      $,
       {
-        header: N.PREFERENCES.TITLE,
+        header: w.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: [
-          se(l, {
-            [N.PREFERENCES.NAME]: p,
-            [N.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
-            [N.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ r(
-              ae,
+          se(c, {
+            [w.PREFERENCES.NAME]: p,
+            [w.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
+            [w.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ r(
+              ne,
               {
                 noBorder: !0,
                 labelHidden: !0,
-                label: N.PREFERENCES.ENGINE_DETAILS,
-                name: N.PREFERENCES.ENGINE_DETAILS,
-                onChange: v,
-                checked: a
+                label: w.PREFERENCES.ENGINE_DETAILS,
+                name: w.PREFERENCES.ENGINE_DETAILS,
+                onChange: y,
+                checked: n
               }
             )
           }),
           /* @__PURE__ */ r(
-            Y,
+            W,
             {
               spacing: { t: 2 },
               size: "small",
-              onClick: d,
+              onClick: u,
               labelLeft: "Engine Fine Tuning",
               children: /* @__PURE__ */ r(Fe, { className: "size-3", monotone: !0 })
             }
           ),
           /* @__PURE__ */ r(
-            Y,
+            W,
             {
               spacing: { t: 2, l: 2 },
               size: "small",
-              onClick: u,
+              onClick: m,
               labelLeft: "Tags",
               children: /* @__PURE__ */ r(Fe, { className: "size-3", monotone: !0 })
             }
@@ -2714,24 +2707,24 @@ const on = "av-toggle", rn = (e) => {
         ]
       }
     ),
-    n !== qt.PASSKEY && /* @__PURE__ */ y(
-      B,
+    a !== qt.PASSKEY && /* @__PURE__ */ v(
+      $,
       {
         spacing: { t: 4 },
         className: "prose-dark dark:prose-lighter",
-        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ y(ie, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ r($, { children: /* @__PURE__ */ r(Oe, { className: "size-8" }) }),
-          /* @__PURE__ */ r($, { children: /* @__PURE__ */ r("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
+        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ v(ie, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r(Oe, { className: "size-8" }) }),
+          /* @__PURE__ */ r(L, { children: /* @__PURE__ */ r("div", { children: w.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
-          /* @__PURE__ */ r("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ r("p", { children: w.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ r(
-            Y,
+            W,
             {
               size: "small",
               spacing: { t: 2 },
               onClick: o,
-              labelLeft: N.PREFERENCES.PASSKEY_BUTTON,
+              labelLeft: w.PREFERENCES.PASSKEY_BUTTON,
               children: /* @__PURE__ */ r(Oe, { className: "size-5", monotone: !0 })
             }
           )
@@ -2739,48 +2732,48 @@ const on = "av-toggle", rn = (e) => {
       }
     )
   ] }) : null;
-}, fn = ({
+}, ma = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Xt, children: /* @__PURE__ */ r(pn, {}) }), Nn = () => {
-  const { state: e, dispatch: t, serverStats: o } = z(ue), [n, a] = S((e == null ? void 0 : e.engine) || ne), [s, i] = S(!1), [c, h] = S(!1), [m, l] = S(!1), [p, v] = S(!1), [d, u] = S([]), [b, C] = S(!1), [g, k] = S({
+}) => /* @__PURE__ */ r(Z, { open: e, onOpenChange: t, title: Xt, children: /* @__PURE__ */ r(ua, {}) }), ka = () => {
+  const { state: e, dispatch: t, serverStats: o } = B(ue), [a, n] = S((e == null ? void 0 : e.engine) || ae), [s, i] = S(!1), [l, h] = S(!1), [d, c] = S(!1), [p, y] = S(!1), [u, m] = S([]), [f, g] = S(!1), [k, T] = S({
     done: !1,
     progress: !1,
     timestamp: Date.now()
-  }), [T] = he({
+  }), [N] = he({
     key: me + et,
     initialValue: !1
-  }), { logout: I, getAccessToken: M, user: _ } = X(), D = () => {
+  }), { logout: I, getAccessToken: M, user: _ } = X(), O = () => {
     i(!s);
   }, E = () => {
-    h(!c);
+    h(!l);
   }, ee = () => {
-    l(!m);
+    c(!d);
   }, J = () => {
-    v(!p);
-  }, j = async (L) => {
-    const K = Date.now();
-    if (L && !(!_ || !e || g.progress || g.done === !0 && K - g.timestamp < 5e3)) {
-      k({
+    y(!p);
+  }, U = async (P) => {
+    const j = Date.now();
+    if (P && !(!_ || !e || k.progress || k.done === !0 && j - k.timestamp < 5e3)) {
+      T({
         done: !0,
         progress: !0,
-        timestamp: K
+        timestamp: j
       });
       try {
-        const R = await F({
+        const R = await V({
           accessToken: await M(),
-          type: H.GET_CHATS,
+          type: F.GET_CHATS,
           params: {
             userId: _.username
           }
         });
-        R.status === 200 && (u(R.data), k({
+        R.status === 200 && (m(R.data), T({
           done: !0,
           progress: !1,
           timestamp: Date.now()
         }));
       } catch {
-        k({
+        T({
           done: !0,
           progress: !1,
           timestamp: Date.now()
@@ -2788,16 +2781,16 @@ const on = "av-toggle", rn = (e) => {
       }
     }
   }, te = () => {
-    C(!b);
+    g(!f);
   };
-  return U(() => {
-    e && e.engine && e.engine !== n && a(e.engine);
-  }, [e, n]), /* @__PURE__ */ y(A, { children: [
+  return q(() => {
+    e && e.engine && e.engine !== a && n(e.engine);
+  }, [e, a]), /* @__PURE__ */ v(A, { children: [
     /* @__PURE__ */ r(
       It,
       {
-        showConfirmation: b,
-        setShowConfirmation: C,
+        showConfirmation: f,
+        setShowConfirmation: g,
         action: I,
         customStrings: {
           confirmAction: De,
@@ -2807,46 +2800,46 @@ const on = "av-toggle", rn = (e) => {
         children: /* @__PURE__ */ r("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ r(fn, { open: s, onOpenChange: i }),
-    /* @__PURE__ */ r(Yr, { open: c, onOpenChange: h }),
+    /* @__PURE__ */ r(ma, { open: s, onOpenChange: i }),
+    /* @__PURE__ */ r(Yr, { open: l, onOpenChange: h }),
     /* @__PURE__ */ r(
-      tn,
+      Jr,
       {
-        open: m,
-        onOpenChange: l,
-        historyData: d
+        open: d,
+        onOpenChange: c,
+        historyData: u
       }
     ),
-    /* @__PURE__ */ r(Ur, { open: p, onOpenChange: v }),
-    /* @__PURE__ */ y("div", { className: "relative", children: [
-      T && o && /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(Ur, { open: p, onOpenChange: y }),
+    /* @__PURE__ */ v("div", { className: "relative", children: [
+      N && o && /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ r(
         Se,
         {
           mode: "dark",
           focusMode: "light",
-          trigger: /* @__PURE__ */ r(Y, { children: e && e.engine === fe ? /* @__PURE__ */ r(st, {}) : /* @__PURE__ */ r(it, {}) }),
+          trigger: /* @__PURE__ */ r(W, { children: e && e.engine === fe ? /* @__PURE__ */ r(st, {}) : /* @__PURE__ */ r(it, {}) }),
           defaultPlacement: "bottom-start",
-          children: /* @__PURE__ */ r(W, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ r(K, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
             Cr,
             {
               size: "small",
               mode: "dark",
               focusMode: "light",
-              value: n,
-              onValueChange: async (L) => {
-                if (L)
+              value: a,
+              onValueChange: async (P) => {
+                if (P)
                   try {
-                    await F({
+                    await V({
                       accessToken: await M(),
-                      type: H.SET_USER_PREFERENCES,
+                      type: F.SET_USER_PREFERENCES,
                       params: {
                         user: _ == null ? void 0 : _.username,
-                        engine: L
+                        engine: P
                       }
                     }), t({
                       type: tt,
                       payload: {
-                        engine: L
+                        engine: P
                       }
                     }), t({
                       type: Qe
@@ -2854,30 +2847,30 @@ const on = "av-toggle", rn = (e) => {
                   } catch {
                   }
               },
-              children: o && o.engines.map((L) => /* @__PURE__ */ r(wr, { value: L }, L))
+              children: o && o.engines.map((P) => /* @__PURE__ */ r(Tr, { value: P }, P))
             }
           ) })
         }
       ) }),
-      /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ y(
+      /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ v(
         Se,
         {
           mode: "dark",
           focusMode: "light",
-          trigger: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(Ao, {}) }),
+          trigger: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Ao, {}) }),
           defaultPlacement: "bottom-end",
-          onOpenChange: j,
+          onOpenChange: U,
           children: [
             /* @__PURE__ */ r(
-              W,
+              K,
               {
                 label: "Profile",
-                onClick: D,
+                onClick: O,
                 icon: /* @__PURE__ */ r(_o, {})
               }
             ),
             /* @__PURE__ */ r(
-              W,
+              K,
               {
                 label: Ze,
                 onClick: E,
@@ -2885,7 +2878,7 @@ const on = "av-toggle", rn = (e) => {
               }
             ),
             /* @__PURE__ */ r(
-              W,
+              K,
               {
                 label: "History",
                 onClick: ee,
@@ -2893,17 +2886,17 @@ const on = "av-toggle", rn = (e) => {
               }
             ),
             /* @__PURE__ */ r(
-              W,
+              K,
               {
                 label: "About",
                 onClick: J,
                 icon: /* @__PURE__ */ r(So, {})
               }
             ),
-            e && e.id && !e.isComponent && /* @__PURE__ */ y(A, { children: [
+            e && e.id && !e.isComponent && /* @__PURE__ */ v(A, { children: [
               /* @__PURE__ */ r(Mo, {}),
               /* @__PURE__ */ r(
-                W,
+                K,
                 {
                   label: "Log out",
                   onClick: te,
@@ -2918,5 +2911,5 @@ const on = "av-toggle", rn = (e) => {
   ] });
 };
 export {
-  Nn as default
+  ka as default
 };