@versini/sassysaint 8.118.3 → 8.119.0

package/dist/chunks/{MemoriesEntry.BOW5ccxB.js → MemoriesEntry.D0q1U5FD.js}

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as o, Fragment as E } from "react/jsx-runtime";
-import { n as Ae, LOCAL_STORAGE_PREFIX as X, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as Te, LOCAL_STORAGE_SORT_MEMORY_COLUMN as Se, useUserMemories as we, useExpiredMemories as De, useDeleteMemory as Ee, useDeleteAllActiveMemories as ke, useDeleteAllExpiredMemories as Me, useUpdateMemory as Re, useRestoreMemory as Le } from "./index.CK-6GwI_.js";
-import { Button as R, TableCellSortDirections as C, ButtonIcon as F, IconEdit as Ie, IconRestore as Oe, IconDelete as Pe } from "./LogoEntry.cAcKJnnq.js";
-import { Panel as ee, Toggle as k, ButtonCancel as te, ResponsiveTooltip as z, useLocalStorage as Q, debounce as Be, ConfirmationPanel as Y } from "./App.b-02jOnK.js";
-import { useState as f, useEffect as _e, useRef as M, useMemo as K, useCallback as Fe } from "react";
-import { TextArea as ze } from "./index.Ce-phw-r.js";
-import { InlineFilter as qe, useAnimatedHeight as $e } from "./useAnimatedHeight.CkKrKI_C.js";
-import { TableHead as je, TableRow as re, TableCell as y, TableCellSort as W, ButtonIconDelete as Ge, Table as Ue, TableBody as Ve } from "./ButtonIconDelete.c_Sj_7Q4.js";
+import { jsx as e, jsxs as n, Fragment as E } from "react/jsx-runtime";
+import { n as De, LOCAL_STORAGE_PREFIX as Y, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as Se, LOCAL_STORAGE_SORT_MEMORY_COLUMN as we, useUserMemories as Te, useExpiredMemories as Ee, useDeleteMemory as Me, useDeleteAllActiveMemories as ke, useDeleteAllExpiredMemories as Re, useUpdateMemory as Le, useRestoreMemory as Ie } from "./index.o4ZD5ALX.js";
+import { Button as R, CellWrapper as Oe, SortDirections as N, ButtonIcon as F, IconEdit as Be, IconRestore as Pe, IconDelete as _e } from "./LogoEntry.CN5P16eA.js";
+import { InlineFilter as Fe, AnimatedWrapper as Ge } from "./InlineFilter.Cv_LUpTp.js";
+import { Panel as ie, Toggle as M, ButtonCancel as oe, ResponsiveTooltip as G, useLocalStorage as Q, debounce as ze, ConfirmationPanel as K } from "./App.Bcw00dJK.js";
+import { useState as f, useEffect as qe, useContext as $e, useRef as S, useMemo as J, useCallback as je } from "react";
+import { TextArea as Ue } from "./index.CR0NHbVR.js";
+import { DataGridContext as Z, useColumnMeasurement as Ve, getBodyClass as He, DataGridHeader as We, DataGridRow as ne, DataGridCell as y, DataGridCellSort as ee, ButtonIconDelete as Xe, DataGrid as Ye } from "./ButtonIconDelete.CASHORv6.js";
 import w from "clsx";
-const He = ({
+const Qe = ({
   open: r,
   onOpenChange: s,
   initialText: i,
@@ -15,8 +15,8 @@ const He = ({
   onSave: c,
   isSaving: a = !1
 }) => {
-  const [n, p] = f(i), [l, x] = f("none");
-  _e(() => {
+  const [o, p] = f(i), [l, x] = f("none");
+  qe(() => {
     if (r) {
       p(i);
       const d = t?.expiration || "none";
@@ -24,52 +24,52 @@ const He = ({
     }
   }, [r, i, t?.expiration]);
   const g = () => {
-    if (n.trim().length >= 3) {
+    if (o.trim().length >= 3) {
       const d = l === "none" ? null : l;
-      c(n.trim(), d);
+      c(o.trim(), d);
     }
-  }, b = n.trim().length >= 3, A = n.trim() !== i.trim() || l !== (t?.expiration || "none");
+  }, v = o.trim().length >= 3, A = o.trim() !== i.trim() || l !== (t?.expiration || "none");
   return /* @__PURE__ */ e(
-    ee,
+    ie,
     {
       open: r,
       onOpenChange: s,
       title: "Edit Memory",
       animation: !0,
       animationType: "fade",
-      footer: /* @__PURE__ */ o("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
-        /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(te, { onOpenChange: s, label: "Cancel" }) }),
+      footer: /* @__PURE__ */ n("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
+        /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(oe, { onOpenChange: s, label: "Cancel" }) }),
         /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
           R,
           {
             mode: "dark",
             focusMode: "light",
-            disabled: a || !b || !A,
+            disabled: a || !v || !A,
             onClick: g,
             children: a ? "Saving..." : "Save"
           }
         ) })
       ] }),
-      children: /* @__PURE__ */ o("div", { className: "flex flex-col pt-2 gap-4", children: [
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col pt-2 gap-4", children: [
         /* @__PURE__ */ e(
-          ze,
+          Ue,
           {
             mode: "dark",
             focusMode: "light",
             label: "Memory text",
             name: "memoryText",
-            value: n,
+            value: o,
             onChange: (d) => p(d.target.value),
             autoFocus: !0,
-            helperText: n.trim().length < 3 ? "Memory text must be at least 3 characters" : `${n.length} characters`
+            helperText: o.trim().length < 3 ? "Memory text must be at least 3 characters" : `${o.length} characters`
           }
         ),
-        /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 p-4 bg-surface-darker rounded-md", children: [
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 p-4 bg-surface-darker rounded-md", children: [
           /* @__PURE__ */ e("h3", { className: "text-sm m-0", children: "Memory Expiration" }),
           /* @__PURE__ */ e("p", { className: "text-xs text-copy-medium m-0", children: "Set when this memory should expire and be automatically removed." }),
-          /* @__PURE__ */ o("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ e(
-              k,
+              M,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -84,7 +84,7 @@ const He = ({
               }
             ),
             /* @__PURE__ */ e(
-              k,
+              M,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -99,7 +99,7 @@ const He = ({
               }
             ),
             /* @__PURE__ */ e(
-              k,
+              M,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -114,7 +114,7 @@ const He = ({
               }
             ),
             /* @__PURE__ */ e(
-              k,
+              M,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -130,47 +130,47 @@ const He = ({
             )
           ] })
         ] }),
-        t && /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 p-4 bg-surface-darker rounded-md", children: [
+        t && /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 p-4 bg-surface-darker rounded-md", children: [
           /* @__PURE__ */ e("h3", { className: "text-sm m-0", children: "Memory Details" }),
-          t.categories && t.categories.length > 0 && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+          t.categories && t.categories.length > 0 && /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Category" }),
-            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.categories.map((d, T) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.categories.map((d, D) => /* @__PURE__ */ e(
               "span",
               {
                 className: "text-xs px-2 py-1 text-copy-light rounded",
                 children: d
               },
-              `${d}-${T}`
+              `${d}-${D}`
             )) })
           ] }),
-          /* @__PURE__ */ o("div", { className: "flex flex-col sm:flex-row gap-4", children: [
-            /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
-              t.confidence !== void 0 && t.confidence !== null && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ n("div", { className: "flex flex-col sm:flex-row gap-4", children: [
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
+              t.confidence !== void 0 && t.confidence !== null && /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Confidence" }),
-                /* @__PURE__ */ o("span", { className: "text-sm text-copy-light", children: [
+                /* @__PURE__ */ n("span", { className: "text-sm text-copy-light", children: [
                   (t.confidence * 100).toFixed(0),
                   "%"
                 ] })
               ] }),
-              t.status && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+              t.status && /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Status" }),
                 /* @__PURE__ */ e("span", { className: "text-sm text-copy-light capitalize", children: t.status })
               ] }),
-              t.sourceType && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+              t.sourceType && /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Source Type" }),
                 /* @__PURE__ */ e("span", { className: "text-sm text-copy-light capitalize", children: t.sourceType })
               ] })
             ] }),
-            /* @__PURE__ */ o("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
-              t.quote && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 sm:flex-1", children: [
+              t.quote && /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Original Prompt" }),
-                /* @__PURE__ */ o("p", { className: "text-sm text-copy-light m-0 italic", children: [
+                /* @__PURE__ */ n("p", { className: "text-sm text-copy-light m-0 italic", children: [
                   '"',
                   t.quote,
                   '"'
                 ] })
               ] }),
-              t.canonicalText && /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+              t.canonicalText && /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Canonical Text" }),
                 /* @__PURE__ */ e("p", { className: "text-sm text-copy-light m-0 font-mono", children: t.canonicalText })
               ] })
@@ -181,124 +181,142 @@ const He = ({
     }
   );
 };
-function Xe({
+const Ke = ({ className: r, children: s, ...i }) => {
+  const t = $e(Z), c = S(null);
+  Ve(c, s);
+  const a = He(!!t.columns, r);
+  return /* @__PURE__ */ e(Z.Provider, {
+    value: {
+      ...t,
+      cellWrapper: Oe.BODY
+    },
+    children: /* @__PURE__ */ e("div", {
+      ref: c,
+      role: "rowgroup",
+      className: a,
+      ...i,
+      children: s
+    })
+  });
+};
+function Je({
   isLoading: r,
   isError: s,
   viewMode: i
 }) {
   const t = i === "expired" ? "expired memories" : "memories";
-  return r ? /* @__PURE__ */ o("p", { className: "m-0", children: [
+  return r ? /* @__PURE__ */ n("p", { className: "m-0", children: [
     "Loading ",
     t,
     "..."
-  ] }) : s ? /* @__PURE__ */ o("p", { className: "m-0 text-copy-error-light", children: [
+  ] }) : s ? /* @__PURE__ */ n("p", { className: "m-0 text-copy-error-light", children: [
     "Failed to load ",
     t,
     "."
   ] }) : null;
 }
-function Qe({ viewMode: r }) {
+function Ze({ viewMode: r }) {
   return /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: r === "expired" ? "No expired memories." : "No memories stored." });
 }
-function Ye({
+const et = ({
   sortDirection: r,
   sortedCell: s,
   viewMode: i,
-  onSortChange: t
-}) {
-  const c = (a) => {
-    t(a);
+  onSortChange: t,
+  caption: c
+}) => {
+  const a = (o) => {
+    t(o);
   };
-  return /* @__PURE__ */ e(je, { children: /* @__PURE__ */ o(re, { children: [
-    /* @__PURE__ */ e(y, { className: "sr-only", children: "Row" }),
+  return /* @__PURE__ */ e(We, { caption: c, children: /* @__PURE__ */ n(ne, { children: [
+    /* @__PURE__ */ e(y, { className: "invisible", children: "Row" }),
     /* @__PURE__ */ e(y, { children: "Memory" }),
     /* @__PURE__ */ e(
-      W,
+      ee,
       {
         focusMode: "system",
         buttonClassName: "text-xs sm:text-sm",
         cellId: "createdAt",
         align: "left",
-        sortDirection: r,
+        sortDirection: s === "createdAt" ? r : !1,
         sortedCell: s,
-        onClick: () => c("createdAt"),
+        onSort: a,
         children: "Date"
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      ee,
       {
         focusMode: "system",
         buttonClassName: "text-xs sm:text-sm",
         cellId: "expiresAt",
         align: "left",
-        sortDirection: r,
+        sortDirection: s === "expiresAt" ? r : !1,
         sortedCell: s,
-        onClick: () => c("expiresAt"),
+        onSort: a,
         children: i === "active" ? "Expires" : "Expired"
       }
     ),
     /* @__PURE__ */ e(y, { align: "right", children: "Actions" })
   ] }) });
-}
-function Ke(r, s, i) {
+};
+function tt(r, s, i) {
   return [...r].sort((t, c) => {
     if (s === "createdAt") {
-      const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, n = c.createdAt ? new Date(c.createdAt).getTime() : 0;
-      return i === C.ASC ? a - n : n - a;
+      const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, o = c.createdAt ? new Date(c.createdAt).getTime() : 0;
+      return i === N.ASC ? a - o : o - a;
     }
     if (s === "expiresAt") {
-      const a = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, n = c.expiresAt ? new Date(c.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
-      return i === C.ASC ? a - n : n - a;
+      const a = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, o = c.expiresAt ? new Date(c.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
+      return i === N.ASC ? a - o : o - a;
     }
     return 0;
   });
 }
-function J(r, s) {
+function te(r, s) {
   const i = `${r} memor${r === 1 ? "y" : "ies"}`, t = s ? ` (~${s} tokens)` : "";
   return i + t;
 }
-const S = {
+const k = {
   rowNumber: "dark:text-copy-medium",
   memoryText: "dark:text-copy-lighter max-w-25 sm:max-w-100 text-xs sm:text-sm",
   date: "dark:text-copy-medium sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-  dateCompact: "dark:text-copy-medium sm:whitespace-nowrap text-xs sm:text-sm",
-  actions: "align-top border-l border-table-light dark:border-table-dark"
+  dateCompact: "dark:text-copy-medium sm:whitespace-nowrap text-xs sm:text-sm"
 };
-function Z(r, s) {
+function re(r, s) {
   const i = s.trim().toLowerCase();
   return i ? r.filter((t) => {
-    const c = (t.description || "").toLowerCase(), a = (t.text || "").toLowerCase(), n = (t.categories || []).join(" ").toLowerCase();
-    return c.includes(i) || a.includes(i) || n.includes(i);
+    const c = (t.description || "").toLowerCase(), a = (t.text || "").toLowerCase(), o = (t.categories || []).join(" ").toLowerCase();
+    return c.includes(i) || a.includes(i) || o.includes(i);
   }) : r;
 }
-function We({
+function rt({
   memory: r,
   index: s,
   viewMode: i,
   isEditPending: t = !1,
   isDeletePending: c = !1,
   isRestorePending: a = !1,
-  onEdit: n,
+  onEdit: o,
   onDelete: p,
   onRestore: l
 }) {
-  const x = r.description || r.text, g = r.createdAt ? new Date(r.createdAt).toLocaleDateString() : "-", b = r.expiresAt ? new Date(r.expiresAt).toLocaleDateString() : i === "active" ? "Never" : "-";
-  return /* @__PURE__ */ o(re, { children: [
-    /* @__PURE__ */ e(y, { className: w(S.rowNumber), children: s + 1 }),
+  const x = r.description || r.text, g = r.createdAt ? new Date(r.createdAt).toLocaleDateString() : "-", v = r.expiresAt ? new Date(r.expiresAt).toLocaleDateString() : i === "active" ? "Never" : "-";
+  return /* @__PURE__ */ n(ne, { children: [
+    /* @__PURE__ */ e(y, { className: w(k.rowNumber), children: s + 1 }),
     /* @__PURE__ */ e(
       y,
       {
-        className: w(S.memoryText),
+        className: w(k.memoryText),
         style: { wordBreak: "break-word" },
         children: x
       }
     ),
-    /* @__PURE__ */ e(y, { className: w(S.date), children: g }),
-    /* @__PURE__ */ e(y, { className: w(S.dateCompact), children: b }),
-    /* @__PURE__ */ e(y, { className: S.actions, align: "right", children: /* @__PURE__ */ o("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
-      i === "active" && n && /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
-        z,
+    /* @__PURE__ */ e(y, { className: w(k.date), children: g }),
+    /* @__PURE__ */ e(y, { className: w(k.dateCompact), children: v }),
+    /* @__PURE__ */ e(y, { align: "right", borderLeft: !0, children: /* @__PURE__ */ n("div", { className: "flex flex-wrap justify-end gap-2", children: [
+      i === "active" && o && /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+        G,
         {
           label: "Edit memory",
           mode: "system",
@@ -311,14 +329,14 @@ function We({
               label: "Edit memory",
               variant: "primary",
               disabled: t,
-              onClick: () => n(r),
-              children: /* @__PURE__ */ e(Ie, { size: "size-3", monotone: !0 })
+              onClick: () => o(r),
+              children: /* @__PURE__ */ e(Be, { size: "size-3", monotone: !0 })
             }
           )
         }
       ) }),
       i === "expired" && l && /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
-        z,
+        G,
         {
           label: "Restore memory",
           mode: "system",
@@ -332,20 +350,20 @@ function We({
               variant: "primary",
               disabled: a,
               onClick: () => l(r.memoryId),
-              children: /* @__PURE__ */ e(Oe, { size: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ e(Pe, { size: "size-3", monotone: !0 })
             }
           )
         }
       ) }),
       /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: i === "active" ? /* @__PURE__ */ e(
-        Ge,
+        Xe,
         {
           label: "Delete memory",
           disabled: c,
           onClick: () => p(r)
         }
       ) : /* @__PURE__ */ e(
-        z,
+        G,
         {
           label: "Delete memory",
           mode: "system",
@@ -360,33 +378,33 @@ function We({
               iconClassName: "text-copy-error-dark dark:text-copy-error-light",
               disabled: c,
               onClick: () => p(r),
-              children: /* @__PURE__ */ e(Pe, { size: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ e(_e, { size: "size-3", monotone: !0 })
             }
           )
         }
       ) })
     ] }) })
-  ] }, r.memoryId);
+  ] });
 }
-function Je({
+function it({
   data: r,
   isLoading: s,
   isError: i,
   viewMode: t,
   sortDirection: c,
   sortedCell: a,
-  isEditPending: n = !1,
+  isEditPending: o = !1,
   isDeletePending: p = !1,
   isRestorePending: l = !1,
   isFiltered: x = !1,
   totalCount: g,
-  onSortChange: b,
+  onSortChange: v,
   onEdit: A,
   onDelete: d,
-  onRestore: T
+  onRestore: D
 }) {
   const L = /* @__PURE__ */ e(
-    Xe,
+    Je,
     {
       isLoading: s,
       isError: i,
@@ -396,42 +414,50 @@ function Je({
   if (s || i)
     return L;
   if (!r || r.items.length === 0)
-    return /* @__PURE__ */ e(Qe, { viewMode: t });
-  const I = Ke(r.items, a, c), O = x && g !== void 0 ? `Showing ${r.items.length} of ${J(g, r.totalTokenUsage)}` : J(r.total, r.totalTokenUsage);
-  return /* @__PURE__ */ o(
-    Ue,
+    return /* @__PURE__ */ e(Ze, { viewMode: t });
+  const I = tt(r.items, a, c), O = x && g !== void 0 ? `Showing ${r.items.length} of ${te(g, r.totalTokenUsage)}` : te(r.total, r.totalTokenUsage);
+  return /* @__PURE__ */ n(
+    Ye,
     {
       stickyHeader: !0,
       stickyFooter: !0,
       compact: !0,
       mode: "alt-system",
-      caption: t === "active" ? O : void 0,
+      blurEffect: "medium",
+      columns: [
+        "auto",
+        "minmax(10px, 1fr)",
+        "min-content",
+        "min-content",
+        ".3fr"
+      ],
       wrapperClassName: w(
         "max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]",
         "sm:max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]"
       ),
       children: [
         /* @__PURE__ */ e(
-          Ye,
+          et,
           {
             sortDirection: c,
             sortedCell: a,
             viewMode: t,
-            onSortChange: b
+            onSortChange: v,
+            caption: t === "active" ? O : void 0
           }
         ),
-        /* @__PURE__ */ e(Ve, { children: I.map((h, D) => /* @__PURE__ */ e(
-          We,
+        /* @__PURE__ */ e(Ke, { children: I.map((h, T) => /* @__PURE__ */ e(
+          rt,
           {
             memory: h,
-            index: D,
+            index: T,
             viewMode: t,
-            isEditPending: n,
+            isEditPending: o,
             isDeletePending: p,
             isRestorePending: l,
             onEdit: A,
             onDelete: d,
-            onRestore: T
+            onRestore: D
           },
           h.memoryId
         )) })
@@ -439,74 +465,70 @@ function Je({
     }
   );
 }
-function Ze(r) {
-  const s = r.data?.items?.length ?? 0, { ref: i, style: t } = $e(s);
-  return /* @__PURE__ */ e("div", { ref: i, style: t, children: /* @__PURE__ */ e(Je, { ...r }) });
-}
-const dt = ({ open: r, onOpenChange: s, user: i }) => {
-  const t = M(null), c = M(null), { getAccessToken: a } = Ae(), [n, p] = f(""), [l, x] = f("active"), [g, b] = Q({
-    key: X + Te,
-    initialValue: C.DESC
+const pt = ({ open: r, onOpenChange: s, user: i }) => {
+  const t = S(null), c = S(null), { getAccessToken: a } = De(), [o, p] = f(""), [l, x] = f("active"), [g, v] = Q({
+    key: Y + Se,
+    initialValue: N.DESC
   }), [A, d] = Q({
-    key: X + Se,
+    key: Y + we,
     initialValue: "createdAt"
-  }), [T, L] = f(
-    g || C.DESC
+  }), [D, L] = f(
+    g || N.DESC
   ), [I, O] = f(
     A || "createdAt"
-  ), { data: h, isLoading: D, isError: ie } = we({
+  ), { data: h, isLoading: T, isError: se } = Te({
     user: i,
     getAccessToken: a,
     enabled: r && l === "active"
   }), {
-    data: N,
-    isLoading: oe,
-    isError: ne
-  } = De({
+    data: b,
+    isLoading: le,
+    isError: ae
+  } = Ee({
     user: i,
     getAccessToken: a,
     enabled: r && l === "expired"
-  }), le = K(() => {
+  }), z = J(() => {
     if (!h)
       return;
-    const m = Z(h.items, n);
+    const m = re(h.items, o);
     return {
       ...h,
       items: m,
       filteredTotal: m.length
     };
-  }, [h, n]), se = K(() => {
-    if (!N)
+  }, [h, o]), q = J(() => {
+    if (!b)
       return;
-    const m = Z(
-      N.items,
-      n
+    const m = re(
+      b.items,
+      o
     );
     return {
-      ...N,
+      ...b,
       items: m,
       filteredTotal: m.length
     };
-  }, [N, n]), ae = Fe(
-    Be((m) => {
+  }, [b, o]), ce = je(
+    ze((m) => {
       p(m.target.value.trim());
     }, 300),
     []
-  ), ce = () => {
+  ), de = () => {
     p(""), c.current && (c.current.value = "", c.current.focus());
-  }, q = Ee({ getAccessToken: a }), $ = ke({ getAccessToken: a }), j = Me({ getAccessToken: a }), P = Re({ getAccessToken: a }), G = Le({ getAccessToken: a }), [de, U] = f(!1), v = M(null), [me, V] = f(!1), [ue, B] = f(!1), u = M(null), xe = (m) => {
+  }, $ = Me({ getAccessToken: a }), j = ke({ getAccessToken: a }), U = Re({ getAccessToken: a }), B = Le({ getAccessToken: a }), V = Ie({ getAccessToken: a }), [me, H] = f(!1), C = S(null), [ue, W] = f(!1), [xe, P] = f(!1), u = S(null), pe = (m) => {
     O(m), d(m), L((_) => {
-      const H = _ === C.ASC ? C.DESC : C.ASC;
-      return b(H), H;
+      const X = _ === N.ASC ? N.DESC : N.ASC;
+      return v(X), X;
     });
-  }, pe = (m) => {
-    v.current = m, U(!0);
-  }, he = () => {
-    v.current && i && q.mutate({ user: i, memoryId: v.current.memoryId });
-  }, fe = (m) => {
-    u.current = m, B(!0);
-  }, ge = (m, _) => {
-    u.current && i && P.mutate(
+  }, he = (m) => {
+    C.current = m, H(!0);
+  }, fe = () => {
+    C.current && i && $.mutate({ user: i, memoryId: C.current.memoryId });
+  }, ge = (m) => {
+    u.current = m, P(!0);
+  }, ye = (m, _) => {
+    u.current && i && B.mutate(
       {
         user: i,
         memoryId: u.current.memoryId,
@@ -515,23 +537,23 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
       },
       {
         onSuccess: () => {
-          B(!1);
+          P(!1);
         }
       }
     );
-  }, ye = (m) => {
-    i && G.mutate({ user: i, memoryId: m });
-  }, be = () => {
-    i && V(!0);
-  }, ve = () => {
-    i && (l === "active" ? $.mutate({ user: i }) : j.mutate({ user: i }));
-  }, Ce = l === "active" ? h : N, Ne = (l === "active" ? $.isPending : j.isPending) || (Ce?.total ?? 0) === 0;
-  return /* @__PURE__ */ o(E, { children: [
+  }, ve = (m) => {
+    i && V.mutate({ user: i, memoryId: m });
+  }, Ce = () => {
+    i && W(!0);
+  }, Ne = () => {
+    i && (l === "active" ? j.mutate({ user: i }) : U.mutate({ user: i }));
+  }, be = l === "active" ? h : b, Ae = (l === "active" ? j.isPending : U.isPending) || (be?.total ?? 0) === 0;
+  return /* @__PURE__ */ n(E, { children: [
     /* @__PURE__ */ e(
-      He,
+      Qe,
       {
-        open: ue,
-        onOpenChange: B,
+        open: xe,
+        onOpenChange: P,
         initialText: u.current?.description || "",
         metadata: u.current ? {
           categories: u.current.categories,
@@ -543,16 +565,16 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
           expiration: u.current.expiration,
           expiresAt: u.current.expiresAt
         } : void 0,
-        onSave: ge,
-        isSaving: P.isPending
+        onSave: ye,
+        isSaving: B.isPending
       }
     ),
-    /* @__PURE__ */ o(
-      Y,
+    /* @__PURE__ */ n(
+      K,
       {
-        showConfirmation: de,
-        setShowConfirmation: U,
-        action: he,
+        showConfirmation: me,
+        setShowConfirmation: H,
+        action: fe,
         customStrings: {
           title: "Delete memory",
           confirmAction: "Delete",
@@ -560,37 +582,37 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
         },
         children: [
           /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete this memory?" }),
-          /* @__PURE__ */ o("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
-            /* @__PURE__ */ o("li", { children: [
+          /* @__PURE__ */ n("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
+            /* @__PURE__ */ n("li", { children: [
               "Excerpt:",
               " ",
-              (v.current?.description || v.current?.text || "").slice(0, 80)
+              (C.current?.description || C.current?.text || "").slice(0, 80)
             ] }),
-            /* @__PURE__ */ o("li", { children: [
+            /* @__PURE__ */ n("li", { children: [
               "Created:",
               " ",
-              v.current?.createdAt ? new Date(v.current.createdAt).toLocaleString() : "-"
+              C.current?.createdAt ? new Date(C.current.createdAt).toLocaleString() : "-"
             ] })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      Y,
+      K,
       {
-        showConfirmation: me,
-        setShowConfirmation: V,
-        action: ve,
+        showConfirmation: ue,
+        setShowConfirmation: W,
+        action: Ne,
         customStrings: {
           title: "Delete memories",
           confirmAction: "Delete all",
           cancelAction: "Cancel"
         },
-        children: /* @__PURE__ */ e("p", { className: "m-0", children: l === "active" ? /* @__PURE__ */ o(E, { children: [
+        children: /* @__PURE__ */ e("p", { className: "m-0", children: l === "active" ? /* @__PURE__ */ n(E, { children: [
           "This will permanently delete all ",
           /* @__PURE__ */ e("em", { children: "active memories" }),
           " for this user. This action cannot be undone."
-        ] }) : /* @__PURE__ */ o(E, { children: [
+        ] }) : /* @__PURE__ */ n(E, { children: [
           "This will permanently delete all ",
           /* @__PURE__ */ e("em", { children: "expired memories" }),
           " for this user. This action cannot be undone."
@@ -598,7 +620,7 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
       }
     ),
     /* @__PURE__ */ e(
-      ee,
+      ie,
       {
         open: r,
         onOpenChange: (m) => s(m),
@@ -608,9 +630,9 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
         blurEffect: "large",
         initialFocus: t,
         className: "h-full sm:h-max",
-        footer: /* @__PURE__ */ o("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
+        footer: /* @__PURE__ */ n("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
           /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
-            te,
+            oe,
             {
               onOpenChange: s,
               label: "Close",
@@ -623,18 +645,18 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
               mode: "dark",
               focusMode: "light",
               variant: "danger",
-              disabled: Ne,
-              onClick: be,
+              disabled: Ae,
+              onClick: Ce,
               children: "Delete All"
             }
           ) })
         ] }),
-        children: /* @__PURE__ */ o("div", { className: "flex h-full flex-col gap-4", children: [
+        children: /* @__PURE__ */ n("div", { className: "flex h-full flex-col gap-4", children: [
           /* @__PURE__ */ e(
-            qe,
+            Fe,
             {
-              header: D && n ? "Loading..." : n ? "Filters applied" : "Filters",
-              toggles: /* @__PURE__ */ o(E, { children: [
+              header: T && o ? "Loading..." : o ? "Filters applied" : "Filters",
+              toggles: /* @__PURE__ */ n(E, { children: [
                 /* @__PURE__ */ e(
                   R,
                   {
@@ -659,30 +681,36 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
                 )
               ] }),
               inputSearchRef: c,
-              onSearchChange: ae,
-              onResetSearch: ce,
-              defaultValue: n,
-              resetDisabled: n === ""
+              onSearchChange: ce,
+              onResetSearch: de,
+              defaultValue: o,
+              resetDisabled: o === ""
             }
           ),
           /* @__PURE__ */ e(
-            Ze,
+            Ge,
             {
-              data: l === "active" ? le : se,
-              isLoading: l === "active" ? D : oe,
-              isError: l === "active" ? ie : ne,
-              viewMode: l,
-              sortDirection: T,
-              sortedCell: I,
-              isEditPending: P.isPending,
-              isDeletePending: q.isPending,
-              isRestorePending: G.isPending,
-              isFiltered: n !== "",
-              totalCount: l === "active" ? h?.total : N?.total,
-              onSortChange: xe,
-              onEdit: l === "active" ? fe : void 0,
-              onDelete: pe,
-              onRestore: l === "expired" ? ye : void 0
+              dependency: l === "active" ? z?.items?.length ?? 0 : q?.items?.length ?? 0,
+              children: /* @__PURE__ */ e(
+                it,
+                {
+                  data: l === "active" ? z : q,
+                  isLoading: l === "active" ? T : le,
+                  isError: l === "active" ? se : ae,
+                  viewMode: l,
+                  sortDirection: D,
+                  sortedCell: I,
+                  isEditPending: B.isPending,
+                  isDeletePending: $.isPending,
+                  isRestorePending: V.isPending,
+                  isFiltered: o !== "",
+                  totalCount: l === "active" ? h?.total : b?.total,
+                  onSortChange: pe,
+                  onEdit: l === "active" ? ge : void 0,
+                  onDelete: he,
+                  onRestore: l === "expired" ? ve : void 0
+                }
+              )
             }
           )
         ] })
@@ -691,5 +719,5 @@ const dt = ({ open: r, onOpenChange: s, user: i }) => {
   ] });
 };
 export {
-  dt as default
+  pt as default
 };