@versini/sassysaint 8.87.0 → 8.87.1

package/dist/chunks/UserMemoriesPanel.BBBhJt3_.js

@@ -0,0 +1,756 @@
+import { jsx as e, jsxs as r, Fragment as L } from "react/jsx-runtime";
+import { L as E, j$1 as f, Button as b, n as ke, useLocalStorage as Q, LOCAL_STORAGE_PREFIX as Z, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as we, e$1 as l, LOCAL_STORAGE_SORT_MEMORY_COLUMN as Te, useUserMemories as Se, useExpiredMemories as ve, useDeleteMemory as De, useDeleteAllActiveMemories as be, useDeleteAllExpiredMemories as Me, useUpdateMemory as Ee, useRestoreMemory as Re, ButtonIcon as O, IconEdit as Ie, IconDelete as ee, IconRestore as Le } from "./index.DoR-38mQ.js";
+import { Panel as se, Toggle as _, ConfirmationPanel as te, Tooltip as z } from "./App.Cw4x07xc.js";
+import { W as re, j as ie, G as D, M as s, F as B, H as oe, D as ne } from "./index.nlBBvIGH.js";
+import A from "clsx";
+import { useState as y, useEffect as Oe, useRef as le } from "react";
+import { TextArea as _e } from "./index.Bfo9JTHh.js";
+const ze = ({
+  open: C,
+  onOpenChange: M,
+  initialText: c,
+  metadata: o,
+  onSave: R,
+  isSaving: m = !1
+}) => {
+  const [p, I] = y(c), [h, N] = y("none");
+  Oe(() => {
+    if (C) {
+      I(c);
+      const n = o?.expiration || "none";
+      N(n);
+    }
+  }, [C, c, o?.expiration]);
+  const w = () => {
+    if (p.trim().length >= 3) {
+      const n = h === "none" ? null : h;
+      R(p.trim(), n);
+    }
+  }, u = p.trim().length >= 3, T = p.trim() !== c.trim() || h !== (o?.expiration || "none");
+  return /* @__PURE__ */ e(
+    se,
+    {
+      open: C,
+      onOpenChange: M,
+      title: "Edit Memory",
+      animation: !0,
+      animationType: "fade",
+      footer: /* @__PURE__ */ r(E, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+          b,
+          {
+            mode: "dark",
+            variant: "secondary",
+            noBorder: !0,
+            focusMode: "light",
+            onClick: () => M(!1),
+            disabled: m,
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+          b,
+          {
+            mode: "dark",
+            focusMode: "light",
+            disabled: m || !u || !T,
+            onClick: w,
+            children: m ? "Saving..." : "Save"
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ r("div", { className: "flex flex-col pt-2 gap-4", children: [
+        /* @__PURE__ */ e(
+          _e,
+          {
+            mode: "dark",
+            focusMode: "light",
+            label: "Memory text",
+            name: "memoryText",
+            value: p,
+            onChange: (n) => I(n.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: (n) => {
+                  n && N("none");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              _,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Short (1 month)",
+                name: "expiration-short",
+                checked: h === "short",
+                onChange: (n) => {
+                  n && N("short");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              _,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Medium (6 months)",
+                name: "expiration-medium",
+                checked: h === "medium",
+                onChange: (n) => {
+                  n && N("medium");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              _,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Long (1 year)",
+                name: "expiration-long",
+                checked: h === "long",
+                onChange: (n) => {
+                  n && N("long");
+                }
+              }
+            )
+          ] })
+        ] }),
+        o && /* @__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" }),
+          o.categories && o.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: o.categories.map((n, S) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "text-xs px-2 py-1 bg-slate-700/50 text-slate-200 rounded",
+                children: n
+              },
+              `${n}-${S}`
+            )) })
+          ] }),
+          /* @__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: [
+              o.confidence !== void 0 && o.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: [
+                  (o.confidence * 100).toFixed(0),
+                  "%"
+                ] })
+              ] }),
+              o.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: o.status })
+              ] }),
+              o.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: o.sourceType })
+              ] })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
+              o.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: [
+                  '"',
+                  o.quote,
+                  '"'
+                ] })
+              ] }),
+              o.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: o.canonicalText })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}, He = ({
+  open: C,
+  onOpenChange: M,
+  user: c
+}) => {
+  const { getAccessToken: o } = ke(), [R] = y(void 0), [m, p] = y("active"), [I, h] = Q({
+    key: Z + we,
+    initialValue: l.DESC
+  }), [N, w] = Q({
+    key: Z + Te,
+    initialValue: "createdAt"
+  }), [u, T] = y(I || l.DESC), [n, S] = y(
+    N || "createdAt"
+  ), { data: v, isLoading: U, isError: q } = Se({
+    user: c,
+    query: R,
+    getAccessToken: o,
+    enabled: C && m === "active"
+  }), {
+    data: g,
+    isLoading: $,
+    isError: H
+  } = ve({
+    user: c,
+    query: R,
+    getAccessToken: o,
+    enabled: C && m === "expired"
+  }), P = De({ getAccessToken: o }), j = be({ getAccessToken: o }), X = Me({ getAccessToken: o }), F = Ee({ getAccessToken: o }), V = Re({ getAccessToken: o }), [ae, Y] = y(!1), k = le(null), [ce, W] = y(!1), [de, G] = y(!1), x = le(null), J = (t, i, a, d) => {
+    k.current = { id: t, text: i, description: a, createdAt: d }, Y(!0);
+  }, me = () => {
+    k.current && P.mutate({ user: c, memoryId: k.current.id });
+  }, xe = (t, i, a, d, ge, fe, Ae, ye, Ce, Ne) => {
+    x.current = {
+      id: t,
+      description: i,
+      categories: a,
+      quote: d,
+      canonicalText: ge,
+      confidence: fe,
+      status: Ae,
+      sourceType: ye,
+      expiration: Ce,
+      expiresAt: Ne
+    }, G(!0);
+  }, he = (t, i) => {
+    x.current && c && F.mutate(
+      {
+        user: c,
+        memoryId: x.current.id,
+        description: t,
+        expiration: i || void 0
+      },
+      {
+        onSuccess: () => {
+          G(!1);
+        }
+      }
+    );
+  }, pe = () => {
+    c && W(!0);
+  }, ue = () => {
+    c && (m === "active" ? j.mutate({ user: c }) : X.mutate({ user: c }));
+  }, K = (t) => {
+    const i = `${t.total} memor${t.total === 1 ? "y" : "ies"}`, a = t.totalTokenUsage ? ` (~${t.totalTokenUsage} tokens)` : "";
+    return i + a;
+  };
+  return /* @__PURE__ */ r(L, { children: [
+    /* @__PURE__ */ e(
+      ze,
+      {
+        open: de,
+        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: he,
+        isSaving: F.isPending
+      }
+    ),
+    /* @__PURE__ */ r(
+      te,
+      {
+        showConfirmation: ae,
+        setShowConfirmation: Y,
+        action: me,
+        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(
+      te,
+      {
+        showConfirmation: ce,
+        setShowConfirmation: W,
+        action: ue,
+        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(
+      se,
+      {
+        open: C,
+        onOpenChange: (t) => M(t),
+        title: "User Memories",
+        animation: !0,
+        animationType: "fade",
+        footer: /* @__PURE__ */ r(E, { columnGap: 2, alignHorizontal: "flex-end", children: [
+          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+            b,
+            {
+              mode: "dark",
+              variant: "secondary",
+              noBorder: !0,
+              focusMode: "light",
+              onClick: () => M(!1),
+              children: "Close"
+            }
+          ) }),
+          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+            b,
+            {
+              mode: "dark",
+              focusMode: "light",
+              variant: "danger",
+              disabled: (m === "active" ? j.isPending : X.isPending) || (m === "active" ? (v?.total ?? 0) === 0 : (g?.total ?? 0) === 0),
+              onClick: pe,
+              children: "Delete All"
+            }
+          ) })
+        ] }),
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 @container/editmemoriespanel", children: [
+          /* @__PURE__ */ r(E, { columnGap: 2, alignHorizontal: "center", children: [
+            /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+              b,
+              {
+                focusMode: "light",
+                mode: m === "active" ? "dark" : "light",
+                size: "small",
+                noBorder: !0,
+                onClick: () => p("active"),
+                children: "Active Memories"
+              }
+            ) }),
+            /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+              b,
+              {
+                focusMode: "light",
+                mode: m === "expired" ? "dark" : "light",
+                size: "small",
+                noBorder: !0,
+                onClick: () => p("expired"),
+                children: "Expired Memories"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: A(
+                "flex flex-col sm:flex-row",
+                "max-h-[75vh]",
+                "sm:max-h-[75vh]",
+                "min-h-[70vh]"
+              ),
+              children: m === "active" ? /* @__PURE__ */ r(L, { 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 && (v && v.items.length > 0 ? /* @__PURE__ */ r(
+                  re,
+                  {
+                    stickyHeader: !0,
+                    stickyFooter: !0,
+                    compact: !0,
+                    mode: "alt-system",
+                    caption: K(v),
+                    children: [
+                      /* @__PURE__ */ e(ie, { 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: n,
+                            onClick: () => {
+                              S("createdAt"), w("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: n,
+                            onClick: () => {
+                              S("expiresAt"), w("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(oe, { children: [...v.items].sort((t, i) => {
+                        if (n === "createdAt") {
+                          const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, d = i.createdAt ? new Date(i.createdAt).getTime() : 0;
+                          return u === l.ASC ? a - d : d - a;
+                        }
+                        if (n === "expiresAt") {
+                          const a = 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 ? a - d : d - a;
+                        }
+                        return 0;
+                      }).map((t, i) => /* @__PURE__ */ r(D, { children: [
+                        /* @__PURE__ */ e(s, { className: A("dark:text-gray-400"), children: i + 1 }),
+                        /* @__PURE__ */ e(
+                          s,
+                          {
+                            className: A(
+                              "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: A(
+                              "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: A(
+                              "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 border-l border-table-light dark:border-table-dark",
+                            align: "right",
+                            children: /* @__PURE__ */ r(
+                              E,
+                              {
+                                columnGap: 2,
+                                alignHorizontal: "flex-end",
+                                children: [
+                                  /* @__PURE__ */ e(f, { 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: () => xe(
+                                            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(Ie, { size: "size-3", monotone: !0 })
+                                        }
+                                      )
+                                    }
+                                  ) }),
+                                  /* @__PURE__ */ e(f, { 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(ee, { size: "size-3", monotone: !0 })
+                                        }
+                                      )
+                                    }
+                                  ) })
+                                ]
+                              }
+                            )
+                          }
+                        )
+                      ] }, t.memoryId)) }),
+                      /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(s, { colSpan: 5, children: K(v) }) }) })
+                    ]
+                  }
+                ) : /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: "No memories stored." }))
+              ] }) : /* @__PURE__ */ r(L, { children: [
+                $ && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading expired memories..." }),
+                H && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load expired memories." }),
+                !$ && !H && (g && g.items.length > 0 ? /* @__PURE__ */ r(re, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+                  /* @__PURE__ */ e(ie, { 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: n,
+                        onClick: () => {
+                          S("createdAt"), w("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: n,
+                        onClick: () => {
+                          S("expiresAt"), w("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(oe, { children: [...g.items].sort((t, i) => {
+                    if (n === "createdAt") {
+                      const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, d = i.createdAt ? new Date(i.createdAt).getTime() : 0;
+                      return u === l.ASC ? a - d : d - a;
+                    }
+                    if (n === "expiresAt") {
+                      const a = 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 ? a - d : d - a;
+                    }
+                    return 0;
+                  }).map((t, i) => /* @__PURE__ */ r(D, { children: [
+                    /* @__PURE__ */ e(s, { className: A("dark:text-gray-400"), children: i + 1 }),
+                    /* @__PURE__ */ e(
+                      s,
+                      {
+                        className: A(
+                          "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: A(
+                          "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: A(
+                          "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 border-l border-table-light dark:border-table-dark",
+                        align: "right",
+                        children: /* @__PURE__ */ r(
+                          E,
+                          {
+                            columnGap: 2,
+                            alignHorizontal: "flex-end",
+                            children: [
+                              /* @__PURE__ */ e(f, { 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: () => {
+                                        c && V.mutate({
+                                          user: c,
+                                          memoryId: t.memoryId
+                                        });
+                                      },
+                                      children: /* @__PURE__ */ e(Le, { size: "size-3", monotone: !0 })
+                                    }
+                                  )
+                                }
+                              ) }),
+                              /* @__PURE__ */ e(f, { 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(ee, { size: "size-3", monotone: !0 })
+                                    }
+                                  )
+                                }
+                              ) })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ] }, t.memoryId)) }),
+                  /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ r(s, { colSpan: 5, children: [
+                    g.total,
+                    " expired memor",
+                    g.total === 1 ? "y" : "ies",
+                    g.totalTokenUsage !== void 0 && g.totalTokenUsage > 0 && /* @__PURE__ */ r(L, { 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 expired memories." }))
+              ] })
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  He as UserMemoriesPanel,
+  He as default
+};