@versini/sassysaint 8.66.0 → 8.67.1

package/dist/chunks/SettingsEntry.DOIpVprT.js

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