@versini/sassysaint 8.110.0 → 8.110.2

package/dist/chunks/MemoriesEntry.DJEsuqmV.js

@@ -0,0 +1,649 @@
+import { jsx as e, jsxs as n, Fragment as L } from "react/jsx-runtime";
+import { n as pe, LOCAL_STORAGE_PREFIX as H, LOCAL_STORAGE_SORT_MEMORY_DIRECTION as he, LOCAL_STORAGE_SORT_MEMORY_COLUMN as fe, useUserMemories as ge, useExpiredMemories as ye, useDeleteMemory as be, useDeleteAllActiveMemories as Ne, useDeleteAllExpiredMemories as ve, useUpdateMemory as Ce, useRestoreMemory as Ae } from "./index.BRIbdI1P.js";
+import { Button as D, TableCellSortDirections as N, ButtonIcon as O, IconEdit as Te, IconRestore as Se, IconDelete as we } from "./LogoEntry.DohsYXa0.js";
+import { Panel as K, Toggle as E, ButtonCancel as Q, ResponsiveTooltip as P, useLocalStorage as X, ConfirmationPanel as Y } from "./App.Hqmg5y2Y.js";
+import S from "clsx";
+import { useState as h, useEffect as Ee, useRef as B } from "react";
+import { TextArea as De } from "./index.5YcMrbtG.js";
+import { TableHead as ke, TableRow as _, TableCell as f, TableCellSort as J, ButtonIconDelete as Me, Table as Re, TableBody as Ie, TableFooter as Le } from "./ButtonIconDelete.D4aZDe7F.js";
+const Oe = ({
+  open: r,
+  onOpenChange: s,
+  initialText: i,
+  metadata: t,
+  onSave: l,
+  isSaving: c = !1
+}) => {
+  const [o, p] = h(i), [d, u] = h("none");
+  Ee(() => {
+    if (r) {
+      p(i);
+      const a = t?.expiration || "none";
+      u(a);
+    }
+  }, [r, i, t?.expiration]);
+  const g = () => {
+    if (o.trim().length >= 3) {
+      const a = d === "none" ? null : d;
+      l(o.trim(), a);
+    }
+  }, y = o.trim().length >= 3, v = o.trim() !== i.trim() || d !== (t?.expiration || "none");
+  return /* @__PURE__ */ e(
+    K,
+    {
+      open: r,
+      onOpenChange: s,
+      title: "Edit Memory",
+      animation: !0,
+      animationType: "fade",
+      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(Q, { onOpenChange: s, label: "Cancel" }) }),
+        /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+          D,
+          {
+            mode: "dark",
+            focusMode: "light",
+            disabled: c || !y || !v,
+            onClick: g,
+            children: c ? "Saving..." : "Save"
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col pt-2 gap-4", children: [
+        /* @__PURE__ */ e(
+          De,
+          {
+            mode: "dark",
+            focusMode: "light",
+            label: "Memory text",
+            name: "memoryText",
+            value: o,
+            onChange: (a) => p(a.target.value),
+            autoFocus: !0,
+            helperText: o.trim().length < 3 ? "Memory text must be at least 3 characters" : `${o.length} characters`
+          }
+        ),
+        /* @__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__ */ n("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ e(
+              E,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Never expire",
+                name: "expiration-none",
+                checked: d === "none",
+                onChange: (a) => {
+                  a && u("none");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              E,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Short (1 month)",
+                name: "expiration-short",
+                checked: d === "short",
+                onChange: (a) => {
+                  a && u("short");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              E,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Medium (6 months)",
+                name: "expiration-medium",
+                checked: d === "medium",
+                onChange: (a) => {
+                  a && u("medium");
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              E,
+              {
+                mode: "dark",
+                focusMode: "light",
+                noBorder: !0,
+                narrow: !0,
+                label: "Long (1 year)",
+                name: "expiration-long",
+                checked: d === "long",
+                onChange: (a) => {
+                  a && u("long");
+                }
+              }
+            )
+          ] })
+        ] }),
+        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__ */ 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((a, C) => /* @__PURE__ */ e(
+              "span",
+              {
+                className: "text-xs px-2 py-1 text-copy-light rounded",
+                children: a
+              },
+              `${a}-${C}`
+            )) })
+          ] }),
+          /* @__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__ */ n("span", { className: "text-sm text-copy-light", children: [
+                  (t.confidence * 100).toFixed(0),
+                  "%"
+                ] })
+              ] }),
+              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__ */ 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__ */ 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__ */ n("p", { className: "text-sm text-copy-light m-0 italic", children: [
+                  '"',
+                  t.quote,
+                  '"'
+                ] })
+              ] }),
+              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 })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+function Pe({
+  isLoading: r,
+  isError: s,
+  viewMode: i
+}) {
+  const t = i === "expired" ? "expired memories" : "memories";
+  return r ? /* @__PURE__ */ n("p", { className: "m-0", children: [
+    "Loading ",
+    t,
+    "..."
+  ] }) : s ? /* @__PURE__ */ n("p", { className: "m-0 text-copy-error-light", children: [
+    "Failed to load ",
+    t,
+    "."
+  ] }) : null;
+}
+function Be({ viewMode: r }) {
+  return /* @__PURE__ */ e("p", { className: "m-0 italic opacity-70", children: r === "expired" ? "No expired memories." : "No memories stored." });
+}
+function _e({
+  sortDirection: r,
+  sortedCell: s,
+  viewMode: i,
+  onSortChange: t
+}) {
+  const l = (c) => {
+    t(c);
+  };
+  return /* @__PURE__ */ e(ke, { children: /* @__PURE__ */ n(_, { children: [
+    /* @__PURE__ */ e(f, { className: "sr-only", children: "Row" }),
+    /* @__PURE__ */ e(f, { children: "Memory" }),
+    /* @__PURE__ */ e(
+      J,
+      {
+        focusMode: "system",
+        buttonClassName: "text-xs sm:text-sm",
+        cellId: "createdAt",
+        align: "left",
+        sortDirection: r,
+        sortedCell: s,
+        onClick: () => l("createdAt"),
+        children: "Date"
+      }
+    ),
+    /* @__PURE__ */ e(
+      J,
+      {
+        focusMode: "system",
+        buttonClassName: "text-xs sm:text-sm",
+        cellId: "expiresAt",
+        align: "left",
+        sortDirection: r,
+        sortedCell: s,
+        onClick: () => l("expiresAt"),
+        children: i === "active" ? "Expires" : "Expired"
+      }
+    ),
+    /* @__PURE__ */ e(f, { align: "right", children: "Actions" })
+  ] }) });
+}
+function ze(r, s, i) {
+  return [...r].sort((t, l) => {
+    if (s === "createdAt") {
+      const c = t.createdAt ? new Date(t.createdAt).getTime() : 0, o = l.createdAt ? new Date(l.createdAt).getTime() : 0;
+      return i === N.ASC ? c - o : o - c;
+    }
+    if (s === "expiresAt") {
+      const c = t.expiresAt ? new Date(t.expiresAt).getTime() : Number.MAX_SAFE_INTEGER, o = l.expiresAt ? new Date(l.expiresAt).getTime() : Number.MAX_SAFE_INTEGER;
+      return i === N.ASC ? c - o : o - c;
+    }
+    return 0;
+  });
+}
+function Fe(r, s) {
+  const i = `${r} memor${r === 1 ? "y" : "ies"}`, t = s ? ` (~${s} tokens)` : "";
+  return i + t;
+}
+const T = {
+  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"
+};
+function qe({
+  memory: r,
+  index: s,
+  viewMode: i,
+  isEditPending: t = !1,
+  isDeletePending: l = !1,
+  isRestorePending: c = !1,
+  onEdit: o,
+  onDelete: p,
+  onRestore: d
+}) {
+  const u = r.description || r.text, g = r.createdAt ? new Date(r.createdAt).toLocaleDateString() : "-", y = r.expiresAt ? new Date(r.expiresAt).toLocaleDateString() : i === "active" ? "Never" : "-";
+  return /* @__PURE__ */ n(_, { children: [
+    /* @__PURE__ */ e(f, { className: S(T.rowNumber), children: s + 1 }),
+    /* @__PURE__ */ e(
+      f,
+      {
+        className: S(T.memoryText),
+        style: { wordBreak: "break-word" },
+        children: u
+      }
+    ),
+    /* @__PURE__ */ e(f, { className: S(T.date), children: g }),
+    /* @__PURE__ */ e(f, { className: S(T.dateCompact), children: y }),
+    /* @__PURE__ */ e(f, { className: T.actions, align: "right", children: /* @__PURE__ */ n("div", { className: "flex flex-wrap justify-end gap-x-2", children: [
+      i === "active" && o && /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+        P,
+        {
+          label: "Edit memory",
+          mode: "system",
+          placement: "top",
+          trigger: /* @__PURE__ */ e(
+            O,
+            {
+              focusMode: "system",
+              noBorder: !0,
+              label: "Edit memory",
+              variant: "primary",
+              disabled: t,
+              onClick: () => o(r),
+              children: /* @__PURE__ */ e(Te, { size: "size-3", monotone: !0 })
+            }
+          )
+        }
+      ) }),
+      i === "expired" && d && /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+        P,
+        {
+          label: "Restore memory",
+          mode: "system",
+          placement: "top",
+          trigger: /* @__PURE__ */ e(
+            O,
+            {
+              focusMode: "system",
+              noBorder: !0,
+              label: "Restore memory",
+              variant: "primary",
+              disabled: c,
+              onClick: () => d(r.memoryId),
+              children: /* @__PURE__ */ e(Se, { size: "size-3", monotone: !0 })
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: i === "active" ? /* @__PURE__ */ e(
+        Me,
+        {
+          label: "Delete memory",
+          disabled: l,
+          onClick: () => p(r)
+        }
+      ) : /* @__PURE__ */ e(
+        P,
+        {
+          label: "Delete memory",
+          mode: "system",
+          placement: "top",
+          trigger: /* @__PURE__ */ e(
+            O,
+            {
+              focusMode: "system",
+              noBorder: !0,
+              label: "Delete memory",
+              variant: "primary",
+              iconClassName: "text-copy-error-dark dark:text-copy-error-light",
+              disabled: l,
+              onClick: () => p(r),
+              children: /* @__PURE__ */ e(we, { size: "size-3", monotone: !0 })
+            }
+          )
+        }
+      ) })
+    ] }) })
+  ] }, r.memoryId);
+}
+function je({
+  data: r,
+  isLoading: s,
+  isError: i,
+  viewMode: t,
+  sortDirection: l,
+  sortedCell: c,
+  isEditPending: o = !1,
+  isDeletePending: p = !1,
+  isRestorePending: d = !1,
+  onSortChange: u,
+  onEdit: g,
+  onDelete: y,
+  onRestore: v
+}) {
+  const a = /* @__PURE__ */ e(
+    Pe,
+    {
+      isLoading: s,
+      isError: i,
+      viewMode: t
+    }
+  );
+  if (s || i)
+    return a;
+  if (!r || r.items.length === 0)
+    return /* @__PURE__ */ e(Be, { viewMode: t });
+  const C = ze(r.items, c, l), w = Fe(r.total, r.totalTokenUsage);
+  return /* @__PURE__ */ n(
+    Re,
+    {
+      stickyHeader: !0,
+      stickyFooter: !0,
+      compact: !0,
+      mode: "alt-system",
+      caption: t === "active" ? w : void 0,
+      children: [
+        /* @__PURE__ */ e(
+          _e,
+          {
+            sortDirection: l,
+            sortedCell: c,
+            viewMode: t,
+            onSortChange: u
+          }
+        ),
+        /* @__PURE__ */ e(Ie, { children: C.map((A, k) => /* @__PURE__ */ e(
+          qe,
+          {
+            memory: A,
+            index: k,
+            viewMode: t,
+            isEditPending: o,
+            isDeletePending: p,
+            isRestorePending: d,
+            onEdit: g,
+            onDelete: y,
+            onRestore: v
+          },
+          A.memoryId
+        )) }),
+        /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(f, { colSpan: 5, children: w }) }) })
+      ]
+    }
+  );
+}
+const Qe = ({ open: r, onOpenChange: s, user: i }) => {
+  const t = B(null), { getAccessToken: l } = pe(), [c] = h(void 0), [o, p] = h("active"), [d, u] = X({
+    key: H + he,
+    initialValue: N.DESC
+  }), [g, y] = X({
+    key: H + fe,
+    initialValue: "createdAt"
+  }), [v, a] = h(
+    d || N.DESC
+  ), [C, w] = h(
+    g || "createdAt"
+  ), { data: A, isLoading: k, isError: W } = ge({
+    user: i,
+    query: c,
+    getAccessToken: l,
+    enabled: r && o === "active"
+  }), {
+    data: z,
+    isLoading: Z,
+    isError: ee
+  } = ye({
+    user: i,
+    query: c,
+    getAccessToken: l,
+    enabled: r && o === "expired"
+  }), F = be({ getAccessToken: l }), q = Ne({ getAccessToken: l }), j = ve({ getAccessToken: l }), M = Ce({ getAccessToken: l }), $ = Ae({ getAccessToken: l }), [te, G] = h(!1), b = B(null), [re, U] = h(!1), [ie, R] = h(!1), m = B(null), oe = (x) => {
+    w(x), y(x), a((I) => {
+      const V = I === N.ASC ? N.DESC : N.ASC;
+      return u(V), V;
+    });
+  }, ne = (x) => {
+    b.current = x, G(!0);
+  }, le = () => {
+    b.current && i && F.mutate({ user: i, memoryId: b.current.memoryId });
+  }, se = (x) => {
+    m.current = x, R(!0);
+  }, ae = (x, I) => {
+    m.current && i && M.mutate(
+      {
+        user: i,
+        memoryId: m.current.memoryId,
+        description: x,
+        expiration: I || void 0
+      },
+      {
+        onSuccess: () => {
+          R(!1);
+        }
+      }
+    );
+  }, ce = (x) => {
+    i && $.mutate({ user: i, memoryId: x });
+  }, de = () => {
+    i && U(!0);
+  }, me = () => {
+    i && (o === "active" ? q.mutate({ user: i }) : j.mutate({ user: i }));
+  }, xe = o === "active" ? A : z, ue = (o === "active" ? q.isPending : j.isPending) || (xe?.total ?? 0) === 0;
+  return /* @__PURE__ */ n(L, { children: [
+    /* @__PURE__ */ e(
+      Oe,
+      {
+        open: ie,
+        onOpenChange: R,
+        initialText: m.current?.description || "",
+        metadata: m.current ? {
+          categories: m.current.categories,
+          quote: m.current.quote,
+          canonicalText: m.current.canonicalText,
+          confidence: m.current.confidence,
+          status: m.current.status,
+          sourceType: m.current.sourceType,
+          expiration: m.current.expiration,
+          expiresAt: m.current.expiresAt
+        } : void 0,
+        onSave: ae,
+        isSaving: M.isPending
+      }
+    ),
+    /* @__PURE__ */ n(
+      Y,
+      {
+        showConfirmation: te,
+        setShowConfirmation: G,
+        action: le,
+        customStrings: {
+          title: "Delete memory",
+          confirmAction: "Delete",
+          cancelAction: "Cancel"
+        },
+        children: [
+          /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete this memory?" }),
+          /* @__PURE__ */ n("ul", { className: "m-0 mt-2 list-disc list-inside text-xs opacity-80", children: [
+            /* @__PURE__ */ n("li", { children: [
+              "Excerpt:",
+              " ",
+              (b.current?.description || b.current?.text || "").slice(0, 80)
+            ] }),
+            /* @__PURE__ */ n("li", { children: [
+              "Created:",
+              " ",
+              b.current?.createdAt ? new Date(b.current.createdAt).toLocaleString() : "-"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      Y,
+      {
+        showConfirmation: re,
+        setShowConfirmation: U,
+        action: me,
+        customStrings: {
+          title: "Delete memories",
+          confirmAction: "Delete all",
+          cancelAction: "Cancel"
+        },
+        children: /* @__PURE__ */ e("p", { className: "m-0", children: o === "active" ? /* @__PURE__ */ n(L, { children: [
+          "This will permanently delete all ",
+          /* @__PURE__ */ e("em", { children: "active memories" }),
+          " for this user. This action cannot be undone."
+        ] }) : /* @__PURE__ */ n(L, { children: [
+          "This will permanently delete all ",
+          /* @__PURE__ */ e("em", { children: "expired memories" }),
+          " for this user. This action cannot be undone."
+        ] }) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      K,
+      {
+        open: r,
+        onOpenChange: (x) => s(x),
+        title: "User Memories",
+        animation: !0,
+        animationType: "fade",
+        blurEffect: "large",
+        initialFocus: t,
+        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(
+            Q,
+            {
+              onOpenChange: s,
+              label: "Close",
+              ref: t
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+            D,
+            {
+              mode: "dark",
+              focusMode: "light",
+              variant: "danger",
+              disabled: ue,
+              onClick: de,
+              children: "Delete All"
+            }
+          ) })
+        ] }),
+        children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-4 @container/editmemoriespanel", children: [
+          /* @__PURE__ */ n("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(
+              D,
+              {
+                focusMode: "light",
+                mode: o === "active" ? "light" : "dark",
+                size: "small",
+                noBorder: !0,
+                onClick: () => p("active"),
+                children: "Active Memories"
+              }
+            ) }),
+            /* @__PURE__ */ e("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ e(
+              D,
+              {
+                focusMode: "light",
+                mode: o === "expired" ? "light" : "dark",
+                size: "small",
+                noBorder: !0,
+                onClick: () => p("expired"),
+                children: "Expired Memories"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: S(
+                "flex flex-col sm:flex-row",
+                "max-h-[75vh]",
+                "sm:max-h-[75vh]",
+                "min-h-[70vh]"
+              ),
+              children: /* @__PURE__ */ e(
+                je,
+                {
+                  data: o === "active" ? A : z,
+                  isLoading: o === "active" ? k : Z,
+                  isError: o === "active" ? W : ee,
+                  viewMode: o,
+                  sortDirection: v,
+                  sortedCell: C,
+                  isEditPending: M.isPending,
+                  isDeletePending: F.isPending,
+                  isRestorePending: $.isPending,
+                  onSortChange: oe,
+                  onEdit: o === "active" ? se : void 0,
+                  onDelete: ne,
+                  onRestore: o === "expired" ? ce : void 0
+                }
+              )
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  Qe as default
+};