@versini/sassysaint 8.115.1 → 8.116.0

package/dist/chunks/{ChatHistoryTable.CPGJDP3u.js → ChatHistoryTable.DbqjD59m.js}

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