@versini/sassysaint 8.109.2 → 8.110.1

package/dist/chunks/{MemoriesEntry.CVrI1Ter.js → MemoriesEntry.BYYT1IVl.js}

@@ -1,66 +1,66 @@
-import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
-import { n as Se, LOCAL_STORAGE_PREFIX as ee, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as Te, LOCAL_STORAGE_SORT_MEMORY_COLUMN as we, useUserMemories as De, useExpiredMemories as ve, useDeleteMemory as Ee, useDeleteAllActiveMemories as Me, useDeleteAllExpiredMemories as be, useUpdateMemory as Re, useRestoreMemory as Ie } from "./index.D5R76Qhp.js";
-import { L as R, j as f, Button as _, e as l, ButtonIcon as G, IconEdit as Le, IconRestore as Oe, IconDelete as _e } from "./LogoEntry.B1e2c-s0.js";
-import { Panel as ce, Toggle as L, ButtonCancel as se, useLocalStorage as te, ConfirmationPanel as re, ResponsiveTooltip as U } from "./App.Ck18sHiX.js";
-import { H as ie, F as oe, q as v, O as c, J as O, Y as ne, ButtonIconDelete as ze, G as le } from "./ButtonIconDelete.jqbd7Q9b.js";
-import C from "clsx";
-import { useState as N, useEffect as Be, useRef as q } from "react";
-import { TextArea as Pe } from "./index.BzMdQGY-.js";
-const Fe = ({
-  open: k,
-  onOpenChange: E,
+import { jsx as e, jsxs as r, Fragment as T } from "react/jsx-runtime";
+import { n as be, LOCAL_STORAGE_PREFIX as W, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as we, LOCAL_STORAGE_SORT_MEMORY_COLUMN as Ce, useUserMemories as ve, useExpiredMemories as Te, useDeleteMemory as Se, useDeleteAllActiveMemories as ke, useDeleteAllExpiredMemories as De, useUpdateMemory as Ee, useRestoreMemory as Me } from "./index.MD-I3XF8.js";
+import { Button as L, TableCellSortDirections as s, ButtonIcon as F, IconEdit as Re, IconRestore as Ie, IconDelete as Le } from "./LogoEntry.CTMAkXZN.js";
+import { Panel as le, Toggle as R, ButtonCancel as se, useLocalStorage as Z, ConfirmationPanel as ee, ResponsiveTooltip as U } from "./App.7P9lyXTX.js";
+import { Table as te, TableHead as re, TableRow as S, TableCell as a, TableCellSort as I, TableBody as ie, ButtonIconDelete as Oe, TableFooter as oe } from "./ButtonIconDelete.CAEfJOI7.js";
+import A from "clsx";
+import { useState as N, useEffect as _e, useRef as z } from "react";
+import { TextArea as Be } from "./index.CK3q1Sfv.js";
+const Pe = ({
+  open: b,
+  onOpenChange: k,
   initialText: d,
   metadata: o,
-  onSave: y,
-  isSaving: M = !1
+  onSave: g,
+  isSaving: D = !1
 }) => {
-  const [s, b] = N(d), [A, p] = N("none");
-  Be(() => {
-    if (k) {
-      b(d);
-      const n = o?.expiration || "none";
-      p(n);
+  const [n, E] = N(d), [y, p] = N("none");
+  _e(() => {
+    if (b) {
+      E(d);
+      const l = o?.expiration || "none";
+      p(l);
     }
-  }, [k, d, o?.expiration]);
-  const z = () => {
-    if (s.trim().length >= 3) {
-      const n = A === "none" ? null : A;
-      y(s.trim(), n);
+  }, [b, d, o?.expiration]);
+  const O = () => {
+    if (n.trim().length >= 3) {
+      const l = y === "none" ? null : y;
+      g(n.trim(), l);
     }
-  }, T = s.trim().length >= 3, h = s.trim() !== d.trim() || A !== (o?.expiration || "none");
+  }, C = n.trim().length >= 3, u = n.trim() !== d.trim() || y !== (o?.expiration || "none");
   return /* @__PURE__ */ e(
-    ce,
+    le,
     {
-      open: k,
-      onOpenChange: E,
+      open: b,
+      onOpenChange: k,
       title: "Edit Memory",
       animation: !0,
       animationType: "fade",
-      footer: /* @__PURE__ */ r(R, { columnGap: 2, alignHorizontal: "flex-end", children: [
-        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(se, { onOpenChange: E, label: "Cancel" }) }),
-        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-          _,
+      footer: /* @__PURE__ */ r("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(se, { onOpenChange: k, label: "Cancel" }) }),
+        /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+          L,
           {
             mode: "dark",
             focusMode: "light",
-            disabled: M || !T || !h,
-            onClick: z,
-            children: M ? "Saving..." : "Save"
+            disabled: D || !C || !u,
+            onClick: O,
+            children: D ? "Saving..." : "Save"
           }
         ) })
       ] }),
       children: /* @__PURE__ */ r("div", { className: "flex flex-col pt-2 gap-4", children: [
         /* @__PURE__ */ e(
-          Pe,
+          Be,
           {
             mode: "dark",
             focusMode: "light",
             label: "Memory text",
             name: "memoryText",
-            value: s,
-            onChange: (n) => b(n.target.value),
+            value: n,
+            onChange: (l) => E(l.target.value),
             autoFocus: !0,
-            helperText: s.trim().length < 3 ? "Memory text must be at least 3 characters" : `${s.length} characters`
+            helperText: n.trim().length < 3 ? "Memory text must be at least 3 characters" : `${n.length} characters`
           }
         ),
         /* @__PURE__ */ r("div", { className: "flex flex-col gap-3 p-4 bg-surface-darker rounded-md", children: [
@@ -68,7 +68,7 @@ const Fe = ({
           /* @__PURE__ */ e("p", { className: "text-xs text-copy-medium 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(
-              L,
+              R,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -76,14 +76,14 @@ const Fe = ({
                 narrow: !0,
                 label: "Never expire",
                 name: "expiration-none",
-                checked: A === "none",
-                onChange: (n) => {
-                  n && p("none");
+                checked: y === "none",
+                onChange: (l) => {
+                  l && p("none");
                 }
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              R,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -91,14 +91,14 @@ const Fe = ({
                 narrow: !0,
                 label: "Short (1 month)",
                 name: "expiration-short",
-                checked: A === "short",
-                onChange: (n) => {
-                  n && p("short");
+                checked: y === "short",
+                onChange: (l) => {
+                  l && p("short");
                 }
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              R,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -106,14 +106,14 @@ const Fe = ({
                 narrow: !0,
                 label: "Medium (6 months)",
                 name: "expiration-medium",
-                checked: A === "medium",
-                onChange: (n) => {
-                  n && p("medium");
+                checked: y === "medium",
+                onChange: (l) => {
+                  l && p("medium");
                 }
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              R,
               {
                 mode: "dark",
                 focusMode: "light",
@@ -121,9 +121,9 @@ const Fe = ({
                 narrow: !0,
                 label: "Long (1 year)",
                 name: "expiration-long",
-                checked: A === "long",
-                onChange: (n) => {
-                  n && p("long");
+                checked: y === "long",
+                onChange: (l) => {
+                  l && p("long");
                 }
               }
             )
@@ -133,13 +133,13 @@ const Fe = ({
           /* @__PURE__ */ e("h3", { className: "text-sm 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-copy-medium uppercase", children: "Category" }),
-            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: o.categories.map((n, u) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: o.categories.map((l, h) => /* @__PURE__ */ e(
               "span",
               {
                 className: "text-xs px-2 py-1 text-copy-light rounded",
-                children: n
+                children: l
               },
-              `${n}-${u}`
+              `${l}-${h}`
             )) })
           ] }),
           /* @__PURE__ */ r("div", { className: "flex flex-col sm:flex-row gap-4", children: [
@@ -179,48 +179,48 @@ const Fe = ({
       ] })
     }
   );
-}, Ye = ({ open: k, onOpenChange: E, user: d }) => {
-  const o = q(null), { getAccessToken: y } = Se(), [M] = N(void 0), [s, b] = N("active"), [A, p] = te({
-    key: ee + Te,
-    initialValue: l.DESC
-  }), [z, T] = te({
-    key: ee + we,
+}, Ve = ({ open: b, onOpenChange: k, user: d }) => {
+  const o = z(null), { getAccessToken: g } = be(), [D] = N(void 0), [n, E] = N("active"), [y, p] = Z({
+    key: W + we,
+    initialValue: s.DESC
+  }), [O, C] = Z({
+    key: W + Ce,
     initialValue: "createdAt"
-  }), [h, n] = N(A || l.DESC), [u, I] = N(
-    z || "createdAt"
-  ), { data: w, isLoading: H, isError: $ } = De({
+  }), [u, l] = N(y || s.DESC), [h, M] = N(
+    O || "createdAt"
+  ), { data: v, isLoading: q, isError: j } = ve({
     user: d,
-    query: M,
-    getAccessToken: y,
-    enabled: k && s === "active"
+    query: D,
+    getAccessToken: g,
+    enabled: b && n === "active"
   }), {
-    data: g,
-    isLoading: X,
-    isError: V
-  } = ve({
+    data: f,
+    isLoading: G,
+    isError: $
+  } = Te({
     user: d,
-    query: M,
-    getAccessToken: y,
-    enabled: k && s === "expired"
-  }), B = Ee({ getAccessToken: y }), j = Me({ getAccessToken: y }), Y = be({ getAccessToken: y }), P = Re({ getAccessToken: y }), J = Ie({ getAccessToken: y }), [ae, K] = N(!1), S = q(null), [de, Q] = N(!1), [me, F] = N(!1), x = q(null), W = (t, i, a, m) => {
-    S.current = { id: t, text: i, description: a, createdAt: m }, K(!0);
-  }, xe = () => {
-    S.current && B.mutate({ user: d, memoryId: S.current.id });
-  }, pe = (t, i, a, m, fe, ye, Ae, Ce, Ne, ke) => {
+    query: D,
+    getAccessToken: g,
+    enabled: b && n === "expired"
+  }), _ = Se({ getAccessToken: g }), X = ke({ getAccessToken: g }), V = De({ getAccessToken: g }), B = Ee({ getAccessToken: g }), H = Me({ getAccessToken: g }), [ae, Y] = N(!1), w = z(null), [ne, J] = N(!1), [ce, P] = N(!1), x = z(null), K = (t, i, c, m) => {
+    w.current = { id: t, text: i, description: c, createdAt: m }, Y(!0);
+  }, de = () => {
+    w.current && _.mutate({ user: d, memoryId: w.current.id });
+  }, me = (t, i, c, m, he, fe, ge, ye, Ae, Ne) => {
     x.current = {
       id: t,
       description: i,
-      categories: a,
+      categories: c,
       quote: m,
-      canonicalText: fe,
-      confidence: ye,
-      status: Ae,
-      sourceType: Ce,
-      expiration: Ne,
-      expiresAt: ke
-    }, F(!0);
-  }, he = (t, i) => {
-    x.current && d && P.mutate(
+      canonicalText: he,
+      confidence: fe,
+      status: ge,
+      sourceType: ye,
+      expiration: Ae,
+      expiresAt: Ne
+    }, P(!0);
+  }, xe = (t, i) => {
+    x.current && d && B.mutate(
       {
         user: d,
         memoryId: x.current.id,
@@ -229,24 +229,24 @@ const Fe = ({
       },
       {
         onSuccess: () => {
-          F(!1);
+          P(!1);
         }
       }
     );
+  }, pe = () => {
+    d && J(!0);
   }, ue = () => {
-    d && Q(!0);
-  }, ge = () => {
-    d && (s === "active" ? j.mutate({ user: d }) : Y.mutate({ user: d }));
-  }, Z = (t) => {
-    const i = `${t.total} memor${t.total === 1 ? "y" : "ies"}`, a = t.totalTokenUsage ? ` (~${t.totalTokenUsage} tokens)` : "";
-    return i + a;
+    d && (n === "active" ? X.mutate({ user: d }) : V.mutate({ user: d }));
+  }, Q = (t) => {
+    const i = `${t.total} memor${t.total === 1 ? "y" : "ies"}`, c = t.totalTokenUsage ? ` (~${t.totalTokenUsage} tokens)` : "";
+    return i + c;
   };
-  return /* @__PURE__ */ r(D, { children: [
+  return /* @__PURE__ */ r(T, { children: [
     /* @__PURE__ */ e(
-      Fe,
+      Pe,
       {
-        open: me,
-        onOpenChange: F,
+        open: ce,
+        onOpenChange: P,
         initialText: x.current?.description || "",
         metadata: x.current ? {
           categories: x.current.categories,
@@ -258,16 +258,16 @@ const Fe = ({
           expiration: x.current.expiration,
           expiresAt: x.current.expiresAt
         } : void 0,
-        onSave: he,
-        isSaving: P.isPending
+        onSave: xe,
+        isSaving: B.isPending
       }
     ),
     /* @__PURE__ */ r(
-      re,
+      ee,
       {
         showConfirmation: ae,
-        setShowConfirmation: K,
-        action: xe,
+        setShowConfirmation: Y,
+        action: de,
         customStrings: {
           title: "Delete memory",
           confirmAction: "Delete",
@@ -279,33 +279,33 @@ const Fe = ({
             /* @__PURE__ */ r("li", { children: [
               "Excerpt:",
               " ",
-              (S.current?.description || S.current?.text || "").slice(0, 80)
+              (w.current?.description || w.current?.text || "").slice(0, 80)
             ] }),
             /* @__PURE__ */ r("li", { children: [
               "Created:",
               " ",
-              S.current?.createdAt ? new Date(S.current.createdAt).toLocaleString() : "-"
+              w.current?.createdAt ? new Date(w.current.createdAt).toLocaleString() : "-"
             ] })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ e(
-      re,
+      ee,
       {
-        showConfirmation: de,
-        setShowConfirmation: Q,
-        action: ge,
+        showConfirmation: ne,
+        setShowConfirmation: J,
+        action: ue,
         customStrings: {
           title: "Delete  memories",
           confirmAction: "Delete all",
           cancelAction: "Cancel"
         },
-        children: /* @__PURE__ */ e("p", { className: "m-0", children: s === "active" ? /* @__PURE__ */ r(D, { children: [
+        children: /* @__PURE__ */ e("p", { className: "m-0", children: n === "active" ? /* @__PURE__ */ r(T, { children: [
           "This will permanently delete all ",
           /* @__PURE__ */ e("em", { children: "active memories" }),
           " for this user. This action cannot be undone."
-        ] }) : /* @__PURE__ */ r(D, { children: [
+        ] }) : /* @__PURE__ */ r(T, { children: [
           "This will permanently delete all ",
           /* @__PURE__ */ e("em", { children: "expired memories" }),
           " for this user. This action cannot be undone."
@@ -313,57 +313,57 @@ const Fe = ({
       }
     ),
     /* @__PURE__ */ e(
-      ce,
+      le,
       {
-        open: k,
-        onOpenChange: (t) => E(t),
+        open: b,
+        onOpenChange: (t) => k(t),
         title: "User Memories",
         animation: !0,
         animationType: "fade",
         blurEffect: "large",
         initialFocus: o,
-        footer: /* @__PURE__ */ r(R, { columnGap: 2, alignHorizontal: "flex-end", children: [
-          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+        footer: /* @__PURE__ */ r("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(
             se,
             {
-              onOpenChange: E,
+              onOpenChange: k,
               label: "Close",
               ref: o
             }
           ) }),
-          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-            _,
+          /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+            L,
             {
               mode: "dark",
               focusMode: "light",
               variant: "danger",
-              disabled: (s === "active" ? j.isPending : Y.isPending) || (s === "active" ? (w?.total ?? 0) === 0 : (g?.total ?? 0) === 0),
-              onClick: ue,
+              disabled: (n === "active" ? X.isPending : V.isPending) || (n === "active" ? (v?.total ?? 0) === 0 : (f?.total ?? 0) === 0),
+              onClick: pe,
               children: "Delete All"
             }
           ) })
         ] }),
         children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 @container/editmemoriespanel", children: [
-          /* @__PURE__ */ r(R, { columnGap: 2, alignHorizontal: "center", children: [
-            /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-              _,
+          /* @__PURE__ */ r("div", { className: "flex flex-wrap justify-center gap-x-2", children: [
+            /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+              L,
               {
                 focusMode: "light",
-                mode: s === "active" ? "light" : "dark",
+                mode: n === "active" ? "light" : "dark",
                 size: "small",
                 noBorder: !0,
-                onClick: () => b("active"),
+                onClick: () => E("active"),
                 children: "Active Memories"
               }
             ) }),
-            /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-              _,
+            /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+              L,
               {
                 focusMode: "light",
-                mode: s === "expired" ? "light" : "dark",
+                mode: n === "expired" ? "light" : "dark",
                 size: "small",
                 noBorder: !0,
-                onClick: () => b("expired"),
+                onClick: () => E("expired"),
                 children: "Expired Memories"
               }
             ) })
@@ -371,39 +371,39 @@ const Fe = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: C(
+              className: A(
                 "flex flex-col sm:flex-row",
                 "max-h-[75vh]",
                 "sm:max-h-[75vh]",
                 "min-h-[70vh]"
               ),
-              children: s === "active" ? /* @__PURE__ */ r(D, { children: [
-                H && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading memories..." }),
-                $ && /* @__PURE__ */ e("p", { className: "m-0 text-copy-error-light", children: "Failed to load memories." }),
-                !H && !$ && (w && w.items.length > 0 ? /* @__PURE__ */ r(
-                  ie,
+              children: n === "active" ? /* @__PURE__ */ r(T, { children: [
+                q && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading memories..." }),
+                j && /* @__PURE__ */ e("p", { className: "m-0 text-copy-error-light", children: "Failed to load memories." }),
+                !q && !j && (v && v.items.length > 0 ? /* @__PURE__ */ r(
+                  te,
                   {
                     stickyHeader: !0,
                     stickyFooter: !0,
                     compact: !0,
                     mode: "alt-system",
-                    caption: Z(w),
+                    caption: Q(v),
                     children: [
-                      /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ r(v, { children: [
-                        /* @__PURE__ */ e(c, { className: "sr-only", children: "Row" }),
-                        /* @__PURE__ */ e(c, { children: "Memory" }),
+                      /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(S, { children: [
+                        /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }),
+                        /* @__PURE__ */ e(a, { children: "Memory" }),
                         /* @__PURE__ */ e(
-                          O,
+                          I,
                           {
                             focusMode: "system",
                             buttonClassName: "text-xs sm:text-sm",
                             cellId: "createdAt",
                             align: "left",
-                            sortDirection: h,
-                            sortedCell: u,
+                            sortDirection: u,
+                            sortedCell: h,
                             onClick: () => {
-                              I("createdAt"), T("createdAt"), n((t) => {
-                                const i = t === l.ASC ? l.DESC : l.ASC;
+                              M("createdAt"), C("createdAt"), l((t) => {
+                                const i = t === s.ASC ? s.DESC : s.ASC;
                                 return p(i), i;
                               });
                             },
@@ -411,47 +411,47 @@ const Fe = ({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          O,
+                          I,
                           {
                             focusMode: "system",
                             buttonClassName: "text-xs sm:text-sm",
                             cellId: "expiresAt",
                             align: "left",
-                            sortDirection: h,
-                            sortedCell: u,
+                            sortDirection: u,
+                            sortedCell: h,
                             onClick: () => {
-                              I("expiresAt"), T("expiresAt"), n((t) => {
-                                const i = t === l.ASC ? l.DESC : l.ASC;
+                              M("expiresAt"), C("expiresAt"), l((t) => {
+                                const i = t === s.ASC ? s.DESC : s.ASC;
                                 return p(i), i;
                               });
                             },
                             children: "Expires"
                           }
                         ),
-                        /* @__PURE__ */ e(c, { align: "right", children: "Actions" })
+                        /* @__PURE__ */ e(a, { align: "right", children: "Actions" })
                       ] }) }),
-                      /* @__PURE__ */ e(ne, { children: [...w.items].sort((t, i) => {
-                        if (u === "createdAt") {
-                          const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
-                          return h === l.ASC ? a - m : m - a;
+                      /* @__PURE__ */ e(ie, { children: [...v.items].sort((t, i) => {
+                        if (h === "createdAt") {
+                          const c = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
+                          return u === s.ASC ? c - m : m - c;
                         }
-                        if (u === "expiresAt") {
-                          const a = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, m = i.expiresAt ? new Date(i.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
-                          return h === l.ASC ? a - m : m - a;
+                        if (h === "expiresAt") {
+                          const c = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, m = i.expiresAt ? new Date(i.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
+                          return u === s.ASC ? c - m : m - c;
                         }
                         return 0;
-                      }).map((t, i) => /* @__PURE__ */ r(v, { children: [
+                      }).map((t, i) => /* @__PURE__ */ r(S, { children: [
                         /* @__PURE__ */ e(
-                          c,
+                          a,
                           {
-                            className: C("dark:text-copy-medium"),
+                            className: A("dark:text-copy-medium"),
                             children: i + 1
                           }
                         ),
                         /* @__PURE__ */ e(
-                          c,
+                          a,
                           {
-                            className: C(
+                            className: A(
                               "dark:text-copy-lighter",
                               "max-w-25 sm:max-w-100",
                               "text-xs sm:text-sm"
@@ -463,9 +463,9 @@ const Fe = ({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          c,
+                          a,
                           {
-                            className: C(
+                            className: A(
                               "dark:text-copy-medium",
                               "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
                             ),
@@ -473,9 +473,9 @@ const Fe = ({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          c,
+                          a,
                           {
-                            className: C(
+                            className: A(
                               "dark:text-copy-medium",
                               "sm:whitespace-nowrap text-xs sm:text-sm"
                             ),
@@ -483,89 +483,82 @@ const Fe = ({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          c,
+                          a,
                           {
                             className: "align-top border-l border-table-light dark:border-table-dark",
                             align: "right",
-                            children: /* @__PURE__ */ r(
-                              R,
-                              {
-                                columnGap: 2,
-                                alignHorizontal: "flex-end",
-                                children: [
-                                  /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-                                    U,
+                            children: /* @__PURE__ */ r("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(
+                                U,
+                                {
+                                  label: "Edit memory",
+                                  mode: "system",
+                                  placement: "top",
+                                  trigger: /* @__PURE__ */ e(
+                                    F,
                                     {
+                                      focusMode: "system",
+                                      noBorder: !0,
                                       label: "Edit memory",
-                                      mode: "system",
-                                      placement: "top",
-                                      trigger: /* @__PURE__ */ e(
-                                        G,
-                                        {
-                                          focusMode: "system",
-                                          noBorder: !0,
-                                          label: "Edit memory",
-                                          variant: "primary",
-                                          disabled: P.isPending,
-                                          onClick: () => pe(
-                                            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(Le, { size: "size-3", monotone: !0 })
-                                        }
-                                      )
-                                    }
-                                  ) }),
-                                  /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-                                    ze,
-                                    {
-                                      label: "Delete memory",
+                                      variant: "primary",
                                       disabled: B.isPending,
-                                      onClick: () => W(
+                                      onClick: () => me(
                                         t.memoryId,
-                                        t.text,
-                                        t.description,
-                                        t.createdAt
-                                      )
+                                        t.description || t.text,
+                                        t.categories,
+                                        t.quote,
+                                        t.canonicalText,
+                                        t.confidence,
+                                        t.status,
+                                        t.sourceType,
+                                        t.expiration,
+                                        t.expiresAt
+                                      ),
+                                      children: /* @__PURE__ */ e(Re, { size: "size-3", monotone: !0 })
                                     }
-                                  ) })
-                                ]
-                              }
-                            )
+                                  )
+                                }
+                              ) }),
+                              /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+                                Oe,
+                                {
+                                  label: "Delete memory",
+                                  disabled: _.isPending,
+                                  onClick: () => K(
+                                    t.memoryId,
+                                    t.text,
+                                    t.description,
+                                    t.createdAt
+                                  )
+                                }
+                              ) })
+                            ] })
                           }
                         )
                       ] }, t.memoryId)) }),
-                      /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(c, { colSpan: 5, children: Z(w) }) }) })
+                      /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(a, { colSpan: 5, children: Q(v) }) }) })
                     ]
                   }
                 ) : /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: "No memories stored." }))
-              ] }) : /* @__PURE__ */ r(D, { children: [
-                X && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading expired memories..." }),
-                V && /* @__PURE__ */ e("p", { className: "m-0 text-copy-error-light", children: "Failed to load expired memories." }),
-                !X && !V && (g && g.items.length > 0 ? /* @__PURE__ */ r(ie, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
-                  /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ r(v, { children: [
-                    /* @__PURE__ */ e(c, { className: "sr-only", children: "Row" }),
-                    /* @__PURE__ */ e(c, { children: "Memory" }),
+              ] }) : /* @__PURE__ */ r(T, { children: [
+                G && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading expired memories..." }),
+                $ && /* @__PURE__ */ e("p", { className: "m-0 text-copy-error-light", children: "Failed to load expired memories." }),
+                !G && !$ && (f && f.items.length > 0 ? /* @__PURE__ */ r(te, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+                  /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(S, { children: [
+                    /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }),
+                    /* @__PURE__ */ e(a, { children: "Memory" }),
                     /* @__PURE__ */ e(
-                      O,
+                      I,
                       {
                         focusMode: "system",
                         buttonClassName: "text-xs sm:text-sm",
                         cellId: "createdAt",
                         align: "left",
-                        sortDirection: h,
-                        sortedCell: u,
+                        sortDirection: u,
+                        sortedCell: h,
                         onClick: () => {
-                          I("createdAt"), T("createdAt"), n((t) => {
-                            const i = t === l.ASC ? l.DESC : l.ASC;
+                          M("createdAt"), C("createdAt"), l((t) => {
+                            const i = t === s.ASC ? s.DESC : s.ASC;
                             return p(i), i;
                           });
                         },
@@ -573,47 +566,47 @@ const Fe = ({
                       }
                     ),
                     /* @__PURE__ */ e(
-                      O,
+                      I,
                       {
                         focusMode: "system",
                         buttonClassName: "text-xs sm:text-sm",
                         cellId: "expiresAt",
                         align: "left",
-                        sortDirection: h,
-                        sortedCell: u,
+                        sortDirection: u,
+                        sortedCell: h,
                         onClick: () => {
-                          I("expiresAt"), T("expiresAt"), n((t) => {
-                            const i = t === l.ASC ? l.DESC : l.ASC;
+                          M("expiresAt"), C("expiresAt"), l((t) => {
+                            const i = t === s.ASC ? s.DESC : s.ASC;
                             return p(i), i;
                           });
                         },
                         children: "Expired"
                       }
                     ),
-                    /* @__PURE__ */ e(c, { align: "right", children: "Actions" })
+                    /* @__PURE__ */ e(a, { align: "right", children: "Actions" })
                   ] }) }),
-                  /* @__PURE__ */ e(ne, { children: [...g.items].sort((t, i) => {
-                    if (u === "createdAt") {
-                      const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
-                      return h === l.ASC ? a - m : m - a;
+                  /* @__PURE__ */ e(ie, { children: [...f.items].sort((t, i) => {
+                    if (h === "createdAt") {
+                      const c = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
+                      return u === s.ASC ? c - m : m - c;
                     }
-                    if (u === "expiresAt") {
-                      const a = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, m = i.expiresAt ? new Date(i.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
-                      return h === l.ASC ? a - m : m - a;
+                    if (h === "expiresAt") {
+                      const c = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, m = i.expiresAt ? new Date(i.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
+                      return u === s.ASC ? c - m : m - c;
                     }
                     return 0;
-                  }).map((t, i) => /* @__PURE__ */ r(v, { children: [
+                  }).map((t, i) => /* @__PURE__ */ r(S, { children: [
                     /* @__PURE__ */ e(
-                      c,
+                      a,
                       {
-                        className: C("dark:text-copy-medium"),
+                        className: A("dark:text-copy-medium"),
                         children: i + 1
                       }
                     ),
                     /* @__PURE__ */ e(
-                      c,
+                      a,
                       {
-                        className: C(
+                        className: A(
                           "dark:text-copy-lighter",
                           "max-w-25 sm:max-w-100",
                           "text-xs sm:text-sm"
@@ -625,9 +618,9 @@ const Fe = ({
                       }
                     ),
                     /* @__PURE__ */ e(
-                      c,
+                      a,
                       {
-                        className: C(
+                        className: A(
                           "dark:text-copy-medium",
                           "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
                         ),
@@ -635,9 +628,9 @@ const Fe = ({
                       }
                     ),
                     /* @__PURE__ */ e(
-                      c,
+                      a,
                       {
-                        className: C(
+                        className: A(
                           "dark:text-copy-medium",
                           "sm:whitespace-nowrap text-xs sm:text-sm"
                         ),
@@ -645,87 +638,80 @@ const Fe = ({
                       }
                     ),
                     /* @__PURE__ */ e(
-                      c,
+                      a,
                       {
                         className: "align-top border-l border-table-light dark:border-table-dark",
                         align: "right",
-                        children: /* @__PURE__ */ r(
-                          R,
-                          {
-                            columnGap: 2,
-                            alignHorizontal: "flex-end",
-                            children: [
-                              /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-                                U,
+                        children: /* @__PURE__ */ r("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(
+                            U,
+                            {
+                              label: "Restore memory",
+                              mode: "system",
+                              placement: "top",
+                              trigger: /* @__PURE__ */ e(
+                                F,
                                 {
+                                  focusMode: "system",
+                                  noBorder: !0,
                                   label: "Restore memory",
-                                  mode: "system",
-                                  placement: "top",
-                                  trigger: /* @__PURE__ */ e(
-                                    G,
-                                    {
-                                      focusMode: "system",
-                                      noBorder: !0,
-                                      label: "Restore memory",
-                                      variant: "primary",
-                                      disabled: J.isPending,
-                                      onClick: () => {
-                                        d && J.mutate({
-                                          user: d,
-                                          memoryId: t.memoryId
-                                        });
-                                      },
-                                      children: /* @__PURE__ */ e(Oe, { size: "size-3", monotone: !0 })
-                                    }
-                                  )
+                                  variant: "primary",
+                                  disabled: H.isPending,
+                                  onClick: () => {
+                                    d && H.mutate({
+                                      user: d,
+                                      memoryId: t.memoryId
+                                    });
+                                  },
+                                  children: /* @__PURE__ */ e(Ie, { size: "size-3", monotone: !0 })
                                 }
-                              ) }),
-                              /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-                                U,
+                              )
+                            }
+                          ) }),
+                          /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+                            U,
+                            {
+                              label: "Delete memory",
+                              mode: "system",
+                              placement: "top",
+                              trigger: /* @__PURE__ */ e(
+                                F,
                                 {
+                                  focusMode: "system",
+                                  noBorder: !0,
                                   label: "Delete memory",
-                                  mode: "system",
-                                  placement: "top",
-                                  trigger: /* @__PURE__ */ e(
-                                    G,
-                                    {
-                                      focusMode: "system",
-                                      noBorder: !0,
-                                      label: "Delete memory",
-                                      variant: "primary",
-                                      iconClassName: "text-copy-error-dark dark:text-copy-error-light",
-                                      disabled: B.isPending,
-                                      onClick: () => W(
-                                        t.memoryId,
-                                        t.text,
-                                        t.description,
-                                        t.createdAt
-                                      ),
-                                      children: /* @__PURE__ */ e(_e, { size: "size-3", monotone: !0 })
-                                    }
-                                  )
+                                  variant: "primary",
+                                  iconClassName: "text-copy-error-dark dark:text-copy-error-light",
+                                  disabled: _.isPending,
+                                  onClick: () => K(
+                                    t.memoryId,
+                                    t.text,
+                                    t.description,
+                                    t.createdAt
+                                  ),
+                                  children: /* @__PURE__ */ e(Le, { size: "size-3", monotone: !0 })
                                 }
-                              ) })
-                            ]
-                          }
-                        )
+                              )
+                            }
+                          ) })
+                        ] })
                       }
                     )
                   ] }, t.memoryId)) }),
-                  /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r(c, { colSpan: 5, children: [
-                    g.total,
+                  /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ r(a, { colSpan: 5, children: [
+                    f.total,
                     " expired memor",
-                    g.total === 1 ? "y" : "ies",
-                    g.totalTokenUsage !== void 0 && g.totalTokenUsage > 0 && /* @__PURE__ */ r(D, { children: [
+                    f.total === 1 ? "y" : "ies",
+                    f.totalTokenUsage !== void 0 && f.totalTokenUsage > 0 && /* @__PURE__ */ r(T, { children: [
                       " ",
                       "(approximately",
                       " ",
                       Math.round(
-                        g.totalTokenUsage
+                        f.totalTokenUsage
                       ).toLocaleString(),
                       " ",
                       "token",
-                      Math.round(g.totalTokenUsage) === 1 ? "" : "s",
+                      Math.round(f.totalTokenUsage) === 1 ? "" : "s",
                       ")"
                     ] })
                   ] }) }) })
@@ -739,5 +725,5 @@ const Fe = ({
   ] });
 };
 export {
-  Ye as default
+  Ve as default
 };