@versini/sassysaint 8.121.0 → 8.121.1

package/dist/chunks/HistoryDataGrid.BNOeaUQd.js

@@ -1,445 +0,0 @@
-import { jsx as t, jsxs as g, Fragment as L } from "react/jsx-runtime";
-import { DataGridContext as M, useColumnMeasurement as Z, getBodyClass as J, DataGridHeader as K, DataGridRow as j, DataGridCell as x, DataGridCellSort as B, ButtonIconDelete as Q, DataGrid as ee } from "./ButtonIconDelete.CLpIgJ17.js";
-import { CellWrapper as F, IconCloseLight as te, ButtonIcon as re, IconRestore as ne, CARDS as se } from "./LogoEntry.D5pr7J7L.js";
-import { forwardRef as oe, useContext as le, useRef as D, useState as q, useCallback as P, useEffect as T, useImperativeHandle as ae, useMemo as $ } from "react";
-import { pluralize as U, isProbablyMobile as z, numberFormatter as ce, ResponsiveTooltip as ie } from "./App.C4nxPutS.js";
-import { y as _, V as H, INFINITE_SCROLL_THRESHOLD as ue, INFINITE_SCROLL_LIMIT as me } from "./index.BztNm3SQ.js";
-import N from "clsx";
-const de = 20, fe = 5, xe = "20px", V = "data-row-index";
-function pe(e) {
-  let r = e.parentElement;
-  for (; r; ) {
-    const l = getComputedStyle(r).overflowY;
-    if (l === "auto" || l === "scroll")
-      return r;
-    r = r.parentElement;
-  }
-  return null;
-}
-function he({ data: e, children: r, batchSize: s = de, threshold: l = fe, rootMargin: a = xe, onVisibleCountChange: b, className: f }, m) {
-  const y = le(M), p = D(null), c = D(null), h = D(null), o = e.length, C = Math.min(s + l, o), [i, R] = q(C), k = i < o, d = P((n) => {
-    const I = p.current;
-    if (!I)
-      return;
-    const u = I.querySelector(`[${V}="${n}"]`);
-    if (u) {
-      const S = u.querySelector('[role="row"]');
-      S && S.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
-    }
-  }, []);
-  T(() => {
-    if (h.current !== null) {
-      const n = h.current;
-      n < i && (requestAnimationFrame(() => {
-        d(n);
-      }), h.current = null);
-    }
-  }, [
-    i,
-    d
-  ]), ae(m, () => ({
-    scrollToIndex: (n) => {
-      if (n < 0 || n >= o) {
-        console.warn(`scrollToIndex: index ${n} is out of bounds (0-${o - 1})`);
-        return;
-      }
-      if (n < i) {
-        d(n);
-        return;
-      }
-      const I = Math.min(n + l + 1, o);
-      h.current = n, R(I);
-    }
-  }), [
-    o,
-    i,
-    l,
-    d
-  ]), T(() => {
-    R(Math.min(s + l, o));
-  }, [
-    o,
-    s,
-    l
-  ]), T(() => {
-    b?.(i, o);
-  }, [
-    i,
-    o,
-    b
-  ]);
-  const w = P((n) => {
-    n[0]?.isIntersecting && R((u) => Math.min(u + s, o));
-  }, [
-    s,
-    o
-  ]), E = P((n) => {
-    if (c.current && (c.current.disconnect(), c.current = null), n && k) {
-      const I = pe(n);
-      c.current = new IntersectionObserver(w, {
-        root: I,
-        rootMargin: a
-      }), c.current.observe(n);
-    }
-  }, [
-    k,
-    w,
-    a
-  ]);
-  T(() => () => {
-    c.current?.disconnect();
-  }, []);
-  const A = $(() => k ? Math.max(0, i - l) : -1, [
-    k,
-    i,
-    l
-  ]), O = $(() => ({
-    ...y,
-    cellWrapper: F.BODY
-  }), [
-    y
-  ]), G = $(() => {
-    const n = [], I = Math.min(i, o) - 1;
-    for (let u = 0; u < i && u < o; u++) {
-      u === A && n.push(/* @__PURE__ */ t("div", {
-        ref: E,
-        "aria-hidden": "true",
-        style: {
-          height: "1px",
-          background: "transparent"
-        }
-      }, "__infinite-scroll-marker-inline__"));
-      const S = !k && u === I;
-      n.push(/* @__PURE__ */ t(M.Provider, {
-        value: {
-          ...O,
-          isLastRow: S
-        },
-        children: /* @__PURE__ */ t("div", {
-          [V]: u,
-          style: {
-            display: "contents"
-          },
-          children: r(e[u], u)
-        })
-      }, u));
-    }
-    return A === i && k && n.push(/* @__PURE__ */ t("div", {
-      ref: E,
-      "aria-hidden": "true",
-      style: {
-        height: "1px",
-        background: "transparent"
-      }
-    }, "__infinite-scroll-marker-end__")), n;
-  }, [
-    e,
-    i,
-    o,
-    A,
-    k,
-    r,
-    E,
-    O
-  ]);
-  Z(p, G);
-  const X = J(f);
-  return /* @__PURE__ */ t(M.Provider, {
-    value: {
-      ...y,
-      cellWrapper: F.BODY
-    },
-    children: /* @__PURE__ */ t("div", {
-      ref: p,
-      role: "rowgroup",
-      className: X,
-      children: G
-    })
-  });
-}
-const ge = /* @__PURE__ */ oe(he), be = ({
-  sortDirection: e,
-  sortedCell: r,
-  onSortChange: s,
-  caption: l,
-  isSearchActive: a = !1,
-  showTokenUsage: b = !0
-}) => {
-  const f = (m) => {
-    s(m);
-  };
-  return /* @__PURE__ */ t(K, { caption: l, children: /* @__PURE__ */ g(j, { children: [
-    /* @__PURE__ */ t(x, { className: "invisible", children: "Row" }),
-    b ? /* @__PURE__ */ g(L, { children: [
-      /* @__PURE__ */ t(x, { className: "text-xs sm:text-sm", children: "Summary" }),
-      a ? /* @__PURE__ */ t(x, { className: "text-xs sm:text-sm", children: "Date" }) : /* @__PURE__ */ t(
-        B,
-        {
-          buttonClassName: "text-xs sm:text-sm",
-          cellId: _,
-          align: "left",
-          sortDirection: r === _ ? e : !1,
-          sortedCell: r,
-          onSort: f,
-          children: "Date"
-        }
-      ),
-      a ? /* @__PURE__ */ t(x, { align: "right", className: "text-xs sm:text-sm", children: "Tokens" }) : /* @__PURE__ */ t(
-        B,
-        {
-          buttonClassName: "text-xs sm:text-sm",
-          cellId: H,
-          align: "right",
-          sortDirection: r === H ? e : !1,
-          sortedCell: r,
-          onSort: f,
-          children: "Tokens"
-        }
-      )
-    ] }) : /* @__PURE__ */ g(L, { children: [
-      a ? /* @__PURE__ */ t(x, { className: "text-xs sm:text-sm", children: "Date" }) : /* @__PURE__ */ t(
-        B,
-        {
-          buttonClassName: "text-xs sm:text-sm",
-          cellId: _,
-          align: "left",
-          sortDirection: r === _ ? e : !1,
-          sortedCell: r,
-          onSort: f,
-          children: "Date"
-        }
-      ),
-      /* @__PURE__ */ t(x, { className: "text-xs sm:text-sm", children: "Summary" })
-    ] }),
-    /* @__PURE__ */ t(x, { align: "right", className: "text-xs sm:text-sm", children: "Actions" })
-  ] }) });
-};
-const ye = "av-pill", we = ({ variant: e }) => N("rounded-xs border", {
-  "border-border-information": e === "information",
-  "border-border-warning": e === "warning",
-  "border-border-success": e === "success",
-  "border-border-error": e === "error"
-}), Y = ({ variant: e }) => N("not-prose", {
-  "text-copy-information": e === "information",
-  "text-copy-warning": e === "warning",
-  "text-copy-success": e === "success",
-  "text-copy-error": e === "error"
-}), Ie = ({ variant: e }) => N({
-  "bg-surface-information": e === "information",
-  "bg-surface-warning": e === "warning",
-  "bg-surface-success": e === "success",
-  "bg-surface-error": e === "error"
-}), Ne = (e) => {
-  const { className: r, variant: s } = e;
-  return {
-    main: N(ye, "inline-flex items-center gap-1 px-2 py-0.5 text-xs", we({
-      variant: s
-    }), Y({
-      variant: s
-    }), Ie(e), r),
-    button: N("inline-flex items-center justify-center", "ml-1", "focus:outline", "focus:outline-1", "focus:outline-offset-1", "focus:outline-focus-dark", "hover:bg-surface-medium/50", "rounded-full", Y({
-      variant: s
-    }))
-  };
-}, W = ({ label: e, className: r, variant: s = "information", description: l, onClose: a }) => {
-  const [b, f] = q(!0), m = (p) => {
-    a && (a(p), p.defaultPrevented || f(!1));
-  };
-  if (!b)
-    return null;
-  const y = Ne({
-    className: r,
-    variant: s
-  });
-  return /* @__PURE__ */ g("div", {
-    role: "text",
-    className: y.main,
-    children: [
-      l && /* @__PURE__ */ t("span", {
-        className: "sr-only",
-        children: l
-      }),
-      /* @__PURE__ */ t("span", {
-        children: e
-      }),
-      a && /* @__PURE__ */ t("button", {
-        type: "button",
-        onClick: m,
-        className: y.button,
-        "aria-label": "Close",
-        children: /* @__PURE__ */ t(te, {
-          size: "size-3"
-        })
-      })
-    ]
-  });
-};
-function ke(e, r, s) {
-  return s && r > e ? `Showing ${U(`${e} chat`, e)} out of ${r}` : U(`${e} chat`, e);
-}
-const v = {
-  rowNumber: "dark:text-copy-medium",
-  summary: "dark:text-white sm:max-w-full text-xs sm:text-sm",
-  timestamp: "dark:text-copy-medium sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-  tokenUsage: "dark:text-copy-medium text-xs sm:text-sm"
-};
-function Ce({
-  item: e,
-  index: r,
-  onClickRestore: s,
-  onClickDelete: l,
-  showTokenUsage: a = !0,
-  isActive: b = !1
-}) {
-  const f = e.timestamp.split(",")[0], m = e.similarityScore !== void 0 && e.similarityScore !== null ? Math.round(e.similarityScore * 100) : null, y = m !== null && m < 40 ? "warning" : "success", p = e.keywordMatch === !0, c = /* @__PURE__ */ t(x, { className: N(v.summary), children: /* @__PURE__ */ g("div", { className: "flex flex-col gap-1", children: [
-    (m !== null || p) && /* @__PURE__ */ g("div", { className: "flex flex-wrap gap-1", children: [
-      m !== null && /* @__PURE__ */ t(
-        W,
-        {
-          variant: y,
-          label: `${m}% semantic`
-        }
-      ),
-      p && /* @__PURE__ */ t(W, { variant: "information", label: "keyword" })
-    ] }),
-    z() ? /* @__PURE__ */ t("span", { title: e.summary, children: e.summary }) : /* @__PURE__ */ t("span", { className: "truncate", title: e.summary, children: e.summary })
-  ] }) }), h = /* @__PURE__ */ t(x, { className: N(v.timestamp), children: f }), o = a ? /* @__PURE__ */ t(x, { align: "right", className: N(v.tokenUsage), children: e.tokenUsage ? ce.format(e.tokenUsage) : "0" }) : null, C = /* @__PURE__ */ t(x, { align: "center", borderLeft: !0, children: /* @__PURE__ */ g("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
-    /* @__PURE__ */ t(
-      ie,
-      {
-        label: "Restore chat",
-        placement: "top",
-        trigger: /* @__PURE__ */ t(
-          re,
-          {
-            noBorder: !0,
-            label: "Restore chat",
-            variant: "primary",
-            onClick: async () => {
-              await s(e);
-            },
-            children: /* @__PURE__ */ t(
-              ne,
-              {
-                size: "size-3",
-                monotone: !0,
-                className: "text-copy-success dark:text-copy-success-light"
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t(
-      Q,
-      {
-        label: "Delete chat",
-        disabled: !1,
-        onClick: () => {
-          l(e);
-        }
-      }
-    )
-  ] }) });
-  return /* @__PURE__ */ g(j, { active: b, children: [
-    /* @__PURE__ */ t(x, { className: N(v.rowNumber), children: r + 1 }),
-    a ? /* @__PURE__ */ g(L, { children: [
-      c,
-      h,
-      o
-    ] }) : /* @__PURE__ */ g(L, { children: [
-      h,
-      c
-    ] }),
-    C
-  ] });
-}
-const Ee = ({
-  filteredHistory: e,
-  sortDirection: r,
-  sortedCell: s,
-  onSortChange: l,
-  onClickRestore: a,
-  onClickDelete: b,
-  isLoading: f = !1,
-  totalHistoryCount: m,
-  isFiltered: y = !1,
-  isSearchActive: p = !1,
-  activeChatId: c
-}) => {
-  const h = z(), o = D(null), C = D(!1);
-  T(() => {
-    if (!c || C.current)
-      return;
-    const d = e.findIndex(
-      (w) => w.id === c
-    );
-    if (d !== -1) {
-      C.current = !0;
-      const w = setTimeout(() => {
-        o.current?.scrollToIndex(d);
-      }, 100);
-      return () => clearTimeout(w);
-    }
-  }, [c, e]), T(() => {
-    C.current = !1;
-  }, [c]);
-  const i = ke(
-    e.length,
-    m ?? e.length,
-    y
-  );
-  return /* @__PURE__ */ g(
-    ee,
-    {
-      columns: h ? ["auto", "auto", "1fr", "0.4fr"] : [
-        "auto",
-        "minmax(10px, 1fr)",
-        "0.3fr",
-        "0.3fr",
-        "0.3fr"
-      ],
-      loading: f && e.length > 0,
-      children: [
-        /* @__PURE__ */ t(
-          be,
-          {
-            sortDirection: r,
-            sortedCell: s,
-            onSortChange: l,
-            caption: i,
-            isSearchActive: p,
-            showTokenUsage: !h
-          }
-        ),
-        f && e.length === 0 ? /* @__PURE__ */ t("div", { className: "p-4 text-center", role: "status", "aria-live": "polite", children: "Loading..." }) : /* @__PURE__ */ t(
-          ge,
-          {
-            ref: o,
-            data: e.filter((d) => d?.summary),
-            batchSize: me,
-            threshold: ue,
-            children: (d, w) => /* @__PURE__ */ t(
-              Ce,
-              {
-                item: d,
-                index: w,
-                onClickRestore: a,
-                onClickDelete: b,
-                showTokenUsage: !h,
-                isActive: c === d.id
-              },
-              `${se.HISTORY.TITLE}-${d.id}-${w}`
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  Ee as HistoryDataGrid
-};