@versini/sassysaint 8.58.2 → 8.59.0

package/dist/chunks/SettingsEntry.6T_vvycf.js

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