@versini/sassysaint 8.105.2 → 8.106.1

package/dist/chunks/{MemoriesEntry.n0JGBOnn.js → MemoriesEntry.Cz7T3caz.js}

@@ -1,51 +1,51 @@
 import { jsx as e, jsxs as r, Fragment as I } from "react/jsx-runtime";
-import { n as Te, LOCAL_STORAGE_PREFIX as ee, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as ke, LOCAL_STORAGE_SORT_MEMORY_COLUMN as ve, useUserMemories as be, useExpiredMemories as De, useDeleteMemory as Ee, useDeleteAllActiveMemories as Me, useDeleteAllExpiredMemories as Re, useUpdateMemory as Ie, useRestoreMemory as Le } from "./index.DZAOimM5.js";
-import { L as M, j as f, Button as B, e as s, ButtonIcon as L, IconEdit as Oe, IconDelete as te, IconRestore as _e } from "./LogoEntry.hJ_vIJmf.js";
-import { Panel as ae, Toggle as O, CancelButton as ce, useLocalStorage as re, ConfirmationPanel as ie, ResponsiveTooltip as _ } from "./App.CIwNk-Ut.js";
-import { H as ne, F as oe, q as v, O as a, J as z, Y as le, G as se } from "./Table.B0wueiQh.js";
+import { n as Te, LOCAL_STORAGE_PREFIX as ee, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as we, LOCAL_STORAGE_SORT_MEMORY_COLUMN as ve, useUserMemories as De, useExpiredMemories as Ee, useDeleteMemory as Me, useDeleteAllActiveMemories as be, useDeleteAllExpiredMemories as Re, useUpdateMemory as Ie, useRestoreMemory as Le } from "./index.DVCf7tp5.js";
+import { L as b, j as f, Button as B, e as c, ButtonIcon as L, IconEdit as Oe, IconDelete as te, IconRestore as _e } from "./LogoEntry.BwA2ssO6.js";
+import { Panel as se, Toggle as O, CancelButton as ae, useLocalStorage as re, ConfirmationPanel as ie, ResponsiveTooltip as _ } from "./App.B9tjGMnG.js";
+import { H as oe, F as ne, q as v, O as s, J as z, Y as le, G as ce } from "./Table.DWGS6ANJ.js";
 import C from "clsx";
 import { useState as N, useEffect as ze, useRef as q } from "react";
-import { TextArea as Be } from "./index.ClNxiXVb.js";
+import { TextArea as Be } from "./index.Cik0_Cr1.js";
 const Pe = ({
-  open: w,
-  onOpenChange: b,
+  open: k,
+  onOpenChange: D,
   initialText: d,
-  metadata: n,
-  onSave: A,
-  isSaving: D = !1
+  metadata: o,
+  onSave: y,
+  isSaving: E = !1
 }) => {
-  const [l, E] = N(d), [y, h] = N("none");
+  const [l, M] = N(d), [A, p] = N("none");
   ze(() => {
-    if (w) {
-      E(d);
-      const o = n?.expiration || "none";
-      h(o);
+    if (k) {
+      M(d);
+      const n = o?.expiration || "none";
+      p(n);
     }
-  }, [w, d, n?.expiration]);
+  }, [k, d, o?.expiration]);
   const P = () => {
     if (l.trim().length >= 3) {
-      const o = y === "none" ? null : y;
-      A(l.trim(), o);
+      const n = A === "none" ? null : A;
+      y(l.trim(), n);
     }
-  }, T = l.trim().length >= 3, p = l.trim() !== d.trim() || y !== (n?.expiration || "none");
+  }, T = l.trim().length >= 3, h = l.trim() !== d.trim() || A !== (o?.expiration || "none");
   return /* @__PURE__ */ e(
-    ae,
+    se,
     {
-      open: w,
-      onOpenChange: b,
+      open: k,
+      onOpenChange: D,
       title: "Edit Memory",
       animation: !0,
       animationType: "fade",
-      footer: /* @__PURE__ */ r(M, { columnGap: 2, alignHorizontal: "flex-end", children: [
-        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(ce, { onOpenChange: b, label: "Cancel" }) }),
+      footer: /* @__PURE__ */ r(b, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(ae, { onOpenChange: D, label: "Cancel" }) }),
         /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
           B,
           {
             mode: "dark",
             focusMode: "light",
-            disabled: D || !T || !p,
+            disabled: E || !T || !h,
             onClick: P,
-            children: D ? "Saving..." : "Save"
+            children: E ? "Saving..." : "Save"
           }
         ) })
       ] }),
@@ -58,14 +58,14 @@ const Pe = ({
             label: "Memory text",
             name: "memoryText",
             value: l,
-            onChange: (o) => E(o.target.value),
+            onChange: (n) => M(n.target.value),
             autoFocus: !0,
             helperText: l.trim().length < 3 ? "Memory text must be at least 3 characters" : `${l.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-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__ */ r("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ e(
               O,
@@ -76,9 +76,9 @@ const Pe = ({
                 narrow: !0,
                 label: "Never expire",
                 name: "expiration-none",
-                checked: y === "none",
-                onChange: (o) => {
-                  o && h("none");
+                checked: A === "none",
+                onChange: (n) => {
+                  n && p("none");
                 }
               }
             ),
@@ -91,9 +91,9 @@ const Pe = ({
                 narrow: !0,
                 label: "Short (1 month)",
                 name: "expiration-short",
-                checked: y === "short",
-                onChange: (o) => {
-                  o && h("short");
+                checked: A === "short",
+                onChange: (n) => {
+                  n && p("short");
                 }
               }
             ),
@@ -106,9 +106,9 @@ const Pe = ({
                 narrow: !0,
                 label: "Medium (6 months)",
                 name: "expiration-medium",
-                checked: y === "medium",
-                onChange: (o) => {
-                  o && h("medium");
+                checked: A === "medium",
+                onChange: (n) => {
+                  n && p("medium");
                 }
               }
             ),
@@ -121,57 +121,57 @@ const Pe = ({
                 narrow: !0,
                 label: "Long (1 year)",
                 name: "expiration-long",
-                checked: y === "long",
-                onChange: (o) => {
-                  o && h("long");
+                checked: A === "long",
+                onChange: (n) => {
+                  n && p("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, u) => /* @__PURE__ */ e(
+        o && /* @__PURE__ */ r("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" }),
+          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(
               "span",
               {
-                className: "text-xs px-2 py-1 bg-slate-700/50 text-slate-200 rounded",
-                children: o
+                className: "text-xs px-2 py-1 text-copy-light rounded",
+                children: n
               },
-              `${o}-${u}`
+              `${n}-${u}`
             )) })
           ] }),
           /* @__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),
+              o.confidence !== void 0 && o.confidence !== null && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Confidence" }),
+                /* @__PURE__ */ r("span", { className: "text-sm text-copy-light", children: [
+                  (o.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 })
+              o.status && /* @__PURE__ */ r("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: o.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 })
+              o.sourceType && /* @__PURE__ */ r("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: o.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: [
+              o.quote && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-copy-medium uppercase", children: "Original Prompt" }),
+                /* @__PURE__ */ r("p", { className: "text-sm text-copy-light m-0 italic", children: [
                   '"',
-                  n.quote,
+                  o.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 })
+              o.canonicalText && /* @__PURE__ */ r("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: o.canonicalText })
               ] })
             ] })
           ] })
@@ -179,44 +179,44 @@ const Pe = ({
       ] })
     }
   );
-}, je = ({ open: w, onOpenChange: b, user: d }) => {
-  const n = q(null), { getAccessToken: A } = Te(), [D] = N(void 0), [l, E] = N("active"), [y, h] = re({
-    key: ee + ke,
-    initialValue: s.DESC
+}, je = ({ open: k, onOpenChange: D, user: d }) => {
+  const o = q(null), { getAccessToken: y } = Te(), [E] = N(void 0), [l, M] = N("active"), [A, p] = re({
+    key: ee + we,
+    initialValue: c.DESC
   }), [P, T] = re({
     key: ee + ve,
     initialValue: "createdAt"
-  }), [p, o] = N(y || s.DESC), [u, R] = N(
+  }), [h, n] = N(A || c.DESC), [u, R] = N(
     P || "createdAt"
-  ), { data: k, isLoading: H, isError: $ } = be({
+  ), { data: w, isLoading: H, isError: $ } = De({
     user: d,
-    query: D,
-    getAccessToken: A,
-    enabled: w && l === "active"
+    query: E,
+    getAccessToken: y,
+    enabled: k && l === "active"
   }), {
     data: g,
     isLoading: X,
     isError: V
-  } = De({
+  } = Ee({
     user: d,
-    query: D,
-    getAccessToken: A,
-    enabled: w && l === "expired"
-  }), F = Ee({ getAccessToken: A }), j = Me({ getAccessToken: A }), Y = Re({ getAccessToken: A }), G = Ie({ getAccessToken: A }), J = Le({ getAccessToken: A }), [de, K] = N(!1), S = q(null), [me, Q] = N(!1), [xe, U] = N(!1), x = q(null), W = (t, i, c, m) => {
-    S.current = { id: t, text: i, description: c, createdAt: m }, K(!0);
-  }, he = () => {
+    query: E,
+    getAccessToken: y,
+    enabled: k && l === "expired"
+  }), F = Me({ getAccessToken: y }), j = be({ getAccessToken: y }), Y = Re({ getAccessToken: y }), G = Ie({ getAccessToken: y }), J = Le({ getAccessToken: y }), [de, K] = N(!1), S = q(null), [me, Q] = N(!1), [xe, U] = N(!1), x = q(null), W = (t, i, a, m) => {
+    S.current = { id: t, text: i, description: a, createdAt: m }, K(!0);
+  }, pe = () => {
     S.current && F.mutate({ user: d, memoryId: S.current.id });
-  }, pe = (t, i, c, m, Ae, ye, Ce, Ne, we, Se) => {
+  }, he = (t, i, a, m, ye, Ae, Ce, Ne, ke, Se) => {
     x.current = {
       id: t,
       description: i,
-      categories: c,
+      categories: a,
       quote: m,
-      canonicalText: Ae,
-      confidence: ye,
+      canonicalText: ye,
+      confidence: Ae,
       status: Ce,
       sourceType: Ne,
-      expiration: we,
+      expiration: ke,
       expiresAt: Se
     }, U(!0);
   }, ue = (t, i) => {
@@ -238,8 +238,8 @@ const Pe = ({
   }, fe = () => {
     d && (l === "active" ? j.mutate({ user: d }) : Y.mutate({ user: d }));
   }, Z = (t) => {
-    const i = `${t.total} memor${t.total === 1 ? "y" : "ies"}`, c = t.totalTokenUsage ? ` (~${t.totalTokenUsage} tokens)` : "";
-    return i + c;
+    const i = `${t.total} memor${t.total === 1 ? "y" : "ies"}`, a = t.totalTokenUsage ? ` (~${t.totalTokenUsage} tokens)` : "";
+    return i + a;
   };
   return /* @__PURE__ */ r(I, { children: [
     /* @__PURE__ */ e(
@@ -267,7 +267,7 @@ const Pe = ({
       {
         showConfirmation: de,
         setShowConfirmation: K,
-        action: he,
+        action: pe,
         customStrings: {
           title: "Delete memory",
           confirmAction: "Delete",
@@ -305,22 +305,22 @@ const Pe = ({
       }
     ),
     /* @__PURE__ */ e(
-      ae,
+      se,
       {
-        open: w,
-        onOpenChange: (t) => b(t),
+        open: k,
+        onOpenChange: (t) => D(t),
         title: "User Memories",
         animation: !0,
         animationType: "fade",
         blurEffect: "large",
-        initialFocus: n,
-        footer: /* @__PURE__ */ r(M, { columnGap: 2, alignHorizontal: "flex-end", children: [
+        initialFocus: o,
+        footer: /* @__PURE__ */ r(b, { columnGap: 2, alignHorizontal: "flex-end", children: [
           /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
-            ce,
+            ae,
             {
-              onOpenChange: b,
+              onOpenChange: D,
               label: "Close",
-              ref: n
+              ref: o
             }
           ) }),
           /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
@@ -329,14 +329,14 @@ const Pe = ({
               mode: "dark",
               focusMode: "light",
               variant: "danger",
-              disabled: (l === "active" ? j.isPending : Y.isPending) || (l === "active" ? (k?.total ?? 0) === 0 : (g?.total ?? 0) === 0),
+              disabled: (l === "active" ? j.isPending : Y.isPending) || (l === "active" ? (w?.total ?? 0) === 0 : (g?.total ?? 0) === 0),
               onClick: ge,
               children: "Delete All"
             }
           ) })
         ] }),
         children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 @container/editmemoriespanel", children: [
-          /* @__PURE__ */ r(M, { columnGap: 2, alignHorizontal: "center", children: [
+          /* @__PURE__ */ r(b, { columnGap: 2, alignHorizontal: "center", children: [
             /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
               B,
               {
@@ -344,7 +344,7 @@ const Pe = ({
                 mode: l === "active" ? "light" : "dark",
                 size: "small",
                 noBorder: !0,
-                onClick: () => E("active"),
+                onClick: () => M("active"),
                 children: "Active Memories"
               }
             ) }),
@@ -355,7 +355,7 @@ const Pe = ({
                 mode: l === "expired" ? "light" : "dark",
                 size: "small",
                 noBorder: !0,
-                onClick: () => E("expired"),
+                onClick: () => M("expired"),
                 children: "Expired Memories"
               }
             ) })
@@ -371,19 +371,19 @@ const Pe = ({
               ),
               children: l === "active" ? /* @__PURE__ */ r(I, { children: [
                 H && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading memories..." }),
-                $ && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load memories." }),
-                !H && !$ && (k && k.items.length > 0 ? /* @__PURE__ */ r(
-                  ne,
+                $ && /* @__PURE__ */ e("p", { className: "m-0 text-copy-error-light", children: "Failed to load memories." }),
+                !H && !$ && (w && w.items.length > 0 ? /* @__PURE__ */ r(
+                  oe,
                   {
                     stickyHeader: !0,
                     stickyFooter: !0,
                     compact: !0,
                     mode: "alt-system",
-                    caption: Z(k),
+                    caption: Z(w),
                     children: [
-                      /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ r(v, { children: [
-                        /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }),
-                        /* @__PURE__ */ e(a, { children: "Memory" }),
+                      /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ r(v, { children: [
+                        /* @__PURE__ */ e(s, { className: "sr-only", children: "Row" }),
+                        /* @__PURE__ */ e(s, { children: "Memory" }),
                         /* @__PURE__ */ e(
                           z,
                           {
@@ -391,12 +391,12 @@ const Pe = ({
                             buttonClassName: "text-xs sm:text-sm",
                             cellId: "createdAt",
                             align: "left",
-                            sortDirection: p,
+                            sortDirection: h,
                             sortedCell: u,
                             onClick: () => {
-                              R("createdAt"), T("createdAt"), o((t) => {
-                                const i = t === s.ASC ? s.DESC : s.ASC;
-                                return h(i), i;
+                              R("createdAt"), T("createdAt"), n((t) => {
+                                const i = t === c.ASC ? c.DESC : c.ASC;
+                                return p(i), i;
                               });
                             },
                             children: "Date"
@@ -409,36 +409,42 @@ const Pe = ({
                             buttonClassName: "text-xs sm:text-sm",
                             cellId: "expiresAt",
                             align: "left",
-                            sortDirection: p,
+                            sortDirection: h,
                             sortedCell: u,
                             onClick: () => {
-                              R("expiresAt"), T("expiresAt"), o((t) => {
-                                const i = t === s.ASC ? s.DESC : s.ASC;
-                                return h(i), i;
+                              R("expiresAt"), T("expiresAt"), n((t) => {
+                                const i = t === c.ASC ? c.DESC : c.ASC;
+                                return p(i), i;
                               });
                             },
                             children: "Expires"
                           }
                         ),
-                        /* @__PURE__ */ e(a, { align: "right", children: "Actions" })
+                        /* @__PURE__ */ e(s, { align: "right", children: "Actions" })
                       ] }) }),
-                      /* @__PURE__ */ e(le, { children: [...k.items].sort((t, i) => {
+                      /* @__PURE__ */ e(le, { children: [...w.items].sort((t, i) => {
                         if (u === "createdAt") {
-                          const c = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
-                          return p === s.ASC ? c - m : m - c;
+                          const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
+                          return h === c.ASC ? a - m : m - a;
                         }
                         if (u === "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 p === s.ASC ? c - m : m - c;
+                          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 === c.ASC ? a - m : m - a;
                         }
                         return 0;
                       }).map((t, i) => /* @__PURE__ */ r(v, { children: [
-                        /* @__PURE__ */ e(a, { className: C("dark:text-gray-400"), children: i + 1 }),
                         /* @__PURE__ */ e(
-                          a,
+                          s,
+                          {
+                            className: C("dark:text-copy-medium"),
+                            children: i + 1
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          s,
                           {
                             className: C(
-                              "dark:text-white",
+                              "dark:text-copy-lighter",
                               "max-w-25 sm:max-w-100",
                               "text-xs sm:text-sm"
                             ),
@@ -449,34 +455,32 @@ const Pe = ({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          a,
+                          s,
                           {
-                            component: "th",
-                            scope: "row",
                             className: C(
-                              "dark:text-gray-400",
+                              "dark:text-copy-medium",
                               "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,
+                          s,
                           {
                             className: C(
-                              "dark:text-gray-400",
+                              "dark:text-copy-medium",
                               "sm:whitespace-nowrap text-xs sm:text-sm"
                             ),
                             children: t.expiresAt ? new Date(t.expiresAt).toLocaleDateString() : "Never"
                           }
                         ),
                         /* @__PURE__ */ e(
-                          a,
+                          s,
                           {
                             className: "align-top border-l border-table-light dark:border-table-dark",
                             align: "right",
                             children: /* @__PURE__ */ r(
-                              M,
+                              b,
                               {
                                 columnGap: 2,
                                 alignHorizontal: "flex-end",
@@ -495,7 +499,7 @@ const Pe = ({
                                           label: "Edit memory",
                                           variant: "primary",
                                           disabled: G.isPending,
-                                          onClick: () => pe(
+                                          onClick: () => he(
                                             t.memoryId,
                                             t.description || t.text,
                                             t.categories,
@@ -525,7 +529,7 @@ const Pe = ({
                                           noBorder: !0,
                                           label: "Delete memory",
                                           variant: "primary",
-                                          iconClassName: "text-red-700 dark:text-red-500",
+                                          iconClassName: "text-copy-error-dark dark:text-copy-error-light",
                                           disabled: F.isPending,
                                           onClick: () => W(
                                             t.memoryId,
@@ -544,17 +548,17 @@ const Pe = ({
                           }
                         )
                       ] }, t.memoryId)) }),
-                      /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(a, { colSpan: 5, children: Z(k) }) }) })
+                      /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(s, { colSpan: 5, children: Z(w) }) }) })
                     ]
                   }
                 ) : /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: "No memories stored." }))
               ] }) : /* @__PURE__ */ r(I, { children: [
                 X && /* @__PURE__ */ e("p", { className: "m-0", children: "Loading expired memories..." }),
-                V && /* @__PURE__ */ e("p", { className: "m-0 text-red-500", children: "Failed to load expired memories." }),
-                !X && !V && (g && g.items.length > 0 ? /* @__PURE__ */ r(ne, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
-                  /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ r(v, { children: [
-                    /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }),
-                    /* @__PURE__ */ e(a, { children: "Memory" }),
+                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(oe, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+                  /* @__PURE__ */ e(ne, { children: /* @__PURE__ */ r(v, { children: [
+                    /* @__PURE__ */ e(s, { className: "sr-only", children: "Row" }),
+                    /* @__PURE__ */ e(s, { children: "Memory" }),
                     /* @__PURE__ */ e(
                       z,
                       {
@@ -562,12 +566,12 @@ const Pe = ({
                         buttonClassName: "text-xs sm:text-sm",
                         cellId: "createdAt",
                         align: "left",
-                        sortDirection: p,
+                        sortDirection: h,
                         sortedCell: u,
                         onClick: () => {
-                          R("createdAt"), T("createdAt"), o((t) => {
-                            const i = t === s.ASC ? s.DESC : s.ASC;
-                            return h(i), i;
+                          R("createdAt"), T("createdAt"), n((t) => {
+                            const i = t === c.ASC ? c.DESC : c.ASC;
+                            return p(i), i;
                           });
                         },
                         children: "Date"
@@ -580,36 +584,42 @@ const Pe = ({
                         buttonClassName: "text-xs sm:text-sm",
                         cellId: "expiresAt",
                         align: "left",
-                        sortDirection: p,
+                        sortDirection: h,
                         sortedCell: u,
                         onClick: () => {
-                          R("expiresAt"), T("expiresAt"), o((t) => {
-                            const i = t === s.ASC ? s.DESC : s.ASC;
-                            return h(i), i;
+                          R("expiresAt"), T("expiresAt"), n((t) => {
+                            const i = t === c.ASC ? c.DESC : c.ASC;
+                            return p(i), i;
                           });
                         },
                         children: "Expired"
                       }
                     ),
-                    /* @__PURE__ */ e(a, { align: "right", children: "Actions" })
+                    /* @__PURE__ */ e(s, { align: "right", children: "Actions" })
                   ] }) }),
                   /* @__PURE__ */ e(le, { children: [...g.items].sort((t, i) => {
                     if (u === "createdAt") {
-                      const c = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
-                      return p === s.ASC ? c - m : m - c;
+                      const a = t.createdAt ? new Date(t.createdAt).getTime() : 0, m = i.createdAt ? new Date(i.createdAt).getTime() : 0;
+                      return h === c.ASC ? a - m : m - a;
                     }
                     if (u === "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 p === s.ASC ? c - m : m - c;
+                      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 === c.ASC ? a - m : m - a;
                     }
                     return 0;
                   }).map((t, i) => /* @__PURE__ */ r(v, { children: [
-                    /* @__PURE__ */ e(a, { className: C("dark:text-gray-400"), children: i + 1 }),
                     /* @__PURE__ */ e(
-                      a,
+                      s,
+                      {
+                        className: C("dark:text-copy-medium"),
+                        children: i + 1
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      s,
                       {
                         className: C(
-                          "dark:text-white",
+                          "dark:text-copy-lighter",
                           "max-w-25 sm:max-w-100",
                           "text-xs sm:text-sm"
                         ),
@@ -620,34 +630,32 @@ const Pe = ({
                       }
                     ),
                     /* @__PURE__ */ e(
-                      a,
+                      s,
                       {
-                        component: "th",
-                        scope: "row",
                         className: C(
-                          "dark:text-gray-400",
+                          "dark:text-copy-medium",
                           "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,
+                      s,
                       {
                         className: C(
-                          "dark:text-gray-400",
+                          "dark:text-copy-medium",
                           "sm:whitespace-nowrap text-xs sm:text-sm"
                         ),
                         children: t.expiresAt ? new Date(t.expiresAt).toLocaleDateString() : "-"
                       }
                     ),
                     /* @__PURE__ */ e(
-                      a,
+                      s,
                       {
                         className: "align-top border-l border-table-light dark:border-table-dark",
                         align: "right",
                         children: /* @__PURE__ */ r(
-                          M,
+                          b,
                           {
                             columnGap: 2,
                             alignHorizontal: "flex-end",
@@ -690,7 +698,7 @@ const Pe = ({
                                       noBorder: !0,
                                       label: "Delete memory",
                                       variant: "primary",
-                                      iconClassName: "text-red-700 dark:text-red-500",
+                                      iconClassName: "text-copy-error-dark dark:text-copy-error-light",
                                       disabled: F.isPending,
                                       onClick: () => W(
                                         t.memoryId,
@@ -709,7 +717,7 @@ const Pe = ({
                       }
                     )
                   ] }, t.memoryId)) }),
-                  /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r(a, { colSpan: 5, children: [
+                  /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r(s, { colSpan: 5, children: [
                     g.total,
                     " expired memor",
                     g.total === 1 ? "y" : "ies",