@versini/sassysaint 8.45.4 → 8.45.6

package/dist/chunks/SettingsEntry.mv_g2-2P.js

@@ -1,1064 +0,0 @@
-import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import { n as xe, getCacheInfo as we, isServiceWorkerEnabled as Ne, SETTINGS_TITLE as Te, S as H, CARDS as P, Oe as Ee, C as se, PROMPTS_DESCRIPTION as ve, L as Ce, j as ie, getCurrentGeoLocation as Ie, handleServiceWorkerToggle as _e } from "./index.xegEqIYd.js";
-import { useUserPreferences as Se, tt as Ae, mutateCall as de, SERVICE_TYPES as ue } from "./App.Dxe8LDdD.js";
-import Le, { useRef as v, useState as p, useLayoutEffect as J, useMemo as he, useEffect as $, useId as Me, useReducer as Re, useCallback as pe } from "react";
-import i from "clsx";
-const ge = "av-text-area", De = "av-text-area-wrapper", le = "av-text-area-helper-text", Oe = "av-text-area__control--right", Pe = "av-text-area__control--left";
-function Be() {
-  const e = v(!1);
-  return $(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), pe(() => e.current, []);
-}
-function Ge(e) {
-  return he(() => e.every((a) => a == null) ? () => {
-  } : (a) => {
-    e.forEach((r) => {
-      typeof r == "function" ? r(a) : r != null && (r.current = a);
-    });
-  }, [...e]);
-}
-const Ue = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function me(e) {
-  const a = Be(), r = v(0), o = v(null), [t, l] = p(Ue), c = he(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
-    const f = d[0];
-    f && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-      o.current && a() && l(f.contentRect);
-    }));
-  }), [a]);
-  return $(() => (o.current && c?.observe(o.current, e), () => {
-    c?.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [c, e]), [o, t];
-}
-function He({
-  value: e,
-  defaultValue: a,
-  finalValue: r,
-  onChange: o = () => {
-  },
-  initialControlledDelay: t = 0
-}) {
-  const [l, c] = p(!1), [d, f] = p(
-    a !== void 0 ? a : r
-  ), x = (u) => {
-    f(u), o?.(u);
-  };
-  return $(() => {
-    (async () => e !== void 0 && !l && t > 0 && (await new Promise(
-      (u) => setTimeout(u, t)
-    ), c(!0)))();
-  }, [e, t, l]), e !== void 0 ? !l && t > 0 ? ["", o, !0] : [e, o, !0] : [d, x, !1];
-}
-function $e(e) {
-  const a = Me();
-  if (!e)
-    return a;
-  if (typeof e == "number" || typeof e == "string")
-    return `${e}${a}`;
-  if (typeof e == "object") {
-    const { id: r, prefix: o = "" } = e;
-    return typeof r == "number" || typeof r == "string" ? `${o}${r}` : `${o}${a}`;
-  }
-}
-const ye = "SET_ANNOUNCEMENT", be = "CLEAR_ANNOUNCEMENT", Ve = {
-  alert: null,
-  alertdialog: null,
-  log: "polite",
-  marquee: null,
-  progressbar: null,
-  status: "polite",
-  timer: "assertive"
-}, Fe = (e, a) => {
-  switch (a?.type) {
-    case ye:
-      return {
-        ...e,
-        announcement: a.payload
-      };
-    case be:
-      return {
-        ...e,
-        announcement: null
-      };
-    default:
-      return e;
-  }
-}, ze = ({
-  onAnnouncementClear: e,
-  dispatch: a
-}) => {
-  a({
-    type: be
-  }), typeof e == "function" && e();
-}, fe = ({
-  children: e,
-  clearAnnouncementDelay: a,
-  clearAnnouncementTimeoutRef: r,
-  onAnnouncementClear: o,
-  dispatch: t
-}) => {
-  clearTimeout(r.current), e !== null && t({
-    type: ye,
-    payload: e
-  }), a && (r.current = setTimeout(
-    () => ze({
-      onAnnouncementClear: o,
-      dispatch: t
-    }),
-    a
-  ));
-}, We = ({
-  children: e,
-  announcementTimeoutRef: a,
-  announcementDelay: r,
-  clearAnnouncementDelay: o,
-  clearAnnouncementTimeoutRef: t,
-  onAnnouncementClear: l,
-  dispatch: c
-}) => {
-  clearTimeout(a.current), r ? a.current = setTimeout(fe, r, {
-    children: e,
-    clearAnnouncementDelay: o,
-    clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: l,
-    dispatch: c
-  }) : fe({
-    children: e,
-    clearAnnouncementDelay: o,
-    clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: l,
-    dispatch: c
-  });
-};
-function je({
-  children: e,
-  className: a,
-  politeness: r,
-  role: o = null,
-  announcementDelay: t,
-  clearAnnouncementDelay: l,
-  onAnnouncementClear: c,
-  visible: d,
-  ...f
-}) {
-  const x = v(null), u = v(null), [w, C] = Re(Fe, {
-    announcement: null
-  });
-  let I = r;
-  typeof I > "u" && (I = o ? Ve[o] : "assertive"), $(() => {
-    We({
-      announcementTimeoutRef: x,
-      announcementDelay: t,
-      children: e,
-      clearAnnouncementDelay: l,
-      clearAnnouncementTimeoutRef: u,
-      onAnnouncementClear: c,
-      dispatch: C
-    });
-  }, [
-    e,
-    t,
-    l,
-    c
-  ]);
-  const g = i(a, {
-    "sr-only": !d
-  });
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      "aria-live": I,
-      ...o && { role: o },
-      className: g,
-      ...f,
-      children: w.announcement
-    }
-  );
-}
-/*!
-  @versini/ui-liveregion v2.0.11
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "2.0.11",
-    buildTime: "08/23/2025 12:21 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Ye = ({ 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"
-}), Xe = ({
-  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"
-}), Je = ({
-  noBorder: e,
-  error: a
-}) => i("border-2", {
-  "border-border-dark": !e && !a,
-  "focus:border-border-dark": !e && a,
-  "border-border-error-dark": !e && a,
-  "border-transparent": e
-}), Ze = ({
-  disabled: e,
-  raw: a,
-  error: r,
-  mode: o,
-  leftElement: t,
-  rightElement: l
-}) => {
-  if (a)
-    return "";
-  if (e)
-    return i(
-      "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
-      {
-        "translate-x-[12px]": l === !0 && !t || !l && !t
-      }
-    );
-  if (!r)
-    return i(
-      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
-      {
-        "translate-x-[12px]": l === !0 && !t || !l && !t,
-        "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 (r)
-    return i(
-      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
-      {
-        "translate-x-[12px]": l === !0 && !t || !l && !t,
-        "text-copy-medium": o === "dark",
-        "text-copy-error-dark": o === "light",
-        "text-copy-error-dark dark:text-copy-error-light": o === "system",
-        "text-copy-medium dark:text-copy-error-dark": o === "alt-system"
-      }
-    );
-}, Ke = ({
-  error: e,
-  raw: a,
-  mode: r,
-  disabled: o
-}) => {
-  if (a)
-    return "";
-  if (o)
-    return i(
-      le,
-      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
-    );
-  if (!e)
-    return i(le, "absolute px-2 font-medium", {
-      "text-copy-medium": r === "dark",
-      "text-copy-dark": r === "light",
-      "text-copy-dark dark:text-copy-medium": r === "system",
-      "text-copy-medium dark:text-copy-dark": r === "alt-system"
-    });
-  if (e)
-    return i(le, "absolute px-2 font-medium", {
-      "text-copy-error-light": r === "dark",
-      "text-copy-error-dark": r === "light",
-      "text-copy-error-dark dark:text-copy-error-light": r === "system",
-      "dark:text-copy-error-dark text-copy-error-light": r === "alt-system"
-    });
-}, Qe = ({
-  className: e,
-  textAreaClassName: a,
-  raw: r,
-  focusMode: o,
-  disabled: t,
-  noBorder: l,
-  error: c,
-  mode: d,
-  leftElement: f,
-  rightElement: x
-}) => {
-  const u = r ? e : i(
-    "relative flex w-full flex-col justify-center",
-    De,
-    e
-  ), w = r ? i(a) : i(
-    ge,
-    a,
-    qe(),
-    Ye({ mode: d }),
-    Xe({ focusMode: o }),
-    Je({
-      noBorder: l,
-      error: c
-    }),
-    {
-      "disabled:cursor-not-allowed disabled:opacity-50": t
-    }
-  ), C = r ? void 0 : "sr-only", I = Ze({
-    disabled: t,
-    raw: r,
-    error: c,
-    mode: d,
-    rightElement: x,
-    leftElement: f
-  }), g = Ke({
-    error: c,
-    raw: r,
-    mode: d,
-    disabled: t
-  }), A = r ? void 0 : i(Oe, "absolute"), N = r ? void 0 : i(Pe, "absolute");
-  return {
-    wrapper: u,
-    textArea: w,
-    accessibleLabel: C,
-    visibleLabel: I,
-    helperText: g,
-    rightElement: A,
-    leftElement: N
-  };
-}, et = ({
-  scrollHeight: e,
-  currentHeight: a,
-  currentLabelOffset: r = 0,
-  currentHelperTextOffset: o = 0
-}) => {
-  let t, l;
-  if (e > 0 && e !== a) {
-    const c = e - a, d = Math.abs(c / 24);
-    t = r + -1 * Math.sign(c) * (12 * d), l = o + Math.sign(c) * (12 * d);
-  }
-  return {
-    labelOffset: t,
-    helperTextOffset: l,
-    scrollHeight: e
-  };
-}, ce = Le.forwardRef(
-  ({
-    id: e,
-    name: a,
-    label: r,
-    error: o = !1,
-    raw: t = !1,
-    className: l,
-    textAreaClassName: c,
-    mode: d = "system",
-    focusMode: f = "system",
-    value: x,
-    defaultValue: u,
-    disabled: w = !1,
-    noBorder: C = !1,
-    labelId: I,
-    helperText: g = "",
-    helperTextOnFocus: A = !1,
-    rightElement: N,
-    leftElement: _,
-    onChange: V,
-    onFocus: M,
-    onBlur: F,
-    ...G
-  }, Z) => {
-    const y = v(null), K = Ge([Z, y]), [Q, R] = me(), [ee, S] = me(), z = v(80), te = v(-25), U = v(null), re = v(30), ae = v(null), D = $e({ id: e, prefix: `${ge}-` }), [W, j] = p(0), [q, n] = p(0), [h, L] = p(
-      !!(!A && g)
-    ), Y = `${a} error, ${g}`, k = Qe({
-      className: l,
-      textAreaClassName: c,
-      error: o,
-      raw: t,
-      focusMode: f,
-      disabled: w,
-      noBorder: C,
-      mode: d,
-      rightElement: !!N,
-      leftElement: !!_
-    }), [m, T] = He({
-      value: x,
-      initialControlledDelay: 20,
-      defaultValue: u,
-      onChange: (E) => {
-        V && V({
-          target: {
-            value: E
-          }
-        });
-      }
-    }), O = (E) => {
-      T(E.target.value);
-    }, X = (E) => {
-      A && g && L(!0), M && M(E);
-    }, oe = (E) => {
-      A && g && !m && L(!1), F && F(E);
-    };
-    return J(() => {
-      R && R.width && j(R.width + 18 + 10);
-    }, [R]), J(() => {
-      S && S.width && n(S.width + 18 + 10);
-    }, [S]), J(() => {
-      t || y && y.current && m !== void 0 && (y.current.style.height = "inherit", y.current.style.height = y.current.scrollHeight + "px");
-    }, [m, t]), J(() => {
-      t || setTimeout(() => {
-        U?.current?.style.setProperty(
-          "--av-text-area-wrapper-transition",
-          m ? "none" : "all 0.2s ease-out"
-        );
-      }, 0);
-    }, [m, t]), J(() => {
-      if (!t && y && y.current && m !== void 0) {
-        const { labelOffset: E, helperTextOffset: ne, scrollHeight: ke } = et({
-          scrollHeight: y.current.scrollHeight,
-          currentHeight: z.current,
-          currentLabelOffset: te.current,
-          currentHelperTextOffset: re.current
-        });
-        E && (te.current = E, U?.current?.style.setProperty(
-          "--av-text-area-label",
-          `${E}px`
-        )), ne && (re.current = ne, ae?.current?.style.setProperty(
-          "--av-text-area-helper-text",
-          `${ne}px`
-        )), z.current = ke || z.current;
-      }
-    }, [m, t]), S.width > 0 && U?.current?.style.setProperty(
-      "--tw-translate-x",
-      `${12 + S.width + 5}px`
-    ), /* @__PURE__ */ b("div", { className: k.wrapper, children: [
-      /* @__PURE__ */ s(
-        "label",
-        {
-          htmlFor: D,
-          id: I,
-          className: k.accessibleLabel,
-          children: r
-        }
-      ),
-      _ && /* @__PURE__ */ s(
-        "div",
-        {
-          ref: ee,
-          className: k.leftElement,
-          children: _
-        }
-      ),
-      /* @__PURE__ */ s(
-        "textarea",
-        {
-          ref: K,
-          id: D,
-          name: a,
-          disabled: w,
-          placeholder: t ? void 0 : " ",
-          className: k.textArea,
-          rows: 1,
-          ...g && { "aria-describedby": `${D}-helper` },
-          ...o && { "aria-invalid": "true" },
-          ...N && !_ && !t && { style: { paddingRight: W } },
-          ..._ && !N && !t && { style: { paddingLeft: q } },
-          ...N && _ && !t && {
-            style: {
-              paddingRight: W,
-              paddingLeft: q
-            }
-          },
-          value: m,
-          onChange: O,
-          onFocus: X,
-          onBlur: oe,
-          ...G
-        }
-      ),
-      !t && /* @__PURE__ */ s(
-        "label",
-        {
-          ref: U,
-          "aria-hidden": !0,
-          htmlFor: D,
-          className: `${k.visibleLabel}`,
-          children: r
-        }
-      ),
-      h && /* @__PURE__ */ s(
-        "div",
-        {
-          ref: ae,
-          id: `${D}-helper`,
-          className: k.helperText,
-          children: g
-        }
-      ),
-      N && /* @__PURE__ */ s(
-        "div",
-        {
-          ref: Q,
-          className: k.rightElement,
-          children: N
-        }
-      ),
-      o && g && /* @__PURE__ */ s(je, { politeness: "polite", clearAnnouncementDelay: 500, children: Y })
-    ] });
-  }
-);
-ce.displayName = "TextArea";
-/*!
-  @versini/ui-textarea v4.0.11
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "4.0.11",
-    buildTime: "08/23/2025 12:21 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const tt = "av-toggle", rt = ({ narrow: e }) => i(
-  "peer",
-  "rounded-full",
-  {
-    "h-6 w-11": !e,
-    "h-5 w-12": e
-  },
-  // Smooth background/border transition when toggling
-  "transition-colors duration-300 ease-in-out motion-reduce:transition-none"
-), at = ({
-  focusMode: e
-}) => i(
-  "peer-focus:outline",
-  "peer-focus:outline-2",
-  "peer-focus:outline-offset-2",
-  {
-    "peer-focus:outline-focus-dark": e === "dark",
-    "peer-focus:outline-focus-light": e === "light",
-    "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"
-  }
-), ot = ({ narrow: e }) => i(
-  {
-    "peer-checked:after:translate-x-full": !e,
-    "peer-checked:after:translate-x-4": e
-  },
-  // background color when checked
-  "peer-checked:bg-action-light",
-  // knob circle and border color when checked
-  "peer-checked:after:bg-white",
-  "peer-checked:after:border-white"
-), nt = ({ narrow: e }) => i(
-  "after:left-[2px]",
-  "after:top-[2px]",
-  "after:border",
-  "after:border-surface-light dark:after:border-surface-medium",
-  "after:bg-surface-light dark:after:bg-surface-medium",
-  "after:absolute",
-  "after:transition-all after:duration-300 after:ease-in-out after:motion-reduce:transition-none after:will-change-transform",
-  "after:content-['']",
-  "after:rounded-full",
-  {
-    // Normal toggle knob (circle)
-    "after:h-5 after:w-5": !e,
-    // Narrow toggle knob (oval)
-    " after:h-4 after:w-7": e
-  }
-), st = ({
-  mode: e,
-  noBorder: a
-}) => i({
-  border: !a,
-  "border-border-medium bg-surface-medium": e === "light",
-  "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"
-}), lt = ({
-  mode: e,
-  labelHidden: a
-}) => a ? "sr-only" : i("ml-2 text-sm", {
-  "text-copy-dark": e === "light",
-  "text-copy-lighter": e === "dark",
-  "text-copy-lighter dark:text-copy-dark": e === "alt-system",
-  "text-copy-dark dark:text-copy-lighter": e === "system"
-}), ct = ({ className: e }) => i(
-  tt,
-  "relative flex cursor-pointer items-center",
-  e
-), it = ({
-  mode: e,
-  focusMode: a,
-  labelHidden: r,
-  className: o,
-  noBorder: t,
-  narrow: l
-}) => ({
-  toggle: i(
-    rt({ narrow: l }),
-    st({ mode: e, noBorder: t }),
-    at({ focusMode: a }),
-    nt({ narrow: l }),
-    ot({ narrow: l })
-  ),
-  label: lt({ mode: e, labelHidden: r }),
-  input: "peer sr-only",
-  wrapper: ct({ className: o })
-}), B = ({
-  checked: e = !1,
-  onChange: a,
-  label: r,
-  labelHidden: o = !1,
-  name: t,
-  mode: l = "system",
-  focusMode: c = "system",
-  className: d,
-  noBorder: f = !1,
-  narrow: x = !1
-}) => {
-  const u = it({
-    mode: l,
-    focusMode: c,
-    labelHidden: o,
-    className: d,
-    noBorder: f,
-    narrow: x
-  }), w = (C) => {
-    a?.(C.target.checked);
-  };
-  return /* @__PURE__ */ b("label", { className: u.wrapper, children: [
-    /* @__PURE__ */ s(
-      "input",
-      {
-        name: t,
-        checked: e,
-        type: "checkbox",
-        className: u.input,
-        onChange: w
-      }
-    ),
-    /* @__PURE__ */ s("div", { className: u.toggle }),
-    /* @__PURE__ */ s("span", { className: u.label, children: r })
-  ] });
-};
-/*!
-  @versini/ui-toggle v4.1.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "4.1.0",
-    buildTime: "08/28/2025 02:32 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const pt = ({
-  open: e,
-  onOpenChange: a
-}) => {
-  const { getAccessToken: r, user: o } = xe(), {
-    data: t,
-    isSuccess: l,
-    refetch: c
-  } = Se({
-    user: o?.username,
-    getAccessToken: r
-  }), [d, f] = p({
-    loadingLocation: !1
-  }), [x, u] = p({
-    prompts: []
-  }), [w, C] = p(""), [I, g] = p(""), [A, N] = p(!1), [_, V] = p(!1), [M, F] = p(!1), [G, Z] = p(!1), [y, K] = p(null), [Q, R] = p(!1), [ee, S] = p(!1), z = (n) => {
-    S(n);
-  }, te = (n) => {
-    N(n);
-  }, U = (n) => {
-    V(n);
-  }, re = (n) => {
-    Z(n);
-  }, ae = async (n) => {
-    n.preventDefault();
-    try {
-      await de({
-        accessToken: await r(),
-        type: ue.SET_USER_PREFERENCES,
-        params: {
-          user: o?.username,
-          instructions: w,
-          location: I,
-          provider: t?.provider,
-          tags: x.prompts,
-          sendOnEnter: A,
-          useMemory: _,
-          showDetails: ee
-        }
-      }), G !== M && (await _e(G), F(G)), c(), f({
-        loadingLocation: !1
-      });
-    } catch {
-    }
-  }, D = async () => {
-    f({
-      loadingLocation: !0
-    }), g("...");
-    try {
-      const n = Date.now(), h = await Ie(), L = await de({
-        accessToken: await r(),
-        type: ue.GET_LOCATION,
-        params: {
-          latitude: h.latitude,
-          longitude: h.longitude
-        }
-      }), k = Date.now() - n;
-      if (k < 2e3 && await new Promise((m) => setTimeout(m, 2e3 - k)), L.status === 200) {
-        const { city: m, state: T, country: O, displayName: X } = L.data, oe = m && T && O ? `${m}, ${T}, ${O}` : X;
-        f({
-          loadingLocation: !1
-        }), g(oe);
-      } else
-        f({
-          loadingLocation: !1
-        });
-    } catch {
-    }
-  }, W = () => {
-    c(), a(!1);
-  }, j = ({
-    enabled: n = !1,
-    privateChat: h = !1,
-    clipboardAccess: L = !1,
-    ...Y
-  }) => {
-    u((k) => {
-      const m = k.prompts, T = {
-        ...Y,
-        enabled: n,
-        privateChat: h,
-        clipboardAccess: L
-      };
-      L ? T.content = T.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : T.content = T.content.replace(/{{clipboard}}/g, "");
-      const O = m.findIndex((X) => X.slot === Y.slot);
-      return O === -1 ? {
-        ...k,
-        prompts: [...m, { ...T }]
-      } : (m[O] = T, {
-        ...k,
-        prompts: [...m]
-      });
-    });
-  }, q = pe(async () => {
-    try {
-      R(!0);
-      const n = await we();
-      K(n);
-    } catch {
-    } finally {
-      R(!1);
-    }
-  }, []);
-  return $(() => {
-    if (!t)
-      return;
-    t.instructions && C(t.instructions), t.location && g(t.location), t.tags && u({ prompts: t.tags }), t.sendOnEnter !== void 0 && N(t.sendOnEnter), t.useMemory !== void 0 && V(t.useMemory), t.showDetails !== void 0 && S(t.showDetails);
-    const n = Ne();
-    F(n), Z(n);
-  }, [t]), $(() => {
-    M ? q() : K(null);
-  }, [M, q]), l ? /* @__PURE__ */ b(
-    Ae,
-    {
-      open: e,
-      onOpenChange: W,
-      title: Te,
-      animation: !0,
-      animationType: "fade",
-      footer: /* @__PURE__ */ b(
-        Ce,
-        {
-          columnGap: 2,
-          alignHorizontal: "flex-end",
-          className: "pb-8 sm:pb-0",
-          children: [
-            /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ s(
-              se,
-              {
-                mode: "dark",
-                variant: "secondary",
-                focusMode: "light",
-                noBorder: !0,
-                onClick: W,
-                children: "Cancel"
-              }
-            ) }),
-            /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ s(
-              se,
-              {
-                mode: "dark",
-                focusMode: "light",
-                onClick: async (n) => {
-                  a(!1), await ae(n);
-                },
-                children: "Save"
-              }
-            ) })
-          ]
-        }
-      ),
-      children: [
-        /* @__PURE__ */ b(
-          H,
-          {
-            header: P.SETTINGS_DETAILS.TITLE,
-            className: "prose-dark dark:prose-lighter",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: P.SETTINGS_DETAILS.DETAILS }),
-              /* @__PURE__ */ s(
-                B,
-                {
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Show Message Statistics",
-                  name: "show-message-statistics",
-                  onChange: z,
-                  checked: ee
-                }
-              ),
-              /* @__PURE__ */ s("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.SEND_ON_ENTER }),
-              /* @__PURE__ */ s(
-                B,
-                {
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Send Message on Enter",
-                  name: "send-message-on-enter",
-                  onChange: te,
-                  checked: A
-                }
-              ),
-              /* @__PURE__ */ s("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.USE_MEMORY }),
-              /* @__PURE__ */ s(
-                B,
-                {
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Use Memory",
-                  name: "use-memory",
-                  onChange: U,
-                  checked: _
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ b(
-          H,
-          {
-            header: "Custom Instructions",
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ b("p", { className: "text-sm", children: [
-                "What would you like ",
-                /* @__PURE__ */ s("em", { children: Ee }),
-                " to know about you to provide better responses?"
-              ] }),
-              /* @__PURE__ */ s(
-                ce,
-                {
-                  mode: "alt-system",
-                  autoCapitalize: "off",
-                  autoComplete: "off",
-                  autoCorrect: "off",
-                  name: "customInstructions",
-                  label: "Custom Instructions",
-                  value: w,
-                  onChange: (n) => {
-                    C(n.target.value);
-                  },
-                  helperText: "Press ENTER to add a new line."
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ b(
-          H,
-          {
-            header: "Location",
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
-              /* @__PURE__ */ s(
-                ce,
-                {
-                  mode: "alt-system",
-                  name: "location",
-                  label: "Location",
-                  value: I,
-                  onChange: (n) => {
-                    g(n.target.value);
-                  },
-                  helperText: "Enter your location or press auto-detect."
-                }
-              ),
-              /* @__PURE__ */ s(
-                se,
-                {
-                  className: "mt-2",
-                  size: "small",
-                  noBorder: !0,
-                  variant: "secondary",
-                  disabled: d.loadingLocation,
-                  onClick: D,
-                  children: d.loadingLocation ? "Detecting..." : "Auto-detect"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ b(
-          H,
-          {
-            header: P.SETTINGS_PROMPTS.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: ve }),
-              x.prompts && x.prompts.slice(0, 3).map((n) => /* @__PURE__ */ b(
-                H,
-                {
-                  mode: "dark",
-                  noBorder: !0,
-                  header: n.label.replace("...", ""),
-                  className: "prose-light mb-2",
-                  children: [
-                    /* @__PURE__ */ s("p", { className: "text-sm", children: n.description }),
-                    /* @__PURE__ */ s(
-                      B,
-                      {
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        noBorder: !0,
-                        label: "Enabled",
-                        name: n.slot.toString(),
-                        onChange: (h) => {
-                          j({
-                            ...n,
-                            enabled: h
-                          });
-                        },
-                        checked: n.enabled
-                      }
-                    ),
-                    /* @__PURE__ */ s(
-                      B,
-                      {
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        noBorder: !0,
-                        label: "Private Chat",
-                        name: `private-${n.slot.toString()}`,
-                        onChange: (h) => {
-                          j({
-                            ...n,
-                            privateChat: h
-                          });
-                        },
-                        checked: n.privateChat
-                      }
-                    ),
-                    /* @__PURE__ */ s(
-                      B,
-                      {
-                        narrow: !0,
-                        mode: "dark",
-                        focusMode: "light",
-                        className: "mt-2",
-                        noBorder: !0,
-                        label: "Use Clipboard",
-                        name: `clipboard-${n.slot.toString()}`,
-                        onChange: (h) => {
-                          j({
-                            ...n,
-                            clipboardAccess: h
-                          });
-                        },
-                        checked: n.clipboardAccess
-                      }
-                    )
-                  ]
-                },
-                `prompt-slot-${n.slot}`
-              ))
-            ]
-          }
-        ),
-        /* @__PURE__ */ b(
-          H,
-          {
-            header: P.SETTINGS_CACHING.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4 ",
-            noBorder: !0,
-            children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: P.SETTINGS_CACHING.DESCRIPTION }),
-              /* @__PURE__ */ s(
-                B,
-                {
-                  narrow: !0,
-                  className: "mt-2",
-                  label: "Enable Assets Caching",
-                  name: "enable-service-worker",
-                  onChange: re,
-                  checked: G
-                }
-              ),
-              M && /* @__PURE__ */ b("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
-                /* @__PURE__ */ s("h3", { className: "m-0 mb-2 text-xs uppercase opacity-70", children: "Cache Info" }),
-                y ? /* @__PURE__ */ b("div", { className: "text-xs space-y-2", children: [
-                  /* @__PURE__ */ b("p", { className: "m-0", children: [
-                    "Version: ",
-                    /* @__PURE__ */ s("strong", { children: y.version })
-                  ] }),
-                  /* @__PURE__ */ b("p", { className: "m-0", children: [
-                    "Total Items: ",
-                    /* @__PURE__ */ s("strong", { children: y.totalItems })
-                  ] }),
-                  y.caches.map((n) => /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: n.urls.map((h) => /* @__PURE__ */ s(
-                    "li",
-                    {
-                      className: "truncate text-xs text-copy-dark dark:text-copy-light overflow-hidden text-ellipsis",
-                      title: h,
-                      children: new URL(h).pathname
-                    },
-                    h
-                  )) }) }, n.name)),
-                  y.totalItems === 0 && !Q && /* @__PURE__ */ s("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
-                ] }) : /* @__PURE__ */ s("p", { className: "text-xs opacity-70 m-0", children: Q ? "Loading cache info..." : "No cache info available." })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  ) : null;
-};
-export {
-  pt as SettingsPanel
-};