@versini/sassysaint 8.47.2 → 8.49.0

package/dist/chunks/SettingsEntry.BUz1K73x.js

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