@versini/sassysaint 8.24.6 → 8.24.8

package/dist/chunks/SettingsEntry.D9S_YV-z.js

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