@versini/sassysaint 8.53.0 → 8.55.0

package/dist/chunks/SettingsEntry.B-O4KsHm.js

@@ -1,964 +0,0 @@
-import { jsxs as l, jsx as e, Fragment as ue } from "react/jsx-runtime";
-import { o as Te, h as fe, i as Se, x as ve, n as we, LOCAL_STORAGE_PREFIX as ge, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as Ae, LOCAL_STORAGE_SORT_MEMORY_COLUMN as De, useUserMemories as Ie, useDeleteMemory as Le, useDeleteAllMemories as Me, te as _e, L as Ce, j as ne, C as K, useUserPreferences as Oe, getCacheInfo as Re, isServiceWorkerEnabled as Pe, SETTINGS_TITLE as Be, S as X, CARDS as F, de as Ge, PROMPTS_DESCRIPTION as Ue, le as He, getCurrentGeoLocation as $e, mutateCall as ye, handleServiceWorkerToggle as Ve, SERVICE_TYPES as xe } from "./index.CYSNaM4J.js";
-import { E as be, e as J, ConfirmationPanel as ke, se as Ee, st as ze, useCapability as Fe, L as W } from "./App.BQH2Wmtd.js";
-import We, { useState as c, useEffect as he, useRef as j, useLayoutEffect as te, useCallback as je } from "react";
-import { j as Ye, D as qe, G as de, M as G, F as Xe, H as Je, l as Ke, U as Qe } from "./Table.DrJ2gUQm.js";
-import k from "clsx";
-function Ze({
-  value: a,
-  defaultValue: n,
-  finalValue: o,
-  onChange: s = () => {
-  },
-  initialControlledDelay: t = 0
-}) {
-  const [d, g] = c(!1), [y, N] = c(
-    n !== void 0 ? n : o
-  ), T = (w) => {
-    N(w), s?.(w);
-  };
-  return he(() => {
-    (async () => a !== void 0 && !d && t > 0 && (await new Promise(
-      (w) => setTimeout(w, t)
-    ), g(!0)))();
-  }, [a, t, d]), a !== void 0 ? !d && t > 0 ? ["", s, !0] : [a, s, !0] : [y, T, !1];
-}
-const Ne = "av-text-area", et = "av-text-area-wrapper", me = "av-text-area-helper-text", tt = "av-text-area__control--right", rt = "av-text-area__control--left", at = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ot = ({ mode: a }) => k({
-  "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"
-}), st = ({
-  focusMode: a
-}) => k("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"
-}), lt = ({
-  noBorder: a,
-  error: n
-}) => k("border-2", {
-  "border-border-dark": !a && !n,
-  "focus:border-border-dark": !a && n,
-  "border-border-error-dark": !a && n,
-  "border-transparent": a
-}), nt = ({
-  disabled: a,
-  raw: n,
-  error: o,
-  mode: s,
-  leftElement: t,
-  rightElement: d
-}) => {
-  if (n)
-    return "";
-  if (a)
-    return k(
-      "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
-      {
-        "translate-x-[12px]": d === !0 && !t || !d && !t
-      }
-    );
-  if (!o)
-    return k(
-      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
-      {
-        "translate-x-[12px]": d === !0 && !t || !d && !t,
-        "text-copy-medium": s === "dark",
-        "text-copy-dark": s === "light",
-        "text-copy-dark dark:text-copy-medium": s === "system",
-        "text-copy-medium dark:text-copy-dark": s === "alt-system"
-      }
-    );
-  if (o)
-    return k(
-      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
-      {
-        "translate-x-[12px]": d === !0 && !t || !d && !t,
-        "text-copy-medium": s === "dark",
-        "text-copy-error-dark": s === "light",
-        "text-copy-error-dark dark:text-copy-error-light": s === "system",
-        "text-copy-medium dark:text-copy-error-dark": s === "alt-system"
-      }
-    );
-}, it = ({
-  error: a,
-  raw: n,
-  mode: o,
-  disabled: s
-}) => {
-  if (n)
-    return "";
-  if (s)
-    return k(
-      me,
-      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
-    );
-  if (!a)
-    return k(me, "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 k(me, "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"
-    });
-}, ct = ({
-  className: a,
-  textAreaClassName: n,
-  raw: o,
-  focusMode: s,
-  disabled: t,
-  noBorder: d,
-  error: g,
-  mode: y,
-  leftElement: N,
-  rightElement: T
-}) => {
-  const w = o ? a : k(
-    "relative flex w-full flex-col justify-center",
-    et,
-    a
-  ), M = o ? k(n) : k(
-    Ne,
-    n,
-    at(),
-    ot({ mode: y }),
-    st({ focusMode: s }),
-    lt({
-      noBorder: d,
-      error: g
-    }),
-    {
-      "disabled:cursor-not-allowed disabled:opacity-50": t
-    }
-  ), O = o ? void 0 : "sr-only", C = nt({
-    disabled: t,
-    raw: o,
-    error: g,
-    mode: y,
-    rightElement: T,
-    leftElement: N
-  }), h = it({
-    error: g,
-    raw: o,
-    mode: y,
-    disabled: t
-  }), v = o ? void 0 : k(tt, "absolute"), x = o ? void 0 : k(rt, "absolute");
-  return {
-    wrapper: w,
-    textArea: M,
-    accessibleLabel: O,
-    visibleLabel: C,
-    helperText: h,
-    rightElement: v,
-    leftElement: x
-  };
-}, dt = ({
-  scrollHeight: a,
-  currentHeight: n,
-  currentLabelOffset: o = 0,
-  currentHelperTextOffset: s = 0
-}) => {
-  let t, d;
-  if (a > 0 && a !== n) {
-    const g = a - n, y = Math.abs(g / 24);
-    t = o + -1 * Math.sign(g) * (12 * y), d = s + Math.sign(g) * (12 * y);
-  }
-  return {
-    labelOffset: t,
-    helperTextOffset: d,
-    scrollHeight: a
-  };
-}, pe = We.forwardRef(
-  ({
-    id: a,
-    name: n,
-    label: o,
-    error: s = !1,
-    raw: t = !1,
-    className: d,
-    textAreaClassName: g,
-    mode: y = "system",
-    focusMode: N = "system",
-    value: T,
-    defaultValue: w,
-    disabled: M = !1,
-    noBorder: O = !1,
-    labelId: C,
-    helperText: h = "",
-    helperTextOnFocus: v = !1,
-    rightElement: x,
-    leftElement: E,
-    onChange: U,
-    onFocus: I,
-    onBlur: S,
-    ...R
-  }, H) => {
-    const p = j(null), Y = Te([H, p]), [q, _] = fe(), [m, u] = fe(), L = j(80), P = j(-25), $ = j(null), re = j(30), ae = j(null), V = Se({ id: a, prefix: `${Ne}-` }), [oe, ie] = c(0), [se, le] = c(0), [Q, Z] = c(
-      !!(!v && h)
-    ), r = `${n} error, ${h}`, i = ct({
-      className: d,
-      textAreaClassName: g,
-      error: s,
-      raw: t,
-      focusMode: N,
-      disabled: M,
-      noBorder: O,
-      mode: y,
-      rightElement: !!x,
-      leftElement: !!E
-    }), [b, ee] = Ze({
-      value: T,
-      initialControlledDelay: 20,
-      defaultValue: w,
-      onChange: (f) => {
-        U && U({
-          target: {
-            value: f
-          }
-        });
-      }
-    }), B = (f) => {
-      ee(f.target.value);
-    }, A = (f) => {
-      v && h && Z(!0), I && I(f);
-    }, D = (f) => {
-      v && h && !b && Z(!1), S && S(f);
-    };
-    return te(() => {
-      _ && _.width && ie(_.width + 18 + 10);
-    }, [_]), te(() => {
-      u && u.width && le(u.width + 18 + 10);
-    }, [u]), te(() => {
-      t || p && p.current && b !== void 0 && (p.current.style.height = "inherit", p.current.style.height = p.current.scrollHeight + "px");
-    }, [b, t]), te(() => {
-      t || setTimeout(() => {
-        $?.current?.style.setProperty(
-          "--av-text-area-wrapper-transition",
-          b ? "none" : "all 0.2s ease-out"
-        );
-      }, 0);
-    }, [b, t]), te(() => {
-      if (!t && p && p.current && b !== void 0) {
-        const { labelOffset: f, helperTextOffset: z, scrollHeight: ce } = dt({
-          scrollHeight: p.current.scrollHeight,
-          currentHeight: L.current,
-          currentLabelOffset: P.current,
-          currentHelperTextOffset: re.current
-        });
-        f && (P.current = f, $?.current?.style.setProperty(
-          "--av-text-area-label",
-          `${f}px`
-        )), z && (re.current = z, ae?.current?.style.setProperty(
-          "--av-text-area-helper-text",
-          `${z}px`
-        )), L.current = ce || L.current;
-      }
-    }, [b, t]), u.width > 0 && $?.current?.style.setProperty(
-      "--tw-translate-x",
-      `${12 + u.width + 5}px`
-    ), /* @__PURE__ */ l("div", { className: i.wrapper, children: [
-      /* @__PURE__ */ e(
-        "label",
-        {
-          htmlFor: V,
-          id: C,
-          className: i.accessibleLabel,
-          children: o
-        }
-      ),
-      E && /* @__PURE__ */ e(
-        "div",
-        {
-          ref: m,
-          className: i.leftElement,
-          children: E
-        }
-      ),
-      /* @__PURE__ */ e(
-        "textarea",
-        {
-          ref: Y,
-          id: V,
-          name: n,
-          disabled: M,
-          placeholder: t ? void 0 : " ",
-          className: i.textArea,
-          rows: 1,
-          ...h && { "aria-describedby": `${V}-helper` },
-          ...s && { "aria-invalid": "true" },
-          ...x && !E && !t && { style: { paddingRight: oe } },
-          ...E && !x && !t && { style: { paddingLeft: se } },
-          ...x && E && !t && {
-            style: {
-              paddingRight: oe,
-              paddingLeft: se
-            }
-          },
-          value: b,
-          onChange: B,
-          onFocus: A,
-          onBlur: D,
-          ...R
-        }
-      ),
-      !t && /* @__PURE__ */ e(
-        "label",
-        {
-          ref: $,
-          "aria-hidden": !0,
-          htmlFor: V,
-          className: `${i.visibleLabel}`,
-          children: o
-        }
-      ),
-      Q && /* @__PURE__ */ e(
-        "div",
-        {
-          ref: ae,
-          id: `${V}-helper`,
-          className: i.helperText,
-          children: h
-        }
-      ),
-      x && /* @__PURE__ */ e(
-        "div",
-        {
-          ref: q,
-          className: i.rightElement,
-          children: x
-        }
-      ),
-      s && h && /* @__PURE__ */ e(ve, { politeness: "polite", clearAnnouncementDelay: 500, children: r })
-    ] });
-  }
-);
-pe.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 mt = ({
-  open: a,
-  onOpenChange: n,
-  user: o
-}) => {
-  const { getAccessToken: s } = we(), [t] = c(void 0), [d, g] = be({
-    key: ge + Ae,
-    initialValue: J.DESC
-  }), [y, N] = be({
-    key: ge + De,
-    initialValue: "createdAt"
-  }), [T, w] = c(d || J.DESC), [M, O] = c(
-    y || "createdAt"
-  ), { data: C, isLoading: h, isError: v } = Ie({
-    user: o,
-    query: t,
-    getAccessToken: s,
-    enabled: a
-  }), x = Le({ getAccessToken: s }), E = Me({ getAccessToken: s }), [U, I] = c(!1), S = j(null), [R, H] = c(!1), p = (m, u, L) => {
-    S.current = { id: m, text: u, createdAt: L }, I(!0);
-  }, Y = () => {
-    S.current && x.mutate({ user: o, memoryId: S.current.id });
-  }, q = () => {
-    o && H(!0);
-  }, _ = () => {
-    o && E.mutate({ user: o });
-  };
-  return /* @__PURE__ */ l(ue, { children: [
-    /* @__PURE__ */ l(
-      ke,
-      {
-        showConfirmation: U,
-        setShowConfirmation: I,
-        action: Y,
-        customStrings: {
-          title: "Delete memory",
-          confirmAction: "Delete",
-          cancelAction: "Cancel"
-        },
-        children: [
-          /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete this memory?" }),
-          /* @__PURE__ */ l("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
-            /* @__PURE__ */ l("li", { children: [
-              "Excerpt: ",
-              S.current?.text?.slice(0, 80) || ""
-            ] }),
-            /* @__PURE__ */ l("li", { children: [
-              "Created:",
-              " ",
-              S.current?.createdAt ? new Date(S.current.createdAt).toLocaleString() : "-"
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      ke,
-      {
-        showConfirmation: R,
-        setShowConfirmation: H,
-        action: _,
-        customStrings: {
-          title: "Delete all memories",
-          confirmAction: "Delete all",
-          cancelAction: "Cancel"
-        },
-        children: /* @__PURE__ */ e("p", { className: "m-0", children: "This will permanently delete all memories for this user. This action cannot be undone." })
-      }
-    ),
-    /* @__PURE__ */ e(
-      Ee,
-      {
-        open: a,
-        onOpenChange: (m) => n(m),
-        title: "User Memories",
-        animation: !0,
-        animationType: "fade",
-        footer: /* @__PURE__ */ l(Ce, { columnGap: 2, alignHorizontal: "flex-end", children: [
-          /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-            K,
-            {
-              mode: "dark",
-              variant: "secondary",
-              noBorder: !0,
-              focusMode: "light",
-              onClick: () => n(!1),
-              children: "Close"
-            }
-          ) }),
-          /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-            K,
-            {
-              mode: "dark",
-              focusMode: "light",
-              variant: "danger",
-              disabled: E.isPending || (C?.total ?? 0) === 0,
-              onClick: q,
-              children: "Delete All"
-            }
-          ) })
-        ] }),
-        children: /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row max-h-[75vh] min-h-[60vh] pt-2", children: [
-          h && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading memories..." }),
-          v && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load memories." }),
-          !h && !v && (C && C.items.length > 0 ? /* @__PURE__ */ l(Ye, { compact: !0, stickyHeader: !0, stickyFooter: !0, children: [
-            /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ l(de, { children: [
-              /* @__PURE__ */ e(G, { className: "sr-only", children: "Row" }),
-              /* @__PURE__ */ e(G, { children: "Memory" }),
-              /* @__PURE__ */ e(
-                Xe,
-                {
-                  buttonClassName: "text-xs sm:text-sm",
-                  cellId: "createdAt",
-                  align: "left",
-                  sortDirection: T,
-                  sortedCell: M,
-                  onClick: () => {
-                    O("createdAt"), N("createdAt"), w((m) => {
-                      const u = m === J.ASC ? J.DESC : J.ASC;
-                      return g(u), u;
-                    });
-                  },
-                  children: "Date"
-                }
-              ),
-              /* @__PURE__ */ e(G, { align: "right", children: "Actions" })
-            ] }) }),
-            /* @__PURE__ */ e(Je, { children: [...C.items].sort((m, u) => {
-              const L = m.createdAt ? new Date(m.createdAt).getTime() : 0, P = u.createdAt ? new Date(u.createdAt).getTime() : 0;
-              return T === J.ASC ? L - P : P - L;
-            }).map((m, u) => /* @__PURE__ */ l(de, { children: [
-              /* @__PURE__ */ e(G, { className: "text-gray-400", children: u + 1 }),
-              /* @__PURE__ */ e(
-                G,
-                {
-                  className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-                  style: {
-                    wordBreak: "break-word"
-                  },
-                  children: m.text
-                }
-              ),
-              /* @__PURE__ */ e(
-                G,
-                {
-                  component: "th",
-                  scope: "row",
-                  className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-                  children: m.createdAt ? new Date(m.createdAt).toLocaleDateString() : "-"
-                }
-              ),
-              /* @__PURE__ */ e(G, { className: "align-top", align: "right", children: /* @__PURE__ */ e(
-                ze,
-                {
-                  label: "Delete memory",
-                  mode: "alt-system",
-                  placement: "top",
-                  trigger: /* @__PURE__ */ e(
-                    _e,
-                    {
-                      focusMode: "alt-system",
-                      noBorder: !0,
-                      label: "Delete memory",
-                      variant: "primary",
-                      iconClassName: "text-red-700 dark:text-red-500",
-                      disabled: x.isPending,
-                      onClick: () => p(
-                        m.memoryId,
-                        m.text,
-                        m.createdAt
-                      ),
-                      children: /* @__PURE__ */ e(Ke, { size: "size-3", monotone: !0 })
-                    }
-                  )
-                }
-              ) })
-            ] }, m.memoryId)) }),
-            /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(de, { children: /* @__PURE__ */ l(G, { colSpan: 4, children: [
-              C.total,
-              " memor",
-              C.total === 1 ? "y" : "ies"
-            ] }) }) })
-          ] }) : /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: "No memories stored." }))
-        ] })
-      }
-    )
-  ] });
-}, xt = ({
-  open: a,
-  onOpenChange: n
-}) => {
-  const { getAccessToken: o, user: s } = we(), {
-    data: t,
-    isSuccess: d,
-    refetch: g
-  } = Oe({
-    user: s?.username,
-    getAccessToken: o
-  }), [y, N] = c({
-    loadingLocation: !1
-  }), [T, w] = c({
-    prompts: []
-  }), [M, O] = c(""), [C, h] = c(""), [v, x] = c(!1), [E, U] = c(!1), [I, S] = c(!1), [R, H] = c(!1), [p, Y] = c(null), [q, _] = c(!1), [m, u] = c(!1), [L, P] = c(!1), $ = Fe(He.TOOL.MEMORIES), re = (r) => {
-    u(r);
-  }, ae = (r) => {
-    x(r);
-  }, V = (r) => {
-    $ && U(r);
-  }, oe = (r) => {
-    H(r);
-  }, ie = async (r) => {
-    r.preventDefault();
-    try {
-      await ye({
-        accessToken: await o(),
-        type: xe.SET_USER_PREFERENCES,
-        params: {
-          user: s?.username,
-          instructions: M,
-          location: C,
-          provider: t?.provider,
-          tags: T.prompts,
-          sendOnEnter: v,
-          useMemory: E,
-          showDetails: m
-        }
-      }), R !== I && (await Ve(R), S(R)), g(), N({
-        loadingLocation: !1
-      });
-    } catch {
-    }
-  }, se = async () => {
-    N({
-      loadingLocation: !0
-    }), h("...");
-    try {
-      const r = Date.now(), i = await $e(), b = await ye({
-        accessToken: await o(),
-        type: xe.GET_LOCATION,
-        params: {
-          latitude: i.latitude,
-          longitude: i.longitude
-        }
-      }), B = Date.now() - r;
-      if (B < 2e3 && await new Promise((A) => setTimeout(A, 2e3 - B)), b.status === 200) {
-        const { city: A, state: D, country: f, displayName: z } = b.data, ce = A && D && f ? `${A}, ${D}, ${f}` : z;
-        N({
-          loadingLocation: !1
-        }), h(ce);
-      } else
-        N({
-          loadingLocation: !1
-        });
-    } catch {
-    }
-  }, le = () => {
-    g(), n(!1);
-  }, Q = ({
-    enabled: r = !1,
-    privateChat: i = !1,
-    clipboardAccess: b = !1,
-    ...ee
-  }) => {
-    w((B) => {
-      const A = B.prompts, D = {
-        ...ee,
-        enabled: r,
-        privateChat: i,
-        clipboardAccess: b
-      };
-      b ? D.content = D.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : D.content = D.content.replace(/{{clipboard}}/g, "");
-      const f = A.findIndex((z) => z.slot === ee.slot);
-      return f === -1 ? {
-        ...B,
-        prompts: [...A, { ...D }]
-      } : (A[f] = D, {
-        ...B,
-        prompts: [...A]
-      });
-    });
-  }, Z = je(async () => {
-    try {
-      _(!0);
-      const r = await Re();
-      Y(r);
-    } catch {
-    } finally {
-      _(!1);
-    }
-  }, []);
-  return he(() => {
-    if (!t)
-      return;
-    t.instructions && O(t.instructions), t.location && h(t.location), t.tags && w({ prompts: t.tags }), t.sendOnEnter !== void 0 && x(t.sendOnEnter), t.useMemory !== void 0 && U(t.useMemory), t.showDetails !== void 0 && u(t.showDetails);
-    const r = Pe();
-    S(r), H(r);
-  }, [t]), he(() => {
-    I ? Z() : Y(null);
-  }, [I, Z]), d ? /* @__PURE__ */ l(ue, { children: [
-    /* @__PURE__ */ l(
-      Ee,
-      {
-        open: a,
-        onOpenChange: le,
-        title: Be,
-        animation: !0,
-        animationType: "fade",
-        footer: /* @__PURE__ */ l(
-          Ce,
-          {
-            columnGap: 2,
-            alignHorizontal: "flex-end",
-            className: "pb-8 sm:pb-0",
-            children: [
-              /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-                K,
-                {
-                  mode: "dark",
-                  variant: "secondary",
-                  focusMode: "light",
-                  noBorder: !0,
-                  onClick: le,
-                  children: "Cancel"
-                }
-              ) }),
-              /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(
-                K,
-                {
-                  mode: "dark",
-                  focusMode: "light",
-                  onClick: async (r) => {
-                    n(!1), await ie(r);
-                  },
-                  children: "Save"
-                }
-              ) })
-            ]
-          }
-        ),
-        children: [
-          /* @__PURE__ */ l(
-            X,
-            {
-              header: F.SETTINGS_DETAILS.TITLE,
-              className: "prose-dark dark:prose-lighter",
-              noBorder: !0,
-              children: [
-                /* @__PURE__ */ e("p", { className: "text-sm", children: F.SETTINGS_DETAILS.DETAILS }),
-                /* @__PURE__ */ e(
-                  W,
-                  {
-                    narrow: !0,
-                    className: "mt-2",
-                    label: "Show Message Statistics",
-                    name: "show-message-statistics",
-                    onChange: re,
-                    checked: m
-                  }
-                ),
-                /* @__PURE__ */ e("p", { className: "text-sm mt-5", children: F.SETTINGS_DETAILS.SEND_ON_ENTER }),
-                /* @__PURE__ */ e(
-                  W,
-                  {
-                    narrow: !0,
-                    className: "mt-2",
-                    label: "Send Message on Enter",
-                    name: "send-message-on-enter",
-                    onChange: ae,
-                    checked: v
-                  }
-                ),
-                $ && /* @__PURE__ */ l(ue, { children: [
-                  /* @__PURE__ */ e("p", { className: "text-sm mt-5", children: F.SETTINGS_DETAILS.USE_MEMORY }),
-                  /* @__PURE__ */ e(
-                    W,
-                    {
-                      narrow: !0,
-                      className: "mt-2",
-                      label: "Use Memory",
-                      name: "use-memory",
-                      onChange: V,
-                      checked: E
-                    }
-                  ),
-                  E && /* @__PURE__ */ e(
-                    K,
-                    {
-                      variant: "secondary",
-                      noBorder: !0,
-                      size: "small",
-                      className: "mt-3",
-                      onClick: () => P(!0),
-                      children: "Manage Memories"
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ l(
-            X,
-            {
-              header: "Custom Instructions",
-              className: "prose-dark dark:prose-lighter mt-4",
-              noBorder: !0,
-              children: [
-                /* @__PURE__ */ l("p", { className: "text-sm", children: [
-                  "What would you like ",
-                  /* @__PURE__ */ e("em", { children: Ge }),
-                  " to know about you to provide better responses?"
-                ] }),
-                /* @__PURE__ */ e(
-                  pe,
-                  {
-                    mode: "alt-system",
-                    autoCapitalize: "off",
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    name: "customInstructions",
-                    label: "Custom Instructions",
-                    value: M,
-                    onChange: (r) => {
-                      O(r.target.value);
-                    },
-                    helperText: "Press ENTER to add a new line."
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ l(
-            X,
-            {
-              header: "Location",
-              className: "prose-dark dark:prose-lighter mt-4",
-              noBorder: !0,
-              children: [
-                /* @__PURE__ */ e("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
-                /* @__PURE__ */ e(
-                  pe,
-                  {
-                    mode: "alt-system",
-                    name: "location",
-                    label: "Location",
-                    value: C,
-                    onChange: (r) => {
-                      h(r.target.value);
-                    },
-                    helperText: "Enter your location or press auto-detect."
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  K,
-                  {
-                    className: "mt-2",
-                    size: "small",
-                    noBorder: !0,
-                    variant: "secondary",
-                    disabled: y.loadingLocation,
-                    onClick: se,
-                    children: y.loadingLocation ? "Detecting..." : "Auto-detect"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ l(
-            X,
-            {
-              header: F.SETTINGS_PROMPTS.TITLE,
-              className: "prose-dark dark:prose-lighter mt-4",
-              noBorder: !0,
-              children: [
-                /* @__PURE__ */ e("p", { className: "text-sm", children: Ue }),
-                T.prompts && T.prompts.slice(0, 3).map((r) => /* @__PURE__ */ l(
-                  X,
-                  {
-                    mode: "dark",
-                    noBorder: !0,
-                    header: r.label.replace("...", ""),
-                    className: "prose-light mb-2",
-                    children: [
-                      /* @__PURE__ */ e("p", { className: "text-sm", children: r.description }),
-                      /* @__PURE__ */ e(
-                        W,
-                        {
-                          narrow: !0,
-                          mode: "dark",
-                          focusMode: "light",
-                          className: "mt-2",
-                          noBorder: !0,
-                          label: "Enabled",
-                          name: r.slot.toString(),
-                          onChange: (i) => {
-                            Q({
-                              ...r,
-                              enabled: i
-                            });
-                          },
-                          checked: r.enabled
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        W,
-                        {
-                          narrow: !0,
-                          mode: "dark",
-                          focusMode: "light",
-                          className: "mt-2",
-                          noBorder: !0,
-                          label: "Private Chat",
-                          name: `private-${r.slot.toString()}`,
-                          onChange: (i) => {
-                            Q({
-                              ...r,
-                              privateChat: i
-                            });
-                          },
-                          checked: r.privateChat
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        W,
-                        {
-                          narrow: !0,
-                          mode: "dark",
-                          focusMode: "light",
-                          className: "mt-2",
-                          noBorder: !0,
-                          label: "Use Clipboard",
-                          name: `clipboard-${r.slot.toString()}`,
-                          onChange: (i) => {
-                            Q({
-                              ...r,
-                              clipboardAccess: i
-                            });
-                          },
-                          checked: r.clipboardAccess
-                        }
-                      )
-                    ]
-                  },
-                  `prompt-slot-${r.slot}`
-                ))
-              ]
-            }
-          ),
-          /* @__PURE__ */ l(
-            X,
-            {
-              header: F.SETTINGS_CACHING.TITLE,
-              className: "prose-dark dark:prose-lighter mt-4 ",
-              noBorder: !0,
-              children: [
-                /* @__PURE__ */ e("p", { className: "text-sm", children: F.SETTINGS_CACHING.DESCRIPTION }),
-                /* @__PURE__ */ e(
-                  W,
-                  {
-                    narrow: !0,
-                    className: "mt-2",
-                    label: "Enable Assets Caching",
-                    name: "enable-service-worker",
-                    onChange: oe,
-                    checked: R
-                  }
-                ),
-                I && /* @__PURE__ */ l("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
-                  /* @__PURE__ */ e("h3", { className: "m-0 mb-2 text-xs uppercase opacity-70", children: "Cache Info" }),
-                  p ? /* @__PURE__ */ l("div", { className: "text-xs space-y-2", children: [
-                    /* @__PURE__ */ l("p", { className: "m-0", children: [
-                      "Version: ",
-                      /* @__PURE__ */ e("strong", { children: p.version })
-                    ] }),
-                    /* @__PURE__ */ l("p", { className: "m-0", children: [
-                      "Total Items: ",
-                      /* @__PURE__ */ e("strong", { children: p.totalItems })
-                    ] }),
-                    p.caches.map((r) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: r.urls.map((i) => /* @__PURE__ */ e(
-                      "li",
-                      {
-                        className: "truncate text-xs text-copy-dark dark:text-copy-light overflow-hidden text-ellipsis",
-                        title: i,
-                        children: new URL(i).pathname
-                      },
-                      i
-                    )) }) }, r.name)),
-                    p.totalItems === 0 && !q && /* @__PURE__ */ e("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
-                  ] }) : /* @__PURE__ */ e("p", { className: "text-xs opacity-70 m-0", children: q ? "Loading cache info..." : "No cache info available." })
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      mt,
-      {
-        open: L,
-        onOpenChange: P,
-        user: s?.username
-      }
-    )
-  ] }) : null;
-};
-export {
-  xt as SettingsPanel
-};