@versini/sassysaint 8.117.0 → 8.118.0

package/dist/chunks/MemoriesEntry.CpxdE30v.js

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