@versini/sassysaint 8.59.4 → 8.61.0

package/dist/chunks/SettingsEntry.DlOg852u.js

@@ -0,0 +1,799 @@
+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.D0NeHQ_Z.js";
+import { useCapability as be, oe as Oe, O as M } from "./App.BrPp8T2f.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.oDlcY89z.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
+};