@versini/sassysaint 8.87.0 → 8.88.0

package/dist/chunks/UserMemoriesPanel.a4D47pAN.js

@@ -1,745 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as b } from "react/jsx-runtime";
-import { L as R, j$1 as A, Button as M, n as Ne, useLocalStorage as K, LOCAL_STORAGE_PREFIX as Q, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as we, e$1 as l, LOCAL_STORAGE_SORT_MEMORY_COLUMN as ke, useUserMemories as Se, useExpiredMemories as Te, useDeleteMemory as ve, useDeleteAllActiveMemories as De, useDeleteAllExpiredMemories as Me, useUpdateMemory as Ee, useRestoreMemory as be, ButtonIcon as O, IconEdit as Re, IconDelete as Z, IconRestore as Ie } from "./index.BOTqIliq.js";
-import { Panel as le, Toggle as _, ConfirmationPanel as ee, Tooltip as z } from "./App.QSOXgzIH.js";
-import { W as te, j as re, G as D, M as s, F as B, H as ie, D as ne } from "./index.s8wrxGpV.js";
-import y from "clsx";
-import { useState as C, useEffect as Le, useRef as oe } from "react";
-import { TextArea as Oe } from "./index.CwcDgCgg.js";
-const _e = ({
-  open: N,
-  onOpenChange: E,
-  initialText: a,
-  metadata: n,
-  onSave: I,
-  isSaving: m = !1
-}) => {
-  const [p, L] = C(a), [h, w] = C("none");
-  Le(() => {
-    if (N) {
-      L(a);
-      const o = n?.expiration || "none";
-      w(o);
-    }
-  }, [N, a, n?.expiration]);
-  const S = () => {
-    if (p.trim().length >= 3) {
-      const o = h === "none" ? null : h;
-      I(p.trim(), o);
-    }
-  }, u = p.trim().length >= 3, T = p.trim() !== a.trim() || h !== (n?.expiration || "none");
-  return /* @__PURE__ */ e(
-    le,
-    {
-      open: N,
-      onOpenChange: E,
-      title: "Edit Memory",
-      animation: !0,
-      animationType: "fade",
-      footer: /* @__PURE__ */ r(R, { columnGap: 2, alignHorizontal: "flex-end", children: [
-        /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-          M,
-          {
-            mode: "dark",
-            variant: "secondary",
-            noBorder: !0,
-            focusMode: "light",
-            onClick: () => E(!1),
-            disabled: m,
-            children: "Cancel"
-          }
-        ) }),
-        /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-          M,
-          {
-            mode: "dark",
-            focusMode: "light",
-            disabled: m || !u || !T,
-            onClick: S,
-            children: m ? "Saving..." : "Save"
-          }
-        ) })
-      ] }),
-      children: /* @__PURE__ */ r("div", { className: "flex flex-col pt-2 gap-4", children: [
-        /* @__PURE__ */ e(
-          Oe,
-          {
-            mode: "dark",
-            focusMode: "light",
-            label: "Memory text",
-            name: "memoryText",
-            value: p,
-            onChange: (o) => L(o.target.value),
-            autoFocus: !0,
-            helperText: p.trim().length < 3 ? "Memory text must be at least 3 characters" : `${p.length} characters`
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 p-4 bg-slate-800/50 rounded-md border border-slate-700/50", children: [
-          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-slate-300 m-0", children: "Memory Expiration" }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-slate-400 m-0", children: "Set when this memory should expire and be automatically removed." }),
-          /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ e(
-              _,
-              {
-                mode: "dark",
-                focusMode: "light",
-                noBorder: !0,
-                narrow: !0,
-                label: "Never expire",
-                name: "expiration-none",
-                checked: h === "none",
-                onChange: (o) => {
-                  o && w("none");
-                }
-              }
-            ),
-            /* @__PURE__ */ e(
-              _,
-              {
-                mode: "dark",
-                focusMode: "light",
-                noBorder: !0,
-                narrow: !0,
-                label: "Short (1 month)",
-                name: "expiration-short",
-                checked: h === "short",
-                onChange: (o) => {
-                  o && w("short");
-                }
-              }
-            ),
-            /* @__PURE__ */ e(
-              _,
-              {
-                mode: "dark",
-                focusMode: "light",
-                noBorder: !0,
-                narrow: !0,
-                label: "Medium (6 months)",
-                name: "expiration-medium",
-                checked: h === "medium",
-                onChange: (o) => {
-                  o && w("medium");
-                }
-              }
-            ),
-            /* @__PURE__ */ e(
-              _,
-              {
-                mode: "dark",
-                focusMode: "light",
-                noBorder: !0,
-                narrow: !0,
-                label: "Long (1 year)",
-                name: "expiration-long",
-                checked: h === "long",
-                onChange: (o) => {
-                  o && w("long");
-                }
-              }
-            )
-          ] })
-        ] }),
-        n && /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 p-4 bg-slate-800/50 rounded-md border border-slate-700/50", children: [
-          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-slate-300 m-0", children: "Memory Details" }),
-          n.categories && n.categories.length > 0 && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ e("span", { className: "text-xs text-slate-400 uppercase", children: "Category" }),
-            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: n.categories.map((o, v) => /* @__PURE__ */ e(
-              "span",
-              {
-                className: "text-xs px-2 py-1 bg-slate-700/50 text-slate-200 rounded",
-                children: o
-              },
-              `${o}-${v}`
-            )) })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "flex flex-col sm:flex-row gap-4", children: [
-            /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
-              n.confidence !== void 0 && n.confidence !== null && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-slate-400 uppercase", children: "Confidence" }),
-                /* @__PURE__ */ r("span", { className: "text-sm text-slate-200", children: [
-                  (n.confidence * 100).toFixed(0),
-                  "%"
-                ] })
-              ] }),
-              n.status && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-slate-400 uppercase", children: "Status" }),
-                /* @__PURE__ */ e("span", { className: "text-sm text-slate-200 capitalize", children: n.status })
-              ] }),
-              n.sourceType && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-slate-400 uppercase", children: "Source Type" }),
-                /* @__PURE__ */ e("span", { className: "text-sm text-slate-200 capitalize", children: n.sourceType })
-              ] })
-            ] }),
-            /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
-              n.quote && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-slate-400 uppercase", children: "Original Prompt" }),
-                /* @__PURE__ */ r("p", { className: "text-sm text-slate-200 m-0 italic", children: [
-                  '"',
-                  n.quote,
-                  '"'
-                ] })
-              ] }),
-              n.canonicalText && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-slate-400 uppercase", children: "Canonical Text" }),
-                /* @__PURE__ */ e("p", { className: "text-sm text-slate-200 m-0 font-mono", children: n.canonicalText })
-              ] })
-            ] })
-          ] })
-        ] })
-      ] })
-    }
-  );
-}, He = ({
-  open: N,
-  onOpenChange: E,
-  user: a
-}) => {
-  const { getAccessToken: n } = Ne(), [I] = C(void 0), [m, p] = C("active"), [L, h] = K({
-    key: Q + we,
-    initialValue: l.DESC
-  }), [w, S] = K({
-    key: Q + ke,
-    initialValue: "createdAt"
-  }), [u, T] = C(L || l.DESC), [o, v] = C(
-    w || "createdAt"
-  ), { data: g, isLoading: U, isError: q } = Se({
-    user: a,
-    query: I,
-    getAccessToken: n,
-    enabled: N && m === "active"
-  }), {
-    data: f,
-    isLoading: H,
-    isError: j
-  } = Te({
-    user: a,
-    query: I,
-    getAccessToken: n,
-    enabled: N && m === "expired"
-  }), P = ve({ getAccessToken: n }), $ = De({ getAccessToken: n }), X = Me({ getAccessToken: n }), F = Ee({ getAccessToken: n }), V = be({ getAccessToken: n }), [se, Y] = C(!1), k = oe(null), [ae, W] = C(!1), [ce, G] = C(!1), x = oe(null), J = (t, i, c, d) => {
-    k.current = { id: t, text: i, description: c, createdAt: d }, Y(!0);
-  }, de = () => {
-    k.current && P.mutate({ user: a, memoryId: k.current.id });
-  }, me = (t, i, c, d, ue, ge, fe, Ae, ye, Ce) => {
-    x.current = {
-      id: t,
-      description: i,
-      categories: c,
-      quote: d,
-      canonicalText: ue,
-      confidence: ge,
-      status: fe,
-      sourceType: Ae,
-      expiration: ye,
-      expiresAt: Ce
-    }, G(!0);
-  }, xe = (t, i) => {
-    x.current && a && F.mutate(
-      {
-        user: a,
-        memoryId: x.current.id,
-        description: t,
-        expiration: i || void 0
-      },
-      {
-        onSuccess: () => {
-          G(!1);
-        }
-      }
-    );
-  }, he = () => {
-    a && W(!0);
-  }, pe = () => {
-    a && (m === "active" ? $.mutate({ user: a }) : X.mutate({ user: a }));
-  };
-  return /* @__PURE__ */ r(b, { children: [
-    /* @__PURE__ */ e(
-      _e,
-      {
-        open: ce,
-        onOpenChange: G,
-        initialText: x.current?.description || "",
-        metadata: x.current ? {
-          categories: x.current.categories,
-          quote: x.current.quote,
-          canonicalText: x.current.canonicalText,
-          confidence: x.current.confidence,
-          status: x.current.status,
-          sourceType: x.current.sourceType,
-          expiration: x.current.expiration,
-          expiresAt: x.current.expiresAt
-        } : void 0,
-        onSave: xe,
-        isSaving: F.isPending
-      }
-    ),
-    /* @__PURE__ */ r(
-      ee,
-      {
-        showConfirmation: se,
-        setShowConfirmation: Y,
-        action: de,
-        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__ */ r("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
-            /* @__PURE__ */ r("li", { children: [
-              "Excerpt:",
-              " ",
-              (k.current?.description || k.current?.text || "").slice(0, 80)
-            ] }),
-            /* @__PURE__ */ r("li", { children: [
-              "Created:",
-              " ",
-              k.current?.createdAt ? new Date(k.current.createdAt).toLocaleString() : "-"
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      ee,
-      {
-        showConfirmation: ae,
-        setShowConfirmation: W,
-        action: pe,
-        customStrings: {
-          title: m === "active" ? "Delete all active memories" : "Delete all expired memories",
-          confirmAction: "Delete all",
-          cancelAction: "Cancel"
-        },
-        children: /* @__PURE__ */ e("p", { className: "m-0", children: m === "active" ? "This will permanently delete all active memories for this user. This action cannot be undone." : "This will permanently delete all expired memories for this user. This action cannot be undone." })
-      }
-    ),
-    /* @__PURE__ */ e(
-      le,
-      {
-        open: N,
-        onOpenChange: (t) => E(t),
-        title: "User Memories",
-        animation: !0,
-        animationType: "fade",
-        footer: /* @__PURE__ */ r(R, { columnGap: 2, alignHorizontal: "flex-end", children: [
-          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-            M,
-            {
-              mode: "dark",
-              variant: "secondary",
-              noBorder: !0,
-              focusMode: "light",
-              onClick: () => E(!1),
-              children: "Close"
-            }
-          ) }),
-          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-            M,
-            {
-              mode: "dark",
-              focusMode: "light",
-              variant: "danger",
-              disabled: (m === "active" ? $.isPending : X.isPending) || (m === "active" ? (g?.total ?? 0) === 0 : (f?.total ?? 0) === 0),
-              onClick: he,
-              children: "Delete All"
-            }
-          ) })
-        ] }),
-        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 @container/editmemoriespanel", children: [
-          /* @__PURE__ */ r(R, { columnGap: 2, alignHorizontal: "center", children: [
-            /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-              M,
-              {
-                focusMode: "light",
-                mode: m === "active" ? "dark" : "light",
-                size: "small",
-                noBorder: !0,
-                onClick: () => p("active"),
-                children: "Active Memories"
-              }
-            ) }),
-            /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-              M,
-              {
-                focusMode: "light",
-                mode: m === "expired" ? "dark" : "light",
-                size: "small",
-                noBorder: !0,
-                onClick: () => p("expired"),
-                children: "Expired Memories"
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: y(
-                "flex flex-col sm:flex-row",
-                "max-h-[75vh]",
-                "sm:max-h-[75vh]",
-                "min-h-[70vh]"
-              ),
-              children: m === "active" ? /* @__PURE__ */ r(b, { children: [
-                U && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading memories..." }),
-                q && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load memories." }),
-                !U && !q && (g && g.items.length > 0 ? /* @__PURE__ */ r(te, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
-                  /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(D, { children: [
-                    /* @__PURE__ */ e(s, { className: "sr-only", children: "Row" }),
-                    /* @__PURE__ */ e(s, { children: "Memory" }),
-                    /* @__PURE__ */ e(
-                      B,
-                      {
-                        focusMode: "system",
-                        buttonClassName: "text-xs sm:text-sm",
-                        cellId: "createdAt",
-                        align: "left",
-                        sortDirection: u,
-                        sortedCell: o,
-                        onClick: () => {
-                          v("createdAt"), S("createdAt"), T((t) => {
-                            const i = t === l.ASC ? l.DESC : l.ASC;
-                            return h(i), i;
-                          });
-                        },
-                        children: "Date"
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      B,
-                      {
-                        focusMode: "system",
-                        buttonClassName: "text-xs sm:text-sm",
-                        cellId: "expiresAt",
-                        align: "left",
-                        sortDirection: u,
-                        sortedCell: o,
-                        onClick: () => {
-                          v("expiresAt"), S("expiresAt"), T((t) => {
-                            const i = t === l.ASC ? l.DESC : l.ASC;
-                            return h(i), i;
-                          });
-                        },
-                        children: "Expires"
-                      }
-                    ),
-                    /* @__PURE__ */ e(s, { align: "right", children: "Actions" })
-                  ] }) }),
-                  /* @__PURE__ */ e(ie, { children: [...g.items].sort((t, i) => {
-                    if (o === "createdAt") {
-                      const c = t.createdAt ? new Date(t.createdAt).getTime() : 0, d = i.createdAt ? new Date(i.createdAt).getTime() : 0;
-                      return u === l.ASC ? c - d : d - c;
-                    }
-                    if (o === "expiresAt") {
-                      const c = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, d = i.expiresAt ? new Date(i.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
-                      return u === l.ASC ? c - d : d - c;
-                    }
-                    return 0;
-                  }).map((t, i) => /* @__PURE__ */ r(D, { children: [
-                    /* @__PURE__ */ e(s, { className: y("dark:text-gray-400"), children: i + 1 }),
-                    /* @__PURE__ */ e(
-                      s,
-                      {
-                        className: y(
-                          "dark:text-white",
-                          "max-w-[100px] sm:max-w-[400px]",
-                          "text-xs sm:text-sm"
-                        ),
-                        style: {
-                          wordBreak: "break-word"
-                        },
-                        children: t.description || t.text
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      s,
-                      {
-                        component: "th",
-                        scope: "row",
-                        className: y(
-                          "dark:text-gray-400",
-                          "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
-                        ),
-                        children: t.createdAt ? new Date(t.createdAt).toLocaleDateString() : "-"
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      s,
-                      {
-                        className: y(
-                          "dark:text-gray-400",
-                          "sm:whitespace-nowrap text-xs sm:text-sm"
-                        ),
-                        children: t.expiresAt ? new Date(t.expiresAt).toLocaleDateString() : "Never"
-                      }
-                    ),
-                    /* @__PURE__ */ e(s, { className: "align-top", align: "right", children: /* @__PURE__ */ r(
-                      R,
-                      {
-                        columnGap: 2,
-                        alignHorizontal: "flex-end",
-                        children: [
-                          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-                            z,
-                            {
-                              label: "Edit memory",
-                              mode: "system",
-                              placement: "top",
-                              trigger: /* @__PURE__ */ e(
-                                O,
-                                {
-                                  focusMode: "system",
-                                  noBorder: !0,
-                                  label: "Edit memory",
-                                  variant: "primary",
-                                  disabled: F.isPending,
-                                  onClick: () => me(
-                                    t.memoryId,
-                                    t.description || t.text,
-                                    t.categories,
-                                    t.quote,
-                                    t.canonicalText,
-                                    t.confidence,
-                                    t.status,
-                                    t.sourceType,
-                                    t.expiration,
-                                    t.expiresAt
-                                  ),
-                                  children: /* @__PURE__ */ e(Re, { size: "size-3", monotone: !0 })
-                                }
-                              )
-                            }
-                          ) }),
-                          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-                            z,
-                            {
-                              label: "Delete memory",
-                              mode: "system",
-                              placement: "top",
-                              trigger: /* @__PURE__ */ e(
-                                O,
-                                {
-                                  focusMode: "system",
-                                  noBorder: !0,
-                                  label: "Delete memory",
-                                  variant: "primary",
-                                  iconClassName: "text-red-700 dark:text-red-500",
-                                  disabled: P.isPending,
-                                  onClick: () => J(
-                                    t.memoryId,
-                                    t.text,
-                                    t.description,
-                                    t.createdAt
-                                  ),
-                                  children: /* @__PURE__ */ e(Z, { size: "size-3", monotone: !0 })
-                                }
-                              )
-                            }
-                          ) })
-                        ]
-                      }
-                    ) })
-                  ] }, t.memoryId)) }),
-                  /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ r(s, { colSpan: 5, children: [
-                    g.total,
-                    " memor",
-                    g.total === 1 ? "y" : "ies",
-                    g.totalTokenUsage !== void 0 && g.totalTokenUsage > 0 && /* @__PURE__ */ r(b, { children: [
-                      " ",
-                      "(approximately",
-                      " ",
-                      Math.round(
-                        g.totalTokenUsage
-                      ).toLocaleString(),
-                      " ",
-                      "token",
-                      Math.round(g.totalTokenUsage) === 1 ? "" : "s",
-                      ")"
-                    ] })
-                  ] }) }) })
-                ] }) : /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: "No memories stored." }))
-              ] }) : /* @__PURE__ */ r(b, { children: [
-                H && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading expired memories..." }),
-                j && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load expired memories." }),
-                !H && !j && (f && f.items.length > 0 ? /* @__PURE__ */ r(te, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
-                  /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(D, { children: [
-                    /* @__PURE__ */ e(s, { className: "sr-only", children: "Row" }),
-                    /* @__PURE__ */ e(s, { children: "Memory" }),
-                    /* @__PURE__ */ e(
-                      B,
-                      {
-                        focusMode: "system",
-                        buttonClassName: "text-xs sm:text-sm",
-                        cellId: "createdAt",
-                        align: "left",
-                        sortDirection: u,
-                        sortedCell: o,
-                        onClick: () => {
-                          v("createdAt"), S("createdAt"), T((t) => {
-                            const i = t === l.ASC ? l.DESC : l.ASC;
-                            return h(i), i;
-                          });
-                        },
-                        children: "Date"
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      B,
-                      {
-                        focusMode: "system",
-                        buttonClassName: "text-xs sm:text-sm",
-                        cellId: "expiresAt",
-                        align: "left",
-                        sortDirection: u,
-                        sortedCell: o,
-                        onClick: () => {
-                          v("expiresAt"), S("expiresAt"), T((t) => {
-                            const i = t === l.ASC ? l.DESC : l.ASC;
-                            return h(i), i;
-                          });
-                        },
-                        children: "Expired"
-                      }
-                    ),
-                    /* @__PURE__ */ e(s, { align: "right", children: "Actions" })
-                  ] }) }),
-                  /* @__PURE__ */ e(ie, { children: [...f.items].sort((t, i) => {
-                    if (o === "createdAt") {
-                      const c = t.createdAt ? new Date(t.createdAt).getTime() : 0, d = i.createdAt ? new Date(i.createdAt).getTime() : 0;
-                      return u === l.ASC ? c - d : d - c;
-                    }
-                    if (o === "expiresAt") {
-                      const c = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, d = i.expiresAt ? new Date(i.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
-                      return u === l.ASC ? c - d : d - c;
-                    }
-                    return 0;
-                  }).map((t, i) => /* @__PURE__ */ r(D, { children: [
-                    /* @__PURE__ */ e(s, { className: y("dark:text-gray-400"), children: i + 1 }),
-                    /* @__PURE__ */ e(
-                      s,
-                      {
-                        className: y(
-                          "dark:text-white",
-                          "max-w-[100px] sm:max-w-[400px]",
-                          "text-xs sm:text-sm"
-                        ),
-                        style: {
-                          wordBreak: "break-word"
-                        },
-                        children: t.description || t.text
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      s,
-                      {
-                        component: "th",
-                        scope: "row",
-                        className: y(
-                          "dark:text-gray-400",
-                          "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
-                        ),
-                        children: t.createdAt ? new Date(t.createdAt).toLocaleDateString() : "-"
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      s,
-                      {
-                        className: y(
-                          "dark:text-gray-400",
-                          "sm:whitespace-nowrap text-xs sm:text-sm"
-                        ),
-                        children: t.expiresAt ? new Date(t.expiresAt).toLocaleDateString() : "-"
-                      }
-                    ),
-                    /* @__PURE__ */ e(s, { className: "align-top", align: "right", children: /* @__PURE__ */ r(
-                      R,
-                      {
-                        columnGap: 2,
-                        alignHorizontal: "flex-end",
-                        children: [
-                          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-                            z,
-                            {
-                              label: "Restore memory",
-                              mode: "system",
-                              placement: "top",
-                              trigger: /* @__PURE__ */ e(
-                                O,
-                                {
-                                  focusMode: "system",
-                                  noBorder: !0,
-                                  label: "Restore memory",
-                                  variant: "primary",
-                                  disabled: V.isPending,
-                                  onClick: () => {
-                                    a && V.mutate({
-                                      user: a,
-                                      memoryId: t.memoryId
-                                    });
-                                  },
-                                  children: /* @__PURE__ */ e(Ie, { size: "size-3", monotone: !0 })
-                                }
-                              )
-                            }
-                          ) }),
-                          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
-                            z,
-                            {
-                              label: "Delete memory",
-                              mode: "system",
-                              placement: "top",
-                              trigger: /* @__PURE__ */ e(
-                                O,
-                                {
-                                  focusMode: "system",
-                                  noBorder: !0,
-                                  label: "Delete memory",
-                                  variant: "primary",
-                                  iconClassName: "text-red-700 dark:text-red-500",
-                                  disabled: P.isPending,
-                                  onClick: () => J(
-                                    t.memoryId,
-                                    t.text,
-                                    t.description,
-                                    t.createdAt
-                                  ),
-                                  children: /* @__PURE__ */ e(Z, { size: "size-3", monotone: !0 })
-                                }
-                              )
-                            }
-                          ) })
-                        ]
-                      }
-                    ) })
-                  ] }, t.memoryId)) }),
-                  /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ r(s, { colSpan: 5, children: [
-                    f.total,
-                    " expired memor",
-                    f.total === 1 ? "y" : "ies",
-                    f.totalTokenUsage !== void 0 && f.totalTokenUsage > 0 && /* @__PURE__ */ r(b, { children: [
-                      " ",
-                      "(approximately",
-                      " ",
-                      Math.round(
-                        f.totalTokenUsage
-                      ).toLocaleString(),
-                      " ",
-                      "token",
-                      Math.round(f.totalTokenUsage) === 1 ? "" : "s",
-                      ")"
-                    ] })
-                  ] }) }) })
-                ] }) : /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: "No expired memories." }))
-              ] })
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  He as UserMemoriesPanel,
-  He as default
-};