@versini/sassysaint 8.74.2 → 8.75.0

package/dist/chunks/UserMemoriesPanel.Dun6Xh1A.js

@@ -0,0 +1,769 @@
+import { jsxs as r, jsx as e, Fragment as R } from "react/jsx-runtime";
+import { I as Ce, L, j as y, C as b, n as we, LOCAL_STORAGE_PREFIX as W, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as ve, LOCAL_STORAGE_SORT_MEMORY_COLUMN as ke, useUserMemories as Se, useExpiredMemories as Te, useDeleteMemory as Me, useDeleteAllActiveMemories as De, useDeleteAllExpiredMemories as Ee, useUpdateMemory as be, useRestoreMemory as Re, te as I } from "./index.3yc2BaIg.js";
+import { oe as le, G as O, E as Z, e as s, ConfirmationPanel as $, st as _ } from "./App.D58BIK-t.js";
+import N from "clsx";
+import { useState as C, useEffect as Le, useRef as ee } from "react";
+import { Re as ze } from "./index.bZe39l-0.js";
+import { j as te, D as re, G as E, M as a, F as B, H as ie, l as ne, U as oe, n as Ie } from "./Table.BdYF4eSq.js";
+const Oe = ({
+  className: A,
+  viewBox: w,
+  title: l,
+  monotone: n,
+  ...S
+}) => /* @__PURE__ */ r(
+  Ce,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: w,
+    className: A,
+    title: l || "Edit",
+    ...S,
+    children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M0 160c0-53 43-96 96-96h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32 14.3-32 32v256c0 17.7 14.3 32 32 32h256c17.7 0 32-14.3 32-32v-96c0-17.7 14.3-32 32-32s32 14.3 32 32v96c0 53-43 96-96 96H96c-53 0-96-43-96-96z",
+          opacity: n ? "1" : "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("path", { d: "m392.4 21.7-30.1 30 97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2l-18.7-18.6c-21.9-21.9-57.3-21.9-79.2 0m-52.7 52.6L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5l167.3-167.4z" })
+    ]
+  }
+), _e = ({
+  open: A,
+  onOpenChange: w,
+  initialText: l,
+  metadata: n,
+  onSave: S,
+  isSaving: m = !1
+}) => {
+  const [p, z] = C(l), [h, v] = C("none");
+  Le(() => {
+    if (A) {
+      z(l);
+      const o = n?.expiration || "none";
+      v(o);
+    }
+  }, [A, l, n?.expiration]);
+  const T = () => {
+    if (p.trim().length >= 3) {
+      const o = h === "none" ? null : h;
+      S(p.trim(), o);
+    }
+  }, u = p.trim().length >= 3, M = p.trim() !== l.trim() || h !== (n?.expiration || "none");
+  return /* @__PURE__ */ e(
+    le,
+    {
+      open: A,
+      onOpenChange: w,
+      title: "Edit Memory",
+      animation: !0,
+      animationType: "fade",
+      footer: /* @__PURE__ */ r(L, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+          b,
+          {
+            mode: "dark",
+            variant: "secondary",
+            noBorder: !0,
+            focusMode: "light",
+            onClick: () => w(!1),
+            disabled: m,
+            children: "Cancel"
+          }
+        ) }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+          b,
+          {
+            mode: "dark",
+            focusMode: "light",
+            disabled: m || !u || !M,
+            onClick: T,
+            children: m ? "Saving..." : "Save"
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ r("div", { className: "flex flex-col pt-2 gap-4", children: [
+        /* @__PURE__ */ e(
+          ze,
+          {
+            mode: "dark",
+            focusMode: "light",
+            label: "Memory text",
+            name: "memoryText",
+            value: p,
+            onChange: (o) => z(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(
+              O,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Never expire",
+                name: "expiration-none",
+                checked: h === "none",
+                onChange: (o) => {
+                  o && v("none");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              O,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Short (1 month)",
+                name: "expiration-short",
+                checked: h === "short",
+                onChange: (o) => {
+                  o && v("short");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              O,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Medium (6 months)",
+                name: "expiration-medium",
+                checked: h === "medium",
+                onChange: (o) => {
+                  o && v("medium");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              O,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Long (1 year)",
+                name: "expiration-long",
+                checked: h === "long",
+                onChange: (o) => {
+                  o && v("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, D) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "text-xs px-2 py-1 bg-slate-700/50 text-slate-200 rounded",
+                children: o
+              },
+              `${o}-${D}`
+            )) })
+          ] }),
+          /* @__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 })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}, je = ({
+  open: A,
+  onOpenChange: w,
+  user: l
+}) => {
+  const { getAccessToken: n } = we(), [S] = C(void 0), [m, p] = C("active"), [z, h] = Z({
+    key: W + ve,
+    initialValue: s.DESC
+  }), [v, T] = Z({
+    key: W + ke,
+    initialValue: "createdAt"
+  }), [u, M] = C(z || s.DESC), [o, D] = C(
+    v || "createdAt"
+  ), { data: f, isLoading: F, isError: H } = Se({
+    user: l,
+    query: S,
+    getAccessToken: n,
+    enabled: A && m === "active"
+  }), {
+    data: g,
+    isLoading: q,
+    isError: j
+  } = Te({
+    user: l,
+    query: S,
+    getAccessToken: n,
+    enabled: A && m === "expired"
+  }), G = Me({ getAccessToken: n }), V = De({ getAccessToken: n }), X = Ee({ getAccessToken: n }), P = be({ getAccessToken: n }), Y = Re({ getAccessToken: n }), [se, J] = C(!1), k = ee(null), [ae, K] = C(!1), [ce, U] = C(!1), x = ee(null), Q = (t, i, c, d) => {
+    k.current = { id: t, text: i, description: c, createdAt: d }, J(!0);
+  }, de = () => {
+    k.current && G.mutate({ user: l, memoryId: k.current.id });
+  }, me = (t, i, c, d, ue, fe, ge, ye, Ae, Ne) => {
+    x.current = {
+      id: t,
+      description: i,
+      categories: c,
+      quote: d,
+      canonicalText: ue,
+      confidence: fe,
+      status: ge,
+      sourceType: ye,
+      expiration: Ae,
+      expiresAt: Ne
+    }, U(!0);
+  }, xe = (t, i) => {
+    x.current && l && P.mutate(
+      {
+        user: l,
+        memoryId: x.current.id,
+        description: t,
+        expiration: i || void 0
+      },
+      {
+        onSuccess: () => {
+          U(!1);
+        }
+      }
+    );
+  }, he = () => {
+    l && K(!0);
+  }, pe = () => {
+    l && (m === "active" ? V.mutate({ user: l }) : X.mutate({ user: l }));
+  };
+  return /* @__PURE__ */ r(R, { children: [
+    /* @__PURE__ */ e(
+      _e,
+      {
+        open: ce,
+        onOpenChange: U,
+        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: P.isPending
+      }
+    ),
+    /* @__PURE__ */ r(
+      $,
+      {
+        showConfirmation: se,
+        setShowConfirmation: J,
+        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(
+      $,
+      {
+        showConfirmation: ae,
+        setShowConfirmation: K,
+        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: A,
+        onOpenChange: (t) => w(t),
+        title: "User Memories",
+        animation: !0,
+        animationType: "fade",
+        footer: /* @__PURE__ */ r(L, { columnGap: 2, alignHorizontal: "flex-end", children: [
+          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+            b,
+            {
+              mode: "dark",
+              variant: "secondary",
+              noBorder: !0,
+              focusMode: "light",
+              onClick: () => w(!1),
+              children: "Close"
+            }
+          ) }),
+          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+            b,
+            {
+              mode: "dark",
+              focusMode: "light",
+              variant: "danger",
+              disabled: (m === "active" ? V.isPending : X.isPending) || (m === "active" ? (f?.total ?? 0) === 0 : (g?.total ?? 0) === 0),
+              onClick: he,
+              children: "Delete All"
+            }
+          ) })
+        ] }),
+        children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 @container/editmemoriespanel", children: [
+          /* @__PURE__ */ r(L, { columnGap: 2, alignHorizontal: "center", children: [
+            /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+              b,
+              {
+                focusMode: "light",
+                mode: m === "active" ? "dark" : "light",
+                size: "small",
+                noBorder: !0,
+                onClick: () => p("active"),
+                children: "Active Memories"
+              }
+            ) }),
+            /* @__PURE__ */ e(y, { 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: N(
+                "flex flex-col sm:flex-row",
+                "sm:max-h-[50vh] sm:min-h-[50vh]"
+              ),
+              children: m === "active" ? /* @__PURE__ */ r(R, { children: [
+                F && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading memories..." }),
+                H && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load memories." }),
+                !F && !H && (f && f.items.length > 0 ? /* @__PURE__ */ r(te, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+                  /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(E, { children: [
+                    /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }),
+                    /* @__PURE__ */ e(a, { children: "Memory" }),
+                    /* @__PURE__ */ e(
+                      B,
+                      {
+                        focusMode: "system",
+                        buttonClassName: "text-xs sm:text-sm",
+                        cellId: "createdAt",
+                        align: "left",
+                        sortDirection: u,
+                        sortedCell: o,
+                        onClick: () => {
+                          D("createdAt"), T("createdAt"), M((t) => {
+                            const i = t === s.ASC ? s.DESC : s.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: () => {
+                          D("expiresAt"), T("expiresAt"), M((t) => {
+                            const i = t === s.ASC ? s.DESC : s.ASC;
+                            return h(i), i;
+                          });
+                        },
+                        children: "Expires"
+                      }
+                    ),
+                    /* @__PURE__ */ e(a, { 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 === s.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 === s.ASC ? c - d : d - c;
+                    }
+                    return 0;
+                  }).map((t, i) => /* @__PURE__ */ r(E, { children: [
+                    /* @__PURE__ */ e(a, { className: N("dark:text-gray-400"), children: i + 1 }),
+                    /* @__PURE__ */ e(
+                      a,
+                      {
+                        className: N(
+                          "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(
+                      a,
+                      {
+                        component: "th",
+                        scope: "row",
+                        className: N(
+                          "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(
+                      a,
+                      {
+                        className: N(
+                          "dark:text-gray-400",
+                          "sm:whitespace-nowrap text-xs sm:text-sm"
+                        ),
+                        children: t.expiresAt ? new Date(t.expiresAt).toLocaleDateString() : "Never"
+                      }
+                    ),
+                    /* @__PURE__ */ e(a, { className: "align-top", align: "right", children: /* @__PURE__ */ r(
+                      L,
+                      {
+                        columnGap: 2,
+                        alignHorizontal: "flex-end",
+                        children: [
+                          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+                            _,
+                            {
+                              label: "Edit memory",
+                              mode: "system",
+                              placement: "top",
+                              trigger: /* @__PURE__ */ e(
+                                I,
+                                {
+                                  focusMode: "system",
+                                  noBorder: !0,
+                                  label: "Edit memory",
+                                  variant: "primary",
+                                  disabled: P.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(Oe, { size: "size-3", monotone: !0 })
+                                }
+                              )
+                            }
+                          ) }),
+                          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+                            _,
+                            {
+                              label: "Delete memory",
+                              mode: "system",
+                              placement: "top",
+                              trigger: /* @__PURE__ */ e(
+                                I,
+                                {
+                                  focusMode: "system",
+                                  noBorder: !0,
+                                  label: "Delete memory",
+                                  variant: "primary",
+                                  iconClassName: "text-red-700 dark:text-red-500",
+                                  disabled: G.isPending,
+                                  onClick: () => Q(
+                                    t.memoryId,
+                                    t.text,
+                                    t.description,
+                                    t.createdAt
+                                  ),
+                                  children: /* @__PURE__ */ e(ne, { size: "size-3", monotone: !0 })
+                                }
+                              )
+                            }
+                          ) })
+                        ]
+                      }
+                    ) })
+                  ] }, t.memoryId)) }),
+                  /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(a, { colSpan: 5, children: [
+                    f.total,
+                    " memor",
+                    f.total === 1 ? "y" : "ies",
+                    f.totalTokenUsage !== void 0 && f.totalTokenUsage > 0 && /* @__PURE__ */ r(R, { 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 memories stored." }))
+              ] }) : /* @__PURE__ */ r(R, { children: [
+                q && /* @__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." }),
+                !q && !j && (g && g.items.length > 0 ? /* @__PURE__ */ r(te, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+                  /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(E, { children: [
+                    /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }),
+                    /* @__PURE__ */ e(a, { children: "Memory" }),
+                    /* @__PURE__ */ e(
+                      B,
+                      {
+                        focusMode: "system",
+                        buttonClassName: "text-xs sm:text-sm",
+                        cellId: "createdAt",
+                        align: "left",
+                        sortDirection: u,
+                        sortedCell: o,
+                        onClick: () => {
+                          D("createdAt"), T("createdAt"), M((t) => {
+                            const i = t === s.ASC ? s.DESC : s.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: () => {
+                          D("expiresAt"), T("expiresAt"), M((t) => {
+                            const i = t === s.ASC ? s.DESC : s.ASC;
+                            return h(i), i;
+                          });
+                        },
+                        children: "Expired"
+                      }
+                    ),
+                    /* @__PURE__ */ e(a, { 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 === s.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 === s.ASC ? c - d : d - c;
+                    }
+                    return 0;
+                  }).map((t, i) => /* @__PURE__ */ r(E, { children: [
+                    /* @__PURE__ */ e(a, { className: N("dark:text-gray-400"), children: i + 1 }),
+                    /* @__PURE__ */ e(
+                      a,
+                      {
+                        className: N(
+                          "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(
+                      a,
+                      {
+                        component: "th",
+                        scope: "row",
+                        className: N(
+                          "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(
+                      a,
+                      {
+                        className: N(
+                          "dark:text-gray-400",
+                          "sm:whitespace-nowrap text-xs sm:text-sm"
+                        ),
+                        children: t.expiresAt ? new Date(t.expiresAt).toLocaleDateString() : "-"
+                      }
+                    ),
+                    /* @__PURE__ */ e(a, { className: "align-top", align: "right", children: /* @__PURE__ */ r(
+                      L,
+                      {
+                        columnGap: 2,
+                        alignHorizontal: "flex-end",
+                        children: [
+                          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+                            _,
+                            {
+                              label: "Restore memory",
+                              mode: "system",
+                              placement: "top",
+                              trigger: /* @__PURE__ */ e(
+                                I,
+                                {
+                                  focusMode: "system",
+                                  noBorder: !0,
+                                  label: "Restore memory",
+                                  variant: "primary",
+                                  disabled: Y.isPending,
+                                  onClick: () => {
+                                    l && Y.mutate({
+                                      user: l,
+                                      memoryId: t.memoryId
+                                    });
+                                  },
+                                  children: /* @__PURE__ */ e(Ie, { size: "size-3", monotone: !0 })
+                                }
+                              )
+                            }
+                          ) }),
+                          /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+                            _,
+                            {
+                              label: "Delete memory",
+                              mode: "system",
+                              placement: "top",
+                              trigger: /* @__PURE__ */ e(
+                                I,
+                                {
+                                  focusMode: "system",
+                                  noBorder: !0,
+                                  label: "Delete memory",
+                                  variant: "primary",
+                                  iconClassName: "text-red-700 dark:text-red-500",
+                                  disabled: G.isPending,
+                                  onClick: () => Q(
+                                    t.memoryId,
+                                    t.text,
+                                    t.description,
+                                    t.createdAt
+                                  ),
+                                  children: /* @__PURE__ */ e(ne, { size: "size-3", monotone: !0 })
+                                }
+                              )
+                            }
+                          ) })
+                        ]
+                      }
+                    ) })
+                  ] }, t.memoryId)) }),
+                  /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(a, { colSpan: 5, children: [
+                    g.total,
+                    " expired memor",
+                    g.total === 1 ? "y" : "ies",
+                    g.totalTokenUsage !== void 0 && g.totalTokenUsage > 0 && /* @__PURE__ */ r(R, { 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 {
+  je as UserMemoriesPanel,
+  je as default
+};