@versini/sassysaint 8.118.0 → 8.118.2

package/dist/chunks/{ChatHistoryTable.DIT1MlOO.js → ChatHistoryTable.BvYdhMqi.js}

@@ -1,54 +1,54 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { y as w, V as y, INFINITE_SCROLL_THRESHOLD as Y } from "./index.BrfxZy3k.js";
-import { IconCloseLight as K, CARDS as V, ButtonIcon as R, IconRestore as W, IconStarInCircle as G, IconStarInCircleLight as H } from "./LogoEntry.uN5foS5i.js";
+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.BkOYiDfc.js";
+import { IconCloseLight as K, CARDS as V, ButtonIcon as R, IconRestore as W, IconStarInCircle as G, IconStarInCircleLight as H } from "./LogoEntry.rzjFIdbv.js";
 import { useState as j, useRef as k, useEffect as O, Fragment as F } from "react";
-import c from "clsx";
-import { Table as q, TableHead as J, TableRow as S, TableBody as Q, TableCell as l, TableCellSort as E, ButtonIconDelete as X } from "./ButtonIconDelete.UIDZwKOu.js";
-import { pluralize as v, ResponsiveTooltip as I, numberFormatter as Z, isProbablyMobile as ee } from "./App.MBikKP52.js";
-const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
+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.BMSba-RX.js";
+import { pluralize as E, ResponsiveTooltip as I, numberFormatter as Z, isProbablyMobile as ee } from "./App.CeXH-zPe.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 }) => c("not-prose", {
+}), 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 }) => c({
+}), se = ({ variant: t }) => a({
   "bg-surface-information": t === "information",
   "bg-surface-warning": t === "warning",
   "bg-surface-success": t === "success",
   "bg-surface-error": t === "error"
-}), oe = (t) => {
-  const { className: a, variant: n } = t;
+}), le = (t) => {
+  const { className: c, variant: n } = t;
   return {
-    main: c(re, "inline-flex items-center gap-1 px-2 py-0.5 text-xs", te({
+    main: a(re, "inline-flex items-center gap-1 px-2 py-0.5 text-xs", te({
       variant: n
     }), P({
       variant: n
-    }), se(t), a),
-    button: c("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({
+    }), 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: a, variant: n = "information", description: m, onClose: d }) => {
-  const [p, g] = j(!0), C = (x) => {
-    d && (d(x), x.defaultPrevented || g(!1));
+}, 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 (!p)
+  if (!b)
     return null;
-  const f = oe({
-    className: a,
+  const f = le({
+    className: c,
     variant: n
   });
-  return /* @__PURE__ */ u("div", {
+  return /* @__PURE__ */ m("div", {
     role: "text",
     className: f.main,
     children: [
-      m && /* @__PURE__ */ e("span", {
+      u && /* @__PURE__ */ e("span", {
         className: "sr-only",
-        children: m
+        children: u
       }),
       /* @__PURE__ */ e("span", {
         children: t
@@ -64,43 +64,43 @@ const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
       })
     ]
   });
-}, o = {
+}, l = {
   ROW: "row",
   TIMESTAMP: w,
   SUMMARY: "summary",
   TOKEN_USAGE: y,
   ACTIONS: "actions"
-}, le = [
-  o.ROW,
-  o.TIMESTAMP,
-  o.SUMMARY,
-  o.ACTIONS
+}, oe = [
+  l.ROW,
+  l.TIMESTAMP,
+  l.SUMMARY,
+  l.ACTIONS
 ], ne = [
-  o.ROW,
-  o.SUMMARY,
-  o.TIMESTAMP,
-  o.TOKEN_USAGE,
-  o.ACTIONS
-], he = ({
+  l.ROW,
+  l.SUMMARY,
+  l.TIMESTAMP,
+  l.TOKEN_USAGE,
+  l.ACTIONS
+], xe = ({
   filteredHistory: t,
-  historyState: a,
+  historyState: c,
   lastEntryToLoad: n,
-  onClickSort: m,
+  onClickSort: u,
   onClickRestore: d,
-  onClickDelete: p,
+  onClickDelete: b,
   onClickFavorite: g,
   infinityScrollMarkerRef: C,
   isLoading: f = !1,
-  totalHistoryCount: x,
+  totalHistoryCount: h,
   isFiltered: D = !1,
   isSearchActive: M = !1,
-  activeChatId: h
+  activeChatId: x
 }) => {
   const L = ee(), T = k(null), N = k(!1);
   O(() => {
     N.current = !1;
-  }, [h]), O(() => {
-    if (h && T.current && !N.current) {
+  }, [x]), O(() => {
+    if (x && T.current && !N.current) {
       N.current = !0;
       const r = setTimeout(() => {
         T.current?.scrollIntoView({
@@ -110,61 +110,61 @@ const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
       }, 100);
       return () => clearTimeout(r);
     }
-  }, [h, n]);
-  const A = L ? le : ne, B = (r) => {
+  }, [x, n]);
+  const A = L ? oe : ne, B = (r) => {
     switch (r) {
-      case o.ROW:
-        return /* @__PURE__ */ e(l, { className: "sr-only", children: "Row" }, r);
-      case o.TIMESTAMP:
-        return M ? /* @__PURE__ */ e(l, { className: "text-xs sm:text-sm", children: "Date" }, r) : /* @__PURE__ */ e(
-          E,
+      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: a.sortDirection,
-            sortedCell: a.sortedCell,
+            sortDirection: c.sortDirection,
+            sortedCell: c.sortedCell,
             onClick: () => {
-              m(w);
+              u(w);
             },
             children: "Date"
           },
           r
         );
-      case o.SUMMARY:
-        return /* @__PURE__ */ e(l, { className: "text-xs sm:text-sm", children: "Summary" }, r);
-      case o.TOKEN_USAGE:
-        return M ? /* @__PURE__ */ e(l, { className: "text-xs sm:text-sm text-right", children: "Tokens" }, r) : /* @__PURE__ */ e(
-          E,
+      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: a.sortDirection,
-            sortedCell: a.sortedCell,
+            sortDirection: c.sortDirection,
+            sortedCell: c.sortedCell,
             onClick: () => {
-              m(y);
+              u(y);
             },
             children: "Tokens"
           },
           r
         );
-      case o.ACTIONS:
-        return /* @__PURE__ */ e(l, { className: "text-xs sm:text-sm text-right", children: "Actions" }, 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, b) => {
+  }, z = (r, s, p) => {
     switch (r) {
-      case o.ROW:
-        return /* @__PURE__ */ e(l, { children: b + 1 }, r);
-      case o.TIMESTAMP:
+      case l.ROW:
+        return /* @__PURE__ */ e(o, { children: p + 1 }, r);
+      case l.TIMESTAMP:
         return /* @__PURE__ */ e(
-          l,
+          o,
           {
-            className: c(
+            className: a(
               "dark:text-copy-medium",
               "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
             ),
@@ -172,20 +172,20 @@ const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
           },
           r
         );
-      case o.SUMMARY: {
+      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(
-          l,
+          o,
           {
-            className: c(
+            className: a(
               "dark:text-white",
               "max-w-25 sm:max-w-full text-xs sm:text-sm"
             ),
             style: {
               wordBreak: "break-word"
             },
-            children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ u("div", { className: "flex flex-wrap gap-1", children: [
+            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,
                   {
@@ -201,22 +201,22 @@ const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
           r
         );
       }
-      case o.TOKEN_USAGE:
+      case l.TOKEN_USAGE:
         return /* @__PURE__ */ e(
-          l,
+          o,
           {
-            className: c("dark:text-copy-medium", "text-xs sm:text-sm"),
+            className: a("dark:text-copy-medium", "text-xs sm:text-sm"),
             align: "right",
             children: s.tokenUsage ? Z.format(s.tokenUsage) : "0"
           },
           r
         );
-      case o.ACTIONS:
+      case l.ACTIONS:
         return /* @__PURE__ */ e(
-          l,
+          o,
           {
             className: "border-l border-table-light dark:border-table-dark",
-            children: /* @__PURE__ */ u("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
+            children: /* @__PURE__ */ m("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
               /* @__PURE__ */ e(
                 I,
                 {
@@ -268,7 +268,7 @@ const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
                   label: "Delete chat",
                   disabled: !1,
                   onClick: () => {
-                    p(s);
+                    b(s);
                   }
                 }
               )
@@ -280,28 +280,32 @@ const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
         return null;
     }
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     q,
     {
       stickyHeader: !0,
       compact: !0,
       mode: "alt-system",
       caption: (() => {
-        const r = t.length, s = x ?? r;
-        return D && s > r ? `Showing ${v(`${r} chat`, r)} out of ${s}` : v(`${r} chat`, r);
+        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(l, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: "Loading..." }) }) }) : t.slice(0, n).map((r, s) => {
-          const b = h === r.id;
-          return r?.summary ? /* @__PURE__ */ u(F, { children: [
+        /* @__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: b ? T : void 0,
-                active: b,
+                ref: p ? T : void 0,
+                active: p,
                 children: A.map(
                   (i) => z(i, r, s)
                 )
@@ -314,5 +318,5 @@ const re = "av-pill", te = ({ variant: t }) => c("rounded-xs border", {
   );
 };
 export {
-  he as ChatHistoryTable
+  xe as ChatHistoryTable
 };