@versini/sassysaint 8.117.1 → 8.118.0

package/dist/chunks/MemoriesEntry.B86jHTrW.js

@@ -1,649 +0,0 @@
-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.BZr0bEQg.js";
-import { Button as D, TableCellSortDirections as N, ButtonIcon as O, IconEdit as Te, IconRestore as Se, IconDelete as we } from "./LogoEntry.BaAKDAky.js";
-import { Panel as K, Toggle as E, ButtonCancel as Q, ResponsiveTooltip as P, useLocalStorage as X, ConfirmationPanel as Y } from "./App.e-vnwYiT.js";
-import S from "clsx";
-import { useState as h, useEffect as Ee, useRef as B } from "react";
-import { TextArea as De } from "./index.CLoMSp2_.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.CXKvnkV9.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
-};