@versini/sassysaint 8.61.3 → 8.62.0

package/dist/chunks/SettingsEntry.fBAXDI0G.js

@@ -0,0 +1,777 @@
+import { jsxs as u, jsx as r, Fragment as ue } from "react/jsx-runtime";
+import { o as ke, h as me, i as Ee, x as Ne, n as Te, useUserPreferences as we, Pe as he, getCacheInfo as ve, isServiceWorkerEnabled as Se, SETTINGS_TITLE as Ce, S as V, CARDS as C, _e as Ie, C as le, PROMPTS_DESCRIPTION as _e, L as Le, j as pe, getCurrentGeoLocation as Re, mutateCall as fe, handleServiceWorkerToggle as Ae, SERVICE_TYPES as ge } from "./index.Bt79QV0P.js";
+import { useCapability as ye, oe as De, O as I } from "./App.DL4IaJKE.js";
+import Oe, { useState as d, useEffect as ie, useRef as $, useLayoutEffect as J, useCallback as Me } from "react";
+import p from "clsx";
+function Be({
+  value: a,
+  defaultValue: n,
+  finalValue: o,
+  onChange: s = () => {
+  },
+  initialControlledDelay: t = 0
+}) {
+  const [c, m] = d(!1), [f, k] = d(
+    n !== void 0 ? n : o
+  ), N = (x) => {
+    k(x), s?.(x);
+  };
+  return ie(() => {
+    (async () => a !== void 0 && !c && t > 0 && (await new Promise(
+      (x) => setTimeout(x, t)
+    ), m(!0)))();
+  }, [a, t, c]), a !== void 0 ? !c && t > 0 ? ["", s, !0] : [a, s, !0] : [f, N, !1];
+}
+const xe = "av-text-area", Pe = "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"
+}), $e = ({
+  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"
+}), We = ({
+  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
+}), ze = ({
+  disabled: a,
+  raw: n,
+  error: o,
+  mode: s,
+  leftElement: t,
+  rightElement: c
+}) => {
+  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]": c === !0 && !t || !c && !t
+      }
+    );
+  if (!o)
+    return p(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[10px]": c === !0 && !t || !c && !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]": c === !0 && !t || !c && !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"
+      }
+    );
+}, Fe = ({
+  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"
+    });
+}, je = ({
+  className: a,
+  textAreaClassName: n,
+  raw: o,
+  focusMode: s,
+  disabled: t,
+  noBorder: c,
+  error: m,
+  mode: f,
+  leftElement: k,
+  rightElement: N
+}) => {
+  const x = o ? a : p(
+    "relative flex w-full flex-col justify-center",
+    Pe,
+    a
+  ), _ = o ? p(n) : p(
+    xe,
+    n,
+    He(),
+    Ve({ mode: f }),
+    $e({ focusMode: s }),
+    We({
+      noBorder: c,
+      error: m
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": t
+    }
+  ), P = o ? void 0 : "sr-only", G = ze({
+    disabled: t,
+    raw: o,
+    error: m,
+    mode: f,
+    rightElement: N,
+    leftElement: k
+  }), h = Fe({
+    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: P,
+    visibleLabel: G,
+    helperText: h,
+    rightElement: v,
+    leftElement: b
+  };
+}, Xe = ({
+  scrollHeight: a,
+  currentHeight: n,
+  currentLabelOffset: o = 0,
+  currentHelperTextOffset: s = 0
+}) => {
+  let t, c;
+  if (a > 0 && a !== n) {
+    const m = a - n, f = Math.abs(m / 24);
+    t = o + -1 * Math.sign(m) * (12 * f), c = s + Math.sign(m) * (12 * f);
+  }
+  return {
+    labelOffset: t,
+    helperTextOffset: c,
+    scrollHeight: a
+  };
+}, de = Oe.forwardRef(
+  ({
+    id: a,
+    name: n,
+    label: o,
+    error: s = !1,
+    raw: t = !1,
+    className: c,
+    textAreaClassName: m,
+    mode: f = "system",
+    focusMode: k = "system",
+    value: N,
+    defaultValue: x,
+    disabled: _ = !1,
+    noBorder: P = !1,
+    labelId: G,
+    helperText: h = "",
+    helperTextOnFocus: v = !1,
+    rightElement: b,
+    leftElement: T,
+    onChange: W,
+    onFocus: L,
+    onBlur: z,
+    ...U
+  }, K) => {
+    const y = $(null), Q = ke([K, y]), [R, A] = me(), [Z, w] = me(), H = $(80), F = $(-25), D = $(null), j = $(30), ee = $(null), O = Ee({ id: a, prefix: `${xe}-` }), [te, ae] = d(0), [re, oe] = d(0), [se, X] = d(
+      !!(!v && h)
+    ), Y = `${n} error, ${h}`, E = je({
+      className: c,
+      textAreaClassName: m,
+      error: s,
+      raw: t,
+      focusMode: k,
+      disabled: _,
+      noBorder: P,
+      mode: f,
+      rightElement: !!b,
+      leftElement: !!T
+    }), [e, i] = Be({
+      value: N,
+      initialControlledDelay: 20,
+      defaultValue: x,
+      onChange: (l) => {
+        W && W({
+          target: {
+            value: l
+          }
+        });
+      }
+    }), M = (l) => {
+      i(l.target.value);
+    }, q = (l) => {
+      v && h && X(!0), L && L(l);
+    }, S = (l) => {
+      v && h && !e && X(!1), z && z(l);
+    };
+    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: l, helperTextOffset: g, scrollHeight: B } = Xe({
+          scrollHeight: y.current.scrollHeight,
+          currentHeight: H.current,
+          currentLabelOffset: F.current,
+          currentHelperTextOffset: j.current
+        });
+        l && (F.current = l, D?.current?.style.setProperty(
+          "--av-text-area-label",
+          `${l}px`
+        )), g && (j.current = g, ee?.current?.style.setProperty(
+          "--av-text-area-helper-text",
+          `${g}px`
+        )), H.current = B || H.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: G,
+          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: M,
+          onFocus: q,
+          onBlur: S,
+          ...U
+        }
+      ),
+      !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(Ne, { politeness: "polite", clearAnnouncementDelay: 500, children: Y })
+    ] });
+  }
+);
+de.displayName = "TextArea";
+/*!
+  @versini/ui-textarea v5.0.2
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "5.0.2",
+    buildTime: "10/11/2025 07:15 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ze = ({
+  open: a,
+  onOpenChange: n
+}) => {
+  const { getAccessToken: o, user: s } = Te(), {
+    data: t,
+    isSuccess: c,
+    refetch: m
+  } = we({
+    user: s?.username,
+    getAccessToken: o
+  }), [f, k] = d({
+    loadingLocation: !1
+  }), [N, x] = d({
+    prompts: []
+  }), [_, P] = d(""), [G, h] = d(""), [v, b] = d(!1), [T, W] = d(!1), [L, z] = d(!1), [U, K] = d(!1), [y, Q] = d(!1), [R, A] = d(null), [Z, w] = d(!1), [H, 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: G,
+          provider: t?.provider,
+          tags: N.prompts,
+          sendOnEnter: v,
+          useMemory: T,
+          showDetails: H,
+          showReasoningButton: y
+        }
+      }), U !== L && (await Ae(U), z(U)), m(), k({
+        loadingLocation: !1
+      });
+    } catch {
+    }
+  }, se = async () => {
+    k({
+      loadingLocation: !0
+    }), h("...");
+    try {
+      const e = Date.now(), i = await Re(), M = await fe({
+        accessToken: await o(),
+        type: ge.GET_LOCATION,
+        params: {
+          latitude: i.latitude,
+          longitude: i.longitude
+        }
+      }), S = Date.now() - e;
+      if (S < 2e3 && await new Promise((l) => setTimeout(l, 2e3 - S)), M.status === 200) {
+        const { city: l, state: g, country: B, displayName: ne } = M.data, be = l && g && B ? `${l}, ${g}, ${B}` : ne;
+        k({
+          loadingLocation: !1
+        }), h(be);
+      } else
+        k({
+          loadingLocation: !1
+        });
+    } catch {
+    }
+  }, X = () => {
+    m(), n(!1);
+  }, Y = ({
+    enabled: e = !1,
+    privateChat: i = !1,
+    clipboardAccess: M = !1,
+    ...q
+  }) => {
+    x((S) => {
+      const l = S.prompts, g = {
+        ...q,
+        enabled: e,
+        privateChat: i,
+        clipboardAccess: M
+      };
+      M ? g.content = g.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : g.content = g.content.replace(/{{clipboard}}/g, "");
+      const B = l.findIndex((ne) => ne.slot === q.slot);
+      return B === -1 ? {
+        ...S,
+        prompts: [...l, { ...g }]
+      } : (l[B] = g, {
+        ...S,
+        prompts: [...l]
+      });
+    });
+  }, E = Me(async () => {
+    try {
+      w(!0);
+      const e = await ve();
+      A(e);
+    } catch {
+    } finally {
+      w(!1);
+    }
+  }, []);
+  return ie(() => {
+    if (!t)
+      return;
+    t.instructions && P(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 = Se();
+    z(e), K(e);
+  }, [t]), ie(() => {
+    L ? E() : A(null);
+  }, [L, E]), c ? /* @__PURE__ */ u(
+    De,
+    {
+      open: a,
+      onOpenChange: X,
+      title: Ce,
+      animation: !0,
+      animationType: "fade",
+      footer: /* @__PURE__ */ u(
+        Le,
+        {
+          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(
+          V,
+          {
+            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: H
+                }
+              ),
+              /* @__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(
+          V,
+          {
+            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: Ie }),
+                " 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) => {
+                    P(e.target.value);
+                  },
+                  helperText: "Press ENTER to add a new line."
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ u(
+          V,
+          {
+            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: G,
+                  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(
+          V,
+          {
+            header: C.SETTINGS_PROMPTS.TITLE,
+            className: "prose-dark dark:prose-lighter mt-4",
+            noBorder: !0,
+            children: [
+              /* @__PURE__ */ r("p", { className: "text-sm", children: _e }),
+              N.prompts && N.prompts.slice(0, 3).map((e) => /* @__PURE__ */ u(
+                V,
+                {
+                  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(
+          V,
+          {
+            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: U
+                }
+              ),
+              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 {
+  Ze as SettingsPanel
+};