@versini/sassysaint 8.68.0 → 8.70.0

package/dist/chunks/SettingsEntry.szqdie_1.js

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