@versini/sassysaint 8.61.3 → 8.62.0

package/dist/chunks/SettingsEntry.DrOPbOB2.js

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