@versini/sassysaint 8.50.0 → 8.51.0

package/dist/chunks/SettingsEntry.DwwFKKy7.js

@@ -0,0 +1,964 @@
+import { jsxs as n, 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 le, 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, pe as He, getCurrentGeoLocation as $e, mutateCall as ye, handleServiceWorkerToggle as Ve, SERVICE_TYPES as xe } from "./index.CHVF-o0F.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.Bu-CJnKe.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.D-giOzeS.js";
+import k from "clsx";
+function Ze({
+  value: a,
+  defaultValue: l,
+  finalValue: o,
+  onChange: s = () => {
+  },
+  initialControlledDelay: t = 0
+}) {
+  const [d, g] = c(!1), [y, N] = c(
+    l !== void 0 ? l : 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"
+}), nt = ({
+  noBorder: a,
+  error: l
+}) => k("border-2", {
+  "border-border-dark": !a && !l,
+  "focus:border-border-dark": !a && l,
+  "border-border-error-dark": !a && l,
+  "border-transparent": a
+}), lt = ({
+  disabled: a,
+  raw: l,
+  error: o,
+  mode: s,
+  leftElement: t,
+  rightElement: d
+}) => {
+  if (l)
+    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: l,
+  mode: o,
+  disabled: s
+}) => {
+  if (l)
+    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: l,
+  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(l) : k(
+    Ne,
+    l,
+    at(),
+    ot({ mode: y }),
+    st({ focusMode: s }),
+    nt({
+      noBorder: d,
+      error: g
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": t
+    }
+  ), O = o ? void 0 : "sr-only", C = lt({
+    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: l,
+  currentLabelOffset: o = 0,
+  currentHelperTextOffset: s = 0
+}) => {
+  let t, d;
+  if (a > 0 && a !== l) {
+    const g = a - l, 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: l,
+    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, ne] = c(0), [Q, Z] = c(
+      !!(!v && h)
+    ), r = `${l} 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 && ne(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__ */ n("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: l,
+          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: l,
+  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__ */ n(ue, { children: [
+    /* @__PURE__ */ n(
+      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__ */ n("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
+            /* @__PURE__ */ n("li", { children: [
+              "Excerpt: ",
+              S.current?.text?.slice(0, 80) || ""
+            ] }),
+            /* @__PURE__ */ n("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) => l(m),
+        title: "User Memories",
+        animation: !0,
+        animationType: "fade",
+        footer: /* @__PURE__ */ n(Ce, { columnGap: 2, alignHorizontal: "flex-end", children: [
+          /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(
+            K,
+            {
+              mode: "dark",
+              variant: "secondary",
+              noBorder: !0,
+              focusMode: "light",
+              onClick: () => l(!1),
+              children: "Close"
+            }
+          ) }),
+          /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(
+            K,
+            {
+              mode: "dark",
+              focusMode: "light",
+              variant: "danger",
+              disabled: E.isPending || (C?.total ?? 0) === 0,
+              onClick: q,
+              children: "Delete All"
+            }
+          ) })
+        ] }),
+        children: /* @__PURE__ */ n("div", { className: "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__ */ n(Ye, { compact: !0, stickyHeader: !0, children: [
+            /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ n(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__ */ n(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__ */ n(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: l
+}) => {
+  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 {
+    }
+  }, ne = () => {
+    g(), l(!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__ */ n(ue, { children: [
+    /* @__PURE__ */ n(
+      Ee,
+      {
+        open: a,
+        onOpenChange: ne,
+        title: Be,
+        animation: !0,
+        animationType: "fade",
+        footer: /* @__PURE__ */ n(
+          Ce,
+          {
+            columnGap: 2,
+            alignHorizontal: "flex-end",
+            className: "pb-8 sm:pb-0",
+            children: [
+              /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(
+                K,
+                {
+                  mode: "dark",
+                  variant: "secondary",
+                  focusMode: "light",
+                  noBorder: !0,
+                  onClick: ne,
+                  children: "Cancel"
+                }
+              ) }),
+              /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(
+                K,
+                {
+                  mode: "dark",
+                  focusMode: "light",
+                  onClick: async (r) => {
+                    l(!1), await ie(r);
+                  },
+                  children: "Save"
+                }
+              ) })
+            ]
+          }
+        ),
+        children: [
+          /* @__PURE__ */ n(
+            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__ */ n(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__ */ n(
+            X,
+            {
+              header: "Custom Instructions",
+              className: "prose-dark dark:prose-lighter mt-4",
+              noBorder: !0,
+              children: [
+                /* @__PURE__ */ n("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__ */ n(
+            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__ */ n(
+            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__ */ n(
+                  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__ */ n(
+            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__ */ n("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__ */ n("div", { className: "text-xs space-y-2", children: [
+                    /* @__PURE__ */ n("p", { className: "m-0", children: [
+                      "Version: ",
+                      /* @__PURE__ */ e("strong", { children: p.version })
+                    ] }),
+                    /* @__PURE__ */ n("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
+};