@versini/sassysaint 8.65.0 → 8.67.0

package/dist/chunks/SettingsEntry.B6JLgzK6.js

@@ -0,0 +1,794 @@
+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, handleServiceWorkerToggle as He, SERVICE_TYPES as ke } from "./index.CSaM-Hzm.js";
+import { useCapability as Te, oe as We, O as v } from "./App.NiMe9pNP.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.3
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "5.0.3",
+    buildTime: "10/17/2025 12:52 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
+};