@versini/sassysaint 6.1.0 → 6.2.0

package/dist/chunks/{HeaderToolbar.VQAMrnVQ.js → HeaderToolbar.tIMWuB4m.js}

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as e, Fragment as z } from "react/jsx-runtime";
-import { g as D, un as $, R as B, CARDS as N, renderDataAsList as de, pluralize as ue, ABOUT_TITLE as Qe, INFINITE_SCROLL_LIMIT as Se, INFINITE_SCROLL_THRESHOLD as ve, LOCAL_STORAGE_PREFIX as ke, LOCAL_STORAGE_SORT as Je, Y as ae, ACTION_RESET as Ze, ACTION_RESTORE as et, ACTION_SORT as Ae, LOCAL_STORAGE_SEARCH as tt, HISTORY_TITLE as rt, ye as be, C as X, ACTION_SEARCH as nt, debounce as at, M as ot, L as q, j as P, l as Ie, durationFormatter as st, PROFILE_TITLE as lt, PROMPTS_DESCRIPTION as ct, DEFAULT_AI_ENGINE as it, LOCAL_STORAGE_CHAT_DETAILS as dt, SETTINGS_TITLE as ut, ENGINE_OPENAI as W, ENGINE_ANTHROPIC as ee, APP_NAME as mt, getCurrentGeoLocation as ht, LOG_OUT as _e } from "./index.DUNIGQ5_.js";
-import { i as me, useServerCapabilities as pt, Ie as le, HistoryContext as Me, E as Ee, ConfirmationPanel as Oe, ge as ft, he as gt, ue as ge, le as O, ye as yt, me as bt, p as xt, z as kt, be as Et, serviceCall as oe, SERVICE_TYPES as se, f as te, AppContext as Pe, useChatsHistory as Ct, useUserChatStats as Tt, useUserPreferences as ze, m as Nt, _e as wt, me$1 as St, R as re, P as vt } from "./App.CVKf39VG.js";
-import At, { useRef as S, useState as E, useContext as he, useCallback as Be, useEffect as V, Fragment as It, useLayoutEffect as ne, useMemo as He, useId as _t, useReducer as Rt } from "react";
+import { g as V, un as F, R as B, CARDS as N, renderDataAsList as de, pluralize as ue, ABOUT_TITLE as Qe, INFINITE_SCROLL_LIMIT as Se, INFINITE_SCROLL_THRESHOLD as ve, LOCAL_STORAGE_PREFIX as ke, LOCAL_STORAGE_SORT as Je, Y as oe, ACTION_RESET as Ze, ACTION_RESTORE as et, ACTION_SORT as Ae, LOCAL_STORAGE_SEARCH as tt, HISTORY_TITLE as rt, ye as be, C as X, ACTION_SEARCH as nt, debounce as at, M as ot, L as q, j as O, l as Ie, durationFormatter as st, PROFILE_TITLE as lt, PROMPTS_DESCRIPTION as ct, DEFAULT_AI_ENGINE as it, LOCAL_STORAGE_CHAT_DETAILS as dt, SETTINGS_TITLE as ut, ENGINE_OPENAI as W, ENGINE_ANTHROPIC as ee, APP_NAME as mt, getCurrentGeoLocation as ht, LOG_OUT as _e } from "./index.CUiqvVTR.js";
+import { i as me, useServerCapabilities as ft, Ie as ce, HistoryContext as Me, E as Ce, ConfirmationPanel as Pe, ge as pt, he as gt, ue as ge, le as P, ye as yt, me as bt, p as xt, z as kt, be as Ct, serviceCall as se, SERVICE_TYPES as le, f as te, AppContext as Oe, useChatsHistory as Et, useUserChatStats as Tt, useUserPreferences as ze, m as Nt, _e as wt, me$1 as St, R as re, P as vt } from "./App.D4e44Rzs.js";
+import At, { useRef as S, useState as C, useContext as he, useCallback as Be, useEffect as H, Fragment as It, useLayoutEffect as ne, useMemo as He, useId as _t, useReducer as Rt } from "react";
 import y from "clsx";
 const Lt = ({
   className: t,
@@ -10,7 +10,7 @@ const Lt = ({
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
-  D,
+  V,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -36,7 +36,7 @@ const Lt = ({
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
-  D,
+  V,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -55,14 +55,14 @@ const Lt = ({
       /* @__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,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
-  D,
+  V,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -81,14 +81,14 @@ const Lt = ({
       /* @__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" })
     ]
   }
-), Pt = ({
+), Ot = ({
   className: t,
   viewBox: a,
   title: o,
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
-  D,
+  V,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -114,7 +114,7 @@ const Lt = ({
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
-  D,
+  V,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -140,7 +140,7 @@ const Lt = ({
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
-  D,
+  V,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -166,7 +166,7 @@ const Lt = ({
   monotone: n,
   ...r
 }) => /* @__PURE__ */ e(
-  D,
+  V,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -183,7 +183,7 @@ const Lt = ({
   monotone: n,
   ...r
 }) => /* @__PURE__ */ i(
-  D,
+  V,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -203,11 +203,11 @@ const Lt = ({
     ]
   }
 ), $t = () => {
-  const { getAccessToken: t } = $(), a = me(), o = me(), {
+  const { getAccessToken: t } = F(), a = me(), o = me(), {
     data: n,
     error: r,
-    isLoading: l
-  } = pt({
+    isLoading: c
+  } = ft({
     getAccessToken: t
   }), s = (n == null ? void 0 : n.plugins) || [], d = (n == null ? void 0 : n.version) || "", u = (n == null ? void 0 : n.models) || [];
   return /* @__PURE__ */ i(z, { children: [
@@ -217,20 +217,20 @@ const Lt = ({
         header: N.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: de(a, {
-          [N.ABOUT.VERSION]: "6.1.0",
-          [N.ABOUT.BUILD_TIMESTAMP]: "01/23/2025 11:39 AM EST"
+          [N.ABOUT.VERSION]: "6.2.0",
+          [N.ABOUT.BUILD_TIMESTAMP]: "01/23/2025 12:23 PM EST"
         })
       }
     ) }),
-    r || l ? null : /* @__PURE__ */ e(
+    r || c ? null : /* @__PURE__ */ e(
       B,
       {
         header: N.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
         children: de(o, {
           [N.ABOUT.VERSION]: d,
-          [ue(N.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ e(z, { children: u.map((h) => /* @__PURE__ */ e("div", { className: "text-right", children: h }, h)) }),
-          [ue(N.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ e(z, { children: s.map((h) => /* @__PURE__ */ e("div", { className: "text-right", children: h }, h)) })
+          [ue(N.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ e(z, { children: u.map((f) => /* @__PURE__ */ e("div", { className: "text-right", children: f }, f)) }),
+          [ue(N.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ e(z, { children: s.map((f) => /* @__PURE__ */ e("div", { className: "text-right", children: f }, f)) })
         })
       }
     )
@@ -238,11 +238,11 @@ const Lt = ({
 }, Vt = ({
   open: t,
   onOpenChange: a
-}) => /* @__PURE__ */ e(le, { open: t, onOpenChange: a, title: Qe, children: /* @__PURE__ */ e($t, {}) }), Ft = async (t, a, o, n) => {
+}) => /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: Qe, children: /* @__PURE__ */ e($t, {}) }), Ft = async (t, a, o, n) => {
   try {
-    const r = await oe({
+    const r = await se({
       accessToken: n,
-      type: se.GET_CHAT,
+      type: le.GET_CHAT,
       params: {
         id: t.id
       }
@@ -267,19 +267,19 @@ const Lt = ({
   mutate: n
 }) => {
   var A;
-  const { user: r, getAccessToken: l } = $(), s = S(null), d = S({
+  const { user: r, getAccessToken: c } = F(), s = S(null), d = S({
     id: 0,
     timestamp: "",
     message: ""
-  }), [u, h] = E(!1), [f, b] = E(
+  }), [u, f] = C(!1), [p, b] = C(
     Se + ve
-  ), { state: x, dispatch: c } = he(Me), [, p] = Ee({
+  ), { state: x, dispatch: l } = he(Me), [, h] = Ce({
     key: ke + Je,
     initialValue: x.sortDirection
   }), T = (m) => {
     switch (x.sortDirection) {
       case te.ASC:
-        p(te.DESC), c({
+        h(te.DESC), l({
           type: Ae,
           payload: {
             sortedCell: m,
@@ -288,7 +288,7 @@ const Lt = ({
         });
         break;
       default:
-        p(te.ASC), c({
+        h(te.ASC), l({
           type: Ae,
           payload: {
             sortedCell: m,
@@ -297,12 +297,12 @@ const Lt = ({
         });
         break;
     }
-  }, C = async () => {
+  }, E = async () => {
     const m = d.current;
     try {
-      await oe({
-        accessToken: await l(),
-        type: se.DELETE_CHAT,
+      await se({
+        accessToken: await c(),
+        type: le.DELETE_CHAT,
         params: {
           userId: (r == null ? void 0 : r.username) || "",
           id: m.id
@@ -311,9 +311,9 @@ const Lt = ({
     } catch {
     }
   }, g = Be((m) => {
-    m[0].isIntersecting && b((R) => R + Se);
+    m[0].isIntersecting && b((I) => I + Se);
   }, []);
-  return V(() => {
+  return H(() => {
     const m = {
       // root: null,
       rootMargin: "20px"
@@ -321,11 +321,11 @@ const Lt = ({
     s.current && w.observe(s.current);
   }), /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ i(
-      Oe,
+      Pe,
       {
         showConfirmation: u,
-        setShowConfirmation: h,
-        action: C,
+        setShowConfirmation: f,
+        action: E,
         customStrings: {
           confirmAction: "Delete",
           cancelAction: "Cancel",
@@ -348,9 +348,9 @@ const Lt = ({
         ]
       }
     ),
-    /* @__PURE__ */ i(ft, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+    /* @__PURE__ */ i(pt, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
       /* @__PURE__ */ e(gt, { children: /* @__PURE__ */ i(ge, { children: [
-        /* @__PURE__ */ e(O, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ e(P, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ e(
           yt,
           {
@@ -365,18 +365,18 @@ const Lt = ({
             children: "Date"
           }
         ),
-        /* @__PURE__ */ e(O, { className: "text-xs sm:text-sm", children: "First message" }),
-        /* @__PURE__ */ e(O, { className: "text-xs sm:text-sm", children: "Model" }),
-        /* @__PURE__ */ e(O, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+        /* @__PURE__ */ e(P, { className: "text-xs sm:text-sm", children: "First message" }),
+        /* @__PURE__ */ e(P, { className: "text-xs sm:text-sm", children: "Model" }),
+        /* @__PURE__ */ e(P, { className: "text-xs sm:text-sm text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ e(bt, { children: t.slice(0, f).map((m, w) => {
-        var R, j;
-        return ((R = m == null ? void 0 : m.messages) == null ? void 0 : R.length) > 0 ? /* @__PURE__ */ i(It, { children: [
-          w === f - ve && /* @__PURE__ */ e("tr", { ref: s }),
+      /* @__PURE__ */ e(bt, { children: t.slice(0, p).map((m, w) => {
+        var I, D;
+        return ((I = m == null ? void 0 : m.messages) == null ? void 0 : I.length) > 0 ? /* @__PURE__ */ i(It, { children: [
+          w === p - ve && /* @__PURE__ */ e("tr", { ref: s }),
           /* @__PURE__ */ i(ge, { children: [
-            /* @__PURE__ */ e(O, { children: w + 1 }),
+            /* @__PURE__ */ e(P, { children: w + 1 }),
             /* @__PURE__ */ e(
-              O,
+              P,
               {
                 component: "th",
                 scope: "row",
@@ -385,17 +385,17 @@ const Lt = ({
               }
             ),
             /* @__PURE__ */ e(
-              O,
+              P,
               {
                 className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                 style: {
                   wordBreak: "break-word"
                 },
-                children: m.messages.length > 0 ? (j = m.messages[0]) == null ? void 0 : j.content : ""
+                children: m.messages.length > 0 ? (D = m.messages[0]) == null ? void 0 : D.content : ""
               }
             ),
             /* @__PURE__ */ i(
-              O,
+              P,
               {
                 component: "th",
                 scope: "row",
@@ -407,16 +407,16 @@ const Lt = ({
                 ]
               }
             ),
-            /* @__PURE__ */ i(O, { align: "right", children: [
+            /* @__PURE__ */ i(P, { align: "right", children: [
               /* @__PURE__ */ e(
-                ae,
+                oe,
                 {
                   className: "mr-2",
                   focusMode: "alt-system",
                   noBorder: !0,
                   label: "Restore chat",
                   onClick: async () => {
-                    const L = await l();
+                    const L = await c();
                     Ft(
                       m,
                       a,
@@ -428,7 +428,7 @@ const Lt = ({
                 }
               ),
               /* @__PURE__ */ e(
-                ae,
+                oe,
                 {
                   focusMode: "alt-system",
                   noBorder: !0,
@@ -439,7 +439,7 @@ const Lt = ({
                       id: m.id,
                       timestamp: m.timestamp,
                       message: m.messages.length > 0 ? (L = m.messages[0]) == null ? void 0 : L.content : ""
-                    }, h(!u);
+                    }, f(!u);
                   },
                   children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Mt, { size: "size-3", monotone: !0 }) })
                 }
@@ -448,7 +448,7 @@ const Lt = ({
           ] })
         ] }, `${N.HISTORY.TITLE}-${m.id}-${w}`) : null;
       }) }),
-      /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(O, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ue(
+      /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(P, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ue(
         `${t.length} chat`,
         t.length
       ) }) }) }) })
@@ -458,7 +458,7 @@ const Lt = ({
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = $(), { state: r, dispatch: l } = he(Pe), { state: s, dispatch: d } = he(Me), { data: u, mutate: h } = Ct({
+  const { getAccessToken: o, user: n } = F(), { state: r, dispatch: c } = he(Oe), { state: s, dispatch: d } = he(Me), { data: u, mutate: f } = Et({
     keys: [
       n == null ? void 0 : n.username,
       s.searchString,
@@ -466,22 +466,22 @@ const Lt = ({
       (r == null ? void 0 : r.lastTriggeredTimestamp) || 0
     ],
     getAccessToken: o
-  }), f = S(null), [, b] = Ee({
+  }), p = S(null), [, b] = Ce({
     key: ke + tt,
     initialValue: s.searchString
-  }), [x, c] = E([]);
-  V(() => {
-    u && c(u);
+  }), [x, l] = C([]);
+  H(() => {
+    u && l(u);
   }, [u]);
-  const p = async (g) => {
+  const h = async (g) => {
     b(g), d({
       type: nt,
       payload: { searchString: g }
     });
   }, T = at((g) => {
-    p(g.target.value.trim());
+    h(g.target.value.trim());
   }, 500);
-  return /* @__PURE__ */ e(le, { open: t, onOpenChange: a, title: rt, children: /* @__PURE__ */ i(z, { children: [
+  return /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: rt, children: /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (g) => {
       g.preventDefault();
     }, children: /* @__PURE__ */ e(
@@ -490,7 +490,7 @@ const Lt = ({
         autoCapitalize: "off",
         autoComplete: "off",
         autoCorrect: "off",
-        ref: f,
+        ref: p,
         defaultValue: s.searchString,
         focusMode: "light",
         mode: "dark",
@@ -510,7 +510,7 @@ const Lt = ({
               size: "small",
               onClick: () => {
                 var g;
-                p(""), (g = f.current) != null && g.value && (f.current.value = "", f.current.focus());
+                h(""), (g = p.current) != null && g.value && (p.current.value = "", p.current.focus());
               },
               children: "Reset"
             }
@@ -521,22 +521,22 @@ const Lt = ({
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ e(
       Gt,
       {
-        mutate: h,
+        mutate: f,
         filteredHistory: x,
-        dispatch: l,
+        dispatch: c,
         onOpenChange: a
       }
     ) })
   ] }) });
 }, Yt = ({ stats: t }) => {
-  const { isAuthenticated: a, user: o, registeringForPasskey: n, authenticationType: r } = $(), l = me(), s = me(), d = (o == null ? void 0 : o.username) || "";
+  const { isAuthenticated: a, user: o, registeringForPasskey: n, authenticationType: r } = F(), c = me(), s = me(), d = (o == null ? void 0 : o.username) || "";
   return a && d ? /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(
       B,
       {
         header: N.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: de(l, {
+        children: de(c, {
           [N.PREFERENCES.NAME]: d,
           [N.PREFERENCES.EMAIL]: (o == null ? void 0 : o.email) || ""
         })
@@ -547,13 +547,13 @@ const Lt = ({
       {
         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(O, { children: /* @__PURE__ */ e(Ie, { size: "size-8" }) }),
+          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
           /* @__PURE__ */ e("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ e(
-            ae,
+            oe,
             {
               size: "small",
               className: "mt-2",
@@ -583,15 +583,15 @@ const Lt = ({
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = $(), {
+  const { getAccessToken: o, user: n } = F(), {
     data: r,
-    error: l,
+    error: c,
     isLoading: s
   } = Tt({
     keys: [n == null ? void 0 : n.username],
     getAccessToken: o
   });
-  return l || s ? null : /* @__PURE__ */ e(le, { open: t, onOpenChange: a, title: lt, children: /* @__PURE__ */ e(Yt, { stats: r }) });
+  return c || s ? null : /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: lt, children: /* @__PURE__ */ e(Yt, { stats: r }) });
 };
 /*!
   @versini/ui-textarea v3.0.10
@@ -609,7 +609,7 @@ try {
 const De = "av-text-area", Kt = "av-text-area-wrapper", ye = "av-text-area-helper-text", Wt = "av-text-area__control--right", Xt = "av-text-area__control--left";
 function qt() {
   const t = S(!1);
-  return V(() => (t.current = !0, () => {
+  return H(() => (t.current = !0, () => {
     t.current = !1;
   }), []), Be(() => t.current, []);
 }
@@ -632,13 +632,13 @@ const Jt = {
   right: 0
 };
 function Re(t) {
-  const a = qt(), o = S(0), n = S(null), [r, l] = E(Jt), s = He(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+  const a = qt(), o = S(0), n = S(null), [r, c] = C(Jt), s = He(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const u = d[0];
     u && (cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-      n.current && a() && l(u.contentRect);
+      n.current && a() && c(u.contentRect);
     }));
   }), [a]);
-  return V(() => (n.current && (s == null || s.observe(n.current, t)), () => {
+  return H(() => (n.current && (s == null || s.observe(n.current, t)), () => {
     s == null || s.disconnect(), o.current && cancelAnimationFrame(o.current);
   }), [s, t]), [n, r];
 }
@@ -650,16 +650,16 @@ function Zt({
   },
   initialControlledDelay: r = 0
 }) {
-  const [l, s] = E(!1), [d, u] = E(
+  const [c, s] = C(!1), [d, u] = C(
     a !== void 0 ? a : o
-  ), h = (f) => {
-    u(f), n == null || n(f);
+  ), f = (p) => {
+    u(p), n == null || n(p);
   };
-  return V(() => {
-    (async () => t !== void 0 && !l && r > 0 && (await new Promise(
-      (f) => setTimeout(f, r)
+  return H(() => {
+    (async () => t !== void 0 && !c && r > 0 && (await new Promise(
+      (p) => setTimeout(p, r)
     ), s(!0)))();
-  }, [t, r, l]), t !== void 0 ? !l && r > 0 ? ["", n, !0] : [t, n, !0] : [d, h, !1];
+  }, [t, r, c]), t !== void 0 ? !c && r > 0 ? ["", n, !0] : [t, n, !0] : [d, f, !1];
 }
 function er(t) {
   const a = _t();
@@ -725,20 +725,20 @@ const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", tr = {
   announcementDelay: o,
   clearAnnouncementDelay: n,
   clearAnnouncementTimeoutRef: r,
-  onAnnouncementClear: l,
+  onAnnouncementClear: c,
   dispatch: s
 }) => {
   clearTimeout(a.current), o ? a.current = setTimeout(Le, o, {
     children: t,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: r,
-    onAnnouncementClear: l,
+    onAnnouncementClear: c,
     dispatch: s
   }) : Le({
     children: t,
     clearAnnouncementDelay: n,
     clearAnnouncementTimeoutRef: r,
-    onAnnouncementClear: l,
+    onAnnouncementClear: c,
     dispatch: s
   });
 };
@@ -748,40 +748,40 @@ function or({
   politeness: o,
   role: n = null,
   announcementDelay: r,
-  clearAnnouncementDelay: l,
+  clearAnnouncementDelay: c,
   onAnnouncementClear: s,
   visible: d,
   ...u
 }) {
-  const h = S(null), f = S(null), [b, x] = Rt(rr, {
+  const f = S(null), p = S(null), [b, x] = Rt(rr, {
     announcement: null
   });
-  let c = o;
-  typeof c > "u" && (c = n ? tr[n] : "assertive"), V(() => {
+  let l = o;
+  typeof l > "u" && (l = n ? tr[n] : "assertive"), H(() => {
     ar({
-      announcementTimeoutRef: h,
+      announcementTimeoutRef: f,
       announcementDelay: r,
       children: t,
-      clearAnnouncementDelay: l,
-      clearAnnouncementTimeoutRef: f,
+      clearAnnouncementDelay: c,
+      clearAnnouncementTimeoutRef: p,
       onAnnouncementClear: s,
       dispatch: x
     });
   }, [
     t,
     r,
-    l,
+    c,
     s
   ]);
-  const p = y(a, {
+  const h = y(a, {
     "sr-only": !d
   });
   return /* @__PURE__ */ e(
     "div",
     {
-      "aria-live": c,
+      "aria-live": l,
       ...n && { role: n },
-      className: p,
+      className: h,
       ...u,
       children: b.announcement
     }
@@ -826,7 +826,7 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   error: o,
   mode: n,
   leftElement: r,
-  rightElement: l
+  rightElement: c
 }) => {
   if (a)
     return "";
@@ -834,14 +834,14 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return y(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
-        "translate-x-[12px]": l === !0 && !r || !l && !r
+        "translate-x-[12px]": c === !0 && !r || !c && !r
       }
     );
   if (!o)
     return y(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": l === !0 && !r || !l && !r,
+        "translate-x-[12px]": c === !0 && !r || !c && !r,
         "text-copy-medium": n === "dark",
         "text-copy-dark": n === "light",
         "text-copy-dark dark:text-copy-medium": n === "system",
@@ -852,7 +852,7 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return y(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": l === !0 && !r || !l && !r,
+        "translate-x-[12px]": c === !0 && !r || !c && !r,
         "text-copy-medium": n === "dark",
         "text-copy-error-dark": n === "light",
         "text-copy-error-dark dark:text-copy-error-light": n === "system",
@@ -892,13 +892,13 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   raw: o,
   focusMode: n,
   disabled: r,
-  noBorder: l,
+  noBorder: c,
   error: s,
   mode: d,
   leftElement: u,
-  rightElement: h
+  rightElement: f
 }) => {
-  const f = o ? t : y(
+  const p = o ? t : y(
     "relative flex w-full flex-col justify-center",
     Kt,
     t
@@ -909,33 +909,33 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     lr({ mode: d }),
     cr({ focusMode: n }),
     ir({
-      noBorder: l,
+      noBorder: c,
       error: s
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": r
     }
-  ), x = o ? void 0 : "sr-only", c = dr({
+  ), x = o ? void 0 : "sr-only", l = dr({
     disabled: r,
     raw: o,
     error: s,
     mode: d,
-    rightElement: h,
+    rightElement: f,
     leftElement: u
-  }), p = ur({
+  }), h = ur({
     error: s,
     raw: o,
     mode: d,
     disabled: r
-  }), T = o ? void 0 : y(Wt, "absolute"), C = o ? void 0 : y(Xt, "absolute");
+  }), T = o ? void 0 : y(Wt, "absolute"), E = o ? void 0 : y(Xt, "absolute");
   return {
-    wrapper: f,
+    wrapper: p,
     textArea: b,
     accessibleLabel: x,
-    visibleLabel: c,
-    helperText: p,
+    visibleLabel: l,
+    helperText: h,
     rightElement: T,
-    leftElement: C
+    leftElement: E
   };
 }, hr = ({
   scrollHeight: t,
@@ -943,14 +943,14 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   currentLabelOffset: o = 0,
   currentHelperTextOffset: n = 0
 }) => {
-  let r, l;
+  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), l = n + Math.sign(s) * (12 * d);
+    r = o + -1 * Math.sign(s) * (12 * d), c = n + Math.sign(s) * (12 * d);
   }
   return {
     labelOffset: r,
-    helperTextOffset: l,
+    helperTextOffset: c,
     scrollHeight: t
   };
 }, xe = At.forwardRef(
@@ -960,29 +960,29 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     label: o,
     error: n = !1,
     raw: r = !1,
-    className: l,
+    className: c,
     textAreaClassName: s,
     mode: d = "system",
     focusMode: u = "system",
-    value: h,
-    defaultValue: f,
+    value: f,
+    defaultValue: p,
     disabled: b = !1,
     noBorder: x = !1,
-    labelId: c,
-    helperText: p = "",
+    labelId: l,
+    helperText: h = "",
     helperTextOnFocus: T = !1,
-    rightElement: C,
+    rightElement: E,
     leftElement: g,
     onChange: A,
     onFocus: m,
     onBlur: w,
-    ...R
-  }, j) => {
+    ...I
+  }, D) => {
     var L;
-    const I = S(null), ce = Qt([j, I]), [k, _] = Re(), [Q, F] = Re(), K = S(80), G = S(-25), M = S(null), J = S(30), Z = S(null), U = er({ id: t, prefix: `${De}-` }), [Ce, Fe] = E(0), [Te, Ge] = E(0), [Ue, Ne] = E(
-      !!(!T && p)
-    ), Ye = `${a} error, ${p}`, Y = mr({
-      className: l,
+    const _ = S(null), ie = Qt([D, _]), [k, R] = Re(), [Q, G] = Re(), K = S(80), U = S(-25), M = S(null), J = S(30), Z = S(null), Y = er({ id: t, prefix: `${De}-` }), [Ee, Fe] = C(0), [Te, Ge] = C(0), [Ue, Ne] = C(
+      !!(!T && h)
+    ), Ye = `${a} error, ${h}`, j = mr({
+      className: c,
       textAreaClassName: s,
       error: n,
       raw: r,
@@ -990,12 +990,12 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       disabled: b,
       noBorder: x,
       mode: d,
-      rightElement: !!C,
+      rightElement: !!E,
       leftElement: !!g
-    }), [H, je] = Zt({
-      value: h,
+    }), [$, je] = Zt({
+      value: f,
       initialControlledDelay: 20,
-      defaultValue: f,
+      defaultValue: p,
       onChange: (v) => {
         A && A({
           target: {
@@ -1006,51 +1006,51 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }), Ke = (v) => {
       je(v.target.value);
     }, We = (v) => {
-      T && p && Ne(!0), m && m(v);
+      T && h && Ne(!0), m && m(v);
     }, Xe = (v) => {
-      T && p && !H && Ne(!1), w && w(v);
+      T && h && !$ && Ne(!1), w && w(v);
     };
     return ne(() => {
-      _ && _.width && Fe(_.width + 18 + 10);
-    }, [_]), ne(() => {
-      F && F.width && Ge(F.width + 18 + 10);
-    }, [F]), ne(() => {
-      r || I && I.current && H !== void 0 && (I.current.style.height = "inherit", I.current.style.height = I.current.scrollHeight + "px");
-    }, [H, r]), ne(() => {
+      R && R.width && Fe(R.width + 18 + 10);
+    }, [R]), ne(() => {
+      G && G.width && Ge(G.width + 18 + 10);
+    }, [G]), ne(() => {
+      r || _ && _.current && $ !== void 0 && (_.current.style.height = "inherit", _.current.style.height = _.current.scrollHeight + "px");
+    }, [$, r]), ne(() => {
       r || setTimeout(() => {
         var v;
         (v = M == null ? void 0 : M.current) == null || v.style.setProperty(
           "--av-text-area-wrapper-transition",
-          H ? "none" : "all 0.2s ease-out"
+          $ ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [H, r]), ne(() => {
+    }, [$, r]), ne(() => {
       var v, we;
-      if (!r && I && I.current && H !== void 0) {
-        const { labelOffset: pe, helperTextOffset: fe, scrollHeight: qe } = hr({
-          scrollHeight: I.current.scrollHeight,
+      if (!r && _ && _.current && $ !== void 0) {
+        const { labelOffset: fe, helperTextOffset: pe, scrollHeight: qe } = hr({
+          scrollHeight: _.current.scrollHeight,
           currentHeight: K.current,
-          currentLabelOffset: G.current,
+          currentLabelOffset: U.current,
           currentHelperTextOffset: J.current
         });
-        pe && (G.current = pe, (v = M == null ? void 0 : M.current) == null || v.style.setProperty(
+        fe && (U.current = fe, (v = M == null ? void 0 : M.current) == null || v.style.setProperty(
           "--av-text-area-label",
-          `${pe}px`
-        )), fe && (J.current = fe, (we = Z == null ? void 0 : Z.current) == null || we.style.setProperty(
-          "--av-text-area-helper-text",
           `${fe}px`
+        )), pe && (J.current = pe, (we = Z == null ? void 0 : Z.current) == null || we.style.setProperty(
+          "--av-text-area-helper-text",
+          `${pe}px`
         )), K.current = qe || K.current;
       }
-    }, [H, r]), F.width > 0 && ((L = M == null ? void 0 : M.current) == null || L.style.setProperty(
+    }, [$, r]), G.width > 0 && ((L = M == null ? void 0 : M.current) == null || L.style.setProperty(
       "--tw-translate-x",
-      `${12 + F.width + 5}px`
-    )), /* @__PURE__ */ i("div", { className: Y.wrapper, children: [
+      `${12 + G.width + 5}px`
+    )), /* @__PURE__ */ i("div", { className: j.wrapper, children: [
       /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: U,
-          id: c,
-          className: Y.accessibleLabel,
+          htmlFor: Y,
+          id: l,
+          className: j.accessibleLabel,
           children: o
         }
       ),
@@ -1058,35 +1058,35 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "div",
         {
           ref: Q,
-          className: Y.leftElement,
+          className: j.leftElement,
           children: g
         }
       ),
       /* @__PURE__ */ e(
         "textarea",
         {
-          ref: ce,
-          id: U,
+          ref: ie,
+          id: Y,
           name: a,
           disabled: b,
           placeholder: r ? void 0 : " ",
-          className: Y.textArea,
+          className: j.textArea,
           rows: 1,
-          ...p && { "aria-describedby": `${U}-helper` },
+          ...h && { "aria-describedby": `${Y}-helper` },
           ...n && { "aria-invalid": "true" },
-          ...C && !g && !r && { style: { paddingRight: Ce } },
-          ...g && !C && !r && { style: { paddingLeft: Te } },
-          ...C && g && !r && {
+          ...E && !g && !r && { style: { paddingRight: Ee } },
+          ...g && !E && !r && { style: { paddingLeft: Te } },
+          ...E && g && !r && {
             style: {
-              paddingRight: Ce,
+              paddingRight: Ee,
               paddingLeft: Te
             }
           },
-          value: H,
+          value: $,
           onChange: Ke,
           onFocus: We,
           onBlur: Xe,
-          ...R
+          ...I
         }
       ),
       !r && /* @__PURE__ */ e(
@@ -1094,8 +1094,8 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         {
           ref: M,
           "aria-hidden": !0,
-          htmlFor: U,
-          className: `${Y.visibleLabel}`,
+          htmlFor: Y,
+          className: `${j.visibleLabel}`,
           children: o
         }
       ),
@@ -1103,20 +1103,20 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "div",
         {
           ref: Z,
-          id: `${U}-helper`,
-          className: Y.helperText,
-          children: p
+          id: `${Y}-helper`,
+          className: j.helperText,
+          children: h
         }
       ),
-      C && /* @__PURE__ */ e(
+      E && /* @__PURE__ */ e(
         "div",
         {
           ref: k,
-          className: Y.rightElement,
-          children: C
+          className: j.rightElement,
+          children: E
         }
       ),
-      n && p && /* @__PURE__ */ e(or, { politeness: "polite", clearAnnouncementDelay: 500, children: Ye })
+      n && h && /* @__PURE__ */ e(or, { politeness: "polite", clearAnnouncementDelay: 500, children: Ye })
     ] });
   }
 );
@@ -1134,7 +1134,7 @@ try {
   });
 } catch {
 }
-const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr = ({
+const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr = ({
   focusMode: t
 }) => y(
   "peer-focus:outline",
@@ -1182,11 +1182,11 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   "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
-), Cr = ({
+), Er = ({
   mode: t,
   focusMode: a,
   labelHidden: o,
@@ -1194,7 +1194,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   noBorder: r
 }) => ({
   toggle: y(
-    fr(),
+    pr(),
     xr({ mode: t, noBorder: r }),
     gr({ focusMode: a }),
     br(),
@@ -1202,82 +1202,87 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   ),
   label: kr({ mode: t, labelHidden: o }),
   input: "peer sr-only",
-  wrapper: Er({ className: n })
-}), ie = ({
+  wrapper: Cr({ className: n })
+}), ae = ({
   checked: t = !1,
   onChange: a,
   label: o,
   labelHidden: n = !1,
   name: r,
-  mode: l = "system",
+  mode: c = "system",
   focusMode: s = "system",
   className: d,
   noBorder: u = !1
 }) => {
-  const h = Cr({
-    mode: l,
+  const f = Er({
+    mode: c,
     focusMode: s,
     labelHidden: n,
     className: d,
     noBorder: u
-  }), f = (b) => {
+  }), p = (b) => {
     a == null || a(b.target.checked);
   };
-  return /* @__PURE__ */ i("label", { className: h.wrapper, children: [
+  return /* @__PURE__ */ i("label", { className: f.wrapper, children: [
     /* @__PURE__ */ e(
       "input",
       {
         name: r,
         checked: t,
         type: "checkbox",
-        className: h.input,
-        onChange: f
+        className: f.input,
+        onChange: p
       }
     ),
-    /* @__PURE__ */ e("div", { className: h.toggle }),
-    /* @__PURE__ */ e("span", { className: h.label, children: o })
+    /* @__PURE__ */ e("div", { className: f.toggle }),
+    /* @__PURE__ */ e("span", { className: f.label, children: o })
   ] });
 }, Tr = ({
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = $(), {
+  const { getAccessToken: o, user: n } = F(), {
     data: r,
-    error: l,
+    error: c,
     isLoading: s,
     mutate: d
   } = ze({
     keys: [n == null ? void 0 : n.username],
-    getAccessToken: o
-  }), [u, h] = E({
+    getAccessToken: o,
+    isPaused: !0
+  }), [u, f] = C({
     prompts: []
-  }), f = ({
-    slot: c,
-    checked: p,
+  }), p = ({
+    slot: l,
+    checked: h,
     label: T,
-    content: C
+    content: E,
+    privateChat: g = !1
   }) => {
-    h((g) => {
-      const A = g.prompts, m = {
-        slot: c,
+    f((A) => {
+      const m = A.prompts, w = {
+        slot: l,
         label: T,
-        content: C,
-        enabled: p
-      }, w = A.findIndex((R) => R.slot === c);
-      return w === -1 ? {
-        ...g,
-        prompts: [...A, { ...m, slot: c }]
-      } : (A[w] = m, {
-        ...g,
-        prompts: [...A]
+        content: E,
+        enabled: h,
+        privateChat: g
+      };
+      console.info(`==> [${Date.now()}] : `, w);
+      const I = m.findIndex((D) => D.slot === l);
+      return I === -1 ? {
+        ...A,
+        prompts: [...m, { ...w, slot: l }]
+      } : (m[I] = w, {
+        ...A,
+        prompts: [...m]
       });
     });
-  }, b = async (c) => {
-    c.preventDefault();
+  }, b = async (l) => {
+    l.preventDefault();
     try {
-      await oe({
+      await se({
         accessToken: await o(),
-        type: se.SET_USER_PREFERENCES,
+        type: le.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
           tags: u.prompts
@@ -1288,10 +1293,12 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   }, x = () => {
     d({ ...r }), a(!1);
   };
-  return V(() => {
-    r != null && r.tags && h({ prompts: r.tags });
-  }, [r]), l || s ? null : /* @__PURE__ */ i(
-    le,
+  return H(() => {
+    r != null && r.tags && f({ prompts: r.tags });
+  }, [r]), H(() => {
+    console.info(`==> [${Date.now()}] localPrompts: `, u);
+  }, [u]), c || s ? null : /* @__PURE__ */ i(
+    ce,
     {
       open: t,
       onOpenChange: x,
@@ -1303,7 +1310,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
@@ -1313,14 +1320,14 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (c) => {
-                  a(!1), await b(c);
+                onClick: async (l) => {
+                  a(!1), await b(l);
                 },
                 children: "Save"
               }
@@ -1330,67 +1337,86 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
       ),
       children: [
         /* @__PURE__ */ e("p", { children: ct }),
-        u.prompts && u.prompts.map((c) => /* @__PURE__ */ i(
+        u.prompts && u.prompts.map((l) => /* @__PURE__ */ i(
           B,
           {
-            header: `Prompt ${c.slot + 1}`,
+            header: `Prompt ${l.slot + 1}`,
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
               /* @__PURE__ */ i(q, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(O, { span: 12, children: /* @__PURE__ */ e(
                   be,
                   {
                     label: "Label",
-                    name: `prompt${c.slot}-label`,
-                    value: c.label,
-                    onChange: (p) => {
-                      f({
-                        slot: c.slot,
-                        checked: c.enabled,
-                        label: p.target.value,
-                        content: c.content
+                    name: `prompt${l.slot}-label`,
+                    value: l.label,
+                    onChange: (h) => {
+                      p({
+                        slot: l.slot,
+                        checked: l.enabled,
+                        label: h.target.value,
+                        content: l.content
                       });
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(O, { span: 12, children: /* @__PURE__ */ e(
                   be,
                   {
                     label: "Content",
-                    name: `prompt${c.slot}-content`,
-                    value: c.content,
-                    onChange: (p) => {
-                      f({
-                        slot: c.slot,
-                        checked: c.enabled,
-                        label: c.label,
-                        content: p.target.value
+                    name: `prompt${l.slot}-content`,
+                    value: l.content,
+                    onChange: (h) => {
+                      p({
+                        slot: l.slot,
+                        checked: l.enabled,
+                        label: l.label,
+                        content: h.target.value
                       });
                     }
                   }
                 ) })
               ] }),
               /* @__PURE__ */ e(
-                ie,
+                ae,
                 {
                   className: "mt-2",
                   noBorder: !0,
                   label: "Enabled",
-                  name: c.slot.toString(),
-                  onChange: (p) => {
-                    f({
-                      slot: c.slot,
-                      checked: p,
-                      label: c.label,
-                      content: c.content
+                  name: l.slot.toString(),
+                  onChange: (h) => {
+                    p({
+                      slot: l.slot,
+                      checked: h,
+                      label: l.label,
+                      content: l.content
+                    });
+                  },
+                  checked: l.enabled
+                }
+              ),
+              /* @__PURE__ */ e(
+                ae,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Temporary Chat",
+                  name: `private-${l.slot.toString()}`,
+                  onChange: (h) => {
+                    p({
+                      slot: l.slot,
+                      checked: l.enabled,
+                      label: l.label,
+                      content: l.content,
+                      privateChat: h
                     });
                   },
-                  checked: c.enabled
+                  checked: l.privateChat
                 }
               )
             ]
           },
-          `prompt-slot-${c.slot}`
+          `prompt-slot-${l.slot}`
         ))
       ]
     }
@@ -1399,76 +1425,76 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = $(), {
+  const { getAccessToken: o, user: n } = F(), {
     data: r,
-    error: l,
+    error: c,
     isLoading: s,
     mutate: d
   } = ze({
     keys: [n == null ? void 0 : n.username],
     getAccessToken: o
-  }), [u, h] = E(!1), [f, b] = E({
+  }), [u, f] = C(!1), [p, b] = C({
     loadingLocation: !1
-  }), [x, c] = E(""), [p, T] = E(""), [C, g] = E(it), [A, m] = Ee({
+  }), [x, l] = C(""), [h, T] = C(""), [E, g] = C(it), [A, m] = Ce({
     key: ke + dt,
     initialValue: !1
   }), w = (k) => {
     m(k);
-  }, R = async (k) => {
+  }, I = async (k) => {
     k.preventDefault();
     try {
-      await oe({
+      await se({
         accessToken: await o(),
-        type: se.SET_USER_PREFERENCES,
+        type: le.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
           instructions: x,
-          location: p,
-          engine: C
+          location: h,
+          engine: E
         }
       }), d(), b({
         loadingLocation: !1
       });
     } catch {
     }
-  }, j = async () => {
+  }, D = async () => {
     b({
       loadingLocation: !0
     }), T("...");
     try {
-      const k = Date.now(), _ = await ht(), Q = await oe({
+      const k = Date.now(), R = await ht(), Q = await se({
         accessToken: await o(),
-        type: se.GET_LOCATION,
+        type: le.GET_LOCATION,
         params: {
-          latitude: _.latitude,
-          longitude: _.longitude
+          latitude: R.latitude,
+          longitude: R.longitude
         }
       }), K = Date.now() - k;
-      if (K < 2e3 && await new Promise((G) => setTimeout(G, 2e3 - K)), Q.status === 200) {
-        const { city: G, state: M, country: J, displayName: Z } = Q.data, U = G && M && J ? `${G}, ${M}, ${J}` : Z;
+      if (K < 2e3 && await new Promise((U) => setTimeout(U, 2e3 - K)), Q.status === 200) {
+        const { city: U, state: M, country: J, displayName: Z } = Q.data, Y = U && M && J ? `${U}, ${M}, ${J}` : Z;
         b({
           loadingLocation: !1
-        }), T(U);
+        }), T(Y);
       } else
         b({
           loadingLocation: !1
         });
     } catch {
     }
-  }, L = (k, _) => {
-    g(k ? _ : _ === W ? ee : W);
-  }, I = () => {
-    h(!u);
-  }, ce = () => {
+  }, L = (k, R) => {
+    g(k ? R : R === W ? ee : W);
+  }, _ = () => {
+    f(!u);
+  }, ie = () => {
     d({ ...r }), a(!1);
   };
-  return V(() => {
-    r != null && r.instructions && c(r.instructions), r != null && r.location && T(r.location), r != null && r.engine && g(r.engine);
-  }, [r]), l || s ? null : /* @__PURE__ */ e(
-    le,
+  return H(() => {
+    r != null && r.instructions && l(r.instructions), r != null && r.location && T(r.location), r != null && r.engine && g(r.engine);
+  }, [r]), c || s ? null : /* @__PURE__ */ e(
+    ce,
     {
       open: t,
-      onOpenChange: ce,
+      onOpenChange: ie,
       title: ut,
       footer: /* @__PURE__ */ i(
         q,
@@ -1477,24 +1503,24 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
                 variant: "secondary",
                 focusMode: "light",
-                onClick: ce,
+                onClick: ie,
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
                 onClick: async (k) => {
-                  a(!1), await R(k);
+                  a(!1), await I(k);
                 },
                 children: "Save"
               }
@@ -1503,7 +1529,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
         }
       ),
       children: /* @__PURE__ */ i(z, { children: [
-        u && /* @__PURE__ */ e(Tr, { open: u, onOpenChange: h }),
+        u && /* @__PURE__ */ e(Tr, { open: u, onOpenChange: f }),
         /* @__PURE__ */ i(
           B,
           {
@@ -1512,29 +1538,29 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
             children: [
               /* @__PURE__ */ e("p", { className: "text-sm", children: "Select the AI engine that will be used to generate responses." }),
               /* @__PURE__ */ e(
-                ie,
+                ae,
                 {
                   noBorder: !0,
                   label: W,
                   name: W,
                   onChange: (k) => L(k, W),
-                  checked: C === W
+                  checked: E === W
                 }
               ),
               /* @__PURE__ */ e(
-                ie,
+                ae,
                 {
                   className: "mt-2",
                   noBorder: !0,
                   label: ee,
                   name: ee,
                   onChange: (k) => L(k, ee),
-                  checked: C === ee
+                  checked: E === ee
                 }
               ),
               /* @__PURE__ */ e("p", { className: "text-sm", children: 'This "Show Message Statistics" option adds individual statistics for each messages under their respective bubbles, such as processing time, model name, and more.' }),
               /* @__PURE__ */ e(
-                ie,
+                ae,
                 {
                   className: "mt-2",
                   noBorder: !0,
@@ -1546,11 +1572,11 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
               ),
               /* @__PURE__ */ e("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
               /* @__PURE__ */ e(
-                ae,
+                oe,
                 {
                   className: "mt-2",
                   size: "small",
-                  onClick: I,
+                  onClick: _,
                   labelLeft: "Edit Custom Prompts",
                   children: /* @__PURE__ */ e(Nt, { size: "size-3", monotone: !0 })
                 }
@@ -1580,7 +1606,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   label: "Custom Instructions",
                   value: x,
                   onChange: (k) => {
-                    c(k.target.value);
+                    l(k.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -1601,7 +1627,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
-                  value: p,
+                  value: h,
                   onChange: (k) => {
                     T(k.target.value);
                   },
@@ -1614,9 +1640,9 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   className: "mt-2",
                   size: "small",
                   noBorder: !0,
-                  disabled: f.loadingLocation,
-                  onClick: j,
-                  children: f.loadingLocation ? "Detecting..." : "Auto-detect"
+                  disabled: p.loadingLocation,
+                  onClick: D,
+                  children: p.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
@@ -1626,22 +1652,22 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
     }
   );
 }, _r = () => {
-  const { logout: t } = $(), { state: a } = he(Pe), [o, n] = E(!1), [r, l] = E(!1), [s, d] = E(!1), [u, h] = E(!1), [f, b] = E(!1), x = () => {
+  const { logout: t } = F(), { state: a } = he(Oe), [o, n] = C(!1), [r, c] = C(!1), [s, d] = C(!1), [u, f] = C(!1), [p, b] = C(!1), x = () => {
     n(!o);
-  }, c = () => {
-    l(!r);
-  }, p = () => {
+  }, l = () => {
+    c(!r);
+  }, h = () => {
     d(!s);
   }, T = () => {
-    h(!u);
-  }, C = () => {
-    b(!f);
+    f(!u);
+  }, E = () => {
+    b(!p);
   };
   return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(
-      Oe,
+      Pe,
       {
-        showConfirmation: f,
+        showConfirmation: p,
         setShowConfirmation: b,
         action: t,
         customStrings: {
@@ -1653,10 +1679,10 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
       }
     ),
     /* @__PURE__ */ e(jt, { open: o, onOpenChange: n }),
-    /* @__PURE__ */ e(Nr, { open: r, onOpenChange: l }),
+    /* @__PURE__ */ e(Nr, { open: r, onOpenChange: c }),
     s && /* @__PURE__ */ e(Ut, { open: s, onOpenChange: d }),
-    /* @__PURE__ */ e(Vt, { open: u, 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(
+    /* @__PURE__ */ e(Vt, { open: u, onOpenChange: f }),
+    /* @__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(O, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
       wt,
       {
         label: "Profile, Settings, etc.",
@@ -1667,7 +1693,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           {
             mode: "dark",
             focusMode: "light",
-            trigger: /* @__PURE__ */ e(ae, { label: "Settings", children: /* @__PURE__ */ e(Ht, {}) }),
+            trigger: /* @__PURE__ */ e(oe, { label: "Settings", children: /* @__PURE__ */ e(Ht, {}) }),
             defaultPlacement: "bottom-end",
             children: [
               /* @__PURE__ */ e(
@@ -1682,7 +1708,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                 re,
                 {
                   label: "Settings",
-                  onClick: c,
+                  onClick: l,
                   icon: /* @__PURE__ */ e(Dt, {})
                 }
               ),
@@ -1690,8 +1716,8 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                 re,
                 {
                   label: "History",
-                  onClick: p,
-                  icon: /* @__PURE__ */ e(Ot, {})
+                  onClick: h,
+                  icon: /* @__PURE__ */ e(Pt, {})
                 }
               ),
               /* @__PURE__ */ e(
@@ -1699,7 +1725,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                 {
                   label: "About",
                   onClick: T,
-                  icon: /* @__PURE__ */ e(Pt, {})
+                  icon: /* @__PURE__ */ e(Ot, {})
                 }
               ),
               a && a.id && !a.isComponent && /* @__PURE__ */ i(z, { children: [
@@ -1708,7 +1734,7 @@ const pr = "av-toggle", fr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   re,
                   {
                     label: "Log out",
-                    onClick: C,
+                    onClick: E,
                     icon: /* @__PURE__ */ e("div", { className: "text-red-700", children: /* @__PURE__ */ e(Lt, { monotone: !0 }) })
                   }
                 )