@versini/sassysaint 8.53.0 → 8.55.0

package/dist/chunks/SettingsEntry.Bl5OwncD.js

@@ -0,0 +1,777 @@
+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, le as Ee, getCacheInfo as Te, isServiceWorkerEnabled as Ne, SETTINGS_TITLE as we, S as U, CARDS as A, C as oe, de 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.B4ADsXSu.js";
+import { useCapability as _e, se as Me, L as D } from "./App.w6_jLyPE.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.BXJmOUIb.js";
+import g from "clsx";
+function De({
+  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", Be = "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", B = 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(Be, "absolute"), b = o ? void 0 : g(Ge, "absolute");
+  return {
+    wrapper: x,
+    textArea: I,
+    accessibleLabel: R,
+    visibleLabel: B,
+    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: B,
+    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] = De({
+      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: B,
+          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(""), [B, 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: B,
+          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(
+                  D,
+                  {
+                    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(
+                  D,
+                  {
+                    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(
+                    D,
+                    {
+                      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: B,
+                    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(
+                        D,
+                        {
+                          narrow: !0,
+                          mode: "dark",
+                          focusMode: "light",
+                          className: "mt-2",
+                          noBorder: !0,
+                          label: "Enabled",
+                          name: t.slot.toString(),
+                          onChange: (l) => {
+                            F({
+                              ...t,
+                              enabled: l
+                            });
+                          },
+                          checked: t.enabled
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        D,
+                        {
+                          narrow: !0,
+                          mode: "dark",
+                          focusMode: "light",
+                          className: "mt-2",
+                          noBorder: !0,
+                          label: "Private Chat",
+                          name: `private-${t.slot.toString()}`,
+                          onChange: (l) => {
+                            F({
+                              ...t,
+                              privateChat: l
+                            });
+                          },
+                          checked: t.privateChat
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        D,
+                        {
+                          narrow: !0,
+                          mode: "dark",
+                          focusMode: "light",
+                          className: "mt-2",
+                          noBorder: !0,
+                          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(
+                  D,
+                  {
+                    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
+};