@versini/sassysaint 8.118.3 → 8.119.0

package/dist/chunks/ButtonIconDelete.c_Sj_7Q4.js

@@ -1,326 +0,0 @@
-import { jsx as l, jsxs as k, Fragment as w } from "react/jsx-runtime";
-import i from "clsx";
-import { ButtonIcon as _, TableCellSortDirections as f, IconSortUp as N, IconSortDown as T, IconSort as W, IconDelete as E } from "./LogoEntry.cAcKJnnq.js";
-import u, { useContext as m } from "react";
-import { ResponsiveTooltip as R } from "./App.b-02jOnK.js";
-function S({ children: e, mode: t = "system", className: r, active: a = !1, ref: s, ...n }) {
-  const o = a ? i("relative", "focus-within:static", "focus-within:after:border-transparent", "after:absolute", "after:content-['']", "after:border-b-2", "after:-bottom-1", "after:left-0", "after:right-0", {
-    "after:border-table-light": t === "dark",
-    "after:border-table-dark": t === "light",
-    "after:border-table-light dark:after:border-table-dark": t === "system",
-    "after:border-table-dark dark:after:border-table-light": t === "alt-system"
-  }) : "";
-  return /* @__PURE__ */ l("div", {
-    className: o,
-    children: /* @__PURE__ */ l(_, {
-      className: r,
-      ref: s,
-      mode: t,
-      radius: "small",
-      size: "small",
-      align: "center",
-      ...n,
-      children: e
-    })
-  });
-}
-const p = u.createContext({
-  mode: "light",
-  cellWrapper: "thead",
-  stickyHeader: !1,
-  stickyFooter: !1,
-  compact: !1
-});
-const v = "thead", C = "tfoot", x = "tbody", z = ({ mode: e }) => i("size-8", "align-[-0.125em]", "border-4", "inline-block animate-spin rounded-full border-solid border-current border-r-transparent motion-reduce:animate-[spin_1.5s_linear_infinite]", {
-  "text-copy-dark": e === "light",
-  "text-copy-light": e === "dark",
-  "text-copy-dark dark:text-copy-light": e === "alt-system",
-  "text-copy-light dark:text-copy-dark": e === "system"
-}), B = ({ mode: e }) => ({
-  inner: "relative",
-  overlay: i("absolute inset-0 z-20 cursor-not-allowed", "backdrop-blur-xs bg-white/30 dark:bg-black/30"),
-  spinnerWrapper: i("absolute z-30 top-0 left-0 right-0 h-[min(100%,100vh)]", "flex items-center justify-center", "pointer-events-none"),
-  spinner: z({
-    mode: e
-  })
-}), L = ({ mode: e, className: t, wrapperClassName: r, stickyHeader: a, stickyFooter: s, disabled: n }) => {
-  const o = n ? B({
-    mode: e
-  }) : null;
-  return {
-    overlay: o?.overlay ?? "",
-    inner: o?.inner ?? "",
-    spinnerWrapper: o?.spinnerWrapper ?? "",
-    spinner: o?.spinner ?? "",
-    wrapper: i("not-prose relative w-full rounded-lg shadow-md", {
-      "overflow-x-auto": !a && !s && !n,
-      "overflow-y-scroll": (a || s) && !n,
-      "overflow-hidden": n,
-      "bg-surface-darker": e === "dark" || e === "system",
-      "bg-surface-light": e === "light" || e === "alt-system",
-      "dark:bg-surface-light": e === "system",
-      "dark:bg-surface-darker": e === "alt-system",
-      "text-copy-light": e === "dark",
-      "text-copy-dark": e === "light",
-      "text-copy-light dark:text-copy-dark": e === "system",
-      "text-copy-dark dark:text-copy-light": e === "alt-system"
-    }, r),
-    table: i("my-0 w-full text-left text-sm", t, {
-      "text-copy-light": e === "dark",
-      "text-copy-dark": e === "light",
-      "text-copy-light dark:text-copy-dark": e === "system",
-      "text-copy-dark dark:text-copy-light": e === "alt-system"
-    }),
-    caption: i("py-2 text-sm font-bold", {
-      "text-copy-light": e === "dark",
-      "text-copy-dark": e === "light",
-      "text-copy-light dark:text-copy-dark": e === "system",
-      "text-copy-dark dark:text-copy-light": e === "alt-system"
-    })
-  };
-}, j = ({ className: e, stickyHeader: t, mode: r }) => i({
-  "sticky top-0 z-10": t,
-  "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "dark",
-  "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": t && r === "system",
-  "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": t && r === "light",
-  "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "alt-system"
-}, e), A = ({ mode: e, className: t, cellWrapper: r }) => r === v || r === C ? i({
-  "bg-table-head-dark": e === "dark" || e === "system",
-  "bg-table-head-light": e === "light" || e === "alt-system",
-  "dark:bg-table-head-light": e === "system",
-  "dark:bg-table-head-dark": e === "alt-system"
-}, t) : i("border-b last:border-0", {
-  "border-table-dark": e === "dark" || e === "system",
-  "border-table-light": e === "light" || e === "alt-system",
-  "dark:border-table-light": e === "system",
-  "dark:border-table-dark": e === "alt-system",
-  "odd:bg-table-dark-odd even:bg-table-dark-even": e === "dark",
-  "hover:bg-table-dark-hover": e === "dark",
-  "odd:bg-table-light-odd even:bg-table-light-even": e === "light",
-  "hover:bg-table-light-hover": e === "light",
-  "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": e === "system",
-  "hover:bg-table-dark-hover dark:hover:bg-table-light-hover": e === "system",
-  "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": e === "alt-system",
-  "hover:bg-table-light-hover dark:hover:bg-table-dark-hover": e === "alt-system"
-}, t), D = ({ cellWrapper: e, className: t, compact: r, mode: a, align: s, active: n = !1 }) => ({
-  alignClasses: i({
-    "flex justify-start text-left": s === "left",
-    "flex justify-center text-center": s === "center",
-    "flex justify-end text-right": s === "right"
-  }),
-  mainClasses: i({
-    "text-copy-light": a === "dark" || a === "system",
-    "text-copy-dark": a === "light" || a === "alt-system",
-    "dark:text-copy-dark": a === "system",
-    "dark:text-copy-light": a === "alt-system",
-    "px-4 py-3": !r && (e === v || e === C),
-    "p-4": !r && e === x,
-    "px-2 py-1.5": r,
-    /**
-    * Active state - left border indicator on first cell using pseudo-element
-    * Inset slightly from top/bottom to avoid overlapping row borders.
-    */
-    "relative before:absolute before:left-0 before:top-0 before:bottom-0 before:w-1": n,
-    "before:bg-table-active-dark": n && a === "dark",
-    "before:bg-table-active-light": n && a === "light",
-    "before:bg-table-active-dark dark:before:bg-table-active-light": n && a === "system",
-    "before:bg-table-active-light dark:before:bg-table-active-dark": n && a === "alt-system"
-  }, t)
-}), P = ({ buttonClassName: e }) => i("rounded-none text-sm", e);
-const Y = ({ children: e, mode: t = "system", caption: r, compact: a, disabled: s = !1, summary: n, className: o, wrapperClassName: d, maxHeight: c, stickyHeader: g, stickyFooter: h, ...y }) => {
-  const b = L({
-    mode: t,
-    className: o,
-    wrapperClassName: d,
-    stickyHeader: g,
-    stickyFooter: h,
-    disabled: s
-  });
-  return /* @__PURE__ */ l(p.Provider, {
-    value: {
-      mode: t,
-      stickyHeader: g,
-      stickyFooter: h,
-      compact: a
-    },
-    children: /* @__PURE__ */ l("div", {
-      className: b.wrapper,
-      ...c && {
-        style: {
-          maxHeight: c
-        }
-      },
-      children: s ? /* @__PURE__ */ k(w, {
-        children: [
-          /* @__PURE__ */ l("div", {
-            className: b.spinnerWrapper,
-            children: /* @__PURE__ */ l("div", {
-              className: b.spinner,
-              role: "status",
-              children: /* @__PURE__ */ l("span", {
-                className: "sr-only",
-                children: "Loading..."
-              })
-            })
-          }),
-          /* @__PURE__ */ k("div", {
-            className: b.inner,
-            children: [
-              /* @__PURE__ */ l("div", {
-                className: b.overlay
-              }),
-              /* @__PURE__ */ k("table", {
-                className: b.table,
-                summary: n,
-                ...s && {
-                  "aria-disabled": "true"
-                },
-                ...y,
-                children: [
-                  r && /* @__PURE__ */ l("caption", {
-                    className: b.caption,
-                    children: r
-                  }),
-                  e
-                ]
-              })
-            ]
-          })
-        ]
-      }) : /* @__PURE__ */ k("table", {
-        className: b.table,
-        summary: n,
-        ...y,
-        children: [
-          r && /* @__PURE__ */ l("caption", {
-            className: b.caption,
-            children: r
-          }),
-          e
-        ]
-      })
-    })
-  });
-}, q = ({ children: e, className: t, ...r }) => {
-  const a = m(p);
-  a.cellWrapper = v;
-  const s = j({
-    className: t,
-    mode: a.mode,
-    stickyHeader: a.stickyHeader
-  });
-  return /* @__PURE__ */ l("thead", {
-    className: s,
-    ...r,
-    children: e
-  });
-}, G = ({ children: e, ...t }) => {
-  const r = m(p);
-  return r.cellWrapper = x, /* @__PURE__ */ l("tbody", {
-    ...t,
-    children: e
-  });
-}, H = ({ children: e, className: t, active: r = !1, ...a }) => {
-  const s = m(p), n = A({
-    mode: s.mode,
-    cellWrapper: s.cellWrapper,
-    className: t
-  }), o = r && s.cellWrapper === x ? u.Children.map(e, (d, c) => c === 0 && /* @__PURE__ */ u.isValidElement(d) ? /* @__PURE__ */ u.cloneElement(d, {
-    _active: !0
-  }) : d) : e;
-  return /* @__PURE__ */ l("tr", {
-    className: n,
-    ...a,
-    children: o
-  });
-}, O = ({ children: e, component: t, className: r, align: a, _active: s, ...n }) => {
-  const o = m(p), d = t || (o.cellWrapper === v ? "th" : "td"), { mainClasses: c, alignClasses: g } = D({
-    cellWrapper: o.cellWrapper,
-    className: r,
-    mode: o.mode,
-    compact: o.compact,
-    align: a,
-    active: s
-  });
-  return a ? /* @__PURE__ */ l(d, {
-    className: c,
-    ...n,
-    children: /* @__PURE__ */ l("div", {
-      className: g,
-      children: e
-    })
-  }) : /* @__PURE__ */ l(d, {
-    className: c,
-    ...n,
-    children: e
-  });
-}, J = ({ align: e, children: t, buttonClassName: r, className: a, component: s, focusMode: n = "alt-system", mode: o = "alt-system", onClick: d, sortDirection: c, sortedCell: g, cellId: h, ...y }) => {
-  const b = P({
-    buttonClassName: r
-  });
-  return /* @__PURE__ */ l(O, {
-    component: s,
-    className: a,
-    role: "columnheader",
-    "aria-sort": c === f.ASC && g === h ? "ascending" : c === f.DESC && g === h ? "descending" : "other",
-    ...y,
-    children: /* @__PURE__ */ l(S, {
-      active: g === h,
-      className: b,
-      onClick: d,
-      align: e,
-      noBorder: !0,
-      focusMode: n,
-      mode: o,
-      fullWidth: !0,
-      labelRight: t,
-      children: c === f.ASC && g === h ? /* @__PURE__ */ l(N, {
-        className: "size-4",
-        monotone: !0
-      }) : c === f.DESC && g === h ? /* @__PURE__ */ l(T, {
-        className: "size-4",
-        monotone: !0
-      }) : /* @__PURE__ */ l(W, {
-        className: "size-4",
-        monotone: !0
-      })
-    })
-  });
-}, K = ({
-  label: e,
-  disabled: t,
-  onClick: r
-}) => /* @__PURE__ */ l(
-  R,
-  {
-    label: e,
-    placement: "top",
-    trigger: /* @__PURE__ */ l(
-      _,
-      {
-        noBorder: !0,
-        variant: "primary",
-        label: e,
-        disabled: t,
-        onClick: r,
-        children: /* @__PURE__ */ l(
-          E,
-          {
-            size: "size-3",
-            monotone: !0,
-            className: "text-copy-error-dark dark:text-copy-error-light"
-          }
-        )
-      }
-    )
-  }
-);
-export {
-  K as ButtonIconDelete,
-  Y as Table,
-  G as TableBody,
-  O as TableCell,
-  J as TableCellSort,
-  q as TableHead,
-  H as TableRow
-};

package/dist/chunks/ChatHistoryTable.6lV7mI6Q.js

@@ -1,322 +0,0 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { y as w, V as y, INFINITE_SCROLL_THRESHOLD as Y } from "./index.CK-6GwI_.js";
-import { IconCloseLight as K, CARDS as V, ButtonIcon as R, IconRestore as W, IconStarInCircle as G, IconStarInCircleLight as H } from "./LogoEntry.cAcKJnnq.js";
-import { useState as j, useRef as k, useEffect as O, Fragment as F } from "react";
-import a from "clsx";
-import { Table as q, TableHead as J, TableRow as S, TableBody as Q, TableCell as o, TableCellSort as v, ButtonIconDelete as X } from "./ButtonIconDelete.c_Sj_7Q4.js";
-import { pluralize as E, ResponsiveTooltip as I, numberFormatter as Z, isProbablyMobile as ee } from "./App.b-02jOnK.js";
-const re = "av-pill", te = ({ variant: t }) => a("rounded-xs border", {
-  "border-border-information": t === "information",
-  "border-border-warning": t === "warning",
-  "border-border-success": t === "success",
-  "border-border-error": t === "error"
-}), P = ({ variant: t }) => a("not-prose", {
-  "text-copy-information": t === "information",
-  "text-copy-warning": t === "warning",
-  "text-copy-success": t === "success",
-  "text-copy-error": t === "error"
-}), se = ({ variant: t }) => a({
-  "bg-surface-information": t === "information",
-  "bg-surface-warning": t === "warning",
-  "bg-surface-success": t === "success",
-  "bg-surface-error": t === "error"
-}), le = (t) => {
-  const { className: c, variant: n } = t;
-  return {
-    main: a(re, "inline-flex items-center gap-1 px-2 py-0.5 text-xs", te({
-      variant: n
-    }), P({
-      variant: n
-    }), se(t), c),
-    button: a("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", P({
-      variant: n
-    }))
-  };
-}, U = ({ label: t, className: c, variant: n = "information", description: u, onClose: d }) => {
-  const [b, g] = j(!0), C = (h) => {
-    d && (d(h), h.defaultPrevented || g(!1));
-  };
-  if (!b)
-    return null;
-  const f = le({
-    className: c,
-    variant: n
-  });
-  return /* @__PURE__ */ m("div", {
-    role: "text",
-    className: f.main,
-    children: [
-      u && /* @__PURE__ */ e("span", {
-        className: "sr-only",
-        children: u
-      }),
-      /* @__PURE__ */ e("span", {
-        children: t
-      }),
-      d && /* @__PURE__ */ e("button", {
-        type: "button",
-        onClick: C,
-        className: f.button,
-        "aria-label": "Close",
-        children: /* @__PURE__ */ e(K, {
-          size: "size-3"
-        })
-      })
-    ]
-  });
-}, l = {
-  ROW: "row",
-  TIMESTAMP: w,
-  SUMMARY: "summary",
-  TOKEN_USAGE: y,
-  ACTIONS: "actions"
-}, oe = [
-  l.ROW,
-  l.TIMESTAMP,
-  l.SUMMARY,
-  l.ACTIONS
-], ne = [
-  l.ROW,
-  l.SUMMARY,
-  l.TIMESTAMP,
-  l.TOKEN_USAGE,
-  l.ACTIONS
-], xe = ({
-  filteredHistory: t,
-  historyState: c,
-  lastEntryToLoad: n,
-  onClickSort: u,
-  onClickRestore: d,
-  onClickDelete: b,
-  onClickFavorite: g,
-  infinityScrollMarkerRef: C,
-  isLoading: f = !1,
-  totalHistoryCount: h,
-  isFiltered: D = !1,
-  isSearchActive: M = !1,
-  activeChatId: x
-}) => {
-  const L = ee(), T = k(null), N = k(!1);
-  O(() => {
-    N.current = !1;
-  }, [x]), O(() => {
-    if (x && T.current && !N.current) {
-      N.current = !0;
-      const r = setTimeout(() => {
-        T.current?.scrollIntoView({
-          behavior: "smooth",
-          block: "center"
-        });
-      }, 100);
-      return () => clearTimeout(r);
-    }
-  }, [x, n]);
-  const A = L ? oe : ne, B = (r) => {
-    switch (r) {
-      case l.ROW:
-        return /* @__PURE__ */ e(o, { className: "sr-only", children: "Row" }, r);
-      case l.TIMESTAMP:
-        return M ? /* @__PURE__ */ e(o, { className: "text-xs sm:text-sm", children: "Date" }, r) : /* @__PURE__ */ e(
-          v,
-          {
-            focusMode: "system",
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: w,
-            align: "left",
-            sortDirection: c.sortDirection,
-            sortedCell: c.sortedCell,
-            onClick: () => {
-              u(w);
-            },
-            children: "Date"
-          },
-          r
-        );
-      case l.SUMMARY:
-        return /* @__PURE__ */ e(o, { className: "text-xs sm:text-sm", children: "Summary" }, r);
-      case l.TOKEN_USAGE:
-        return M ? /* @__PURE__ */ e(o, { className: "text-xs sm:text-sm text-right", children: "Tokens" }, r) : /* @__PURE__ */ e(
-          v,
-          {
-            focusMode: "system",
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: y,
-            align: "right",
-            sortDirection: c.sortDirection,
-            sortedCell: c.sortedCell,
-            onClick: () => {
-              u(y);
-            },
-            children: "Tokens"
-          },
-          r
-        );
-      case l.ACTIONS:
-        return /* @__PURE__ */ e(o, { className: "text-xs sm:text-sm text-right", children: "Actions" }, r);
-      default:
-        return null;
-    }
-  }, z = (r, s, p) => {
-    switch (r) {
-      case l.ROW:
-        return /* @__PURE__ */ e(o, { children: p + 1 }, r);
-      case l.TIMESTAMP:
-        return /* @__PURE__ */ e(
-          o,
-          {
-            className: a(
-              "dark:text-copy-medium",
-              "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
-            ),
-            children: s.timestamp.split(",")[0]
-          },
-          r
-        );
-      case l.SUMMARY: {
-        const i = s.similarityScore !== void 0 && s.similarityScore !== null ? Math.round(s.similarityScore * 100) : null, _ = i !== null && i < 40 ? "warning" : "success", $ = s.keywordMatch === !0;
-        return /* @__PURE__ */ e(
-          o,
-          {
-            className: a(
-              "dark:text-white",
-              "max-w-25 sm:max-w-full text-xs sm:text-sm"
-            ),
-            style: {
-              wordBreak: "break-word"
-            },
-            children: /* @__PURE__ */ m("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ m("div", { className: "flex flex-wrap gap-1", children: [
-                i !== null && /* @__PURE__ */ e(
-                  U,
-                  {
-                    variant: _,
-                    label: `${i}% semantic`
-                  }
-                ),
-                $ && /* @__PURE__ */ e(U, { variant: "information", label: "keyword" })
-              ] }),
-              /* @__PURE__ */ e("span", { children: s.summary })
-            ] })
-          },
-          r
-        );
-      }
-      case l.TOKEN_USAGE:
-        return /* @__PURE__ */ e(
-          o,
-          {
-            className: a("dark:text-copy-medium", "text-xs sm:text-sm"),
-            align: "right",
-            children: s.tokenUsage ? Z.format(s.tokenUsage) : "0"
-          },
-          r
-        );
-      case l.ACTIONS:
-        return /* @__PURE__ */ e(
-          o,
-          {
-            className: "border-l border-table-light dark:border-table-dark",
-            children: /* @__PURE__ */ m("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
-              /* @__PURE__ */ e(
-                I,
-                {
-                  label: "Restore chat",
-                  placement: "top",
-                  trigger: /* @__PURE__ */ e(
-                    R,
-                    {
-                      noBorder: !0,
-                      label: "Restore chat",
-                      variant: "primary",
-                      onClick: async () => {
-                        await d(s);
-                      },
-                      children: /* @__PURE__ */ e(
-                        W,
-                        {
-                          size: "size-3",
-                          monotone: !0,
-                          className: "text-copy-success dark:text-copy-success-light"
-                        }
-                      )
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(
-                I,
-                {
-                  label: s.favoriteChat ? "Remove from favorites" : "Add to favorites",
-                  placement: "top",
-                  trigger: /* @__PURE__ */ e(
-                    R,
-                    {
-                      noBorder: !0,
-                      label: s.favoriteChat ? "Remove from favorites" : "Add to favorites",
-                      variant: "primary",
-                      onClick: async () => {
-                        await g(s);
-                      },
-                      children: s.favoriteChat ? /* @__PURE__ */ e(G, { size: "size-4", monotone: !0 }) : /* @__PURE__ */ e(H, { size: "size-4", monotone: !0 })
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(
-                X,
-                {
-                  label: "Delete chat",
-                  disabled: !1,
-                  onClick: () => {
-                    b(s);
-                  }
-                }
-              )
-            ] })
-          },
-          r
-        );
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ m(
-    q,
-    {
-      stickyHeader: !0,
-      compact: !0,
-      mode: "alt-system",
-      caption: (() => {
-        const r = t.length, s = h ?? r;
-        return D && s > r ? `Showing ${E(`${r} chat`, r)} out of ${s}` : E(`${r} chat`, r);
-      })(),
-      wrapperClassName: a(
-        "max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]",
-        "sm:max-h-[clamp(12rem,calc(100dvh-24rem),60dvh)]"
-      ),
-      disabled: f && t.length > 0,
-      children: [
-        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(S, { children: A.map((r) => B(r)) }) }),
-        /* @__PURE__ */ e(Q, { children: f && t.length === 0 ? /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(o, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: "Loading..." }) }) }) : t.slice(0, n).map((r, s) => {
-          const p = x === r.id;
-          return r?.summary ? /* @__PURE__ */ m(F, { children: [
-            s === n - Y && /* @__PURE__ */ e("tr", { ref: C }),
-            /* @__PURE__ */ e(
-              S,
-              {
-                ref: p ? T : void 0,
-                active: p,
-                children: A.map(
-                  (i) => z(i, r, s)
-                )
-              }
-            )
-          ] }, `${V.HISTORY.TITLE}-${r.id}-${s}`) : null;
-        }) })
-      ]
-    }
-  );
-};
-export {
-  xe as ChatHistoryTable
-};