@versini/sassysaint 8.46.0 → 8.47.1

package/dist/chunks/{SettingsEntry.C3v0uw1a.js → SettingsEntry.DiEffW-W.js}

@@ -1,9 +1,9 @@
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { o as pe, h as ie, i as ge, x as ye, n as be, getCacheInfo as xe, isServiceWorkerEnabled as ke, SETTINGS_TITLE as we, S as H, CARDS as O, Oe as Ne, C as se, PROMPTS_DESCRIPTION as Ee, L as Te, j as de, getCurrentGeoLocation as ve, handleServiceWorkerToggle as Se } from "./index.CZTwv4Z4.js";
-import { useUserPreferences as Ce, se as Ie, mutateCall as ue, SERVICE_TYPES as me } from "./App.BRLXTPuI.js";
-import _e, { useState as f, useEffect as ne, useRef as U, useLayoutEffect as q, useCallback as Le } from "react";
+import { jsxs as m, jsx as a, Fragment as pe } from "react/jsx-runtime";
+import { o as ge, h as ie, i as ye, x as be, n as xe, useUserPreferences as ke, pe as we, getCacheInfo as Ne, isServiceWorkerEnabled as Ee, SETTINGS_TITLE as Te, S as V, CARDS as R, de as ve, C as se, PROMPTS_DESCRIPTION as Se, L as Ce, j as de, getCurrentGeoLocation as Ie, mutateCall as ue, handleServiceWorkerToggle as _e, SERVICE_TYPES as me } from "./index.DxRpe0Fx.js";
+import { useCapability as Le, se as Me } from "./App.P8VuaklL.js";
+import Oe, { useState as f, useEffect as ne, useRef as W, useLayoutEffect as Y, useCallback as Pe } from "react";
 import c from "clsx";
-function Me({
+function Ae({
   value: e,
   defaultValue: s,
   finalValue: o,
@@ -11,30 +11,30 @@ function Me({
   },
   initialControlledDelay: r = 0
 }) {
-  const [n, u] = f(!1), [h, x] = f(
+  const [n, d] = f(!1), [h, x] = f(
     s !== void 0 ? s : o
-  ), k = (m) => {
-    x(m), l?.(m);
+  ), k = (u) => {
+    x(u), l?.(u);
   };
   return ne(() => {
     (async () => e !== void 0 && !n && r > 0 && (await new Promise(
-      (m) => setTimeout(m, r)
-    ), u(!0)))();
+      (u) => setTimeout(u, r)
+    ), d(!0)))();
   }, [e, r, n]), e !== void 0 ? !n && r > 0 ? ["", l, !0] : [e, l, !0] : [h, k, !1];
 }
-const fe = "av-text-area", Pe = "av-text-area-wrapper", le = "av-text-area-helper-text", Ae = "av-text-area__control--right", Oe = "av-text-area__control--left", Be = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", De = ({ mode: e }) => c({
+const fe = "av-text-area", Re = "av-text-area-wrapper", le = "av-text-area-helper-text", Be = "av-text-area__control--right", De = "av-text-area__control--left", Ge = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", He = ({ mode: e }) => c({
   "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"
-}), Re = ({
+}), Ue = ({
   focusMode: e
 }) => c("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Ge = ({
+}), $e = ({
   noBorder: e,
   error: s
 }) => c("border-2", {
@@ -42,7 +42,7 @@ const fe = "av-text-area", Pe = "av-text-area-wrapper", le = "av-text-area-helpe
   "focus:border-border-dark": !e && s,
   "border-border-error-dark": !e && s,
   "border-transparent": e
-}), He = ({
+}), Ve = ({
   disabled: e,
   raw: s,
   error: o,
@@ -81,7 +81,7 @@ const fe = "av-text-area", Pe = "av-text-area-wrapper", le = "av-text-area-helpe
         "text-copy-medium dark:text-copy-error-dark": l === "alt-system"
       }
     );
-}, Ue = ({
+}, We = ({
   error: e,
   raw: s,
   mode: o,
@@ -108,58 +108,58 @@ const fe = "av-text-area", Pe = "av-text-area-wrapper", le = "av-text-area-helpe
       "text-copy-error-dark dark:text-copy-error-light": o === "system",
       "dark:text-copy-error-dark text-copy-error-light": o === "alt-system"
     });
-}, Ve = ({
+}, ze = ({
   className: e,
   textAreaClassName: s,
   raw: o,
   focusMode: l,
   disabled: r,
   noBorder: n,
-  error: u,
+  error: d,
   mode: h,
   leftElement: x,
   rightElement: k
 }) => {
-  const m = o ? e : c(
+  const u = o ? e : c(
     "relative flex w-full flex-col justify-center",
-    Pe,
+    Re,
     e
-  ), T = o ? c(s) : c(
+  ), v = o ? c(s) : c(
     fe,
     s,
-    Be(),
-    De({ mode: h }),
-    Re({ focusMode: l }),
-    Ge({
+    Ge(),
+    He({ mode: h }),
+    Ue({ focusMode: l }),
+    $e({
       noBorder: n,
-      error: u
+      error: d
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": r
     }
-  ), C = o ? void 0 : "sr-only", D = He({
+  ), I = o ? void 0 : "sr-only", D = Ve({
     disabled: r,
     raw: o,
-    error: u,
+    error: d,
     mode: h,
     rightElement: k,
     leftElement: x
-  }), y = Ue({
-    error: u,
+  }), y = We({
+    error: d,
     raw: o,
     mode: h,
     disabled: r
-  }), I = o ? void 0 : c(Ae, "absolute"), w = o ? void 0 : c(Oe, "absolute");
+  }), _ = o ? void 0 : c(Be, "absolute"), w = o ? void 0 : c(De, "absolute");
   return {
-    wrapper: m,
-    textArea: T,
-    accessibleLabel: C,
+    wrapper: u,
+    textArea: v,
+    accessibleLabel: I,
     visibleLabel: D,
     helperText: y,
-    rightElement: I,
+    rightElement: _,
     leftElement: w
   };
-}, $e = ({
+}, Fe = ({
   scrollHeight: e,
   currentHeight: s,
   currentLabelOffset: o = 0,
@@ -167,15 +167,15 @@ const fe = "av-text-area", Pe = "av-text-area-wrapper", le = "av-text-area-helpe
 }) => {
   let r, n;
   if (e > 0 && e !== s) {
-    const u = e - s, h = Math.abs(u / 24);
-    r = o + -1 * Math.sign(u) * (12 * h), n = l + Math.sign(u) * (12 * h);
+    const d = e - s, h = Math.abs(d / 24);
+    r = o + -1 * Math.sign(d) * (12 * h), n = l + Math.sign(d) * (12 * h);
   }
   return {
     labelOffset: r,
     helperTextOffset: n,
     scrollHeight: e
   };
-}, ce = _e.forwardRef(
+}, ce = Oe.forwardRef(
   ({
     id: e,
     name: s,
@@ -183,159 +183,159 @@ const fe = "av-text-area", Pe = "av-text-area-wrapper", le = "av-text-area-helpe
     error: l = !1,
     raw: r = !1,
     className: n,
-    textAreaClassName: u,
+    textAreaClassName: d,
     mode: h = "system",
     focusMode: x = "system",
     value: k,
-    defaultValue: m,
-    disabled: T = !1,
-    noBorder: C = !1,
+    defaultValue: u,
+    disabled: v = !1,
+    noBorder: I = !1,
     labelId: D,
     helperText: y = "",
-    helperTextOnFocus: I = !1,
+    helperTextOnFocus: _ = !1,
     rightElement: w,
-    leftElement: v,
-    onChange: V,
+    leftElement: S,
+    onChange: z,
     onFocus: L,
-    onBlur: $,
-    ...R
-  }, J) => {
-    const p = U(null), K = pe([J, p]), [Q, M] = ie(), [Z, S] = ie(), W = U(80), ee = U(-25), G = U(null), re = U(30), te = U(null), P = ge({ id: e, prefix: `${fe}-` }), [z, j] = f(0), [F, t] = f(0), [d, _] = f(
-      !!(!I && y)
-    ), Y = `${s} error, ${y}`, b = Ve({
+    onBlur: F,
+    ...G
+  }, X) => {
+    const p = W(null), q = ge([X, p]), [J, M] = ie(), [K, C] = ie(), H = W(80), Q = W(-25), U = W(null), Z = W(30), ee = W(null), O = ye({ id: e, prefix: `${fe}-` }), [re, te] = f(0), [$, ae] = f(0), [t, i] = f(
+      !!(!_ && y)
+    ), P = `${s} error, ${y}`, N = ze({
       className: n,
-      textAreaClassName: u,
+      textAreaClassName: d,
       error: l,
       raw: r,
       focusMode: x,
-      disabled: T,
-      noBorder: C,
+      disabled: v,
+      noBorder: I,
       mode: h,
       rightElement: !!w,
-      leftElement: !!v
-    }), [i, N] = Me({
+      leftElement: !!S
+    }), [g, E] = Ae({
       value: k,
       initialControlledDelay: 20,
-      defaultValue: m,
-      onChange: (E) => {
-        V && V({
+      defaultValue: u,
+      onChange: (b) => {
+        z && z({
           target: {
-            value: E
+            value: b
           }
         });
       }
-    }), A = (E) => {
-      N(E.target.value);
-    }, X = (E) => {
-      I && y && _(!0), L && L(E);
-    }, ae = (E) => {
-      I && y && !i && _(!1), $ && $(E);
+    }), T = (b) => {
+      E(b.target.value);
+    }, A = (b) => {
+      _ && y && i(!0), L && L(b);
+    }, j = (b) => {
+      _ && y && !g && i(!1), F && F(b);
     };
-    return q(() => {
-      M && M.width && j(M.width + 18 + 10);
-    }, [M]), q(() => {
-      S && S.width && t(S.width + 18 + 10);
-    }, [S]), q(() => {
-      r || p && p.current && i !== void 0 && (p.current.style.height = "inherit", p.current.style.height = p.current.scrollHeight + "px");
-    }, [i, r]), q(() => {
+    return Y(() => {
+      M && M.width && te(M.width + 18 + 10);
+    }, [M]), Y(() => {
+      C && C.width && ae(C.width + 18 + 10);
+    }, [C]), Y(() => {
+      r || p && p.current && g !== void 0 && (p.current.style.height = "inherit", p.current.style.height = p.current.scrollHeight + "px");
+    }, [g, r]), Y(() => {
       r || setTimeout(() => {
-        G?.current?.style.setProperty(
+        U?.current?.style.setProperty(
           "--av-text-area-wrapper-transition",
-          i ? "none" : "all 0.2s ease-out"
+          g ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [i, r]), q(() => {
-      if (!r && p && p.current && i !== void 0) {
-        const { labelOffset: E, helperTextOffset: oe, scrollHeight: he } = $e({
+    }, [g, r]), Y(() => {
+      if (!r && p && p.current && g !== void 0) {
+        const { labelOffset: b, helperTextOffset: oe, scrollHeight: he } = Fe({
           scrollHeight: p.current.scrollHeight,
-          currentHeight: W.current,
-          currentLabelOffset: ee.current,
-          currentHelperTextOffset: re.current
+          currentHeight: H.current,
+          currentLabelOffset: Q.current,
+          currentHelperTextOffset: Z.current
         });
-        E && (ee.current = E, G?.current?.style.setProperty(
+        b && (Q.current = b, U?.current?.style.setProperty(
           "--av-text-area-label",
-          `${E}px`
-        )), oe && (re.current = oe, te?.current?.style.setProperty(
+          `${b}px`
+        )), oe && (Z.current = oe, ee?.current?.style.setProperty(
           "--av-text-area-helper-text",
           `${oe}px`
-        )), W.current = he || W.current;
+        )), H.current = he || H.current;
       }
-    }, [i, r]), S.width > 0 && G?.current?.style.setProperty(
+    }, [g, r]), C.width > 0 && U?.current?.style.setProperty(
       "--tw-translate-x",
-      `${12 + S.width + 5}px`
-    ), /* @__PURE__ */ g("div", { className: b.wrapper, children: [
+      `${12 + C.width + 5}px`
+    ), /* @__PURE__ */ m("div", { className: N.wrapper, children: [
       /* @__PURE__ */ a(
         "label",
         {
-          htmlFor: P,
+          htmlFor: O,
           id: D,
-          className: b.accessibleLabel,
+          className: N.accessibleLabel,
           children: o
         }
       ),
-      v && /* @__PURE__ */ a(
+      S && /* @__PURE__ */ a(
         "div",
         {
-          ref: Z,
-          className: b.leftElement,
-          children: v
+          ref: K,
+          className: N.leftElement,
+          children: S
         }
       ),
       /* @__PURE__ */ a(
         "textarea",
         {
-          ref: K,
-          id: P,
+          ref: q,
+          id: O,
           name: s,
-          disabled: T,
+          disabled: v,
           placeholder: r ? void 0 : " ",
-          className: b.textArea,
+          className: N.textArea,
           rows: 1,
-          ...y && { "aria-describedby": `${P}-helper` },
+          ...y && { "aria-describedby": `${O}-helper` },
           ...l && { "aria-invalid": "true" },
-          ...w && !v && !r && { style: { paddingRight: z } },
-          ...v && !w && !r && { style: { paddingLeft: F } },
-          ...w && v && !r && {
+          ...w && !S && !r && { style: { paddingRight: re } },
+          ...S && !w && !r && { style: { paddingLeft: $ } },
+          ...w && S && !r && {
             style: {
-              paddingRight: z,
-              paddingLeft: F
+              paddingRight: re,
+              paddingLeft: $
             }
           },
-          value: i,
-          onChange: A,
-          onFocus: X,
-          onBlur: ae,
-          ...R
+          value: g,
+          onChange: T,
+          onFocus: A,
+          onBlur: j,
+          ...G
         }
       ),
       !r && /* @__PURE__ */ a(
         "label",
         {
-          ref: G,
+          ref: U,
           "aria-hidden": !0,
-          htmlFor: P,
-          className: `${b.visibleLabel}`,
+          htmlFor: O,
+          className: `${N.visibleLabel}`,
           children: o
         }
       ),
-      d && /* @__PURE__ */ a(
+      t && /* @__PURE__ */ a(
         "div",
         {
-          ref: te,
-          id: `${P}-helper`,
-          className: b.helperText,
+          ref: ee,
+          id: `${O}-helper`,
+          className: N.helperText,
           children: y
         }
       ),
       w && /* @__PURE__ */ a(
         "div",
         {
-          ref: Q,
-          className: b.rightElement,
+          ref: J,
+          className: N.rightElement,
           children: w
         }
       ),
-      l && y && /* @__PURE__ */ a(ye, { politeness: "polite", clearAnnouncementDelay: 500, children: Y })
+      l && y && /* @__PURE__ */ a(be, { politeness: "polite", clearAnnouncementDelay: 500, children: P })
     ] });
   }
 );
@@ -353,7 +353,7 @@ try {
   });
 } catch {
 }
-const We = "av-toggle", ze = ({ narrow: e }) => c(
+const je = "av-toggle", Ye = ({ narrow: e }) => c(
   "peer",
   "rounded-full",
   {
@@ -362,7 +362,7 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
   },
   // Smooth background/border transition when toggling
   "transition-colors duration-300 ease-in-out motion-reduce:transition-none"
-), je = ({
+), Xe = ({
   focusMode: e
 }) => c(
   "peer-focus:outline",
@@ -374,7 +374,7 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
     "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"
   }
-), Fe = ({ narrow: e }) => c(
+), qe = ({ narrow: e }) => c(
   {
     "peer-checked:after:translate-x-full": !e,
     "peer-checked:after:translate-x-4": e
@@ -384,7 +384,7 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), Ye = ({ narrow: e }) => c(
+), Je = ({ narrow: e }) => c(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -400,7 +400,7 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
     // Narrow toggle knob (oval)
     " after:h-4 after:w-7": e
   }
-), Xe = ({
+), Ke = ({
   mode: e,
   noBorder: s
 }) => c({
@@ -409,7 +409,7 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
   "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-medium bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), qe = ({
+}), Qe = ({
   mode: e,
   labelHidden: s
 }) => s ? "sr-only" : c("ml-2 text-sm", {
@@ -417,11 +417,11 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), Je = ({ className: e }) => c(
-  We,
+}), Ze = ({ className: e }) => c(
+  je,
   "relative flex cursor-pointer items-center",
   e
-), Ke = ({
+), er = ({
   mode: e,
   focusMode: s,
   labelHidden: o,
@@ -430,15 +430,15 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
   narrow: n
 }) => ({
   toggle: c(
-    ze({ narrow: n }),
-    Xe({ mode: e, noBorder: r }),
-    je({ focusMode: s }),
     Ye({ narrow: n }),
-    Fe({ narrow: n })
+    Ke({ mode: e, noBorder: r }),
+    Xe({ focusMode: s }),
+    Je({ narrow: n }),
+    qe({ narrow: n })
   ),
-  label: qe({ mode: e, labelHidden: o }),
+  label: Qe({ mode: e, labelHidden: o }),
   input: "peer sr-only",
-  wrapper: Je({ className: l })
+  wrapper: Ze({ className: l })
 }), B = ({
   checked: e = !1,
   onChange: s,
@@ -446,34 +446,34 @@ const We = "av-toggle", ze = ({ narrow: e }) => c(
   labelHidden: l = !1,
   name: r,
   mode: n = "system",
-  focusMode: u = "system",
+  focusMode: d = "system",
   className: h,
   noBorder: x = !1,
   narrow: k = !1
 }) => {
-  const m = Ke({
+  const u = er({
     mode: n,
-    focusMode: u,
+    focusMode: d,
     labelHidden: l,
     className: h,
     noBorder: x,
     narrow: k
-  }), T = (C) => {
-    s?.(C.target.checked);
+  }), v = (I) => {
+    s?.(I.target.checked);
   };
-  return /* @__PURE__ */ g("label", { className: m.wrapper, children: [
+  return /* @__PURE__ */ m("label", { className: u.wrapper, children: [
     /* @__PURE__ */ a(
       "input",
       {
         name: r,
         checked: e,
         type: "checkbox",
-        className: m.input,
-        onChange: T
+        className: u.input,
+        onChange: v
       }
     ),
-    /* @__PURE__ */ a("div", { className: m.toggle }),
-    /* @__PURE__ */ a("span", { className: m.label, children: o })
+    /* @__PURE__ */ a("div", { className: u.toggle }),
+    /* @__PURE__ */ a("span", { className: u.label, children: o })
   ] });
 };
 /*!
@@ -489,30 +489,30 @@ try {
   });
 } catch {
 }
-const ar = ({
+const lr = ({
   open: e,
   onOpenChange: s
 }) => {
-  const { getAccessToken: o, user: l } = be(), {
+  const { getAccessToken: o, user: l } = xe(), {
     data: r,
     isSuccess: n,
-    refetch: u
-  } = Ce({
+    refetch: d
+  } = ke({
     user: l?.username,
     getAccessToken: o
   }), [h, x] = f({
     loadingLocation: !1
-  }), [k, m] = f({
+  }), [k, u] = f({
     prompts: []
-  }), [T, C] = f(""), [D, y] = f(""), [I, w] = f(!1), [v, V] = f(!1), [L, $] = f(!1), [R, J] = f(!1), [p, K] = f(null), [Q, M] = f(!1), [Z, S] = f(!1), W = (t) => {
-    S(t);
-  }, ee = (t) => {
+  }), [v, I] = f(""), [D, y] = f(""), [_, w] = f(!1), [S, z] = f(!1), [L, F] = f(!1), [G, X] = f(!1), [p, q] = f(null), [J, M] = f(!1), [K, C] = f(!1), H = Le(we.TOOL.MEMORIES), Q = (t) => {
+    C(t);
+  }, U = (t) => {
     w(t);
-  }, G = (t) => {
-    V(t);
-  }, re = (t) => {
-    J(t);
-  }, te = async (t) => {
+  }, Z = (t) => {
+    H && z(t);
+  }, ee = (t) => {
+    X(t);
+  }, O = async (t) => {
     t.preventDefault();
     try {
       await ue({
@@ -520,73 +520,73 @@ const ar = ({
         type: me.SET_USER_PREFERENCES,
         params: {
           user: l?.username,
-          instructions: T,
+          instructions: v,
           location: D,
           provider: r?.provider,
           tags: k.prompts,
-          sendOnEnter: I,
-          useMemory: v,
-          showDetails: Z
+          sendOnEnter: _,
+          useMemory: S,
+          showDetails: K
         }
-      }), R !== L && (await Se(R), $(R)), u(), x({
+      }), G !== L && (await _e(G), F(G)), d(), x({
         loadingLocation: !1
       });
     } catch {
     }
-  }, P = async () => {
+  }, re = async () => {
     x({
       loadingLocation: !0
     }), y("...");
     try {
-      const t = Date.now(), d = await ve(), _ = await ue({
+      const t = Date.now(), i = await Ie(), P = await ue({
         accessToken: await o(),
         type: me.GET_LOCATION,
         params: {
-          latitude: d.latitude,
-          longitude: d.longitude
+          latitude: i.latitude,
+          longitude: i.longitude
         }
-      }), b = Date.now() - t;
-      if (b < 2e3 && await new Promise((i) => setTimeout(i, 2e3 - b)), _.status === 200) {
-        const { city: i, state: N, country: A, displayName: X } = _.data, ae = i && N && A ? `${i}, ${N}, ${A}` : X;
+      }), g = Date.now() - t;
+      if (g < 2e3 && await new Promise((E) => setTimeout(E, 2e3 - g)), P.status === 200) {
+        const { city: E, state: T, country: A, displayName: j } = P.data, b = E && T && A ? `${E}, ${T}, ${A}` : j;
         x({
           loadingLocation: !1
-        }), y(ae);
+        }), y(b);
       } else
         x({
           loadingLocation: !1
         });
     } catch {
     }
-  }, z = () => {
-    u(), s(!1);
-  }, j = ({
+  }, te = () => {
+    d(), s(!1);
+  }, $ = ({
     enabled: t = !1,
-    privateChat: d = !1,
-    clipboardAccess: _ = !1,
-    ...Y
+    privateChat: i = !1,
+    clipboardAccess: P = !1,
+    ...N
   }) => {
-    m((b) => {
-      const i = b.prompts, N = {
-        ...Y,
+    u((g) => {
+      const E = g.prompts, T = {
+        ...N,
         enabled: t,
-        privateChat: d,
-        clipboardAccess: _
+        privateChat: i,
+        clipboardAccess: P
       };
-      _ ? N.content = N.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : N.content = N.content.replace(/{{clipboard}}/g, "");
-      const A = i.findIndex((X) => X.slot === Y.slot);
+      P ? T.content = T.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : T.content = T.content.replace(/{{clipboard}}/g, "");
+      const A = E.findIndex((j) => j.slot === N.slot);
       return A === -1 ? {
-        ...b,
-        prompts: [...i, { ...N }]
-      } : (i[A] = N, {
-        ...b,
-        prompts: [...i]
+        ...g,
+        prompts: [...E, { ...T }]
+      } : (E[A] = T, {
+        ...g,
+        prompts: [...E]
       });
     });
-  }, F = Le(async () => {
+  }, ae = Pe(async () => {
     try {
       M(!0);
-      const t = await xe();
-      K(t);
+      const t = await Ne();
+      q(t);
     } catch {
     } finally {
       M(!1);
@@ -595,21 +595,21 @@ const ar = ({
   return ne(() => {
     if (!r)
       return;
-    r.instructions && C(r.instructions), r.location && y(r.location), r.tags && m({ prompts: r.tags }), r.sendOnEnter !== void 0 && w(r.sendOnEnter), r.useMemory !== void 0 && V(r.useMemory), r.showDetails !== void 0 && S(r.showDetails);
-    const t = ke();
-    $(t), J(t);
+    r.instructions && I(r.instructions), r.location && y(r.location), r.tags && u({ prompts: r.tags }), r.sendOnEnter !== void 0 && w(r.sendOnEnter), r.useMemory !== void 0 && z(r.useMemory), r.showDetails !== void 0 && C(r.showDetails);
+    const t = Ee();
+    F(t), X(t);
   }, [r]), ne(() => {
-    L ? F() : K(null);
-  }, [L, F]), n ? /* @__PURE__ */ g(
-    Ie,
+    L ? ae() : q(null);
+  }, [L, ae]), n ? /* @__PURE__ */ m(
+    Me,
     {
       open: e,
-      onOpenChange: z,
-      title: we,
+      onOpenChange: te,
+      title: Te,
       animation: !0,
       animationType: "fade",
-      footer: /* @__PURE__ */ g(
-        Te,
+      footer: /* @__PURE__ */ m(
+        Ce,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
@@ -622,7 +622,7 @@ const ar = ({
                 variant: "secondary",
                 focusMode: "light",
                 noBorder: !0,
-                onClick: z,
+                onClick: te,
                 children: "Cancel"
               }
             ) }),
@@ -632,7 +632,7 @@ const ar = ({
                 mode: "dark",
                 focusMode: "light",
                 onClick: async (t) => {
-                  s(!1), await te(t);
+                  s(!1), await O(t);
                 },
                 children: "Save"
               }
@@ -641,14 +641,14 @@ const ar = ({
         }
       ),
       children: [
-        /* @__PURE__ */ g(
-          H,
+        /* @__PURE__ */ m(
+          V,
           {
-            header: O.SETTINGS_DETAILS.TITLE,
+            header: R.SETTINGS_DETAILS.TITLE,
             className: "prose-dark dark:prose-lighter",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ a("p", { className: "text-sm", children: O.SETTINGS_DETAILS.DETAILS }),
+              /* @__PURE__ */ a("p", { className: "text-sm", children: R.SETTINGS_DETAILS.DETAILS }),
               /* @__PURE__ */ a(
                 B,
                 {
@@ -656,11 +656,11 @@ const ar = ({
                   className: "mt-2",
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
-                  onChange: W,
-                  checked: Z
+                  onChange: Q,
+                  checked: K
                 }
               ),
-              /* @__PURE__ */ a("p", { className: "text-sm mt-5", children: O.SETTINGS_DETAILS.SEND_ON_ENTER }),
+              /* @__PURE__ */ a("p", { className: "text-sm mt-5", children: R.SETTINGS_DETAILS.SEND_ON_ENTER }),
               /* @__PURE__ */ a(
                 B,
                 {
@@ -668,35 +668,37 @@ const ar = ({
                   className: "mt-2",
                   label: "Send Message on Enter",
                   name: "send-message-on-enter",
-                  onChange: ee,
-                  checked: I
+                  onChange: U,
+                  checked: _
                 }
               ),
-              /* @__PURE__ */ a("p", { className: "text-sm mt-5", children: O.SETTINGS_DETAILS.USE_MEMORY }),
-              /* @__PURE__ */ a(
-                B,
-                {
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Use Memory",
-                  name: "use-memory",
-                  onChange: G,
-                  checked: v
-                }
-              )
+              H && /* @__PURE__ */ m(pe, { children: [
+                /* @__PURE__ */ a("p", { className: "text-sm mt-5", children: R.SETTINGS_DETAILS.USE_MEMORY }),
+                /* @__PURE__ */ a(
+                  B,
+                  {
+                    narrow: !0,
+                    className: "mt-2",
+                    label: "Use Memory",
+                    name: "use-memory",
+                    onChange: Z,
+                    checked: S
+                  }
+                )
+              ] })
             ]
           }
         ),
-        /* @__PURE__ */ g(
-          H,
+        /* @__PURE__ */ m(
+          V,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ g("p", { className: "text-sm", children: [
+              /* @__PURE__ */ m("p", { className: "text-sm", children: [
                 "What would you like ",
-                /* @__PURE__ */ a("em", { children: Ne }),
+                /* @__PURE__ */ a("em", { children: ve }),
                 " to know about you to provide better responses?"
               ] }),
               /* @__PURE__ */ a(
@@ -708,9 +710,9 @@ const ar = ({
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: T,
+                  value: v,
                   onChange: (t) => {
-                    C(t.target.value);
+                    I(t.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -718,8 +720,8 @@ const ar = ({
             ]
           }
         ),
-        /* @__PURE__ */ g(
-          H,
+        /* @__PURE__ */ m(
+          V,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -747,23 +749,23 @@ const ar = ({
                   noBorder: !0,
                   variant: "secondary",
                   disabled: h.loadingLocation,
-                  onClick: P,
+                  onClick: re,
                   children: h.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ g(
-          H,
+        /* @__PURE__ */ m(
+          V,
           {
-            header: O.SETTINGS_PROMPTS.TITLE,
+            header: R.SETTINGS_PROMPTS.TITLE,
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ a("p", { className: "text-sm", children: Ee }),
-              k.prompts && k.prompts.slice(0, 3).map((t) => /* @__PURE__ */ g(
-                H,
+              /* @__PURE__ */ a("p", { className: "text-sm", children: Se }),
+              k.prompts && k.prompts.slice(0, 3).map((t) => /* @__PURE__ */ m(
+                V,
                 {
                   mode: "dark",
                   noBorder: !0,
@@ -781,10 +783,10 @@ const ar = ({
                         noBorder: !0,
                         label: "Enabled",
                         name: t.slot.toString(),
-                        onChange: (d) => {
-                          j({
+                        onChange: (i) => {
+                          $({
                             ...t,
-                            enabled: d
+                            enabled: i
                           });
                         },
                         checked: t.enabled
@@ -800,10 +802,10 @@ const ar = ({
                         noBorder: !0,
                         label: "Private Chat",
                         name: `private-${t.slot.toString()}`,
-                        onChange: (d) => {
-                          j({
+                        onChange: (i) => {
+                          $({
                             ...t,
-                            privateChat: d
+                            privateChat: i
                           });
                         },
                         checked: t.privateChat
@@ -819,10 +821,10 @@ const ar = ({
                         noBorder: !0,
                         label: "Use Clipboard",
                         name: `clipboard-${t.slot.toString()}`,
-                        onChange: (d) => {
-                          j({
+                        onChange: (i) => {
+                          $({
                             ...t,
-                            clipboardAccess: d
+                            clipboardAccess: i
                           });
                         },
                         checked: t.clipboardAccess
@@ -835,14 +837,14 @@ const ar = ({
             ]
           }
         ),
-        /* @__PURE__ */ g(
-          H,
+        /* @__PURE__ */ m(
+          V,
           {
-            header: O.SETTINGS_CACHING.TITLE,
+            header: R.SETTINGS_CACHING.TITLE,
             className: "prose-dark dark:prose-lighter mt-4 ",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ a("p", { className: "text-sm", children: O.SETTINGS_CACHING.DESCRIPTION }),
+              /* @__PURE__ */ a("p", { className: "text-sm", children: R.SETTINGS_CACHING.DESCRIPTION }),
               /* @__PURE__ */ a(
                 B,
                 {
@@ -850,32 +852,32 @@ const ar = ({
                   className: "mt-2",
                   label: "Enable Assets Caching",
                   name: "enable-service-worker",
-                  onChange: re,
-                  checked: R
+                  onChange: ee,
+                  checked: G
                 }
               ),
-              L && /* @__PURE__ */ g("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
+              L && /* @__PURE__ */ m("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
                 /* @__PURE__ */ a("h3", { className: "m-0 mb-2 text-xs uppercase opacity-70", children: "Cache Info" }),
-                p ? /* @__PURE__ */ g("div", { className: "text-xs space-y-2", children: [
-                  /* @__PURE__ */ g("p", { className: "m-0", children: [
+                p ? /* @__PURE__ */ m("div", { className: "text-xs space-y-2", children: [
+                  /* @__PURE__ */ m("p", { className: "m-0", children: [
                     "Version: ",
                     /* @__PURE__ */ a("strong", { children: p.version })
                   ] }),
-                  /* @__PURE__ */ g("p", { className: "m-0", children: [
+                  /* @__PURE__ */ m("p", { className: "m-0", children: [
                     "Total Items: ",
                     /* @__PURE__ */ a("strong", { children: p.totalItems })
                   ] }),
-                  p.caches.map((t) => /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: t.urls.map((d) => /* @__PURE__ */ a(
+                  p.caches.map((t) => /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: t.urls.map((i) => /* @__PURE__ */ a(
                     "li",
                     {
                       className: "truncate text-xs text-copy-dark dark:text-copy-light overflow-hidden text-ellipsis",
-                      title: d,
-                      children: new URL(d).pathname
+                      title: i,
+                      children: new URL(i).pathname
                     },
-                    d
+                    i
                   )) }) }, t.name)),
-                  p.totalItems === 0 && !Q && /* @__PURE__ */ a("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
-                ] }) : /* @__PURE__ */ a("p", { className: "text-xs opacity-70 m-0", children: Q ? "Loading cache info..." : "No cache info available." })
+                  p.totalItems === 0 && !J && /* @__PURE__ */ a("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
+                ] }) : /* @__PURE__ */ a("p", { className: "text-xs opacity-70 m-0", children: J ? "Loading cache info..." : "No cache info available." })
               ] })
             ]
           }
@@ -885,5 +887,5 @@ const ar = ({
   ) : null;
 };
 export {
-  ar as SettingsPanel
+  lr as SettingsPanel
 };