@versini/sassysaint 6.6.11 → 7.0.0

package/dist/chunks/{index.DBUj3LXB.js → index.DOnA1L7J.js}

@@ -1,12 +1,12 @@
 import { jsxs as i, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { f as $, un as V, R as z, CARDS as N, renderDataAsList as de, pluralize as ue, ABOUT_TITLE as Qe, INFINITE_SCROLL_LIMIT as we, INFINITE_SCROLL_THRESHOLD as ve, LOCAL_STORAGE_PREFIX as ke, LOCAL_STORAGE_SORT as Ze, re as oe, ACTION_RESET as Je, ACTION_RESTORE as et, ACTION_SORT as Ae, LOCAL_STORAGE_SEARCH as tt, HISTORY_TITLE as rt, fe as be, C as X, ACTION_SEARCH as nt, debounce as at, M as ot, isElectron as st, L as q, j as P, l as Ie, durationFormatter as lt, PROFILE_TITLE as ct, PROMPTS_DESCRIPTION as it, DEFAULT_AI_ENGINE as dt, LOCAL_STORAGE_CHAT_DETAILS as ut, SETTINGS_TITLE as mt, ENGINE_OPENAI as W, ENGINE_ANTHROPIC as ee, APP_NAME as ht, getCurrentGeoLocation as ft, LOG_OUT as _e } from "./index.BiSTuu2f.js";
-import { i as me, useServerCapabilities as pt, Ze as ce, HistoryContext as Me, E as Ce, ConfirmationPanel as Pe, Ue as gt, je as yt, Fe as ge, Le as M, De as bt, $e as xt, p as kt, z as Ct, We as Et, serviceCall as se, SERVICE_TYPES as le, B as te, AppContext as Oe, useChatsHistory as Tt, useUserChatStats as Nt, useUserPreferences as ze, m as St, _e as wt, me as vt, R as re, P as At } from "./App.BO5ERHO6.js";
-import It, { useRef as v, useState as C, useContext as he, useCallback as Be, useEffect as F, Fragment as _t, useLayoutEffect as ne, useMemo as He, useId as Rt, useReducer as Lt } from "react";
+import { f as $, un as V, R as z, CARDS as T, renderDataAsList as de, pluralize as ue, ABOUT_TITLE as qe, INFINITE_SCROLL_LIMIT as we, INFINITE_SCROLL_THRESHOLD as ve, LOCAL_STORAGE_PREFIX as ke, LOCAL_STORAGE_SORT as Qe, re as oe, ACTION_SORT as Ae, LOCAL_STORAGE_SEARCH as Ze, HISTORY_TITLE as Je, fe as ye, C as X, ACTION_SEARCH as et, debounce as tt, M as rt, isElectron as nt, L as q, j as P, l as Ie, durationFormatter as at, PROFILE_TITLE as ot, PROMPTS_DESCRIPTION as st, DEFAULT_AI_ENGINE as lt, LOCAL_STORAGE_CHAT_DETAILS as ct, SETTINGS_TITLE as it, ENGINE_OPENAI as W, ENGINE_ANTHROPIC as ee, APP_NAME as dt, getCurrentGeoLocation as ut, LOG_OUT as _e } from "./index.Ckh_vJwX.js";
+import { i as me, useServerCapabilities as mt, Ze as ce, HistoryContext as Me, E as Ce, ConfirmationPanel as Pe, Ue as ht, je as ft, Fe as pe, Le as M, De as pt, $e as gt, p as yt, z as bt, We as xt, serviceCall as se, SERVICE_TYPES as le, CHAT_RESTORE as kt, B as te, ChatContext as Ct, useChatsHistory as Et, useUserChatStats as Tt, useUserPreferences as Oe, m as Nt, _e as St, me as wt, R as re, P as vt } from "./App.D7zkk9cs.js";
+import At, { useRef as v, useState as k, useContext as be, useCallback as ze, useEffect as F, Fragment as It, useLayoutEffect as ne, useMemo as Be, useId as _t, useReducer as Lt } from "react";
 import y from "clsx";
-const Mt = ({
+const Rt = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
@@ -14,9 +14,9 @@ const Mt = ({
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "Back",
+    title: a || "Back",
     ...r,
     children: [
       /* @__PURE__ */ e(
@@ -29,10 +29,10 @@ const Mt = ({
       /* @__PURE__ */ e("path", { d: "M32 0h160c17.7 0 32 14.3 32 32s-14.3 32-32 32h-82.7l233.3 233.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3V192c0 17.7-14.3 32-32 32S0 209.7 0 192V32C0 14.3 14.3 0 32 0" })
     ]
   }
-), Pt = ({
+), Mt = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
@@ -40,9 +40,9 @@ const Mt = ({
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "Delete",
+    title: a || "Delete",
     ...r,
     children: [
       /* @__PURE__ */ e(
@@ -55,10 +55,10 @@ const Mt = ({
       /* @__PURE__ */ e("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0z" })
     ]
   }
-), Ot = ({
+), Pt = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
@@ -66,9 +66,9 @@ const Mt = ({
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "History",
+    title: a || "History",
     ...r,
     children: [
       /* @__PURE__ */ e(
@@ -81,10 +81,10 @@ const Mt = ({
       /* @__PURE__ */ e("path", { d: "M256 128c13.3 0 24 10.7 24 24v94.1l65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17V152c0-13.3 10.7-24 24-24z" })
     ]
   }
-), zt = ({
+), Ot = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
@@ -92,9 +92,9 @@ const Mt = ({
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "Info",
+    title: a || "Info",
     ...r,
     children: [
       /* @__PURE__ */ e(
@@ -107,10 +107,10 @@ const Mt = ({
       /* @__PURE__ */ e("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64m-64 120c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24" })
     ]
   }
-), Bt = ({
+), zt = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
@@ -118,9 +118,9 @@ const Mt = ({
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "Profile",
+    title: a || "Profile",
     ...r,
     children: [
       /* @__PURE__ */ e(
@@ -133,10 +133,10 @@ const Mt = ({
       /* @__PURE__ */ e("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128m-32 32c-44.2 0-80 35.8-80 80 0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16 0-44.2-35.8-80-80-80z" })
     ]
   }
-), Ht = ({
+), Bt = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
@@ -144,9 +144,9 @@ const Mt = ({
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "Restore",
+    title: a || "Restore",
     ...r,
     children: [
       /* @__PURE__ */ e(
@@ -159,10 +159,10 @@ const Mt = ({
       /* @__PURE__ */ e("path", { d: "M64 128c-35.3 0-64 28.7-64 64v256c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64zm32 64h192c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32" })
     ]
   }
-), Dt = ({
+), Ht = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ e(
@@ -170,16 +170,16 @@ const Mt = ({
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "Settings",
+    title: a || "Settings",
     ...r,
     children: /* @__PURE__ */ e("path", { d: "M432 256a48 48 0 1 1-96 0 48 48 0 1 1 96 0m-160 0a48 48 0 1 1-96 0 48 48 0 1 1 96 0M64 304a48 48 0 1 1 0-96 48 48 0 1 1 0 96" })
   }
-), $t = ({
+), Dt = ({
   className: t,
-  viewBox: a,
-  title: o,
+  viewBox: o,
+  title: a,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
@@ -187,9 +187,9 @@ const Mt = ({
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
-    viewBox: a,
+    viewBox: o,
     className: t,
-    title: o || "Sliders",
+    title: a || "Sliders",
     ...r,
     children: [
       /* @__PURE__ */ e(
@@ -202,43 +202,43 @@ const Mt = ({
       /* @__PURE__ */ e("path", { d: "M128 416a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0m80-160a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0M192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64m0-112a80 80 0 1 0 0 160 80 80 0 1 0 0-160" })
     ]
   }
-), Vt = () => {
-  const { getAccessToken: t } = V(), a = me(), o = me(), {
+), $t = () => {
+  const { getAccessToken: t } = V(), o = me(), a = me(), {
     data: n,
     error: r,
     isLoading: c
-  } = pt({
+  } = mt({
     getAccessToken: t
   }), s = (n == null ? void 0 : n.plugins) || [], d = (n == null ? void 0 : n.version) || "", m = (n == null ? void 0 : n.models) || [];
   return /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(
       z,
       {
-        header: N.ABOUT.TITLE_CLIENT,
+        header: T.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
-        children: de(a, {
-          [N.ABOUT.VERSION]: "6.6.11",
-          [N.ABOUT.BUILD_TIMESTAMP]: "02/02/2025 03:08 PM EST"
+        children: de(o, {
+          [T.ABOUT.VERSION]: "7.0.0",
+          [T.ABOUT.BUILD_TIMESTAMP]: "02/07/2025 05:26 PM EST"
         })
       }
     ) }),
     r || c ? null : /* @__PURE__ */ e(
       z,
       {
-        header: N.ABOUT.TITLE_SERVER,
+        header: T.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
-        children: de(o, {
-          [N.ABOUT.VERSION]: d,
-          [ue(N.ABOUT.ENGINE, m.length)]: /* @__PURE__ */ e(O, { children: m.map((f) => /* @__PURE__ */ e("div", { className: "text-right", children: f }, f)) }),
-          [ue(N.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ e(O, { children: s.map((f) => /* @__PURE__ */ e("div", { className: "text-right", children: f }, f)) })
+        children: de(a, {
+          [T.ABOUT.VERSION]: d,
+          [ue(T.ABOUT.ENGINE, m.length)]: /* @__PURE__ */ e(O, { children: m.map((h) => /* @__PURE__ */ e("div", { className: "text-right", children: h }, h)) }),
+          [ue(T.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ e(O, { children: s.map((h) => /* @__PURE__ */ e("div", { className: "text-right", children: h }, h)) })
         })
       }
     )
   ] });
-}, Ft = ({
+}, Vt = ({
   open: t,
-  onOpenChange: a
-}) => /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: Qe, children: /* @__PURE__ */ e(Vt, {}) }), Gt = async (t, a, o, n) => {
+  onOpenChange: o
+}) => /* @__PURE__ */ e(ce, { open: t, onOpenChange: o, title: qe, children: /* @__PURE__ */ e($t, {}) }), Ft = async (t, o, a, n) => {
   try {
     const r = await se({
       accessToken: n,
@@ -247,23 +247,21 @@ const Mt = ({
         id: t.id
       }
     });
-    r.status === 200 && (a({
-      type: Je
-    }), a({
-      type: et,
+    r.status === 200 && (o({
+      type: kt,
       payload: {
         id: t.id,
         model: r.data.model,
         usage: r.data.usage,
         messages: r.data.messages
       }
-    }), o(!1));
+    }), a(!1));
   } catch {
   }
-}, Ut = ({
+}, Gt = ({
   filteredHistory: t,
-  dispatch: a,
-  onOpenChange: o,
+  dispatch: o,
+  onOpenChange: a,
   mutate: n
 }) => {
   var I;
@@ -271,15 +269,15 @@ const Mt = ({
     id: 0,
     timestamp: "",
     message: ""
-  }), [m, f] = C(!1), [p, b] = C(
+  }), [m, h] = k(!1), [p, b] = k(
     we + ve
-  ), { state: x, dispatch: l } = he(Me), [, h] = Ce({
-    key: ke + Ze,
-    initialValue: x.sortDirection
-  }), T = (u) => {
-    switch (x.sortDirection) {
+  ), { state: C, dispatch: l } = be(Me), [, f] = Ce({
+    key: ke + Qe,
+    initialValue: C.sortDirection
+  }), N = (u) => {
+    switch (C.sortDirection) {
       case te.ASC:
-        h(te.DESC), l({
+        f(te.DESC), l({
           type: Ae,
           payload: {
             sortedCell: u,
@@ -288,7 +286,7 @@ const Mt = ({
         });
         break;
       default:
-        h(te.ASC), l({
+        f(te.ASC), l({
           type: Ae,
           payload: {
             sortedCell: u,
@@ -310,8 +308,8 @@ const Mt = ({
       }), n();
     } catch {
     }
-  }, g = Be((u) => {
-    u[0].isIntersecting && b((R) => R + we);
+  }, g = ze((u) => {
+    u[0].isIntersecting && b((L) => L + we);
   }, []);
   return F(() => {
     const u = {
@@ -324,7 +322,7 @@ const Mt = ({
       Pe,
       {
         showConfirmation: m,
-        setShowConfirmation: f,
+        setShowConfirmation: h,
         action: E,
         customStrings: {
           confirmAction: "Delete",
@@ -348,19 +346,19 @@ const Mt = ({
         ]
       }
     ),
-    /* @__PURE__ */ i(gt, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-      /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ i(ge, { children: [
+    /* @__PURE__ */ i(ht, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+      /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ i(pe, { children: [
         /* @__PURE__ */ e(M, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ e(
-          bt,
+          pt,
           {
             buttonClassName: "text-xs sm:text-sm",
             cellId: "timestamp",
             align: "left",
-            sortDirection: x.sortDirection,
-            sortedCell: x.sortedCell,
+            sortDirection: C.sortDirection,
+            sortedCell: C.sortedCell,
             onClick: () => {
-              T("timestamp");
+              N("timestamp");
             },
             children: "Date"
           }
@@ -369,12 +367,12 @@ const Mt = ({
         /* @__PURE__ */ e(M, { className: "text-xs sm:text-sm", children: "Model" }),
         /* @__PURE__ */ e(M, { className: "text-xs sm:text-sm text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ e(xt, { children: t.slice(0, p).map((u, w) => {
+      /* @__PURE__ */ e(gt, { children: t.slice(0, p).map((u, w) => {
         var B, H;
-        const R = u.summary || (u.messages.length > 0 ? (B = u.messages[0]) == null ? void 0 : B.content : "");
-        return ((H = u == null ? void 0 : u.messages) == null ? void 0 : H.length) > 0 ? /* @__PURE__ */ i(_t, { children: [
+        const L = u.summary || (u.messages.length > 0 ? (B = u.messages[0]) == null ? void 0 : B.content : "");
+        return ((H = u == null ? void 0 : u.messages) == null ? void 0 : H.length) > 0 ? /* @__PURE__ */ i(It, { children: [
           w === p - ve && /* @__PURE__ */ e("tr", { ref: s }),
-          /* @__PURE__ */ i(ge, { children: [
+          /* @__PURE__ */ i(pe, { children: [
             /* @__PURE__ */ e(M, { children: w + 1 }),
             /* @__PURE__ */ e(
               M,
@@ -392,7 +390,7 @@ const Mt = ({
                 style: {
                   wordBreak: "break-word"
                 },
-                children: R
+                children: L
               }
             ),
             /* @__PURE__ */ i(
@@ -403,8 +401,8 @@ const Mt = ({
                 className: "text-gray-400",
                 align: "center",
                 children: [
-                  u.model && u.model.startsWith("claude") && /* @__PURE__ */ e(kt, { size: "size-4 sm:size-5" }),
-                  u.model && u.model.startsWith("gpt") && /* @__PURE__ */ e(Ct, { size: "size-4 sm:size-5" })
+                  u.model && u.model.startsWith("claude") && /* @__PURE__ */ e(yt, { size: "size-4 sm:size-5" }),
+                  u.model && u.model.startsWith("gpt") && /* @__PURE__ */ e(bt, { size: "size-4 sm:size-5" })
                 ]
               }
             ),
@@ -418,14 +416,14 @@ const Mt = ({
                   label: "Restore chat",
                   onClick: async () => {
                     const S = await c();
-                    Gt(
+                    Ft(
                       u,
-                      a,
                       o,
+                      a,
                       S
                     );
                   },
-                  children: /* @__PURE__ */ e(Ht, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ e(Bt, { size: "size-3", monotone: !0 })
                 }
               ),
               /* @__PURE__ */ e(
@@ -440,53 +438,56 @@ const Mt = ({
                       id: u.id,
                       timestamp: u.timestamp,
                       message: u.messages.length > 0 ? (S = u.messages[0]) == null ? void 0 : S.content : ""
-                    }, f(!m);
+                    }, h(!m);
                   },
-                  children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Pt, { size: "size-3", monotone: !0 }) })
+                  children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Mt, { size: "size-3", monotone: !0 }) })
                 }
               )
             ] })
           ] })
-        ] }, `${N.HISTORY.TITLE}-${u.id}-${w}`) : null;
+        ] }, `${T.HISTORY.TITLE}-${u.id}-${w}`) : null;
       }) }),
-      /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(M, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ue(
+      /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(M, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ue(
         `${t.length} chat`,
         t.length
       ) }) }) }) })
     ] })
   ] });
-}, Yt = ({
+}, Ut = ({
   open: t,
-  onOpenChange: a
+  onOpenChange: o
 }) => {
-  const { getAccessToken: o, user: n } = V(), { state: r, dispatch: c } = he(Oe), { state: s, dispatch: d } = he(Me), { data: m, mutate: f } = Tt({
+  const { getAccessToken: a, user: n } = V(), {
+    state: { lastTriggeredTimestamp: r },
+    dispatch: c
+  } = be(Ct), { state: s, dispatch: d } = be(Me), { data: m, mutate: h } = Et({
     keys: [
       n == null ? void 0 : n.username,
       s.searchString,
       s.sortDirection,
-      (r == null ? void 0 : r.lastTriggeredTimestamp) || 0
+      r || 0
     ],
-    getAccessToken: o
+    getAccessToken: a
   }), p = v(null), [, b] = Ce({
-    key: ke + tt,
+    key: ke + Ze,
     initialValue: s.searchString
-  }), [x, l] = C([]);
+  }), [C, l] = k([]);
   F(() => {
     m && l(m);
   }, [m]);
-  const h = async (g) => {
+  const f = async (g) => {
     b(g), d({
-      type: nt,
+      type: et,
       payload: { searchString: g }
     });
-  }, T = at((g) => {
-    h(g.target.value.trim());
+  }, N = tt((g) => {
+    f(g.target.value.trim());
   }, 500);
-  return /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: rt, children: /* @__PURE__ */ i(O, { children: [
+  return /* @__PURE__ */ e(ce, { open: t, onOpenChange: o, title: Je, children: /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (g) => {
       g.preventDefault();
     }, children: /* @__PURE__ */ e(
-      be,
+      ye,
       {
         autoCapitalize: "off",
         autoComplete: "off",
@@ -497,7 +498,7 @@ const Mt = ({
         mode: "dark",
         name: "Search",
         label: "Search",
-        onChange: T,
+        onChange: N,
         className: "mt-2 mb-2",
         ...s.searchString && {
           rightElement: /* @__PURE__ */ e(
@@ -511,7 +512,7 @@ const Mt = ({
               size: "small",
               onClick: () => {
                 var g;
-                h(""), (g = p.current) != null && g.value && (p.current.value = "", p.current.focus());
+                f(""), (g = p.current) != null && g.value && (p.current.value = "", p.current.focus());
               },
               children: "Reset"
             }
@@ -520,46 +521,46 @@ const Mt = ({
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ e(
-      Ut,
+      Gt,
       {
-        mutate: f,
-        filteredHistory: x,
+        mutate: h,
+        filteredHistory: C,
         dispatch: c,
-        onOpenChange: a
+        onOpenChange: o
       }
     ) })
   ] }) });
-}, jt = ({ stats: t }) => {
-  const { isAuthenticated: a, user: o, registeringForPasskey: n, authenticationType: r } = V(), c = me(), s = me(), d = (o == null ? void 0 : o.username) || "";
-  return a && d ? /* @__PURE__ */ i(O, { children: [
+}, Yt = ({ stats: t }) => {
+  const { isAuthenticated: o, user: a, registeringForPasskey: n, authenticationType: r } = V(), c = me(), s = me(), d = (a == null ? void 0 : a.username) || "";
+  return o && d ? /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e(
       z,
       {
-        header: N.PREFERENCES.TITLE,
+        header: T.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: de(c, {
-          [N.PREFERENCES.NAME]: d,
-          [N.PREFERENCES.EMAIL]: (o == null ? void 0 : o.email) || ""
+          [T.PREFERENCES.NAME]: d,
+          [T.PREFERENCES.EMAIL]: (a == null ? void 0 : a.email) || ""
         })
       }
     ),
-    r !== ot.PASSKEY && !st() && /* @__PURE__ */ i(
+    r !== rt.PASSKEY && !nt() && /* @__PURE__ */ i(
       z,
       {
         className: "prose-dark dark:prose-lighter mt-4",
         header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ i(q, { columnGap: 3, alignVertical: "center", children: [
           /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Ie, { size: "size-8" }) }),
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("div", { children: T.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
-          /* @__PURE__ */ e("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ e("p", { children: T.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ e(
             oe,
             {
               size: "small",
               className: "mt-2",
               onClick: n,
-              labelLeft: N.PREFERENCES.PASSKEY_BUTTON,
+              labelLeft: T.PREFERENCES.PASSKEY_BUTTON,
               children: /* @__PURE__ */ e(Ie, { size: "size-5", monotone: !0 })
             }
           )
@@ -569,30 +570,30 @@ const Mt = ({
     /* @__PURE__ */ e(
       z,
       {
-        header: N.MAIN_STATISTICS.TITLE,
+        header: T.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter mt-4",
         children: de(s, {
-          [ue(N.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
-          [N.MAIN_STATISTICS.PROCESSING_TIME]: lt(
+          [ue(T.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [T.MAIN_STATISTICS.PROCESSING_TIME]: at(
             t.averageProcessingTimes
           )
         })
       }
     )
   ] }) : null;
-}, Kt = ({
+}, jt = ({
   open: t,
-  onOpenChange: a
+  onOpenChange: o
 }) => {
-  const { getAccessToken: o, user: n } = V(), {
+  const { getAccessToken: a, user: n } = V(), {
     data: r,
     error: c,
     isLoading: s
-  } = Nt({
+  } = Tt({
     keys: [n == null ? void 0 : n.username],
-    getAccessToken: o
+    getAccessToken: a
   });
-  return c || s ? null : /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: ct, children: /* @__PURE__ */ e(jt, { stats: r }) });
+  return c || s ? null : /* @__PURE__ */ e(ce, { open: t, onOpenChange: o, title: ot, children: /* @__PURE__ */ e(Yt, { stats: r }) });
 };
 /*!
   @versini/ui-textarea v3.0.13
@@ -607,22 +608,22 @@ try {
   });
 } catch {
 }
-const De = "av-text-area", Wt = "av-text-area-wrapper", ye = "av-text-area-helper-text", Xt = "av-text-area__control--right", qt = "av-text-area__control--left";
-function Qt() {
+const He = "av-text-area", Kt = "av-text-area-wrapper", ge = "av-text-area-helper-text", Wt = "av-text-area__control--right", Xt = "av-text-area__control--left";
+function qt() {
   const t = v(!1);
   return F(() => (t.current = !0, () => {
     t.current = !1;
-  }), []), Be(() => t.current, []);
+  }), []), ze(() => t.current, []);
 }
-function Zt(t) {
-  return He(() => t.every((a) => a == null) ? () => {
-  } : (a) => {
-    t.forEach((o) => {
-      typeof o == "function" ? o(a) : o != null && (o.current = a);
+function Qt(t) {
+  return Be(() => t.every((o) => o == null) ? () => {
+  } : (o) => {
+    t.forEach((a) => {
+      typeof a == "function" ? a(o) : a != null && (a.current = o);
     });
   }, t);
 }
-const Jt = {
+const Zt = {
   x: 0,
   y: 0,
   width: 0,
@@ -632,48 +633,48 @@ const Jt = {
   bottom: 0,
   right: 0
 };
-function Re(t) {
-  const a = Qt(), o = v(0), n = v(null), [r, c] = C(Jt), s = He(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+function Le(t) {
+  const o = qt(), a = v(0), n = v(null), [r, c] = k(Zt), s = Be(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const m = d[0];
-    m && (cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-      n.current && a() && c(m.contentRect);
+    m && (cancelAnimationFrame(a.current), a.current = requestAnimationFrame(() => {
+      n.current && o() && c(m.contentRect);
     }));
-  }), [a]);
+  }), [o]);
   return F(() => (n.current && (s == null || s.observe(n.current, t)), () => {
-    s == null || s.disconnect(), o.current && cancelAnimationFrame(o.current);
+    s == null || s.disconnect(), a.current && cancelAnimationFrame(a.current);
   }), [s, t]), [n, r];
 }
-function er({
+function Jt({
   value: t,
-  defaultValue: a,
-  finalValue: o,
+  defaultValue: o,
+  finalValue: a,
   onChange: n = () => {
   },
   initialControlledDelay: r = 0
 }) {
-  const [c, s] = C(!1), [d, m] = C(
-    a !== void 0 ? a : o
-  ), f = (p) => {
+  const [c, s] = k(!1), [d, m] = k(
+    o !== void 0 ? o : a
+  ), h = (p) => {
     m(p), n == null || n(p);
   };
   return F(() => {
     (async () => t !== void 0 && !c && r > 0 && (await new Promise(
       (p) => setTimeout(p, r)
     ), s(!0)))();
-  }, [t, r, c]), t !== void 0 ? !c && r > 0 ? ["", n, !0] : [t, n, !0] : [d, f, !1];
+  }, [t, r, c]), t !== void 0 ? !c && r > 0 ? ["", n, !0] : [t, n, !0] : [d, h, !1];
 }
-function tr(t) {
-  const a = Rt();
+function er(t) {
+  const o = _t();
   if (!t)
-    return a;
+    return o;
   if (typeof t == "number" || typeof t == "string")
-    return `${t}${a}`;
+    return `${t}${o}`;
   if (typeof t == "object") {
-    const { id: o, prefix: n = "" } = t;
-    return typeof o == "number" || typeof o == "string" ? `${n}${o}` : `${n}${a}`;
+    const { id: a, prefix: n = "" } = t;
+    return typeof a == "number" || typeof a == "string" ? `${n}${a}` : `${n}${o}`;
   }
 }
-const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", rr = {
+const De = "SET_ANNOUNCEMENT", $e = "CLEAR_ANNOUNCEMENT", tr = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -681,14 +682,14 @@ const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", rr = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, nr = (t, a) => {
-  switch (a == null ? void 0 : a.type) {
-    case $e:
+}, rr = (t, o) => {
+  switch (o == null ? void 0 : o.type) {
+    case De:
       return {
         ...t,
-        announcement: a.payload
+        announcement: o.payload
       };
-    case Ve:
+    case $e:
       return {
         ...t,
         announcement: null
@@ -696,46 +697,46 @@ const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", rr = {
     default:
       return t;
   }
-}, ar = ({
+}, nr = ({
   onAnnouncementClear: t,
-  dispatch: a
+  dispatch: o
 }) => {
-  a({
-    type: Ve
+  o({
+    type: $e
   }), typeof t == "function" && t();
-}, Le = ({
+}, Re = ({
   children: t,
-  clearAnnouncementDelay: a,
-  clearAnnouncementTimeoutRef: o,
+  clearAnnouncementDelay: o,
+  clearAnnouncementTimeoutRef: a,
   onAnnouncementClear: n,
   dispatch: r
 }) => {
-  clearTimeout(o.current), t !== null && r({
-    type: $e,
+  clearTimeout(a.current), t !== null && r({
+    type: De,
     payload: t
-  }), a && (o.current = setTimeout(
-    () => ar({
+  }), o && (a.current = setTimeout(
+    () => nr({
       onAnnouncementClear: n,
       dispatch: r
     }),
-    a
+    o
   ));
-}, or = ({
+}, ar = ({
   children: t,
-  announcementTimeoutRef: a,
-  announcementDelay: o,
+  announcementTimeoutRef: o,
+  announcementDelay: a,
   clearAnnouncementDelay: n,
   clearAnnouncementTimeoutRef: r,
   onAnnouncementClear: c,
   dispatch: s
 }) => {
-  clearTimeout(a.current), o ? a.current = setTimeout(Le, o, {
+  clearTimeout(o.current), a ? o.current = setTimeout(Re, a, {
     children: t,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: r,
     onAnnouncementClear: c,
     dispatch: s
-  }) : Le({
+  }) : Re({
     children: t,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: r,
@@ -743,10 +744,10 @@ const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", rr = {
     dispatch: s
   });
 };
-function sr({
+function or({
   children: t,
-  className: a,
-  politeness: o,
+  className: o,
+  politeness: a,
   role: n = null,
   announcementDelay: r,
   clearAnnouncementDelay: c,
@@ -754,19 +755,19 @@ function sr({
   visible: d,
   ...m
 }) {
-  const f = v(null), p = v(null), [b, x] = Lt(nr, {
+  const h = v(null), p = v(null), [b, C] = Lt(rr, {
     announcement: null
   });
-  let l = o;
-  typeof l > "u" && (l = n ? rr[n] : "assertive"), F(() => {
-    or({
-      announcementTimeoutRef: f,
+  let l = a;
+  typeof l > "u" && (l = n ? tr[n] : "assertive"), F(() => {
+    ar({
+      announcementTimeoutRef: h,
       announcementDelay: r,
       children: t,
       clearAnnouncementDelay: c,
       clearAnnouncementTimeoutRef: p,
       onAnnouncementClear: s,
-      dispatch: x
+      dispatch: C
     });
   }, [
     t,
@@ -774,7 +775,7 @@ function sr({
     c,
     s
   ]);
-  const h = y(a, {
+  const f = y(o, {
     "sr-only": !d
   });
   return /* @__PURE__ */ e(
@@ -782,7 +783,7 @@ function sr({
     {
       "aria-live": l,
       ...n && { role: n },
-      className: h,
+      className: f,
       ...m,
       children: b.announcement
     }
@@ -801,35 +802,35 @@ try {
   });
 } catch {
 }
-const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", cr = ({ mode: t }) => y({
+const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", lr = ({ mode: t }) => y({
   "bg-surface-darker text-copy-lighter caret-copy-light": t === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": t === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": t === "system",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": t === "alt-system"
-}), ir = ({
+}), cr = ({
   focusMode: t
 }) => y("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": t === "dark",
   "focus:outline-focus-light": t === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": t === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": t === "system"
-}), dr = ({
+}), ir = ({
   noBorder: t,
-  error: a
+  error: o
 }) => y("border-2", {
-  "border-border-dark": !t && !a,
-  "focus:border-border-dark": !t && a,
-  "border-border-error-dark": !t && a,
+  "border-border-dark": !t && !o,
+  "focus:border-border-dark": !t && o,
+  "border-border-error-dark": !t && o,
   "border-transparent": t
-}), ur = ({
+}), dr = ({
   disabled: t,
-  raw: a,
-  error: o,
+  raw: o,
+  error: a,
   mode: n,
   leftElement: r,
   rightElement: c
 }) => {
-  if (a)
+  if (o)
     return "";
   if (t)
     return y(
@@ -838,7 +839,7 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "translate-x-[12px]": c === !0 && !r || !c && !r
       }
     );
-  if (!o)
+  if (!a)
     return y(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
@@ -849,7 +850,7 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-dark": n === "alt-system"
       }
     );
-  if (o)
+  if (a)
     return y(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
@@ -860,141 +861,141 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-error-dark": n === "alt-system"
       }
     );
-}, mr = ({
+}, ur = ({
   error: t,
-  raw: a,
-  mode: o,
+  raw: o,
+  mode: a,
   disabled: n
 }) => {
-  if (a)
+  if (o)
     return "";
   if (n)
     return y(
-      ye,
+      ge,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!t)
-    return y(ye, "absolute px-2 font-medium", {
-      "text-copy-medium": o === "dark",
-      "text-copy-dark": o === "light",
-      "text-copy-dark dark:text-copy-medium": o === "system",
-      "text-copy-medium dark:text-copy-dark": o === "alt-system"
+    return y(ge, "absolute px-2 font-medium", {
+      "text-copy-medium": a === "dark",
+      "text-copy-dark": a === "light",
+      "text-copy-dark dark:text-copy-medium": a === "system",
+      "text-copy-medium dark:text-copy-dark": a === "alt-system"
     });
   if (t)
-    return y(ye, "absolute px-2 font-medium", {
-      "text-copy-error-light": o === "dark",
-      "text-copy-error-dark": o === "light",
-      "text-copy-error-dark dark:text-copy-error-light": o === "system",
-      "dark:text-copy-error-dark text-copy-error-light": o === "alt-system"
+    return y(ge, "absolute px-2 font-medium", {
+      "text-copy-error-light": a === "dark",
+      "text-copy-error-dark": a === "light",
+      "text-copy-error-dark dark:text-copy-error-light": a === "system",
+      "dark:text-copy-error-dark text-copy-error-light": a === "alt-system"
     });
-}, hr = ({
+}, mr = ({
   className: t,
-  textAreaClassName: a,
-  raw: o,
+  textAreaClassName: o,
+  raw: a,
   focusMode: n,
   disabled: r,
   noBorder: c,
   error: s,
   mode: d,
   leftElement: m,
-  rightElement: f
+  rightElement: h
 }) => {
-  const p = o ? t : y(
+  const p = a ? t : y(
     "relative flex w-full flex-col justify-center",
-    Wt,
+    Kt,
     t
-  ), b = o ? y(a) : y(
-    De,
-    a,
-    lr(),
-    cr({ mode: d }),
-    ir({ focusMode: n }),
-    dr({
+  ), b = a ? y(o) : y(
+    He,
+    o,
+    sr(),
+    lr({ mode: d }),
+    cr({ focusMode: n }),
+    ir({
       noBorder: c,
       error: s
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": r
     }
-  ), x = o ? void 0 : "sr-only", l = ur({
+  ), C = a ? void 0 : "sr-only", l = dr({
     disabled: r,
-    raw: o,
+    raw: a,
     error: s,
     mode: d,
-    rightElement: f,
+    rightElement: h,
     leftElement: m
-  }), h = mr({
+  }), f = ur({
     error: s,
-    raw: o,
+    raw: a,
     mode: d,
     disabled: r
-  }), T = o ? void 0 : y(Xt, "absolute"), E = o ? void 0 : y(qt, "absolute");
+  }), N = a ? void 0 : y(Wt, "absolute"), E = a ? void 0 : y(Xt, "absolute");
   return {
     wrapper: p,
     textArea: b,
-    accessibleLabel: x,
+    accessibleLabel: C,
     visibleLabel: l,
-    helperText: h,
-    rightElement: T,
+    helperText: f,
+    rightElement: N,
     leftElement: E
   };
-}, fr = ({
+}, hr = ({
   scrollHeight: t,
-  currentHeight: a,
-  currentLabelOffset: o = 0,
+  currentHeight: o,
+  currentLabelOffset: a = 0,
   currentHelperTextOffset: n = 0
 }) => {
   let r, c;
-  if (t > 0 && t !== a) {
-    const s = t - a, d = Math.abs(s / 24);
-    r = o + -1 * Math.sign(s) * (12 * d), c = n + Math.sign(s) * (12 * d);
+  if (t > 0 && t !== o) {
+    const s = t - o, d = Math.abs(s / 24);
+    r = a + -1 * Math.sign(s) * (12 * d), c = n + Math.sign(s) * (12 * d);
   }
   return {
     labelOffset: r,
     helperTextOffset: c,
     scrollHeight: t
   };
-}, xe = It.forwardRef(
+}, xe = At.forwardRef(
   ({
     id: t,
-    name: a,
-    label: o,
+    name: o,
+    label: a,
     error: n = !1,
     raw: r = !1,
     className: c,
     textAreaClassName: s,
     mode: d = "system",
     focusMode: m = "system",
-    value: f,
+    value: h,
     defaultValue: p,
     disabled: b = !1,
-    noBorder: x = !1,
+    noBorder: C = !1,
     labelId: l,
-    helperText: h = "",
-    helperTextOnFocus: T = !1,
+    helperText: f = "",
+    helperTextOnFocus: N = !1,
     rightElement: E,
     leftElement: g,
     onChange: I,
     onFocus: u,
     onBlur: w,
-    ...R
+    ...L
   }, B) => {
     var H;
-    const S = v(null), ie = Zt([B, S]), [k, _] = Re(), [Q, G] = Re(), K = v(80), U = v(-25), L = v(null), Z = v(30), J = v(null), Y = tr({ id: t, prefix: `${De}-` }), [Ee, Fe] = C(0), [Te, Ge] = C(0), [Ue, Ne] = C(
-      !!(!T && h)
-    ), Ye = `${a} error, ${h}`, j = hr({
+    const S = v(null), ie = Qt([B, S]), [x, _] = Le(), [Q, G] = Le(), K = v(80), U = v(-25), R = v(null), Z = v(30), J = v(null), Y = er({ id: t, prefix: `${He}-` }), [Ee, Ve] = k(0), [Te, Fe] = k(0), [Ge, Ne] = k(
+      !!(!N && f)
+    ), Ue = `${o} error, ${f}`, j = mr({
       className: c,
       textAreaClassName: s,
       error: n,
       raw: r,
       focusMode: m,
       disabled: b,
-      noBorder: x,
+      noBorder: C,
       mode: d,
       rightElement: !!E,
       leftElement: !!g
-    }), [D, je] = er({
-      value: f,
+    }), [D, Ye] = Jt({
+      value: h,
       initialControlledDelay: 20,
       defaultValue: p,
       onChange: (A) => {
@@ -1004,23 +1005,23 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           }
         });
       }
-    }), Ke = (A) => {
-      je(A.target.value);
+    }), je = (A) => {
+      Ye(A.target.value);
+    }, Ke = (A) => {
+      N && f && Ne(!0), u && u(A);
     }, We = (A) => {
-      T && h && Ne(!0), u && u(A);
-    }, Xe = (A) => {
-      T && h && !D && Ne(!1), w && w(A);
+      N && f && !D && Ne(!1), w && w(A);
     };
     return ne(() => {
-      _ && _.width && Fe(_.width + 18 + 10);
+      _ && _.width && Ve(_.width + 18 + 10);
     }, [_]), ne(() => {
-      G && G.width && Ge(G.width + 18 + 10);
+      G && G.width && Fe(G.width + 18 + 10);
     }, [G]), ne(() => {
       r || S && S.current && D !== void 0 && (S.current.style.height = "inherit", S.current.style.height = S.current.scrollHeight + "px");
     }, [D, r]), ne(() => {
       r || setTimeout(() => {
         var A;
-        (A = L == null ? void 0 : L.current) == null || A.style.setProperty(
+        (A = R == null ? void 0 : R.current) == null || A.style.setProperty(
           "--av-text-area-wrapper-transition",
           D ? "none" : "all 0.2s ease-out"
         );
@@ -1028,21 +1029,21 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }, [D, r]), ne(() => {
       var A, Se;
       if (!r && S && S.current && D !== void 0) {
-        const { labelOffset: fe, helperTextOffset: pe, scrollHeight: qe } = fr({
+        const { labelOffset: he, helperTextOffset: fe, scrollHeight: Xe } = hr({
           scrollHeight: S.current.scrollHeight,
           currentHeight: K.current,
           currentLabelOffset: U.current,
           currentHelperTextOffset: Z.current
         });
-        fe && (U.current = fe, (A = L == null ? void 0 : L.current) == null || A.style.setProperty(
+        he && (U.current = he, (A = R == null ? void 0 : R.current) == null || A.style.setProperty(
           "--av-text-area-label",
-          `${fe}px`
-        )), pe && (Z.current = pe, (Se = J == null ? void 0 : J.current) == null || Se.style.setProperty(
+          `${he}px`
+        )), fe && (Z.current = fe, (Se = J == null ? void 0 : J.current) == null || Se.style.setProperty(
           "--av-text-area-helper-text",
-          `${pe}px`
-        )), K.current = qe || K.current;
+          `${fe}px`
+        )), K.current = Xe || K.current;
       }
-    }, [D, r]), G.width > 0 && ((H = L == null ? void 0 : L.current) == null || H.style.setProperty(
+    }, [D, r]), G.width > 0 && ((H = R == null ? void 0 : R.current) == null || H.style.setProperty(
       "--tw-translate-x",
       `${12 + G.width + 5}px`
     )), /* @__PURE__ */ i("div", { className: j.wrapper, children: [
@@ -1052,7 +1053,7 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           htmlFor: Y,
           id: l,
           className: j.accessibleLabel,
-          children: o
+          children: a
         }
       ),
       g && /* @__PURE__ */ e(
@@ -1068,12 +1069,12 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         {
           ref: ie,
           id: Y,
-          name: a,
+          name: o,
           disabled: b,
           placeholder: r ? void 0 : " ",
           className: j.textArea,
           rows: 1,
-          ...h && { "aria-describedby": `${Y}-helper` },
+          ...f && { "aria-describedby": `${Y}-helper` },
           ...n && { "aria-invalid": "true" },
           ...E && !g && !r && { style: { paddingRight: Ee } },
           ...g && !E && !r && { style: { paddingLeft: Te } },
@@ -1084,40 +1085,40 @@ const lr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
             }
           },
           value: D,
-          onChange: Ke,
-          onFocus: We,
-          onBlur: Xe,
-          ...R
+          onChange: je,
+          onFocus: Ke,
+          onBlur: We,
+          ...L
         }
       ),
       !r && /* @__PURE__ */ e(
         "label",
         {
-          ref: L,
+          ref: R,
           "aria-hidden": !0,
           htmlFor: Y,
           className: `${j.visibleLabel}`,
-          children: o
+          children: a
         }
       ),
-      Ue && /* @__PURE__ */ e(
+      Ge && /* @__PURE__ */ e(
         "div",
         {
           ref: J,
           id: `${Y}-helper`,
           className: j.helperText,
-          children: h
+          children: f
         }
       ),
       E && /* @__PURE__ */ e(
         "div",
         {
-          ref: k,
+          ref: x,
           className: j.rightElement,
           children: E
         }
       ),
-      n && h && /* @__PURE__ */ e(sr, { politeness: "polite", clearAnnouncementDelay: 500, children: Ye })
+      n && f && /* @__PURE__ */ e(or, { politeness: "polite", clearAnnouncementDelay: 500, children: Ue })
     ] });
   }
 );
@@ -1135,7 +1136,7 @@ try {
   });
 } catch {
 }
-const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr = ({
+const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr = ({
   focusMode: t
 }) => y(
   "peer-focus:outline",
@@ -1147,14 +1148,14 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": t === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": t === "system"
   }
-), br = () => y(
+), yr = () => y(
   "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"
-), xr = () => y(
+), br = () => y(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -1166,48 +1167,48 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), kr = ({
+), xr = ({
   mode: t,
-  noBorder: a
+  noBorder: o
 }) => y({
-  border: !a,
+  border: !o,
   "border-border-dark bg-surface-medium": t === "light",
   "border-border-light bg-surface-darker": t === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": t === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": t === "system"
-}), Cr = ({
+}), kr = ({
   mode: t,
-  labelHidden: a
-}) => a ? "sr-only" : y("ml-2 text-sm", {
+  labelHidden: o
+}) => o ? "sr-only" : y("ml-2 text-sm", {
   "text-copy-dark": t === "light",
   "text-copy-lighter": t === "dark",
   "text-copy-lighter dark:text-copy-dark": t === "alt-system",
   "text-copy-dark dark:text-copy-lighter": t === "system"
-}), Er = ({ className: t }) => y(
-  pr,
+}), Cr = ({ className: t }) => y(
+  fr,
   "relative flex cursor-pointer items-center",
   t
-), Tr = ({
+), Er = ({
   mode: t,
-  focusMode: a,
-  labelHidden: o,
+  focusMode: o,
+  labelHidden: a,
   className: n,
   noBorder: r
 }) => ({
   toggle: y(
-    gr(),
-    kr({ mode: t, noBorder: r }),
-    yr({ focusMode: a }),
-    xr(),
-    br()
+    pr(),
+    xr({ mode: t, noBorder: r }),
+    gr({ focusMode: o }),
+    br(),
+    yr()
   ),
-  label: Cr({ mode: t, labelHidden: o }),
+  label: kr({ mode: t, labelHidden: a }),
   input: "peer sr-only",
-  wrapper: Er({ className: n })
+  wrapper: Cr({ className: n })
 }), ae = ({
   checked: t = !1,
-  onChange: a,
-  label: o,
+  onChange: o,
+  label: a,
   labelHidden: n = !1,
   name: r,
   mode: c = "system",
@@ -1215,63 +1216,63 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
   className: d,
   noBorder: m = !1
 }) => {
-  const f = Tr({
+  const h = Er({
     mode: c,
     focusMode: s,
     labelHidden: n,
     className: d,
     noBorder: m
   }), p = (b) => {
-    a == null || a(b.target.checked);
+    o == null || o(b.target.checked);
   };
-  return /* @__PURE__ */ i("label", { className: f.wrapper, children: [
+  return /* @__PURE__ */ i("label", { className: h.wrapper, children: [
     /* @__PURE__ */ e(
       "input",
       {
         name: r,
         checked: t,
         type: "checkbox",
-        className: f.input,
+        className: h.input,
         onChange: p
       }
     ),
-    /* @__PURE__ */ e("div", { className: f.toggle }),
-    /* @__PURE__ */ e("span", { className: f.label, children: o })
+    /* @__PURE__ */ e("div", { className: h.toggle }),
+    /* @__PURE__ */ e("span", { className: h.label, children: a })
   ] });
-}, Nr = ({
+}, Tr = ({
   open: t,
-  onOpenChange: a
+  onOpenChange: o
 }) => {
-  const { getAccessToken: o, user: n } = V(), {
+  const { getAccessToken: a, user: n } = V(), {
     data: r,
     error: c,
     isLoading: s,
     mutate: d
-  } = ze({
+  } = Oe({
     keys: [n == null ? void 0 : n.username],
-    getAccessToken: o,
+    getAccessToken: a,
     isPaused: !0
-  }), [m, f] = C({
+  }), [m, h] = k({
     prompts: []
   }), p = ({
     slot: l,
-    checked: h,
-    label: T,
+    checked: f,
+    label: N,
     content: E,
     privateChat: g = !1
   }) => {
-    f((I) => {
+    h((I) => {
       const u = I.prompts, w = {
         slot: l,
-        label: T,
+        label: N,
         content: E,
-        enabled: h,
+        enabled: f,
         privateChat: g
-      }, R = u.findIndex((B) => B.slot === l);
-      return R === -1 ? {
+      }, L = u.findIndex((B) => B.slot === l);
+      return L === -1 ? {
         ...I,
         prompts: [...u, { ...w, slot: l }]
-      } : (u[R] = w, {
+      } : (u[L] = w, {
         ...I,
         prompts: [...u]
       });
@@ -1280,7 +1281,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
     l.preventDefault();
     try {
       await se({
-        accessToken: await o(),
+        accessToken: await a(),
         type: le.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
@@ -1289,16 +1290,16 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
       });
     } catch {
     }
-  }, x = () => {
-    d({ ...r }), a(!1);
+  }, C = () => {
+    d({ ...r }), o(!1);
   };
   return F(() => {
-    r != null && r.tags && f({ prompts: r.tags });
+    r != null && r.tags && h({ prompts: r.tags });
   }, [r]), c || s ? null : /* @__PURE__ */ i(
     ce,
     {
       open: t,
-      onOpenChange: x,
+      onOpenChange: C,
       title: "Prompts",
       footer: /* @__PURE__ */ i(
         q,
@@ -1313,7 +1314,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                 mode: "dark",
                 variant: "secondary",
                 focusMode: "light",
-                onClick: x,
+                onClick: C,
                 children: "Cancel"
               }
             ) }),
@@ -1324,7 +1325,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                 variant: "danger",
                 focusMode: "light",
                 onClick: async (l) => {
-                  a(!1), await b(l);
+                  o(!1), await b(l);
                 },
                 children: "Save"
               }
@@ -1333,7 +1334,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
         }
       ),
       children: [
-        /* @__PURE__ */ e("p", { children: it }),
+        /* @__PURE__ */ e("p", { children: st }),
         m.prompts && m.prompts.map((l) => /* @__PURE__ */ i(
           z,
           {
@@ -1342,33 +1343,33 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
             children: [
               /* @__PURE__ */ i(q, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
                 /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
-                  be,
+                  ye,
                   {
                     label: "Label",
                     name: `prompt${l.slot}-label`,
                     value: l.label,
-                    onChange: (h) => {
+                    onChange: (f) => {
                       p({
                         slot: l.slot,
                         checked: l.enabled,
-                        label: h.target.value,
+                        label: f.target.value,
                         content: l.content
                       });
                     }
                   }
                 ) }),
                 /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
-                  be,
+                  ye,
                   {
                     label: "Content",
                     name: `prompt${l.slot}-content`,
                     value: l.content,
-                    onChange: (h) => {
+                    onChange: (f) => {
                       p({
                         slot: l.slot,
                         checked: l.enabled,
                         label: l.label,
-                        content: h.target.value
+                        content: f.target.value
                       });
                     }
                   }
@@ -1381,10 +1382,10 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                   noBorder: !0,
                   label: "Enabled",
                   name: l.slot.toString(),
-                  onChange: (h) => {
+                  onChange: (f) => {
                     p({
                       slot: l.slot,
-                      checked: h,
+                      checked: f,
                       label: l.label,
                       content: l.content
                     });
@@ -1399,13 +1400,13 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                   noBorder: !0,
                   label: "Temporary Chat",
                   name: `private-${l.slot.toString()}`,
-                  onChange: (h) => {
+                  onChange: (f) => {
                     p({
                       slot: l.slot,
                       checked: l.enabled,
                       label: l.label,
                       content: l.content,
-                      privateChat: h
+                      privateChat: f
                     });
                   },
                   checked: l.privateChat
@@ -1418,35 +1419,35 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
       ]
     }
   );
-}, Sr = ({
+}, Nr = ({
   open: t,
-  onOpenChange: a
+  onOpenChange: o
 }) => {
-  const { getAccessToken: o, user: n } = V(), {
+  const { getAccessToken: a, user: n } = V(), {
     data: r,
     error: c,
     isLoading: s,
     mutate: d
-  } = ze({
+  } = Oe({
     keys: [n == null ? void 0 : n.username],
-    getAccessToken: o
-  }), [m, f] = C(!1), [p, b] = C({
+    getAccessToken: a
+  }), [m, h] = k(!1), [p, b] = k({
     loadingLocation: !1
-  }), [x, l] = C(""), [h, T] = C(""), [E, g] = C(dt), [I, u] = Ce({
-    key: ke + ut,
+  }), [C, l] = k(""), [f, N] = k(""), [E, g] = k(lt), [I, u] = Ce({
+    key: ke + ct,
     initialValue: !1
-  }), w = (k) => {
-    u(k);
-  }, R = async (k) => {
-    k.preventDefault();
+  }), w = (x) => {
+    u(x);
+  }, L = async (x) => {
+    x.preventDefault();
     try {
       await se({
-        accessToken: await o(),
+        accessToken: await a(),
         type: le.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
-          instructions: x,
-          location: h,
+          instructions: C,
+          location: f,
           engine: E
         }
       }), d(), b({
@@ -1457,42 +1458,42 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
   }, B = async () => {
     b({
       loadingLocation: !0
-    }), T("...");
+    }), N("...");
     try {
-      const k = Date.now(), _ = await ft(), Q = await se({
-        accessToken: await o(),
+      const x = Date.now(), _ = await ut(), Q = await se({
+        accessToken: await a(),
         type: le.GET_LOCATION,
         params: {
           latitude: _.latitude,
           longitude: _.longitude
         }
-      }), K = Date.now() - k;
+      }), K = Date.now() - x;
       if (K < 2e3 && await new Promise((U) => setTimeout(U, 2e3 - K)), Q.status === 200) {
-        const { city: U, state: L, country: Z, displayName: J } = Q.data, Y = U && L && Z ? `${U}, ${L}, ${Z}` : J;
+        const { city: U, state: R, country: Z, displayName: J } = Q.data, Y = U && R && Z ? `${U}, ${R}, ${Z}` : J;
         b({
           loadingLocation: !1
-        }), T(Y);
+        }), N(Y);
       } else
         b({
           loadingLocation: !1
         });
     } catch {
     }
-  }, H = (k, _) => {
-    g(k ? _ : _ === W ? ee : W);
+  }, H = (x, _) => {
+    g(x ? _ : _ === W ? ee : W);
   }, S = () => {
-    f(!m);
+    h(!m);
   }, ie = () => {
-    d({ ...r }), a(!1);
+    d({ ...r }), o(!1);
   };
   return F(() => {
-    r != null && r.instructions && l(r.instructions), r != null && r.location && T(r.location), r != null && r.engine && g(r.engine);
+    r != null && r.instructions && l(r.instructions), r != null && r.location && N(r.location), r != null && r.engine && g(r.engine);
   }, [r]), c || s ? null : /* @__PURE__ */ e(
     ce,
     {
       open: t,
       onOpenChange: ie,
-      title: mt,
+      title: it,
       footer: /* @__PURE__ */ i(
         q,
         {
@@ -1516,8 +1517,8 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (k) => {
-                  a(!1), await R(k);
+                onClick: async (x) => {
+                  o(!1), await L(x);
                 },
                 children: "Save"
               }
@@ -1526,11 +1527,11 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
         }
       ),
       children: /* @__PURE__ */ i(O, { children: [
-        m && /* @__PURE__ */ e(Nr, { open: m, onOpenChange: f }),
+        m && /* @__PURE__ */ e(Tr, { open: m, onOpenChange: h }),
         /* @__PURE__ */ i(
           z,
           {
-            header: N.SETTINGS_ENGINE.TITLE,
+            header: T.SETTINGS_ENGINE.TITLE,
             className: "prose-dark dark:prose-lighter",
             children: [
               /* @__PURE__ */ e("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
@@ -1540,7 +1541,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                   noBorder: !0,
                   label: W,
                   name: W,
-                  onChange: (k) => H(k, W),
+                  onChange: (x) => H(x, W),
                   checked: E === W
                 }
               ),
@@ -1551,7 +1552,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                   noBorder: !0,
                   label: ee,
                   name: ee,
-                  onChange: (k) => H(k, ee),
+                  onChange: (x) => H(x, ee),
                   checked: E === ee
                 }
               ),
@@ -1575,7 +1576,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                   size: "small",
                   onClick: S,
                   labelLeft: "Edit Custom Prompts",
-                  children: /* @__PURE__ */ e(St, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ e(Nt, { size: "size-3", monotone: !0 })
                 }
               )
             ]
@@ -1589,7 +1590,7 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
             children: [
               /* @__PURE__ */ i("p", { className: "text-sm", children: [
                 "What would you like ",
-                /* @__PURE__ */ e("em", { children: ht }),
+                /* @__PURE__ */ e("em", { children: dt }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ e(
@@ -1601,9 +1602,9 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: x,
-                  onChange: (k) => {
-                    l(k.target.value);
+                  value: C,
+                  onChange: (x) => {
+                    l(x.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -1624,9 +1625,9 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
-                  value: h,
-                  onChange: (k) => {
-                    T(k.target.value);
+                  value: f,
+                  onChange: (x) => {
+                    N(x.target.value);
                   },
                   helperText: "Enter your location or press auto-detect."
                 }
@@ -1648,25 +1649,15 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
       ] })
     }
   );
-}, Rr = () => {
-  const { logout: t } = V(), { state: a } = he(Oe), [o, n] = C(!1), [r, c] = C(!1), [s, d] = C(!1), [m, f] = C(!1), [p, b] = C(!1), x = () => {
-    n(!o);
-  }, l = () => {
-    c(!r);
-  }, h = () => {
-    d(!s);
-  }, T = () => {
-    f(!m);
-  }, E = () => {
-    b(!p);
-  };
+}, _r = ({ isComponent: t = !1 }) => {
+  const { logout: o } = V(), [a, n] = k(!1), [r, c] = k(!1), [s, d] = k(!1), [m, h] = k(!1), [p, b] = k(!1);
   return /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e(
       Pe,
       {
         showConfirmation: p,
         setShowConfirmation: b,
-        action: t,
+        action: o,
         customStrings: {
           confirmAction: _e,
           cancelAction: "Cancel",
@@ -1675,64 +1666,74 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
         children: /* @__PURE__ */ e("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ e(Kt, { open: o, onOpenChange: n }),
-    /* @__PURE__ */ e(Sr, { open: r, onOpenChange: c }),
-    s && /* @__PURE__ */ e(Yt, { open: s, onOpenChange: d }),
-    /* @__PURE__ */ e(Ft, { open: m, onOpenChange: f }),
+    /* @__PURE__ */ e(jt, { open: a, onOpenChange: n }),
+    /* @__PURE__ */ e(Nr, { open: r, onOpenChange: c }),
+    s && /* @__PURE__ */ e(Ut, { open: s, onOpenChange: d }),
+    /* @__PURE__ */ e(Vt, { open: m, onOpenChange: h }),
     /* @__PURE__ */ e("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ e(q, { alignHorizontal: "flex-end", alignVertical: "center", children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
-      wt,
+      St,
       {
         label: "Profile, Settings, etc.",
         mode: "light",
         placement: "left",
         trigger: /* @__PURE__ */ i(
-          vt,
+          wt,
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ e(oe, { label: "Settings", children: /* @__PURE__ */ e(Dt, {}) }),
+            trigger: /* @__PURE__ */ e(oe, { label: "Settings", children: /* @__PURE__ */ e(Ht, {}) }),
             defaultPlacement: "bottom-end",
             children: [
               /* @__PURE__ */ e(
                 re,
                 {
                   label: "Profile",
-                  onClick: x,
-                  icon: /* @__PURE__ */ e(Bt, {})
+                  onClick: () => {
+                    n(!a);
+                  },
+                  icon: /* @__PURE__ */ e(zt, {})
                 }
               ),
               /* @__PURE__ */ e(
                 re,
                 {
                   label: "Settings",
-                  onClick: l,
-                  icon: /* @__PURE__ */ e($t, {})
+                  onClick: () => {
+                    c(!r);
+                  },
+                  icon: /* @__PURE__ */ e(Dt, {})
                 }
               ),
               /* @__PURE__ */ e(
                 re,
                 {
                   label: "History",
-                  onClick: h,
-                  icon: /* @__PURE__ */ e(Ot, {})
+                  onClick: () => {
+                    d(!s);
+                  },
+                  icon: /* @__PURE__ */ e(Pt, {})
                 }
               ),
               /* @__PURE__ */ e(
                 re,
                 {
                   label: "About",
-                  onClick: T,
-                  icon: /* @__PURE__ */ e(zt, {})
+                  onClick: () => {
+                    h(!m);
+                  },
+                  icon: /* @__PURE__ */ e(Ot, {})
                 }
               ),
-              a && a.id && !a.isComponent && /* @__PURE__ */ i(O, { children: [
-                /* @__PURE__ */ e(At, {}),
+              !t && /* @__PURE__ */ i(O, { children: [
+                /* @__PURE__ */ e(vt, {}),
                 /* @__PURE__ */ e(
                   re,
                   {
                     label: "Log out",
-                    onClick: E,
-                    icon: /* @__PURE__ */ e("div", { className: "text-red-700", children: /* @__PURE__ */ e(Mt, { monotone: !0 }) })
+                    onClick: () => {
+                      b(!p);
+                    },
+                    icon: /* @__PURE__ */ e("div", { className: "text-red-700", children: /* @__PURE__ */ e(Rt, { monotone: !0 }) })
                   }
                 )
               ] })
@@ -1744,5 +1745,5 @@ const pr = "av-toggle", gr = () => y("peer", "h-6", "w-11", "rounded-full"), yr
   ] });
 };
 export {
-  Rr as default
+  _r as default
 };