@versini/sassysaint 8.25.1 → 8.26.1

package/dist/chunks/{SettingsEntry.zQ7rDphM.js → SettingsEntry.BuQugXrn.js}

@@ -1,24 +1,24 @@
-import { jsxs as C, jsx as l } from "react/jsx-runtime";
-import { n as Te, LOCAL_STORAGE_PREFIX as Ne, LOCAL_STORAGE_CHAT_DETAILS as ve, SETTINGS_TITLE as we, S as G, CARDS as U, APP_NAME as _e, C as Z, PROMPTS_DESCRIPTION as Ce, L as Ae, j as ne, getCurrentGeoLocation as Ie } from "./index.Ryu4fNCl.js";
-import { useUserPreferences as Se, E as Le, rr as Re, mutateCall as le, SERVICE_TYPES as se } from "./App.BeMVpu5U.js";
-import Me, { useRef as w, useState as x, useLayoutEffect as $, useMemo as de, useEffect as V, useId as Oe, useReducer as De, useCallback as Pe } from "react";
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { n as ve, LOCAL_STORAGE_PREFIX as se, LOCAL_STORAGE_CHAT_DETAILS as _e, LOCAL_STORAGE_SERVICE_WORKER as we, isServiceWorkerEnabled as Ce, isStandaloneMode as Se, SETTINGS_TITLE as Ie, S as U, CARDS as P, APP_NAME as Ae, C as ae, PROMPTS_DESCRIPTION as Re, L as Le, j as ce, getCurrentGeoLocation as Oe, handleServiceWorkerToggle as Me } from "./index.lk6de5-T.js";
+import { useUserPreferences as De, E as ie, rr as Pe, mutateCall as de, SERVICE_TYPES as ue } from "./App.DbygaIrB.js";
+import Ge, { useRef as v, useState as y, useLayoutEffect as z, useMemo as pe, useEffect as j, useId as Be, useReducer as He, useCallback as Ve } from "react";
 import i from "clsx";
-const ue = "av-text-area", Be = "av-text-area-wrapper", ee = "av-text-area-helper-text", He = "av-text-area__control--right", Ge = "av-text-area__control--left";
-function Ue() {
-  const e = w(!1);
-  return V(() => (e.current = !0, () => {
+const he = "av-text-area", Ue = "av-text-area-wrapper", oe = "av-text-area-helper-text", $e = "av-text-area__control--right", Fe = "av-text-area__control--left";
+function We() {
+  const e = v(!1);
+  return j(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), Pe(() => e.current, []);
+  }), []), Ve(() => e.current, []);
 }
-function $e(e) {
-  return de(() => e.every((r) => r == null) ? () => {
+function ze(e) {
+  return pe(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((a) => {
       typeof a == "function" ? a(r) : a != null && (a.current = r);
     });
   }, [...e]);
 }
-const Ve = {
+const je = {
   x: 0,
   y: 0,
   width: 0,
@@ -28,18 +28,18 @@ const Ve = {
   bottom: 0,
   right: 0
 };
-function ce(e) {
-  const r = Ue(), a = w(0), o = w(null), [t, s] = x(Ve), c = de(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
-    const m = d[0];
-    m && (cancelAnimationFrame(a.current), a.current = requestAnimationFrame(() => {
-      o.current && r() && s(m.contentRect);
+function me(e) {
+  const r = We(), a = v(0), o = v(null), [t, s] = y(je), c = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const u = d[0];
+    u && (cancelAnimationFrame(a.current), a.current = requestAnimationFrame(() => {
+      o.current && r() && s(u.contentRect);
     }));
   }), [r]);
-  return V(() => (o.current && c?.observe(o.current, e), () => {
+  return j(() => (o.current && c?.observe(o.current, e), () => {
     c?.disconnect(), a.current && cancelAnimationFrame(a.current);
   }), [c, e]), [o, t];
 }
-function Fe({
+function Xe({
   value: e,
   defaultValue: r,
   finalValue: a,
@@ -47,19 +47,19 @@ function Fe({
   },
   initialControlledDelay: t = 0
 }) {
-  const [s, c] = x(!1), [d, m] = x(
+  const [s, c] = y(!1), [d, u] = y(
     r !== void 0 ? r : a
-  ), f = (h) => {
-    m(h), o?.(h);
+  ), m = (p) => {
+    u(p), o?.(p);
   };
-  return V(() => {
+  return j(() => {
     (async () => e !== void 0 && !s && t > 0 && (await new Promise(
-      (h) => setTimeout(h, t)
+      (p) => setTimeout(p, t)
     ), c(!0)))();
-  }, [e, t, s]), e !== void 0 ? !s && t > 0 ? ["", o, !0] : [e, o, !0] : [d, f, !1];
+  }, [e, t, s]), e !== void 0 ? !s && t > 0 ? ["", o, !0] : [e, o, !0] : [d, m, !1];
 }
-function ze(e) {
-  const r = Oe();
+function Ye(e) {
+  const r = Be();
   if (!e)
     return r;
   if (typeof e == "number" || typeof e == "string")
@@ -69,7 +69,7 @@ function ze(e) {
     return typeof a == "number" || typeof a == "string" ? `${o}${a}` : `${o}${r}`;
   }
 }
-const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", je = {
+const ge = "SET_ANNOUNCEMENT", ye = "CLEAR_ANNOUNCEMENT", qe = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -77,14 +77,14 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", je = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, Xe = (e, r) => {
+}, Ke = (e, r) => {
   switch (r?.type) {
-    case me:
+    case ge:
       return {
         ...e,
         announcement: r.payload
       };
-    case fe:
+    case ye:
       return {
         ...e,
         announcement: null
@@ -92,14 +92,14 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", je = {
     default:
       return e;
   }
-}, Ye = ({
+}, Qe = ({
   onAnnouncementClear: e,
   dispatch: r
 }) => {
   r({
-    type: fe
+    type: ye
   }), typeof e == "function" && e();
-}, ie = ({
+}, fe = ({
   children: e,
   clearAnnouncementDelay: r,
   clearAnnouncementTimeoutRef: a,
@@ -107,16 +107,16 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", je = {
   dispatch: t
 }) => {
   clearTimeout(a.current), e !== null && t({
-    type: me,
+    type: ge,
     payload: e
   }), r && (a.current = setTimeout(
-    () => Ye({
+    () => Qe({
       onAnnouncementClear: o,
       dispatch: t
     }),
     r
   ));
-}, qe = ({
+}, Je = ({
   children: e,
   announcementTimeoutRef: r,
   announcementDelay: a,
@@ -125,13 +125,13 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", je = {
   onAnnouncementClear: s,
   dispatch: c
 }) => {
-  clearTimeout(r.current), a ? r.current = setTimeout(ie, a, {
+  clearTimeout(r.current), a ? r.current = setTimeout(fe, a, {
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
     onAnnouncementClear: s,
     dispatch: c
-  }) : ie({
+  }) : fe({
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
@@ -139,7 +139,7 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", je = {
     dispatch: c
   });
 };
-function Ke({
+function Ze({
   children: e,
   className: r,
   politeness: a,
@@ -148,21 +148,21 @@ function Ke({
   clearAnnouncementDelay: s,
   onAnnouncementClear: c,
   visible: d,
-  ...m
+  ...u
 }) {
-  const f = w(null), h = w(null), [E, S] = De(Xe, {
+  const m = v(null), p = v(null), [k, A] = He(Ke, {
     announcement: null
   });
   let _ = a;
-  typeof _ > "u" && (_ = o ? je[o] : "assertive"), V(() => {
-    qe({
-      announcementTimeoutRef: f,
+  typeof _ > "u" && (_ = o ? qe[o] : "assertive"), j(() => {
+    Je({
+      announcementTimeoutRef: m,
       announcementDelay: t,
       children: e,
       clearAnnouncementDelay: s,
-      clearAnnouncementTimeoutRef: h,
+      clearAnnouncementTimeoutRef: p,
       onAnnouncementClear: c,
-      dispatch: S
+      dispatch: A
     });
   }, [
     e,
@@ -170,7 +170,7 @@ function Ke({
     s,
     c
   ]);
-  const p = i(r, {
+  const f = i(r, {
     "sr-only": !d
   });
   return /* @__PURE__ */ l(
@@ -178,9 +178,9 @@ function Ke({
     {
       "aria-live": _,
       ...o && { role: o },
-      className: p,
-      ...m,
-      children: E.announcement
+      className: f,
+      ...u,
+      children: k.announcement
     }
   );
 }
@@ -197,19 +197,19 @@ try {
   });
 } catch {
 }
-const We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Qe = ({ mode: e }) => i({
+const et = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", tt = ({ mode: e }) => i({
   "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
-}), Je = ({
+}), rt = ({
   focusMode: e
 }) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Ze = ({
+}), at = ({
   noBorder: e,
   error: r
 }) => i("border-2", {
@@ -217,7 +217,7 @@ const We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), et = ({
+}), ot = ({
   disabled: e,
   raw: r,
   error: a,
@@ -256,7 +256,7 @@ const We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-error-dark": o === "alt-system"
       }
     );
-}, tt = ({
+}, nt = ({
   error: e,
   raw: r,
   mode: a,
@@ -266,24 +266,24 @@ const We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return "";
   if (o)
     return i(
-      ee,
+      oe,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(ee, "absolute px-2 font-medium", {
+    return i(oe, "absolute px-2 font-medium", {
       "text-copy-medium": a === "dark",
       "text-copy-dark": a === "light",
       "text-copy-dark dark:text-copy-medium": a === "system",
       "text-copy-medium dark:text-copy-dark": a === "alt-system"
     });
   if (e)
-    return i(ee, "absolute px-2 font-medium", {
+    return i(oe, "absolute px-2 font-medium", {
       "text-copy-error-light": a === "dark",
       "text-copy-error-dark": a === "light",
       "text-copy-error-dark dark:text-copy-error-light": a === "system",
       "dark:text-copy-error-dark text-copy-error-light": a === "alt-system"
     });
-}, rt = ({
+}, lt = ({
   className: e,
   textAreaClassName: r,
   raw: a,
@@ -292,49 +292,49 @@ const We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   noBorder: s,
   error: c,
   mode: d,
-  leftElement: m,
-  rightElement: f
+  leftElement: u,
+  rightElement: m
 }) => {
-  const h = a ? e : i(
+  const p = a ? e : i(
     "relative flex w-full flex-col justify-center",
-    Be,
+    Ue,
     e
-  ), E = a ? i(r) : i(
-    ue,
+  ), k = a ? i(r) : i(
+    he,
     r,
-    We(),
-    Qe({ mode: d }),
-    Je({ focusMode: o }),
-    Ze({
+    et(),
+    tt({ mode: d }),
+    rt({ focusMode: o }),
+    at({
       noBorder: s,
       error: c
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": t
     }
-  ), S = a ? void 0 : "sr-only", _ = et({
+  ), A = a ? void 0 : "sr-only", _ = ot({
     disabled: t,
     raw: a,
     error: c,
     mode: d,
-    rightElement: f,
-    leftElement: m
-  }), p = tt({
+    rightElement: m,
+    leftElement: u
+  }), f = nt({
     error: c,
     raw: a,
     mode: d,
     disabled: t
-  }), L = a ? void 0 : i(He, "absolute"), T = a ? void 0 : i(Ge, "absolute");
+  }), R = a ? void 0 : i($e, "absolute"), x = a ? void 0 : i(Fe, "absolute");
   return {
-    wrapper: h,
-    textArea: E,
-    accessibleLabel: S,
+    wrapper: p,
+    textArea: k,
+    accessibleLabel: A,
     visibleLabel: _,
-    helperText: p,
-    rightElement: L,
-    leftElement: T
+    helperText: f,
+    rightElement: R,
+    leftElement: x
   };
-}, at = ({
+}, st = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: a = 0,
@@ -350,7 +350,7 @@ const We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOffset: s,
     scrollHeight: e
   };
-}, te = Me.forwardRef(
+}, ne = Ge.forwardRef(
   ({
     id: e,
     name: r,
@@ -360,164 +360,164 @@ const We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     className: s,
     textAreaClassName: c,
     mode: d = "system",
-    focusMode: m = "system",
-    value: f,
-    defaultValue: h,
-    disabled: E = !1,
-    noBorder: S = !1,
+    focusMode: u = "system",
+    value: m,
+    defaultValue: p,
+    disabled: k = !1,
+    noBorder: A = !1,
     labelId: _,
-    helperText: p = "",
-    helperTextOnFocus: L = !1,
-    rightElement: T,
-    leftElement: A,
-    onChange: H,
-    onFocus: F,
-    onBlur: z,
-    ...Y
-  }, q) => {
-    var j;
-    const N = w(null), K = $e([q, N]), [X, R] = ce(), [n, u] = ce(), I = w(80), D = w(-25), g = w(null), k = w(30), y = w(null), v = ze({ id: e, prefix: `${ue}-` }), [P, W] = x(0), [re, pe] = x(0), [he, ae] = x(
-      !!(!L && p)
-    ), ge = `${r} error, ${p}`, O = rt({
+    helperText: f = "",
+    helperTextOnFocus: R = !1,
+    rightElement: x,
+    leftElement: w,
+    onChange: $,
+    onFocus: X,
+    onBlur: F,
+    ...K
+  }, Q) => {
+    var Y;
+    const E = v(null), J = ze([Q, E]), [Z, B] = me(), [ee, L] = me(), H = v(80), V = v(-25), n = v(null), h = v(30), C = v(null), S = Ye({ id: e, prefix: `${he}-` }), [I, T] = y(0), [b, M] = y(0), [W, q] = y(
+      !!(!R && f)
+    ), be = `${r} error, ${f}`, D = lt({
       className: s,
       textAreaClassName: c,
       error: o,
       raw: t,
-      focusMode: m,
-      disabled: E,
-      noBorder: S,
+      focusMode: u,
+      disabled: k,
+      noBorder: A,
       mode: d,
-      rightElement: !!T,
-      leftElement: !!A
-    }), [M, ye] = Fe({
-      value: f,
+      rightElement: !!x,
+      leftElement: !!w
+    }), [O, ke] = Xe({
+      value: m,
       initialControlledDelay: 20,
-      defaultValue: h,
-      onChange: (b) => {
-        H && H({
+      defaultValue: p,
+      onChange: (g) => {
+        $ && $({
           target: {
-            value: b
+            value: g
           }
         });
       }
-    }), be = (b) => {
-      ye(b.target.value);
-    }, ke = (b) => {
-      L && p && ae(!0), F && F(b);
-    }, xe = (b) => {
-      L && p && !M && ae(!1), z && z(b);
+    }), xe = (g) => {
+      ke(g.target.value);
+    }, Ee = (g) => {
+      R && f && q(!0), X && X(g);
+    }, Te = (g) => {
+      R && f && !O && q(!1), F && F(g);
     };
-    return $(() => {
-      R && R.width && W(R.width + 18 + 10);
-    }, [R]), $(() => {
-      u && u.width && pe(u.width + 18 + 10);
-    }, [u]), $(() => {
-      t || N && N.current && M !== void 0 && (N.current.style.height = "inherit", N.current.style.height = N.current.scrollHeight + "px");
-    }, [M, t]), $(() => {
+    return z(() => {
+      B && B.width && T(B.width + 18 + 10);
+    }, [B]), z(() => {
+      L && L.width && M(L.width + 18 + 10);
+    }, [L]), z(() => {
+      t || E && E.current && O !== void 0 && (E.current.style.height = "inherit", E.current.style.height = E.current.scrollHeight + "px");
+    }, [O, t]), z(() => {
       t || setTimeout(() => {
-        var b;
-        (b = g?.current) == null || b.style.setProperty(
+        var g;
+        (g = n?.current) == null || g.style.setProperty(
           "--av-text-area-wrapper-transition",
-          M ? "none" : "all 0.2s ease-out"
+          O ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [M, t]), $(() => {
-      var b, oe;
-      if (!t && N && N.current && M !== void 0) {
-        const { labelOffset: Q, helperTextOffset: J, scrollHeight: Ee } = at({
-          scrollHeight: N.current.scrollHeight,
-          currentHeight: I.current,
-          currentLabelOffset: D.current,
-          currentHelperTextOffset: k.current
+    }, [O, t]), z(() => {
+      var g, le;
+      if (!t && E && E.current && O !== void 0) {
+        const { labelOffset: te, helperTextOffset: re, scrollHeight: Ne } = st({
+          scrollHeight: E.current.scrollHeight,
+          currentHeight: H.current,
+          currentLabelOffset: V.current,
+          currentHelperTextOffset: h.current
         });
-        Q && (D.current = Q, (b = g?.current) == null || b.style.setProperty(
+        te && (V.current = te, (g = n?.current) == null || g.style.setProperty(
           "--av-text-area-label",
-          `${Q}px`
-        )), J && (k.current = J, (oe = y?.current) == null || oe.style.setProperty(
+          `${te}px`
+        )), re && (h.current = re, (le = C?.current) == null || le.style.setProperty(
           "--av-text-area-helper-text",
-          `${J}px`
-        )), I.current = Ee || I.current;
+          `${re}px`
+        )), H.current = Ne || H.current;
       }
-    }, [M, t]), u.width > 0 && ((j = g?.current) == null || j.style.setProperty(
+    }, [O, t]), L.width > 0 && ((Y = n?.current) == null || Y.style.setProperty(
       "--tw-translate-x",
-      `${12 + u.width + 5}px`
-    )), /* @__PURE__ */ C("div", { className: O.wrapper, children: [
+      `${12 + L.width + 5}px`
+    )), /* @__PURE__ */ N("div", { className: D.wrapper, children: [
       /* @__PURE__ */ l(
         "label",
         {
-          htmlFor: v,
+          htmlFor: S,
           id: _,
-          className: O.accessibleLabel,
+          className: D.accessibleLabel,
           children: a
         }
       ),
-      A && /* @__PURE__ */ l(
+      w && /* @__PURE__ */ l(
         "div",
         {
-          ref: n,
-          className: O.leftElement,
-          children: A
+          ref: ee,
+          className: D.leftElement,
+          children: w
         }
       ),
       /* @__PURE__ */ l(
         "textarea",
         {
-          ref: K,
-          id: v,
+          ref: J,
+          id: S,
           name: r,
-          disabled: E,
+          disabled: k,
           placeholder: t ? void 0 : " ",
-          className: O.textArea,
+          className: D.textArea,
           rows: 1,
-          ...p && { "aria-describedby": `${v}-helper` },
+          ...f && { "aria-describedby": `${S}-helper` },
           ...o && { "aria-invalid": "true" },
-          ...T && !A && !t && { style: { paddingRight: P } },
-          ...A && !T && !t && { style: { paddingLeft: re } },
-          ...T && A && !t && {
+          ...x && !w && !t && { style: { paddingRight: I } },
+          ...w && !x && !t && { style: { paddingLeft: b } },
+          ...x && w && !t && {
             style: {
-              paddingRight: P,
-              paddingLeft: re
+              paddingRight: I,
+              paddingLeft: b
             }
           },
-          value: M,
-          onChange: be,
-          onFocus: ke,
-          onBlur: xe,
-          ...Y
+          value: O,
+          onChange: xe,
+          onFocus: Ee,
+          onBlur: Te,
+          ...K
         }
       ),
       !t && /* @__PURE__ */ l(
         "label",
         {
-          ref: g,
+          ref: n,
           "aria-hidden": !0,
-          htmlFor: v,
-          className: `${O.visibleLabel}`,
+          htmlFor: S,
+          className: `${D.visibleLabel}`,
           children: a
         }
       ),
-      he && /* @__PURE__ */ l(
+      W && /* @__PURE__ */ l(
         "div",
         {
-          ref: y,
-          id: `${v}-helper`,
-          className: O.helperText,
-          children: p
+          ref: C,
+          id: `${S}-helper`,
+          className: D.helperText,
+          children: f
         }
       ),
-      T && /* @__PURE__ */ l(
+      x && /* @__PURE__ */ l(
         "div",
         {
-          ref: X,
-          className: O.rightElement,
-          children: T
+          ref: Z,
+          className: D.rightElement,
+          children: x
         }
       ),
-      o && p && /* @__PURE__ */ l(Ke, { politeness: "polite", clearAnnouncementDelay: 500, children: ge })
+      o && f && /* @__PURE__ */ l(Ze, { politeness: "polite", clearAnnouncementDelay: 500, children: be })
     ] });
   }
 );
-te.displayName = "TextArea";
+ne.displayName = "TextArea";
 /*!
   @versini/ui-textarea v4.0.5
   © 2025 gizmette.com
@@ -531,7 +531,7 @@ try {
   });
 } catch {
 }
-const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), lt = ({
+const ct = "av-toggle", it = () => i("peer", "h-6", "w-11", "rounded-full"), dt = ({
   focusMode: e
 }) => i(
   "peer-focus:outline",
@@ -543,14 +543,14 @@ const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), lt
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": e === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": e === "system"
   }
-), st = () => i(
+), ut = () => i(
   "peer-checked:after:translate-x-full",
   // background color when checked
   "peer-checked:bg-violet-500",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), ct = () => i(
+), mt = () => i(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -562,7 +562,7 @@ const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), lt
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), it = ({
+), ft = ({
   mode: e,
   noBorder: r
 }) => i({
@@ -571,7 +571,7 @@ const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), lt
   "border-border-light bg-surface-darker": e === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), dt = ({
+}), pt = ({
   mode: e,
   labelHidden: r
 }) => r ? "sr-only" : i("ml-2 text-sm", {
@@ -579,11 +579,11 @@ const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), lt
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), ut = ({ className: e }) => i(
-  ot,
+}), ht = ({ className: e }) => i(
+  ct,
   "relative flex cursor-pointer items-center",
   e
-), mt = ({
+), gt = ({
   mode: e,
   focusMode: r,
   labelHidden: a,
@@ -591,16 +591,16 @@ const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), lt
   noBorder: t
 }) => ({
   toggle: i(
-    nt(),
-    it({ mode: e, noBorder: t }),
-    lt({ focusMode: r }),
-    ct(),
-    st()
+    it(),
+    ft({ mode: e, noBorder: t }),
+    dt({ focusMode: r }),
+    mt(),
+    ut()
   ),
-  label: dt({ mode: e, labelHidden: a }),
+  label: pt({ mode: e, labelHidden: a }),
   input: "peer sr-only",
-  wrapper: ut({ className: o })
-}), B = ({
+  wrapper: ht({ className: o })
+}), G = ({
   checked: e = !1,
   onChange: r,
   label: a,
@@ -609,30 +609,30 @@ const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), lt
   mode: s = "system",
   focusMode: c = "system",
   className: d,
-  noBorder: m = !1
+  noBorder: u = !1
 }) => {
-  const f = mt({
+  const m = gt({
     mode: s,
     focusMode: c,
     labelHidden: o,
     className: d,
-    noBorder: m
-  }), h = (E) => {
-    r?.(E.target.checked);
+    noBorder: u
+  }), p = (k) => {
+    r?.(k.target.checked);
   };
-  return /* @__PURE__ */ C("label", { className: f.wrapper, children: [
+  return /* @__PURE__ */ N("label", { className: m.wrapper, children: [
     /* @__PURE__ */ l(
       "input",
       {
         name: t,
         checked: e,
         type: "checkbox",
-        className: f.input,
-        onChange: h
+        className: m.input,
+        onChange: p
       }
     ),
-    /* @__PURE__ */ l("div", { className: f.toggle }),
-    /* @__PURE__ */ l("span", { className: f.label, children: a })
+    /* @__PURE__ */ l("div", { className: m.toggle }),
+    /* @__PURE__ */ l("span", { className: m.label, children: a })
   ] });
 };
 /*!
@@ -648,133 +648,138 @@ try {
   });
 } catch {
 }
-const bt = ({
+const Tt = ({
   open: e,
   onOpenChange: r
 }) => {
-  const { getAccessToken: a, user: o } = Te(), {
+  const { getAccessToken: a, user: o } = ve(), {
     data: t,
     isSuccess: s,
     refetch: c
-  } = Se({
+  } = De({
     user: o?.username,
     getAccessToken: a
-  }), [d, m] = x({
+  }), [d, u] = y({
     loadingLocation: !1
-  }), [f, h] = x({
+  }), [m, p] = y({
     prompts: []
-  }), [E, S] = x(""), [_, p] = x(""), [L, T] = x(!1), [A, H] = x(!1), [F, z] = Le({
-    key: Ne + ve,
+  }), [k, A] = y(""), [_, f] = y(""), [R, x] = y(!1), [w, $] = y(!1), [X, F] = y(!1), [K, Q] = ie({
+    key: se + _e,
+    initialValue: !1
+  }), [, Y] = ie({
+    key: se + we,
     initialValue: !1
-  }), Y = (n) => {
-    z(n);
-  }, q = (n) => {
-    T(n);
-  }, j = (n) => {
-    H(n);
-  }, N = async (n) => {
+  }), E = (n) => {
+    Q(n);
+  }, J = (n) => {
+    x(n);
+  }, Z = (n) => {
+    $(n);
+  }, B = async (n) => {
+    Y(n), F(n), await Me(n);
+  }, ee = async (n) => {
     n.preventDefault();
     try {
-      await le({
+      await de({
         accessToken: await a(),
-        type: se.SET_USER_PREFERENCES,
+        type: ue.SET_USER_PREFERENCES,
         params: {
           user: o?.username,
-          instructions: E,
+          instructions: k,
           location: _,
           provider: t?.provider,
-          tags: f.prompts,
-          sendOnEnter: L,
-          useMemory: A
+          tags: m.prompts,
+          sendOnEnter: R,
+          useMemory: w
         }
-      }), c(), m({
+      }), c(), u({
         loadingLocation: !1
       });
     } catch {
     }
-  }, K = async () => {
-    m({
+  }, L = async () => {
+    u({
       loadingLocation: !0
-    }), p("...");
+    }), f("...");
     try {
-      const n = Date.now(), u = await Ie(), I = await le({
+      const n = Date.now(), h = await Oe(), C = await de({
         accessToken: await a(),
-        type: se.GET_LOCATION,
+        type: ue.GET_LOCATION,
         params: {
-          latitude: u.latitude,
-          longitude: u.longitude
+          latitude: h.latitude,
+          longitude: h.longitude
         }
-      }), g = Date.now() - n;
-      if (g < 2e3 && await new Promise((k) => setTimeout(k, 2e3 - g)), I.status === 200) {
-        const { city: k, state: y, country: v, displayName: P } = I.data, W = k && y && v ? `${k}, ${y}, ${v}` : P;
-        m({
+      }), I = Date.now() - n;
+      if (I < 2e3 && await new Promise((T) => setTimeout(T, 2e3 - I)), C.status === 200) {
+        const { city: T, state: b, country: M, displayName: W } = C.data, q = T && b && M ? `${T}, ${b}, ${M}` : W;
+        u({
           loadingLocation: !1
-        }), p(W);
+        }), f(q);
       } else
-        m({
+        u({
           loadingLocation: !1
         });
     } catch {
     }
-  }, X = () => {
+  }, H = () => {
     c(), r(!1);
-  }, R = ({
+  }, V = ({
     enabled: n = !1,
-    privateChat: u = !1,
-    clipboardAccess: I = !1,
-    ...D
+    privateChat: h = !1,
+    clipboardAccess: C = !1,
+    ...S
   }) => {
-    h((g) => {
-      const k = g.prompts, y = {
-        ...D,
+    p((I) => {
+      const T = I.prompts, b = {
+        ...S,
         enabled: n,
-        privateChat: u,
-        clipboardAccess: I
+        privateChat: h,
+        clipboardAccess: C
       };
-      I ? y.content = y.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : y.content = y.content.replace(/{{clipboard}}/g, "");
-      const v = k.findIndex((P) => P.slot === D.slot);
-      return v === -1 ? {
-        ...g,
-        prompts: [...k, { ...y }]
-      } : (k[v] = y, {
-        ...g,
-        prompts: [...k]
+      C ? b.content = b.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : b.content = b.content.replace(/{{clipboard}}/g, "");
+      const M = T.findIndex((W) => W.slot === S.slot);
+      return M === -1 ? {
+        ...I,
+        prompts: [...T, { ...b }]
+      } : (T[M] = b, {
+        ...I,
+        prompts: [...T]
       });
     });
   };
-  return V(() => {
-    t?.instructions && S(t.instructions), t?.location && p(t.location), t?.tags && h({ prompts: t.tags }), t?.sendOnEnter !== void 0 && T(t.sendOnEnter), t?.useMemory !== void 0 && H(t.useMemory);
-  }, [t]), s ? /* @__PURE__ */ C(
-    Re,
+  return j(() => {
+    t?.instructions && A(t.instructions), t?.location && f(t.location), t?.tags && p({ prompts: t.tags }), t?.sendOnEnter !== void 0 && x(t.sendOnEnter), t?.useMemory !== void 0 && $(t.useMemory), F(Ce());
+  }, [t]), s ? /* @__PURE__ */ N(
+    Pe,
     {
       open: e,
-      onOpenChange: X,
-      title: we,
-      footer: /* @__PURE__ */ C(
-        Ae,
+      onOpenChange: H,
+      title: Ie,
+      footer: /* @__PURE__ */ N(
+        Le,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ l(ne, { children: /* @__PURE__ */ l(
-              Z,
+            /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ l(
+              ae,
               {
                 mode: "dark",
                 variant: "secondary",
                 focusMode: "light",
-                onClick: X,
+                onClick: H,
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ l(ne, { children: /* @__PURE__ */ l(
-              Z,
+            /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ l(
+              ae,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
                 onClick: async (n) => {
-                  r(!1), await N(n);
+                  r(!1), await ee(n);
                 },
                 children: "Save"
               }
@@ -783,64 +788,64 @@ const bt = ({
         }
       ),
       children: [
-        /* @__PURE__ */ C(
-          G,
+        /* @__PURE__ */ N(
+          U,
           {
-            header: U.SETTINGS_DETAILS.TITLE,
+            header: P.SETTINGS_DETAILS.TITLE,
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ l("p", { className: "text-sm", children: U.SETTINGS_DETAILS.DETAILS }),
+              /* @__PURE__ */ l("p", { className: "text-sm", children: P.SETTINGS_DETAILS.DETAILS }),
               /* @__PURE__ */ l(
-                B,
+                G,
                 {
                   className: "mt-2",
                   noBorder: !0,
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
-                  onChange: Y,
-                  checked: F
+                  onChange: E,
+                  checked: K
                 }
               ),
-              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: U.SETTINGS_DETAILS.SEND_ON_ENTER }),
+              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.SEND_ON_ENTER }),
               /* @__PURE__ */ l(
-                B,
+                G,
                 {
                   className: "mt-2",
                   noBorder: !0,
                   label: "Send Message on Enter",
                   name: "send-message-on-enter",
-                  onChange: q,
-                  checked: L
+                  onChange: J,
+                  checked: R
                 }
               ),
-              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: U.SETTINGS_DETAILS.USE_MEMORY }),
+              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.USE_MEMORY }),
               /* @__PURE__ */ l(
-                B,
+                G,
                 {
                   className: "mt-2",
                   noBorder: !0,
                   label: "Use Memory",
                   name: "use-memory",
-                  onChange: j,
-                  checked: A
+                  onChange: Z,
+                  checked: w
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ C(
-          G,
+        /* @__PURE__ */ N(
+          U,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ C("p", { className: "text-sm", children: [
+              /* @__PURE__ */ N("p", { className: "text-sm", children: [
                 "What would you like ",
-                /* @__PURE__ */ l("em", { children: _e }),
+                /* @__PURE__ */ l("em", { children: Ae }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ l(
-                te,
+                ne,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -848,9 +853,9 @@ const bt = ({
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: E,
+                  value: k,
                   onChange: (n) => {
-                    S(n.target.value);
+                    A(n.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -858,42 +863,63 @@ const bt = ({
             ]
           }
         ),
-        /* @__PURE__ */ C(G, { header: "Location", className: "prose-dark dark:prose-lighter mt-4", children: [
+        /* @__PURE__ */ N(U, { header: "Location", className: "prose-dark dark:prose-lighter mt-4", children: [
           /* @__PURE__ */ l("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
           /* @__PURE__ */ l(
-            te,
+            ne,
             {
               mode: "alt-system",
               name: "location",
               label: "Location",
               value: _,
               onChange: (n) => {
-                p(n.target.value);
+                f(n.target.value);
               },
               helperText: "Enter your location or press auto-detect."
             }
           ),
           /* @__PURE__ */ l(
-            Z,
+            ae,
             {
               className: "mt-2",
               size: "small",
               noBorder: !0,
               disabled: d.loadingLocation,
-              onClick: K,
+              onClick: L,
               children: d.loadingLocation ? "Detecting..." : "Auto-detect"
             }
           )
         ] }),
-        /* @__PURE__ */ C(
-          G,
+        Se() && /* @__PURE__ */ N(
+          U,
           {
-            header: U.SETTINGS_PROMPTS.TITLE,
+            header: P.SETTINGS_CACHING.TITLE,
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ l("p", { className: "text-sm", children: Ce }),
-              f.prompts && f.prompts.slice(0, 3).map((n) => /* @__PURE__ */ C(
+              /* @__PURE__ */ l("p", { className: "text-sm", children: P.SETTINGS_CACHING.DESCRIPTION }),
+              /* @__PURE__ */ l(
                 G,
+                {
+                  className: "mt-2",
+                  noBorder: !0,
+                  label: "Enable App Caching",
+                  name: "enable-service-worker",
+                  onChange: B,
+                  checked: X
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ N(
+          U,
+          {
+            header: P.SETTINGS_PROMPTS.TITLE,
+            className: "prose-dark dark:prose-lighter mt-4",
+            children: [
+              /* @__PURE__ */ l("p", { className: "text-sm", children: Re }),
+              m.prompts && m.prompts.slice(0, 3).map((n) => /* @__PURE__ */ N(
+                U,
                 {
                   mode: "dark",
                   noBorder: !0,
@@ -902,51 +928,51 @@ const bt = ({
                   children: [
                     /* @__PURE__ */ l("p", { className: "text-sm", children: n.description }),
                     /* @__PURE__ */ l(
-                      B,
+                      G,
                       {
                         mode: "dark",
                         className: "mt-2",
                         noBorder: !0,
                         label: "Enabled",
                         name: n.slot.toString(),
-                        onChange: (u) => {
-                          R({
+                        onChange: (h) => {
+                          V({
                             ...n,
-                            enabled: u
+                            enabled: h
                           });
                         },
                         checked: n.enabled
                       }
                     ),
                     /* @__PURE__ */ l(
-                      B,
+                      G,
                       {
                         mode: "dark",
                         className: "mt-2",
                         noBorder: !0,
                         label: "Private Chat",
                         name: `private-${n.slot.toString()}`,
-                        onChange: (u) => {
-                          R({
+                        onChange: (h) => {
+                          V({
                             ...n,
-                            privateChat: u
+                            privateChat: h
                           });
                         },
                         checked: n.privateChat
                       }
                     ),
                     /* @__PURE__ */ l(
-                      B,
+                      G,
                       {
                         mode: "dark",
                         className: "mt-2",
                         noBorder: !0,
                         label: "Use Clipboard",
                         name: `clipboard-${n.slot.toString()}`,
-                        onChange: (u) => {
-                          R({
+                        onChange: (h) => {
+                          V({
                             ...n,
-                            clipboardAccess: u
+                            clipboardAccess: h
                           });
                         },
                         checked: n.clipboardAccess
@@ -964,5 +990,5 @@ const bt = ({
   ) : null;
 };
 export {
-  bt as SettingsPanel
+  Tt as SettingsPanel
 };