@versini/sassysaint 8.60.0 → 8.61.1

package/dist/chunks/{SettingsEntry.Qi5gQD0-.js → SettingsEntry.DTXEVYGc.js}

@@ -1,10 +1,10 @@
-import { jsxs as u, jsx as r, Fragment as de } from "react/jsx-runtime";
-import { o as ge, h as ue, i as ye, x as xe, n as be, useUserPreferences as ke, Pe as Ee, getCacheInfo as Te, isServiceWorkerEnabled as Ne, SETTINGS_TITLE as ve, S as G, CARDS as A, C as oe, _e as we, PROMPTS_DESCRIPTION as Se, L as Ce, j as me, getCurrentGeoLocation as Ie, mutateCall as he, handleServiceWorkerToggle as Le, SERVICE_TYPES as pe } from "./index.DnHjiSVh.js";
-import { useCapability as _e, oe as Me, O as R } from "./App.Ch8FU2zW.js";
-import Oe, { useState as d, useEffect as ce, useRef as H, useLayoutEffect as Y, useCallback as Pe } from "react";
-import { UserMemoriesPanel as Ae } from "./UserMemoriesPanel.CT_7TJ_Z.js";
-import g from "clsx";
-function Re({
+import { jsxs as d, jsx as r, Fragment as de } from "react/jsx-runtime";
+import { o as Ne, h as pe, i as Te, x as we, n as ve, useUserPreferences as Se, Pe as fe, getCacheInfo as Ce, isServiceWorkerEnabled as Ie, SETTINGS_TITLE as _e, S as $, CARDS as L, C as oe, _e as Le, PROMPTS_DESCRIPTION as Me, L as Re, j as ge, getCurrentGeoLocation as Ae, mutateCall as ye, handleServiceWorkerToggle as De, SERVICE_TYPES as xe } from "./index.CClDcTsc.js";
+import { useCapability as be, oe as Oe, O as M } from "./App.ChCi2CJv.js";
+import Be, { useState as c, useEffect as me, useRef as W, useLayoutEffect as J, useCallback as Pe } from "react";
+import { UserMemoriesPanel as Ue } from "./UserMemoriesPanel.CjK4BTtb.js";
+import p from "clsx";
+function Ge({
   value: a,
   defaultValue: n,
   finalValue: o,
@@ -12,59 +12,59 @@ function Re({
   },
   initialControlledDelay: e = 0
 }) {
-  const [c, h] = d(!1), [y, T] = d(
+  const [l, m] = c(!1), [f, E] = c(
     n !== void 0 ? n : o
   ), v = (x) => {
-    T(x), s?.(x);
+    E(x), s?.(x);
   };
-  return ce(() => {
-    (async () => a !== void 0 && !c && e > 0 && (await new Promise(
+  return me(() => {
+    (async () => a !== void 0 && !l && e > 0 && (await new Promise(
       (x) => setTimeout(x, e)
-    ), h(!0)))();
-  }, [a, e, c]), a !== void 0 ? !c && e > 0 ? ["", s, !0] : [a, s, !0] : [y, v, !1];
+    ), m(!0)))();
+  }, [a, e, l]), a !== void 0 ? !l && e > 0 ? ["", s, !0] : [a, s, !0] : [f, v, !1];
 }
-const fe = "av-text-area", De = "av-text-area-wrapper", ne = "av-text-area-helper-text", Be = "av-text-area__control--right", Ue = "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: a }) => g({
+const ke = "av-text-area", He = "av-text-area-wrapper", ue = "av-text-area-helper-text", Ve = "av-text-area__control--right", $e = "av-text-area__control--left", We = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ze = ({ mode: a }) => p({
   "bg-surface-darker text-copy-lighter caret-copy-light": a === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": a === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": a === "system",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": a === "alt-system"
-}), $e = ({
+}), Fe = ({
   focusMode: a
-}) => g("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => p("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": a === "dark",
   "focus:outline-focus-light": a === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": a === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": a === "system"
-}), Ve = ({
+}), je = ({
   noBorder: a,
   error: n
-}) => g("border-2", {
+}) => p("border-2", {
   "border-border-dark": !a && !n,
   "focus:border-border-dark": !a && n,
   "border-border-error-dark": !a && n,
   "border-transparent": a
-}), We = ({
+}), Xe = ({
   disabled: a,
   raw: n,
   error: o,
   mode: s,
   leftElement: e,
-  rightElement: c
+  rightElement: l
 }) => {
   if (n)
     return "";
   if (a)
-    return g(
+    return p(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
-        "translate-x-[10px]": c === !0 && !e || !c && !e
+        "translate-x-[10px]": l === !0 && !e || !l && !e
       }
     );
   if (!o)
-    return g(
+    return p(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[10px]": c === !0 && !e || !c && !e,
+        "translate-x-[10px]": l === !0 && !e || !l && !e,
         "text-copy-medium": s === "dark",
         "text-copy-dark": s === "light",
         "text-copy-dark dark:text-copy-medium": s === "system",
@@ -72,17 +72,17 @@ const fe = "av-text-area", De = "av-text-area-wrapper", ne = "av-text-area-helpe
       }
     );
   if (o)
-    return g(
+    return p(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[10px]": c === !0 && !e || !c && !e,
+        "translate-x-[10px]": l === !0 && !e || !l && !e,
         "text-copy-medium": s === "dark",
         "text-copy-error-dark": s === "light",
         "text-copy-error-dark dark:text-copy-error-light": s === "system",
         "text-copy-medium dark:text-copy-error-dark": s === "alt-system"
       }
     );
-}, ze = ({
+}, Ye = ({
   error: a,
   raw: n,
   mode: o,
@@ -91,256 +91,256 @@ const fe = "av-text-area", De = "av-text-area-wrapper", ne = "av-text-area-helpe
   if (n)
     return "";
   if (s)
-    return g(
-      ne,
+    return p(
+      ue,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!a)
-    return g(ne, "absolute px-2 font-medium", {
+    return p(ue, "absolute px-2 font-medium", {
       "text-copy-medium": o === "dark",
       "text-copy-dark": o === "light",
       "text-copy-dark dark:text-copy-medium": o === "system",
       "text-copy-medium dark:text-copy-dark": o === "alt-system"
     });
   if (a)
-    return g(ne, "absolute px-2 font-medium", {
+    return p(ue, "absolute px-2 font-medium", {
       "text-copy-error-light": o === "dark",
       "text-copy-error-dark": o === "light",
       "text-copy-error-dark dark:text-copy-error-light": o === "system",
       "dark:text-copy-error-dark text-copy-error-light": o === "alt-system"
     });
-}, Fe = ({
+}, qe = ({
   className: a,
   textAreaClassName: n,
   raw: o,
   focusMode: s,
   disabled: e,
-  noBorder: c,
-  error: h,
-  mode: y,
-  leftElement: T,
+  noBorder: l,
+  error: m,
+  mode: f,
+  leftElement: E,
   rightElement: v
 }) => {
-  const x = o ? a : g(
+  const x = o ? a : p(
     "relative flex w-full flex-col justify-center",
-    De,
+    He,
     a
-  ), I = o ? g(n) : g(
-    fe,
+  ), R = o ? p(n) : p(
+    ke,
     n,
-    Ge(),
-    He({ mode: y }),
-    $e({ focusMode: s }),
-    Ve({
-      noBorder: c,
-      error: h
+    We(),
+    ze({ mode: f }),
+    Fe({ focusMode: s }),
+    je({
+      noBorder: l,
+      error: m
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": e
     }
-  ), D = o ? void 0 : "sr-only", B = We({
+  ), P = o ? void 0 : "sr-only", U = Xe({
     disabled: e,
     raw: o,
-    error: h,
-    mode: y,
+    error: m,
+    mode: f,
     rightElement: v,
-    leftElement: T
-  }), p = ze({
-    error: h,
+    leftElement: E
+  }), h = Ye({
+    error: m,
     raw: o,
-    mode: y,
+    mode: f,
     disabled: e
-  }), S = o ? void 0 : g(Be, "absolute"), b = o ? void 0 : g(Ue, "absolute");
+  }), I = o ? void 0 : p(Ve, "absolute"), b = o ? void 0 : p($e, "absolute");
   return {
     wrapper: x,
-    textArea: I,
-    accessibleLabel: D,
-    visibleLabel: B,
-    helperText: p,
-    rightElement: S,
+    textArea: R,
+    accessibleLabel: P,
+    visibleLabel: U,
+    helperText: h,
+    rightElement: I,
     leftElement: b
   };
-}, je = ({
+}, Je = ({
   scrollHeight: a,
   currentHeight: n,
   currentLabelOffset: o = 0,
   currentHelperTextOffset: s = 0
 }) => {
-  let e, c;
+  let e, l;
   if (a > 0 && a !== n) {
-    const h = a - n, y = Math.abs(h / 24);
-    e = o + -1 * Math.sign(h) * (12 * y), c = s + Math.sign(h) * (12 * y);
+    const m = a - n, f = Math.abs(m / 24);
+    e = o + -1 * Math.sign(m) * (12 * f), l = s + Math.sign(m) * (12 * f);
   }
   return {
     labelOffset: e,
-    helperTextOffset: c,
+    helperTextOffset: l,
     scrollHeight: a
   };
-}, ie = Oe.forwardRef(
+}, he = Be.forwardRef(
   ({
     id: a,
     name: n,
     label: o,
     error: s = !1,
     raw: e = !1,
-    className: c,
-    textAreaClassName: h,
-    mode: y = "system",
-    focusMode: T = "system",
+    className: l,
+    textAreaClassName: m,
+    mode: f = "system",
+    focusMode: E = "system",
     value: v,
     defaultValue: x,
-    disabled: I = !1,
-    noBorder: D = !1,
-    labelId: B,
-    helperText: p = "",
-    helperTextOnFocus: S = !1,
+    disabled: R = !1,
+    noBorder: P = !1,
+    labelId: U,
+    helperText: h = "",
+    helperTextOnFocus: I = !1,
     rightElement: b,
     leftElement: N,
-    onChange: $,
-    onFocus: L,
-    onBlur: V,
-    ...U
-  }, q) => {
-    const m = H(null), J = ge([q, m]), [K, _] = ue(), [Q, w] = ue(), W = H(80), z = H(-25), M = H(null), Z = H(30), ee = H(null), O = ye({ id: a, prefix: `${fe}-` }), [te, se] = d(0), [re, ae] = d(0), [F, j] = d(
-      !!(!S && p)
-    ), t = `${n} error, ${p}`, l = Fe({
-      className: c,
-      textAreaClassName: h,
+    onChange: z,
+    onFocus: A,
+    onBlur: F,
+    ...G
+  }, K) => {
+    const g = W(null), Q = Ne([K, g]), [D, O] = pe(), [Z, S] = pe(), H = W(80), j = W(-25), V = W(null), X = W(30), Y = W(null), _ = Te({ id: a, prefix: `${ke}-` }), [ee, se] = c(0), [te, ne] = c(0), [le, re] = c(
+      !!(!I && h)
+    ), ce = `${n} error, ${h}`, T = qe({
+      className: l,
+      textAreaClassName: m,
       error: s,
       raw: e,
-      focusMode: T,
-      disabled: I,
-      noBorder: D,
-      mode: y,
+      focusMode: E,
+      disabled: R,
+      noBorder: P,
+      mode: f,
       rightElement: !!b,
       leftElement: !!N
-    }), [f, X] = Re({
+    }), [y, ae] = Ge({
       value: v,
       initialControlledDelay: 20,
       defaultValue: x,
-      onChange: (i) => {
-        $ && $({
+      onChange: (u) => {
+        z && z({
           target: {
-            value: i
+            value: u
           }
         });
       }
-    }), C = (i) => {
-      X(i.target.value);
-    }, k = (i) => {
-      S && p && j(!0), L && L(i);
-    }, E = (i) => {
-      S && p && !f && j(!1), V && V(i);
+    }), t = (u) => {
+      ae(u.target.value);
+    }, i = (u) => {
+      I && h && re(!0), A && A(u);
+    }, B = (u) => {
+      I && h && !y && re(!1), F && F(u);
     };
-    return Y(() => {
-      _ && _.width && se(_.width + 18 + 10);
-    }, [_]), Y(() => {
-      w && w.width && ae(w.width + 18 + 10);
-    }, [w]), Y(() => {
-      e || m && m.current && f !== void 0 && (m.current.style.height = "inherit", m.current.style.height = m.current.scrollHeight + "px");
-    }, [f, e]), Y(() => {
+    return J(() => {
+      O && O.width && se(O.width + 18 + 10);
+    }, [O]), J(() => {
+      S && S.width && ne(S.width + 18 + 10);
+    }, [S]), J(() => {
+      e || g && g.current && y !== void 0 && (g.current.style.height = "inherit", g.current.style.height = g.current.scrollHeight + "px");
+    }, [y, e]), J(() => {
       e || setTimeout(() => {
-        M?.current?.style.setProperty(
+        V?.current?.style.setProperty(
           "--av-text-area-wrapper-transition",
-          f ? "none" : "all 0.2s ease-out"
+          y ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [f, e]), Y(() => {
-      if (!e && m && m.current && f !== void 0) {
-        const { labelOffset: i, helperTextOffset: P, scrollHeight: le } = je({
-          scrollHeight: m.current.scrollHeight,
-          currentHeight: W.current,
-          currentLabelOffset: z.current,
-          currentHelperTextOffset: Z.current
+    }, [y, e]), J(() => {
+      if (!e && g && g.current && y !== void 0) {
+        const { labelOffset: u, helperTextOffset: w, scrollHeight: k } = Je({
+          scrollHeight: g.current.scrollHeight,
+          currentHeight: H.current,
+          currentLabelOffset: j.current,
+          currentHelperTextOffset: X.current
         });
-        i && (z.current = i, M?.current?.style.setProperty(
+        u && (j.current = u, V?.current?.style.setProperty(
           "--av-text-area-label",
-          `${i}px`
-        )), P && (Z.current = P, ee?.current?.style.setProperty(
+          `${u}px`
+        )), w && (X.current = w, Y?.current?.style.setProperty(
           "--av-text-area-helper-text",
-          `${P}px`
-        )), W.current = le || W.current;
+          `${w}px`
+        )), H.current = k || H.current;
       }
-    }, [f, e]), w.width > 0 && M?.current?.style.setProperty(
+    }, [y, e]), S.width > 0 && V?.current?.style.setProperty(
       "--tw-translate-x",
-      `${12 + w.width + 5}px`
-    ), /* @__PURE__ */ u("div", { className: l.wrapper, children: [
+      `${12 + S.width + 5}px`
+    ), /* @__PURE__ */ d("div", { className: T.wrapper, children: [
       /* @__PURE__ */ r(
         "label",
         {
-          htmlFor: O,
-          id: B,
-          className: l.accessibleLabel,
+          htmlFor: _,
+          id: U,
+          className: T.accessibleLabel,
           children: o
         }
       ),
       N && /* @__PURE__ */ r(
         "div",
         {
-          ref: Q,
-          className: l.leftElement,
+          ref: Z,
+          className: T.leftElement,
           children: N
         }
       ),
       /* @__PURE__ */ r(
         "textarea",
         {
-          ref: J,
-          id: O,
+          ref: Q,
+          id: _,
           name: n,
-          disabled: I,
+          disabled: R,
           placeholder: e ? void 0 : " ",
-          className: l.textArea,
+          className: T.textArea,
           rows: 1,
-          ...p && { "aria-describedby": `${O}-helper` },
+          ...h && { "aria-describedby": `${_}-helper` },
           ...s && { "aria-invalid": "true" },
-          ...b && !N && !e && { style: { paddingRight: te } },
-          ...N && !b && !e && { style: { paddingLeft: re } },
+          ...b && !N && !e && { style: { paddingRight: ee } },
+          ...N && !b && !e && { style: { paddingLeft: te } },
           ...b && N && !e && {
             style: {
-              paddingRight: te,
-              paddingLeft: re
+              paddingRight: ee,
+              paddingLeft: te
             }
           },
-          value: f,
-          onChange: C,
-          onFocus: k,
-          onBlur: E,
-          ...U
+          value: y,
+          onChange: t,
+          onFocus: i,
+          onBlur: B,
+          ...G
         }
       ),
       !e && /* @__PURE__ */ r(
         "label",
         {
-          ref: M,
+          ref: V,
           "aria-hidden": !0,
-          htmlFor: O,
-          className: `${l.visibleLabel}`,
+          htmlFor: _,
+          className: `${T.visibleLabel}`,
           children: o
         }
       ),
-      F && /* @__PURE__ */ r(
+      le && /* @__PURE__ */ r(
         "div",
         {
-          ref: ee,
-          id: `${O}-helper`,
-          className: l.helperText,
-          children: p
+          ref: Y,
+          id: `${_}-helper`,
+          className: T.helperText,
+          children: h
         }
       ),
       b && /* @__PURE__ */ r(
         "div",
         {
-          ref: K,
-          className: l.rightElement,
+          ref: D,
+          className: T.rightElement,
           children: b
         }
       ),
-      s && p && /* @__PURE__ */ r(xe, { politeness: "polite", clearAnnouncementDelay: 500, children: t })
+      s && h && /* @__PURE__ */ r(we, { politeness: "polite", clearAnnouncementDelay: 500, children: ce })
     ] });
   }
 );
-ie.displayName = "TextArea";
+he.displayName = "TextArea";
 /*!
   @versini/ui-textarea v5.0.2
   © 2025 gizmette.com
@@ -354,151 +354,154 @@ try {
   });
 } catch {
 }
-const Ze = ({
+const at = ({
   open: a,
   onOpenChange: n
 }) => {
-  const { getAccessToken: o, user: s } = be(), {
+  const { getAccessToken: o, user: s } = ve(), {
     data: e,
-    isSuccess: c,
-    refetch: h
-  } = ke({
+    isSuccess: l,
+    refetch: m
+  } = Se({
     user: s?.username,
     getAccessToken: o
-  }), [y, T] = d({
+  }), [f, E] = c({
     loadingLocation: !1
-  }), [v, x] = d({
+  }), [v, x] = c({
     prompts: []
-  }), [I, D] = d(""), [B, p] = d(""), [S, b] = d(!1), [N, $] = d(!1), [L, V] = d(!1), [U, q] = d(!1), [m, J] = d(null), [K, _] = d(!1), [Q, w] = d(!1), [W, z] = d(!1), M = _e(Ee.TOOL.MEMORIES), Z = (t) => {
-    w(t);
-  }, ee = (t) => {
+  }), [R, P] = c(""), [U, h] = c(""), [I, b] = c(!1), [N, z] = c(!1), [A, F] = c(!1), [G, K] = c(!1), [g, Q] = c(!1), [D, O] = c(null), [Z, S] = c(!1), [H, j] = c(!1), [V, X] = c(!1), Y = be(fe.TOOL.MEMORIES), _ = be(fe.ADDON.REASONING), ee = (t) => {
+    j(t);
+  }, se = (t) => {
     b(t);
-  }, O = (t) => {
-    M && $(t);
   }, te = (t) => {
-    q(t);
-  }, se = async (t) => {
+    Y && z(t);
+  }, ne = (t) => {
+    K(t);
+  }, le = (t) => {
+    _ && Q(t);
+  }, re = async (t) => {
     t.preventDefault();
     try {
-      await he({
+      await ye({
         accessToken: await o(),
-        type: pe.SET_USER_PREFERENCES,
+        type: xe.SET_USER_PREFERENCES,
         params: {
           user: s?.username,
-          instructions: I,
-          location: B,
+          instructions: R,
+          location: U,
           provider: e?.provider,
           tags: v.prompts,
-          sendOnEnter: S,
+          sendOnEnter: I,
           useMemory: N,
-          showDetails: Q
+          showDetails: H,
+          showReasoningButton: g
         }
-      }), U !== L && (await Le(U), V(U)), h(), T({
+      }), G !== A && (await De(G), F(G)), m(), E({
         loadingLocation: !1
       });
     } catch {
     }
-  }, re = async () => {
-    T({
+  }, ce = async () => {
+    E({
       loadingLocation: !0
-    }), p("...");
+    }), h("...");
     try {
-      const t = Date.now(), l = await Ie(), f = await he({
+      const t = Date.now(), i = await Ae(), B = await ye({
         accessToken: await o(),
-        type: pe.GET_LOCATION,
+        type: xe.GET_LOCATION,
         params: {
-          latitude: l.latitude,
-          longitude: l.longitude
+          latitude: i.latitude,
+          longitude: i.longitude
         }
-      }), C = Date.now() - t;
-      if (C < 2e3 && await new Promise((k) => setTimeout(k, 2e3 - C)), f.status === 200) {
-        const { city: k, state: E, country: i, displayName: P } = f.data, le = k && E && i ? `${k}, ${E}, ${i}` : P;
-        T({
+      }), w = Date.now() - t;
+      if (w < 2e3 && await new Promise((k) => setTimeout(k, 2e3 - w)), B.status === 200) {
+        const { city: k, state: C, country: q, displayName: ie } = B.data, Ee = k && C && q ? `${k}, ${C}, ${q}` : ie;
+        E({
           loadingLocation: !1
-        }), p(le);
+        }), h(Ee);
       } else
-        T({
+        E({
           loadingLocation: !1
         });
     } catch {
     }
-  }, ae = () => {
-    h(), n(!1);
-  }, F = ({
+  }, T = () => {
+    m(), n(!1);
+  }, y = ({
     enabled: t = !1,
-    privateChat: l = !1,
-    clipboardAccess: f = !1,
-    ...X
+    privateChat: i = !1,
+    clipboardAccess: B = !1,
+    ...u
   }) => {
-    x((C) => {
-      const k = C.prompts, E = {
-        ...X,
+    x((w) => {
+      const k = w.prompts, C = {
+        ...u,
         enabled: t,
-        privateChat: l,
-        clipboardAccess: f
+        privateChat: i,
+        clipboardAccess: B
       };
-      f ? E.content = E.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : E.content = E.content.replace(/{{clipboard}}/g, "");
-      const i = k.findIndex((P) => P.slot === X.slot);
-      return i === -1 ? {
-        ...C,
-        prompts: [...k, { ...E }]
-      } : (k[i] = E, {
-        ...C,
+      B ? C.content = C.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : C.content = C.content.replace(/{{clipboard}}/g, "");
+      const q = k.findIndex((ie) => ie.slot === u.slot);
+      return q === -1 ? {
+        ...w,
+        prompts: [...k, { ...C }]
+      } : (k[q] = C, {
+        ...w,
         prompts: [...k]
       });
     });
-  }, j = Pe(async () => {
+  }, ae = Pe(async () => {
     try {
-      _(!0);
-      const t = await Te();
-      J(t);
+      S(!0);
+      const t = await Ce();
+      O(t);
     } catch {
     } finally {
-      _(!1);
+      S(!1);
     }
   }, []);
-  return ce(() => {
+  return me(() => {
     if (!e)
       return;
-    e.instructions && D(e.instructions), e.location && p(e.location), e.tags && x({ prompts: e.tags }), e.sendOnEnter !== void 0 && b(e.sendOnEnter), e.useMemory !== void 0 && $(e.useMemory), e.showDetails !== void 0 && w(e.showDetails);
-    const t = Ne();
-    V(t), q(t);
-  }, [e]), ce(() => {
-    L ? j() : J(null);
-  }, [L, j]), c ? /* @__PURE__ */ u(de, { children: [
-    /* @__PURE__ */ u(
-      Me,
+    e.instructions && P(e.instructions), e.location && h(e.location), e.tags && x({ prompts: e.tags }), e.sendOnEnter !== void 0 && b(e.sendOnEnter), e.useMemory !== void 0 && z(e.useMemory), e.showDetails !== void 0 && j(e.showDetails), e.showReasoningButton !== void 0 && Q(e.showReasoningButton);
+    const t = Ie();
+    F(t), K(t);
+  }, [e]), me(() => {
+    A ? ae() : O(null);
+  }, [A, ae]), l ? /* @__PURE__ */ d(de, { children: [
+    /* @__PURE__ */ d(
+      Oe,
       {
         open: a,
-        onOpenChange: ae,
-        title: ve,
+        onOpenChange: T,
+        title: _e,
         animation: !0,
         animationType: "fade",
-        footer: /* @__PURE__ */ u(
-          Ce,
+        footer: /* @__PURE__ */ d(
+          Re,
           {
             columnGap: 2,
             alignHorizontal: "flex-end",
             className: "pb-8 sm:pb-0",
             children: [
-              /* @__PURE__ */ r(me, { children: /* @__PURE__ */ r(
+              /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ r(
                 oe,
                 {
                   mode: "dark",
                   variant: "secondary",
                   focusMode: "light",
                   noBorder: !0,
-                  onClick: ae,
+                  onClick: T,
                   children: "Cancel"
                 }
               ) }),
-              /* @__PURE__ */ r(me, { children: /* @__PURE__ */ r(
+              /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ r(
                 oe,
                 {
                   mode: "dark",
                   focusMode: "light",
                   onClick: async (t) => {
-                    n(!1), await se(t);
+                    n(!1), await re(t);
                   },
                   children: "Save"
                 }
@@ -507,50 +510,50 @@ const Ze = ({
           }
         ),
         children: [
-          /* @__PURE__ */ u(
-            G,
+          /* @__PURE__ */ d(
+            $,
             {
-              header: A.SETTINGS_DETAILS.TITLE,
+              header: L.SETTINGS_DETAILS.TITLE,
               className: "prose-dark dark:prose-lighter",
               noBorder: !0,
               children: [
-                /* @__PURE__ */ r("p", { className: "text-sm", children: A.SETTINGS_DETAILS.DETAILS }),
+                /* @__PURE__ */ r("p", { className: "text-sm", children: L.SETTINGS_DETAILS.DETAILS }),
                 /* @__PURE__ */ r(
-                  R,
+                  M,
                   {
                     noBorder: !0,
                     narrow: !0,
                     className: "mt-2",
                     label: "Show Message Statistics",
                     name: "show-message-statistics",
-                    onChange: Z,
-                    checked: Q
+                    onChange: ee,
+                    checked: H
                   }
                 ),
-                /* @__PURE__ */ r("p", { className: "text-sm mt-5", children: A.SETTINGS_DETAILS.SEND_ON_ENTER }),
+                /* @__PURE__ */ r("p", { className: "text-sm mt-5", children: L.SETTINGS_DETAILS.SEND_ON_ENTER }),
                 /* @__PURE__ */ r(
-                  R,
+                  M,
                   {
                     noBorder: !0,
                     narrow: !0,
                     className: "mt-2",
                     label: "Send Message on Enter",
                     name: "send-message-on-enter",
-                    onChange: ee,
-                    checked: S
+                    onChange: se,
+                    checked: I
                   }
                 ),
-                M && /* @__PURE__ */ u(de, { children: [
-                  /* @__PURE__ */ r("p", { className: "text-sm mt-5", children: A.SETTINGS_DETAILS.USE_MEMORY }),
+                Y && /* @__PURE__ */ d(de, { children: [
+                  /* @__PURE__ */ r("p", { className: "text-sm mt-5", children: L.SETTINGS_DETAILS.USE_MEMORY }),
                   /* @__PURE__ */ r(
-                    R,
+                    M,
                     {
                       noBorder: !0,
                       narrow: !0,
                       className: "mt-2",
                       label: "Use Memory",
                       name: "use-memory",
-                      onChange: O,
+                      onChange: te,
                       checked: N
                     }
                   ),
@@ -561,7 +564,7 @@ const Ze = ({
                       noBorder: !0,
                       size: "small",
                       className: "mt-3",
-                      onClick: () => z(!0),
+                      onClick: () => X(!0),
                       children: "Manage Memories"
                     }
                   )
@@ -569,20 +572,20 @@ const Ze = ({
               ]
             }
           ),
-          /* @__PURE__ */ u(
-            G,
+          /* @__PURE__ */ d(
+            $,
             {
               header: "Custom Instructions",
               className: "prose-dark dark:prose-lighter mt-4",
               noBorder: !0,
               children: [
-                /* @__PURE__ */ u("p", { className: "text-sm", children: [
+                /* @__PURE__ */ d("p", { className: "text-sm", children: [
                   "What would you like ",
-                  /* @__PURE__ */ r("em", { children: we }),
+                  /* @__PURE__ */ r("em", { children: Le }),
                   " to know about you to provide better responses?"
                 ] }),
                 /* @__PURE__ */ r(
-                  ie,
+                  he,
                   {
                     mode: "alt-system",
                     autoCapitalize: "off",
@@ -590,9 +593,9 @@ const Ze = ({
                     autoCorrect: "off",
                     name: "customInstructions",
                     label: "Custom Instructions",
-                    value: I,
+                    value: R,
                     onChange: (t) => {
-                      D(t.target.value);
+                      P(t.target.value);
                     },
                     helperText: "Press ENTER to add a new line."
                   }
@@ -600,8 +603,8 @@ const Ze = ({
               ]
             }
           ),
-          /* @__PURE__ */ u(
-            G,
+          /* @__PURE__ */ d(
+            $,
             {
               header: "Location",
               className: "prose-dark dark:prose-lighter mt-4",
@@ -609,14 +612,14 @@ const Ze = ({
               children: [
                 /* @__PURE__ */ r("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
                 /* @__PURE__ */ r(
-                  ie,
+                  he,
                   {
                     mode: "alt-system",
                     name: "location",
                     label: "Location",
-                    value: B,
+                    value: U,
                     onChange: (t) => {
-                      p(t.target.value);
+                      h(t.target.value);
                     },
                     helperText: "Enter your location or press auto-detect."
                   }
@@ -628,24 +631,24 @@ const Ze = ({
                     size: "small",
                     noBorder: !0,
                     variant: "secondary",
-                    disabled: y.loadingLocation,
-                    onClick: re,
-                    children: y.loadingLocation ? "Detecting..." : "Auto-detect"
+                    disabled: f.loadingLocation,
+                    onClick: ce,
+                    children: f.loadingLocation ? "Detecting..." : "Auto-detect"
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ u(
-            G,
+          /* @__PURE__ */ d(
+            $,
             {
-              header: A.SETTINGS_PROMPTS.TITLE,
+              header: L.SETTINGS_PROMPTS.TITLE,
               className: "prose-dark dark:prose-lighter mt-4",
               noBorder: !0,
               children: [
-                /* @__PURE__ */ r("p", { className: "text-sm", children: Se }),
-                v.prompts && v.prompts.slice(0, 3).map((t) => /* @__PURE__ */ u(
-                  G,
+                /* @__PURE__ */ r("p", { className: "text-sm", children: Me }),
+                v.prompts && v.prompts.slice(0, 3).map((t) => /* @__PURE__ */ d(
+                  $,
                   {
                     mode: "dark",
                     noBorder: !0,
@@ -654,7 +657,7 @@ const Ze = ({
                     children: [
                       /* @__PURE__ */ r("p", { className: "text-sm", children: t.description }),
                       /* @__PURE__ */ r(
-                        R,
+                        M,
                         {
                           noBorder: !0,
                           narrow: !0,
@@ -663,17 +666,17 @@ const Ze = ({
                           className: "mt-2",
                           label: "Enabled",
                           name: t.slot.toString(),
-                          onChange: (l) => {
-                            F({
+                          onChange: (i) => {
+                            y({
                               ...t,
-                              enabled: l
+                              enabled: i
                             });
                           },
                           checked: t.enabled
                         }
                       ),
                       /* @__PURE__ */ r(
-                        R,
+                        M,
                         {
                           noBorder: !0,
                           narrow: !0,
@@ -682,17 +685,17 @@ const Ze = ({
                           className: "mt-2",
                           label: "Private Chat",
                           name: `private-${t.slot.toString()}`,
-                          onChange: (l) => {
-                            F({
+                          onChange: (i) => {
+                            y({
                               ...t,
-                              privateChat: l
+                              privateChat: i
                             });
                           },
                           checked: t.privateChat
                         }
                       ),
                       /* @__PURE__ */ r(
-                        R,
+                        M,
                         {
                           noBorder: !0,
                           narrow: !0,
@@ -701,10 +704,10 @@ const Ze = ({
                           className: "mt-2",
                           label: "Use Clipboard",
                           name: `clipboard-${t.slot.toString()}`,
-                          onChange: (l) => {
-                            F({
+                          onChange: (i) => {
+                            y({
                               ...t,
-                              clipboardAccess: l
+                              clipboardAccess: i
                             });
                           },
                           checked: t.clipboardAccess
@@ -717,48 +720,63 @@ const Ze = ({
               ]
             }
           ),
-          /* @__PURE__ */ u(
-            G,
+          /* @__PURE__ */ d(
+            $,
             {
-              header: A.SETTINGS_CACHING.TITLE,
+              header: L.SETTINGS_ADVANCED.TITLE,
               className: "prose-dark dark:prose-lighter mt-4 ",
               noBorder: !0,
               children: [
-                /* @__PURE__ */ r("p", { className: "text-sm", children: A.SETTINGS_CACHING.DESCRIPTION }),
+                _ && /* @__PURE__ */ d(de, { children: [
+                  /* @__PURE__ */ r("p", { className: "text-sm", children: L.SETTINGS_ADVANCED.REASONING_BUTTON_DESCRIPTION }),
+                  /* @__PURE__ */ r(
+                    M,
+                    {
+                      noBorder: !0,
+                      narrow: !0,
+                      className: "mt-2",
+                      label: "Show Reasoning Button",
+                      name: "show-reasoning-button",
+                      onChange: le,
+                      checked: g
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r("p", { className: "text-sm mt-5", children: L.SETTINGS_ADVANCED.CACHE_DESCRIPTION }),
                 /* @__PURE__ */ r(
-                  R,
+                  M,
                   {
                     noBorder: !0,
                     narrow: !0,
                     className: "mt-2",
                     label: "Enable Assets Caching",
                     name: "enable-service-worker",
-                    onChange: te,
-                    checked: U
+                    onChange: ne,
+                    checked: G
                   }
                 ),
-                L && /* @__PURE__ */ u("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
+                A && /* @__PURE__ */ d("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
                   /* @__PURE__ */ r("h3", { className: "m-0 mb-2 text-xs uppercase opacity-70", children: "Cache Info" }),
-                  m ? /* @__PURE__ */ u("div", { className: "text-xs space-y-2", children: [
-                    /* @__PURE__ */ u("p", { className: "m-0", children: [
+                  D ? /* @__PURE__ */ d("div", { className: "text-xs space-y-2", children: [
+                    /* @__PURE__ */ d("p", { className: "m-0", children: [
                       "Version: ",
-                      /* @__PURE__ */ r("strong", { children: m.version })
+                      /* @__PURE__ */ r("strong", { children: D.version })
                     ] }),
-                    /* @__PURE__ */ u("p", { className: "m-0", children: [
+                    /* @__PURE__ */ d("p", { className: "m-0", children: [
                       "Total Items: ",
-                      /* @__PURE__ */ r("strong", { children: m.totalItems })
+                      /* @__PURE__ */ r("strong", { children: D.totalItems })
                     ] }),
-                    m.caches.map((t) => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: t.urls.map((l) => /* @__PURE__ */ r(
+                    D.caches.map((t) => /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: t.urls.map((i) => /* @__PURE__ */ r(
                       "li",
                       {
                         className: "truncate text-xs text-copy-dark dark:text-copy-light overflow-hidden text-ellipsis",
-                        title: l,
-                        children: new URL(l).pathname
+                        title: i,
+                        children: new URL(i).pathname
                       },
-                      l
+                      i
                     )) }) }, t.name)),
-                    m.totalItems === 0 && !K && /* @__PURE__ */ r("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
-                  ] }) : /* @__PURE__ */ r("p", { className: "text-xs opacity-70 m-0", children: K ? "Loading cache info..." : "No cache info available." })
+                    D.totalItems === 0 && !Z && /* @__PURE__ */ r("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
+                  ] }) : /* @__PURE__ */ r("p", { className: "text-xs opacity-70 m-0", children: Z ? "Loading cache info..." : "No cache info available." })
                 ] })
               ]
             }
@@ -767,15 +785,15 @@ const Ze = ({
       }
     ),
     /* @__PURE__ */ r(
-      Ae,
+      Ue,
       {
-        open: W,
-        onOpenChange: z,
+        open: V,
+        onOpenChange: X,
         user: s?.username
       }
     )
   ] }) : null;
 };
 export {
-  Ze as SettingsPanel
+  at as SettingsPanel
 };