@versini/sassysaint 6.4.1 → 6.5.0

package/dist/chunks/{index.B2CHNioG.js → index.DLuWGDQG.js}

@@ -1,7 +1,7 @@
-import { jsxs as i, jsx as e, Fragment as z } from "react/jsx-runtime";
-import { f 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, te as oe, ACTION_RESET as Ze, 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, 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.CfjkM26U.js";
-import { i as me, useServerCapabilities as ft, Ye as ce, HistoryContext as Me, E as Ce, ConfirmationPanel as Pe, Ue as pt, Pe as gt, Fe as ge, Me as P, De as yt, We as bt, p as xt, z as kt, je as Ct, serviceCall as se, SERVICE_TYPES as le, B as te, AppContext as Oe, useChatsHistory as Et, useUserChatStats as Tt, useUserPreferences as ze, m as Nt, _e as wt, me as St, R as re, P as vt } from "./App.KB01Hp9h.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 { jsxs as i, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { f as V, un as $, 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 Je, te as oe, ACTION_RESET as Ze, 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, 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.wt2DggdA.js";
+import { i as me, useServerCapabilities as ft, Ye as ce, HistoryContext as Me, E as Ce, ConfirmationPanel as Pe, Ue as pt, Pe as gt, Fe as ge, Me as M, De as yt, We as bt, p as xt, z as kt, je as Ct, serviceCall as se, SERVICE_TYPES as le, B as te, AppContext as Oe, useChatsHistory as Et, useUserChatStats as Tt, useUserPreferences as ze, m as Nt, _e as St, me as wt, R as re, P as vt } from "./App.BBj6mtsk.js";
+import At, { useRef as v, useState as C, useContext as he, useCallback as Be, useEffect as F, 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,
@@ -202,43 +202,43 @@ const Lt = ({
       /* @__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" })
     ]
   }
-), $t = () => {
-  const { getAccessToken: t } = F(), a = me(), o = me(), {
+), Vt = () => {
+  const { getAccessToken: t } = $(), a = me(), o = me(), {
     data: n,
     error: r,
     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: [
+  }), 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(
-      B,
+      z,
       {
         header: N.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: de(a, {
-          [N.ABOUT.VERSION]: "6.4.1",
-          [N.ABOUT.BUILD_TIMESTAMP]: "01/27/2025 07:38 AM EST"
+          [N.ABOUT.VERSION]: "6.5.0",
+          [N.ABOUT.BUILD_TIMESTAMP]: "01/29/2025 11:43 AM EST"
         })
       }
     ) }),
     r || c ? null : /* @__PURE__ */ e(
-      B,
+      z,
       {
         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((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)) })
+          [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)) })
         })
       }
     )
   ] });
-}, Vt = ({
+}, $t = ({
   open: t,
   onOpenChange: a
-}) => /* @__PURE__ */ e(ce, { 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(Vt, {}) }), Ft = async (t, a, o, n) => {
   try {
     const r = await se({
       accessToken: n,
@@ -266,23 +266,23 @@ const Lt = ({
   onOpenChange: o,
   mutate: n
 }) => {
-  var A;
-  const { user: r, getAccessToken: c } = F(), s = S(null), d = S({
+  var I;
+  const { user: r, getAccessToken: c } = $(), s = v(null), d = v({
     id: 0,
     timestamp: "",
     message: ""
-  }), [u, f] = C(!1), [p, b] = C(
-    Se + ve
+  }), [m, f] = C(!1), [p, b] = C(
+    we + ve
   ), { state: x, dispatch: l } = he(Me), [, h] = Ce({
     key: ke + Je,
     initialValue: x.sortDirection
-  }), T = (m) => {
+  }), T = (u) => {
     switch (x.sortDirection) {
       case te.ASC:
         h(te.DESC), l({
           type: Ae,
           payload: {
-            sortedCell: m,
+            sortedCell: u,
             sortDirection: te.DESC
           }
         });
@@ -291,39 +291,39 @@ const Lt = ({
         h(te.ASC), l({
           type: Ae,
           payload: {
-            sortedCell: m,
+            sortedCell: u,
             sortDirection: te.ASC
           }
         });
         break;
     }
   }, E = async () => {
-    const m = d.current;
+    const u = d.current;
     try {
       await se({
         accessToken: await c(),
         type: le.DELETE_CHAT,
         params: {
           userId: (r == null ? void 0 : r.username) || "",
-          id: m.id
+          id: u.id
         }
       }), n();
     } catch {
     }
-  }, g = Be((m) => {
-    m[0].isIntersecting && b((I) => I + Se);
+  }, g = Be((u) => {
+    u[0].isIntersecting && b((R) => R + we);
   }, []);
-  return H(() => {
-    const m = {
+  return F(() => {
+    const u = {
       // root: null,
       rootMargin: "20px"
-    }, w = new IntersectionObserver(g, m);
+    }, w = new IntersectionObserver(g, u);
     s.current && w.observe(s.current);
-  }), /* @__PURE__ */ i(z, { children: [
+  }), /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ i(
       Pe,
       {
-        showConfirmation: u,
+        showConfirmation: m,
         setShowConfirmation: f,
         action: E,
         customStrings: {
@@ -342,7 +342,7 @@ const Lt = ({
             /* @__PURE__ */ i("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: (A = d.current) == null ? void 0 : A.message })
+              /* @__PURE__ */ e("span", { className: "text-lg", children: (I = d.current) == null ? void 0 : I.message })
             ] })
           ] })
         ]
@@ -350,7 +350,7 @@ const Lt = ({
     ),
     /* @__PURE__ */ i(pt, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
       /* @__PURE__ */ e(gt, { children: /* @__PURE__ */ i(ge, { children: [
-        /* @__PURE__ */ e(P, { className: "sr-only", children: "Row" }),
+        /* @__PURE__ */ e(M, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ e(
           yt,
           {
@@ -365,49 +365,50 @@ const Lt = ({
             children: "Date"
           }
         ),
-        /* @__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(M, { className: "text-xs sm:text-sm", children: "Summary" }),
+        /* @__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(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: [
+      /* @__PURE__ */ e(bt, { 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(It, { children: [
           w === p - ve && /* @__PURE__ */ e("tr", { ref: s }),
           /* @__PURE__ */ i(ge, { children: [
-            /* @__PURE__ */ e(P, { children: w + 1 }),
+            /* @__PURE__ */ e(M, { children: w + 1 }),
             /* @__PURE__ */ e(
-              P,
+              M,
               {
                 component: "th",
                 scope: "row",
                 className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-                children: m.timestamp.split(",")[0]
+                children: u.timestamp.split(",")[0]
               }
             ),
             /* @__PURE__ */ e(
-              P,
+              M,
               {
                 className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                 style: {
                   wordBreak: "break-word"
                 },
-                children: m.messages.length > 0 ? (D = m.messages[0]) == null ? void 0 : D.content : ""
+                children: R
               }
             ),
             /* @__PURE__ */ i(
-              P,
+              M,
               {
                 component: "th",
                 scope: "row",
                 className: "text-gray-400",
                 align: "center",
                 children: [
-                  m.model && m.model.startsWith("claude") && /* @__PURE__ */ e(xt, { size: "size-4 sm:size-5" }),
-                  m.model && m.model.startsWith("gpt") && /* @__PURE__ */ e(kt, { size: "size-4 sm:size-5" })
+                  u.model && u.model.startsWith("claude") && /* @__PURE__ */ e(xt, { size: "size-4 sm:size-5" }),
+                  u.model && u.model.startsWith("gpt") && /* @__PURE__ */ e(kt, { size: "size-4 sm:size-5" })
                 ]
               }
             ),
-            /* @__PURE__ */ i(P, { align: "right", children: [
+            /* @__PURE__ */ i(M, { align: "right", children: [
               /* @__PURE__ */ e(
                 oe,
                 {
@@ -416,12 +417,12 @@ const Lt = ({
                   noBorder: !0,
                   label: "Restore chat",
                   onClick: async () => {
-                    const L = await c();
+                    const S = await c();
                     Ft(
-                      m,
+                      u,
                       a,
                       o,
-                      L
+                      S
                     );
                   },
                   children: /* @__PURE__ */ e(Bt, { size: "size-3", monotone: !0 })
@@ -434,21 +435,21 @@ const Lt = ({
                   noBorder: !0,
                   label: "Delete chat",
                   onClick: () => {
-                    var L;
+                    var S;
                     d.current = {
-                      id: m.id,
-                      timestamp: m.timestamp,
-                      message: m.messages.length > 0 ? (L = m.messages[0]) == null ? void 0 : L.content : ""
-                    }, f(!u);
+                      id: u.id,
+                      timestamp: u.timestamp,
+                      message: u.messages.length > 0 ? (S = u.messages[0]) == null ? void 0 : S.content : ""
+                    }, f(!m);
                   },
                   children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Mt, { size: "size-3", monotone: !0 }) })
                 }
               )
             ] })
           ] })
-        ] }, `${N.HISTORY.TITLE}-${m.id}-${w}`) : null;
+        ] }, `${N.HISTORY.TITLE}-${u.id}-${w}`) : null;
       }) }),
-      /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(P, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ue(
+      /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(M, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ue(
         `${t.length} chat`,
         t.length
       ) }) }) }) })
@@ -458,7 +459,7 @@ const Lt = ({
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = F(), { state: r, dispatch: c } = he(Oe), { state: s, dispatch: d } = he(Me), { data: u, mutate: f } = Et({
+  const { getAccessToken: o, user: n } = $(), { state: r, dispatch: c } = he(Oe), { state: s, dispatch: d } = he(Me), { data: m, mutate: f } = Et({
     keys: [
       n == null ? void 0 : n.username,
       s.searchString,
@@ -466,13 +467,13 @@ const Lt = ({
       (r == null ? void 0 : r.lastTriggeredTimestamp) || 0
     ],
     getAccessToken: o
-  }), p = S(null), [, b] = Ce({
+  }), p = v(null), [, b] = Ce({
     key: ke + tt,
     initialValue: s.searchString
   }), [x, l] = C([]);
-  H(() => {
-    u && l(u);
-  }, [u]);
+  F(() => {
+    m && l(m);
+  }, [m]);
   const h = async (g) => {
     b(g), d({
       type: nt,
@@ -481,7 +482,7 @@ const Lt = ({
   }, T = at((g) => {
     h(g.target.value.trim());
   }, 500);
-  return /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: rt, children: /* @__PURE__ */ i(z, { children: [
+  return /* @__PURE__ */ e(ce, { open: t, onOpenChange: a, title: rt, children: /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (g) => {
       g.preventDefault();
     }, children: /* @__PURE__ */ e(
@@ -529,10 +530,10 @@ const Lt = ({
     ) })
   ] }) });
 }, Yt = ({ stats: t }) => {
-  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: [
+  const { isAuthenticated: a, user: o, registeringForPasskey: n, authenticationType: r } = $(), c = me(), s = me(), d = (o == null ? void 0 : o.username) || "";
+  return a && d ? /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e(
-      B,
+      z,
       {
         header: N.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
@@ -543,12 +544,12 @@ const Lt = ({
       }
     ),
     r !== ot.PASSKEY && /* @__PURE__ */ i(
-      B,
+      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(O, { children: /* @__PURE__ */ e(Ie, { size: "size-8" }) }),
-          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(Ie, { size: "size-8" }) }),
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
           /* @__PURE__ */ e("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
@@ -566,7 +567,7 @@ const Lt = ({
       }
     ),
     /* @__PURE__ */ e(
-      B,
+      z,
       {
         header: N.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter mt-4",
@@ -583,7 +584,7 @@ const Lt = ({
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = F(), {
+  const { getAccessToken: o, user: n } = $(), {
     data: r,
     error: c,
     isLoading: s
@@ -608,8 +609,8 @@ 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 H(() => (t.current = !0, () => {
+  const t = v(!1);
+  return F(() => (t.current = !0, () => {
     t.current = !1;
   }), []), Be(() => t.current, []);
 }
@@ -632,13 +633,13 @@ const Jt = {
   right: 0
 };
 function Re(t) {
-  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() && c(u.contentRect);
+  const a = qt(), o = v(0), n = v(null), [r, c] = C(Jt), s = He(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const m = d[0];
+    m && (cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
+      n.current && a() && c(m.contentRect);
     }));
   }), [a]);
-  return H(() => (n.current && (s == null || s.observe(n.current, t)), () => {
+  return F(() => (n.current && (s == null || s.observe(n.current, t)), () => {
     s == null || s.disconnect(), o.current && cancelAnimationFrame(o.current);
   }), [s, t]), [n, r];
 }
@@ -650,12 +651,12 @@ function Zt({
   },
   initialControlledDelay: r = 0
 }) {
-  const [c, s] = C(!1), [d, u] = C(
+  const [c, s] = C(!1), [d, m] = C(
     a !== void 0 ? a : o
   ), f = (p) => {
-    u(p), n == null || n(p);
+    m(p), n == null || n(p);
   };
-  return H(() => {
+  return F(() => {
     (async () => t !== void 0 && !c && r > 0 && (await new Promise(
       (p) => setTimeout(p, r)
     ), s(!0)))();
@@ -672,7 +673,7 @@ function er(t) {
     return typeof o == "number" || typeof o == "string" ? `${n}${o}` : `${n}${a}`;
   }
 }
-const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", tr = {
+const Ve = "SET_ANNOUNCEMENT", $e = "CLEAR_ANNOUNCEMENT", tr = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -682,12 +683,12 @@ const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", tr = {
   timer: "assertive"
 }, rr = (t, a) => {
   switch (a == null ? void 0 : a.type) {
-    case $e:
+    case Ve:
       return {
         ...t,
         announcement: a.payload
       };
-    case Ve:
+    case $e:
       return {
         ...t,
         announcement: null
@@ -700,7 +701,7 @@ const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", tr = {
   dispatch: a
 }) => {
   a({
-    type: Ve
+    type: $e
   }), typeof t == "function" && t();
 }, Le = ({
   children: t,
@@ -710,7 +711,7 @@ const $e = "SET_ANNOUNCEMENT", Ve = "CLEAR_ANNOUNCEMENT", tr = {
   dispatch: r
 }) => {
   clearTimeout(o.current), t !== null && r({
-    type: $e,
+    type: Ve,
     payload: t
   }), a && (o.current = setTimeout(
     () => nr({
@@ -751,13 +752,13 @@ function or({
   clearAnnouncementDelay: c,
   onAnnouncementClear: s,
   visible: d,
-  ...u
+  ...m
 }) {
-  const f = S(null), p = S(null), [b, x] = Rt(rr, {
+  const f = v(null), p = v(null), [b, x] = Rt(rr, {
     announcement: null
   });
   let l = o;
-  typeof l > "u" && (l = n ? tr[n] : "assertive"), H(() => {
+  typeof l > "u" && (l = n ? tr[n] : "assertive"), F(() => {
     ar({
       announcementTimeoutRef: f,
       announcementDelay: r,
@@ -782,7 +783,7 @@ function or({
       "aria-live": l,
       ...n && { role: n },
       className: h,
-      ...u,
+      ...m,
       children: b.announcement
     }
   );
@@ -895,7 +896,7 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   noBorder: c,
   error: s,
   mode: d,
-  leftElement: u,
+  leftElement: m,
   rightElement: f
 }) => {
   const p = o ? t : y(
@@ -921,7 +922,7 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     error: s,
     mode: d,
     rightElement: f,
-    leftElement: u
+    leftElement: m
   }), h = ur({
     error: s,
     raw: o,
@@ -963,7 +964,7 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     className: c,
     textAreaClassName: s,
     mode: d = "system",
-    focusMode: u = "system",
+    focusMode: m = "system",
     value: f,
     defaultValue: p,
     disabled: b = !1,
@@ -973,75 +974,75 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOnFocus: T = !1,
     rightElement: E,
     leftElement: g,
-    onChange: A,
-    onFocus: m,
+    onChange: I,
+    onFocus: u,
     onBlur: w,
-    ...I
-  }, D) => {
-    var 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(
+    ...R
+  }, B) => {
+    var H;
+    const S = v(null), ie = Qt([B, S]), [k, _] = Re(), [Q, G] = Re(), K = v(80), U = v(-25), L = v(null), J = v(30), Z = v(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,
-      focusMode: u,
+      focusMode: m,
       disabled: b,
       noBorder: x,
       mode: d,
       rightElement: !!E,
       leftElement: !!g
-    }), [$, je] = Zt({
+    }), [D, je] = Zt({
       value: f,
       initialControlledDelay: 20,
       defaultValue: p,
-      onChange: (v) => {
-        A && A({
+      onChange: (A) => {
+        I && I({
           target: {
-            value: v
+            value: A
           }
         });
       }
-    }), Ke = (v) => {
-      je(v.target.value);
-    }, We = (v) => {
-      T && h && Ne(!0), m && m(v);
-    }, Xe = (v) => {
-      T && h && !$ && Ne(!1), w && w(v);
+    }), Ke = (A) => {
+      je(A.target.value);
+    }, We = (A) => {
+      T && h && Ne(!0), u && u(A);
+    }, Xe = (A) => {
+      T && h && !D && Ne(!1), w && w(A);
     };
     return ne(() => {
-      R && R.width && Fe(R.width + 18 + 10);
-    }, [R]), ne(() => {
+      _ && _.width && Fe(_.width + 18 + 10);
+    }, [_]), 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 || 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 v;
-        (v = M == null ? void 0 : M.current) == null || v.style.setProperty(
+        var A;
+        (A = L == null ? void 0 : L.current) == null || A.style.setProperty(
           "--av-text-area-wrapper-transition",
-          $ ? "none" : "all 0.2s ease-out"
+          D ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [$, r]), ne(() => {
-      var v, we;
-      if (!r && _ && _.current && $ !== void 0) {
+    }, [D, r]), ne(() => {
+      var A, Se;
+      if (!r && S && S.current && D !== void 0) {
         const { labelOffset: fe, helperTextOffset: pe, scrollHeight: qe } = hr({
-          scrollHeight: _.current.scrollHeight,
+          scrollHeight: S.current.scrollHeight,
           currentHeight: K.current,
           currentLabelOffset: U.current,
           currentHelperTextOffset: J.current
         });
-        fe && (U.current = fe, (v = M == null ? void 0 : M.current) == null || v.style.setProperty(
+        fe && (U.current = fe, (A = L == null ? void 0 : L.current) == null || A.style.setProperty(
           "--av-text-area-label",
           `${fe}px`
-        )), pe && (J.current = pe, (we = Z == null ? void 0 : Z.current) == null || we.style.setProperty(
+        )), pe && (J.current = pe, (Se = Z == null ? void 0 : Z.current) == null || Se.style.setProperty(
           "--av-text-area-helper-text",
           `${pe}px`
         )), K.current = qe || K.current;
       }
-    }, [$, r]), G.width > 0 && ((L = M == null ? void 0 : M.current) == null || L.style.setProperty(
+    }, [D, r]), G.width > 0 && ((H = L == null ? void 0 : L.current) == null || H.style.setProperty(
       "--tw-translate-x",
       `${12 + G.width + 5}px`
     )), /* @__PURE__ */ i("div", { className: j.wrapper, children: [
@@ -1082,17 +1083,17 @@ const sr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
               paddingLeft: Te
             }
           },
-          value: $,
+          value: D,
           onChange: Ke,
           onFocus: We,
           onBlur: Xe,
-          ...I
+          ...R
         }
       ),
       !r && /* @__PURE__ */ e(
         "label",
         {
-          ref: M,
+          ref: L,
           "aria-hidden": !0,
           htmlFor: Y,
           className: `${j.visibleLabel}`,
@@ -1212,14 +1213,14 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   mode: c = "system",
   focusMode: s = "system",
   className: d,
-  noBorder: u = !1
+  noBorder: m = !1
 }) => {
   const f = Er({
     mode: c,
     focusMode: s,
     labelHidden: n,
     className: d,
-    noBorder: u
+    noBorder: m
   }), p = (b) => {
     a == null || a(b.target.checked);
   };
@@ -1241,7 +1242,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = F(), {
+  const { getAccessToken: o, user: n } = $(), {
     data: r,
     error: c,
     isLoading: s,
@@ -1250,7 +1251,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
     keys: [n == null ? void 0 : n.username],
     getAccessToken: o,
     isPaused: !0
-  }), [u, f] = C({
+  }), [m, f] = C({
     prompts: []
   }), p = ({
     slot: l,
@@ -1259,22 +1260,20 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
     content: E,
     privateChat: g = !1
   }) => {
-    f((A) => {
-      const m = A.prompts, w = {
+    f((I) => {
+      const u = I.prompts, w = {
         slot: l,
         label: T,
         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]
+      }, R = u.findIndex((B) => B.slot === l);
+      return R === -1 ? {
+        ...I,
+        prompts: [...u, { ...w, slot: l }]
+      } : (u[R] = w, {
+        ...I,
+        prompts: [...u]
       });
     });
   }, b = async (l) => {
@@ -1285,7 +1284,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
         type: le.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
-          tags: u.prompts
+          tags: m.prompts
         }
       });
     } catch {
@@ -1293,11 +1292,9 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   }, x = () => {
     d({ ...r }), a(!1);
   };
-  return H(() => {
+  return F(() => {
     r != null && r.tags && f({ prompts: r.tags });
-  }, [r]), H(() => {
-    console.info(`==> [${Date.now()}] localPrompts: `, u);
-  }, [u]), c || s ? null : /* @__PURE__ */ i(
+  }, [r]), c || s ? null : /* @__PURE__ */ i(
     ce,
     {
       open: t,
@@ -1310,7 +1307,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
@@ -1320,7 +1317,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
@@ -1337,14 +1334,14 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
       ),
       children: [
         /* @__PURE__ */ e("p", { children: ct }),
-        u.prompts && u.prompts.map((l) => /* @__PURE__ */ i(
-          B,
+        m.prompts && m.prompts.map((l) => /* @__PURE__ */ i(
+          z,
           {
             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(O, { span: 12, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
                   be,
                   {
                     label: "Label",
@@ -1360,7 +1357,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(O, { span: 12, children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(P, { span: 12, children: /* @__PURE__ */ e(
                   be,
                   {
                     label: "Content",
@@ -1425,7 +1422,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   open: t,
   onOpenChange: a
 }) => {
-  const { getAccessToken: o, user: n } = F(), {
+  const { getAccessToken: o, user: n } = $(), {
     data: r,
     error: c,
     isLoading: s,
@@ -1433,14 +1430,14 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
   } = ze({
     keys: [n == null ? void 0 : n.username],
     getAccessToken: o
-  }), [u, f] = C(!1), [p, b] = C({
+  }), [m, f] = C(!1), [p, b] = C({
     loadingLocation: !1
-  }), [x, l] = C(""), [h, T] = C(""), [E, g] = C(it), [A, m] = Ce({
+  }), [x, l] = C(""), [h, T] = C(""), [E, g] = C(it), [I, u] = Ce({
     key: ke + dt,
     initialValue: !1
   }), w = (k) => {
-    m(k);
-  }, I = async (k) => {
+    u(k);
+  }, R = async (k) => {
     k.preventDefault();
     try {
       await se({
@@ -1457,21 +1454,21 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
       });
     } catch {
     }
-  }, D = async () => {
+  }, B = async () => {
     b({
       loadingLocation: !0
     }), T("...");
     try {
-      const k = Date.now(), R = await ht(), Q = await se({
+      const k = Date.now(), _ = await ht(), Q = await se({
         accessToken: await o(),
         type: le.GET_LOCATION,
         params: {
-          latitude: R.latitude,
-          longitude: R.longitude
+          latitude: _.latitude,
+          longitude: _.longitude
         }
       }), K = Date.now() - k;
       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;
+        const { city: U, state: L, country: J, displayName: Z } = Q.data, Y = U && L && J ? `${U}, ${L}, ${J}` : Z;
         b({
           loadingLocation: !1
         }), T(Y);
@@ -1481,14 +1478,14 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
         });
     } catch {
     }
-  }, L = (k, R) => {
-    g(k ? R : R === W ? ee : W);
-  }, _ = () => {
-    f(!u);
+  }, H = (k, _) => {
+    g(k ? _ : _ === W ? ee : W);
+  }, S = () => {
+    f(!m);
   }, ie = () => {
     d({ ...r }), a(!1);
   };
-  return H(() => {
+  return F(() => {
     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,
@@ -1503,7 +1500,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
@@ -1513,14 +1510,14 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
               X,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
                 onClick: async (k) => {
-                  a(!1), await I(k);
+                  a(!1), await R(k);
                 },
                 children: "Save"
               }
@@ -1528,10 +1525,10 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           ]
         }
       ),
-      children: /* @__PURE__ */ i(z, { children: [
-        u && /* @__PURE__ */ e(Tr, { open: u, onOpenChange: f }),
+      children: /* @__PURE__ */ i(O, { children: [
+        m && /* @__PURE__ */ e(Tr, { open: m, onOpenChange: f }),
         /* @__PURE__ */ i(
-          B,
+          z,
           {
             header: N.SETTINGS_ENGINE.TITLE,
             className: "prose-dark dark:prose-lighter",
@@ -1543,7 +1540,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   noBorder: !0,
                   label: W,
                   name: W,
-                  onChange: (k) => L(k, W),
+                  onChange: (k) => H(k, W),
                   checked: E === W
                 }
               ),
@@ -1554,7 +1551,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   noBorder: !0,
                   label: ee,
                   name: ee,
-                  onChange: (k) => L(k, ee),
+                  onChange: (k) => H(k, ee),
                   checked: E === ee
                 }
               ),
@@ -1567,7 +1564,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
                   onChange: w,
-                  checked: A
+                  checked: I
                 }
               ),
               /* @__PURE__ */ e("h3", { className: "border-b-2 border-slate-400", children: "Prompts" }),
@@ -1576,7 +1573,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                 {
                   className: "mt-2",
                   size: "small",
-                  onClick: _,
+                  onClick: S,
                   labelLeft: "Edit Custom Prompts",
                   children: /* @__PURE__ */ e(Nt, { size: "size-3", monotone: !0 })
                 }
@@ -1585,7 +1582,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           }
         ),
         /* @__PURE__ */ i(
-          B,
+          z,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -1615,7 +1612,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
           }
         ),
         /* @__PURE__ */ i(
-          B,
+          z,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -1641,7 +1638,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   size: "small",
                   noBorder: !0,
                   disabled: p.loadingLocation,
-                  onClick: D,
+                  onClick: B,
                   children: p.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
@@ -1652,18 +1649,18 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
     }
   );
 }, _r = () => {
-  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 = () => {
+  const { logout: t } = $(), { 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(!u);
+    f(!m);
   }, E = () => {
     b(!p);
   };
-  return /* @__PURE__ */ i(z, { children: [
+  return /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e(
       Pe,
       {
@@ -1681,15 +1678,15 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
     /* @__PURE__ */ e(jt, { open: o, onOpenChange: n }),
     /* @__PURE__ */ e(Nr, { open: r, onOpenChange: c }),
     s && /* @__PURE__ */ e(Ut, { open: s, onOpenChange: d }),
-    /* @__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,
+    /* @__PURE__ */ e($t, { open: m, 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(P, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+      St,
       {
         label: "Profile, Settings, etc.",
         mode: "light",
         placement: "left",
         trigger: /* @__PURE__ */ i(
-          St,
+          wt,
           {
             mode: "dark",
             focusMode: "light",
@@ -1728,7 +1725,7 @@ const fr = "av-toggle", pr = () => y("peer", "h-6", "w-11", "rounded-full"), gr
                   icon: /* @__PURE__ */ e(Ot, {})
                 }
               ),
-              a && a.id && !a.isComponent && /* @__PURE__ */ i(z, { children: [
+              a && a.id && !a.isComponent && /* @__PURE__ */ i(O, { children: [
                 /* @__PURE__ */ e(vt, {}),
                 /* @__PURE__ */ e(
                   re,