@versini/sassysaint 8.76.0 → 8.77.0

package/dist/chunks/{Chart.DD1RkG8X.js → Chart.bKur3H71.js}

@@ -1,7 +1,7 @@
 import { jsx as Ap } from "react/jsx-runtime";
-import { getDefaultExportFromCjs as ln } from "./App.CtFpHv2O.js";
+import { getDefaultExportFromCjs as ln } from "./App.CusyBC2e.js";
 import Cp, { useState as Pp, useEffect as Op } from "react";
-import { TRIMESTERS as rn, TRIMESTERS_SHORT as Lp, isProbablyMobile as Ep } from "./index.Czv_1MTM.js";
+import { TRIMESTERS as rn, TRIMESTERS_SHORT as Lp, isProbablyMobile as Ep } from "./index.BcYESdDV.js";
 var ls = { exports: {} }, Ip = ls.exports, on;
 function Dp() {
   return on || (on = 1, (function(we, he) {

package/dist/chunks/{ChatBubbleAssistant.K55U7Bno.js → ChatBubbleAssistant.CEZZn7AD.js}

@@ -1,25 +1,25 @@
-import { jsx as g } from "react/jsx-runtime";
-import { n as P, useUserPreferences as R, convertCamelCaseToReadable as y, numberFormatter as L, pluralize as _, J as v } from "./index.Czv_1MTM.js";
-import { BUBBLE_FOOTER_EMPTY as B } from "./index.icjUE8II.js";
+import { jsx as x } from "react/jsx-runtime";
+import { n as P, useUserPreferences as R, convertCamelCaseToReadable as y, numberFormatter as L, pluralize as _, J as v } from "./index.BcYESdDV.js";
+import { BUBBLE_FOOTER_EMPTY as B } from "./index.bx7cnejn.js";
 import U from "clsx";
 import G, { useState as M, useRef as E, useEffect as F, useContext as S } from "react";
-import { ChatContext as D, AppContext as j, AsyncBubble as k } from "./App.CtFpHv2O.js";
-import { useMarkdown as q } from "./useMarkdown.Bf7wGKkC.js";
-const I = 2, W = I * 1e3, b = "", $ = (e) => e * (2 - e);
-function V(e, n = !0) {
-  const [a, d] = M(0), [c, p] = M(0), [t, C] = M(e), r = E(0), s = E(0);
+import { ChatContext as D, AppContext as j, AsyncBubble as k } from "./App.CusyBC2e.js";
+import { useMarkdown as q } from "./useMarkdown.KipSXqDZ.js";
+const I = 2, W = I * 1e3, b = "", V = (e) => e * (2 - e);
+function Y(e, n = !0) {
+  const [a, d] = M(0), [i, p] = M(0), [t, C] = M(e), r = E(0), s = E(0);
   return t !== e && (C(e), p(e.startsWith(t) ? a : 0)), F(() => {
     if (!n)
       return;
-    const T = e.split(b).length, i = (o) => {
+    const g = e.split(b).length, c = (o) => {
       s.current || (s.current = o);
-      const u = o - s.current, l = Math.min(u / W, 1), h = $(l), x = c + (T - c) * h;
-      d(Math.floor(x)), l < 1 && (r.current = requestAnimationFrame(i));
+      const u = o - s.current, l = Math.min(u / W, 1), h = V(l), T = i + (g - i) * h;
+      d(Math.floor(T)), l < 1 && (r.current = requestAnimationFrame(c));
     };
-    return s.current = 0, r.current = requestAnimationFrame(i), () => {
+    return s.current = 0, r.current = requestAnimationFrame(c), () => {
       r.current && cancelAnimationFrame(r.current);
     };
-  }, [c, e, n]), n ? e.split(b).slice(0, a).join(b) : e;
+  }, [i, e, n]), n ? e.split(b).slice(0, a).join(b) : e;
 }
 const f = {
   MODEL: "Model",
@@ -31,37 +31,39 @@ const f = {
     annotations: n,
     toolName: a,
     role: d,
-    smooth: c = !1,
+    smooth: i = !1,
     isLastAssistantMessage: p = !1
   }) => {
-    const t = V(e, c), {
+    const t = Y(e, i), {
       state: { streaming: C, restoredModel: r, tokenUsage: s }
     } = S(D), {
-      state: { fullScreen: T }
-    } = S(j), i = n?.model || r, o = s, [u, l] = q(), { user: h, getAccessToken: x } = P(), { data: N } = R({
+      state: { fullScreen: g }
+    } = S(j), c = n?.model || r, o = s, [u, l] = q(), { user: h, getAccessToken: T } = P(), { data: N } = R({
       user: h?.username,
-      getAccessToken: x
+      getAccessToken: T
     }), O = N?.showDetails || !1, A = U("prose-li:ps-3", {
-      "max-w-xs sm:max-w-3xl": !T
+      "max-w-xs sm:max-w-3xl": !g
     });
     let m;
     return O && (m = {
-      [f.MODEL]: i || null,
+      [f.MODEL]: c || null,
       [f.PLUGIN]: a ? y(a) : null
     }, o && (p ? m[f.USAGE] = `${L.format(o)} ${_("token", o)}` : m[f.USAGE] = B)), F(() => {
       t && l(t);
-    }, [t, l]), d === v ? /* @__PURE__ */ g(
+    }, [t, l]), d === v ? /* @__PURE__ */ x(
       k,
       {
+        gradient: "medium",
         tail: !0,
         className: w,
         contentClassName: A,
         noMaxWidth: !0,
-        children: /* @__PURE__ */ g("div", { className: "flex items-center justify-center italic text-copy-error-dark dark:text-red-300", children: u })
+        children: /* @__PURE__ */ x("div", { className: "flex items-center justify-center italic text-copy-error-dark dark:text-red-300", children: u })
       }
-    ) : /* @__PURE__ */ g(
+    ) : /* @__PURE__ */ x(
       k,
       {
+        gradient: "light",
         tail: !0,
         copyToClipboardMode: "dark",
         copyToClipboardFocusMode: "light",

package/dist/chunks/ChatBubbleUser.BYLIgaHX.js

@@ -0,0 +1,131 @@
+import { jsx as a, Fragment as h, jsxs as S } from "react/jsx-runtime";
+import { Button as C } from "./index.BcYESdDV.js";
+import { useState as _, useMemo as m, isValidElement as T, useEffect as b } from "react";
+import { AsyncBubble as w } from "./App.CusyBC2e.js";
+import { useMarkdown as x } from "./useMarkdown.KipSXqDZ.js";
+/*!
+  @versini/ui-truncate v5.2.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
+    version: "5.2.0",
+    buildTime: "11/04/2025 03:45 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const M = 200, k = ({ string: e, idealLength: t = M }) => {
+  if (e.length <= t)
+    return {
+      string: e,
+      isTruncated: !1
+    };
+  if (e.charAt(t) === " ")
+    return {
+      string: e.slice(0, t),
+      isTruncated: !0
+    };
+  const s = e.slice(t).search(" ");
+  return {
+    string: e.slice(0, t + s),
+    isTruncated: !0
+  };
+}, l = (e) => e == null || typeof e == "boolean" ? "" : typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(l).join("") : /* @__PURE__ */ T(e) ? l(e.props.children) : "", B = /* @__PURE__ */ new Set([
+  "P",
+  "DIV",
+  "UL",
+  "OL",
+  "LI",
+  "SECTION",
+  "ARTICLE",
+  "HEADER",
+  "FOOTER",
+  "MAIN",
+  "ASIDE",
+  "TABLE",
+  "THEAD",
+  "TBODY",
+  "TFOOT",
+  "TR",
+  "TD",
+  "TH",
+  "BLOCKQUOTE",
+  "PRE",
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "H5",
+  "H6"
+]), u = (e) => {
+  if (e == null || typeof e == "boolean" || typeof e == "string" || typeof e == "number")
+    return !1;
+  if (Array.isArray(e))
+    return e.some(u);
+  if (/* @__PURE__ */ T(e)) {
+    const t = e;
+    return typeof t.type == "string" && B.has(t.type.toUpperCase()) ? !0 : u(t.props.children);
+  }
+  return !1;
+}, H = ({ children: e, length: t = 200, mode: n = "system", focusMode: c = "system", enableRichTruncation: s = !1 }) => {
+  const [r, d] = _(!1), y = typeof e != "string" && !s, p = m(() => typeof e == "string" ? e : l(e), [
+    e
+  ]), { string: f, isTruncated: i } = m(() => k({
+    string: p,
+    idealLength: t
+  }), [
+    p,
+    t
+  ]), g = s && i && !r, E = (I) => {
+    I.preventDefault(), d(!r);
+  };
+  if (y)
+    return /* @__PURE__ */ a(h, {
+      children: e
+    });
+  let o;
+  i ? r ? o = e : o = f : o = e;
+  const A = s ? u(e) : !1;
+  return /* @__PURE__ */ S("span", {
+    style: {
+      wordBreak: "break-word"
+    },
+    "data-testid": "truncate-root",
+    "aria-expanded": i ? r : void 0,
+    children: [
+      o,
+      i && /* @__PURE__ */ a(C, {
+        mode: n,
+        focusMode: c,
+        className: !(s && r && A) ? "ml-2" : void 0,
+        size: "small",
+        onClick: E,
+        "aria-label": r ? "Show less" : "Show more",
+        children: r ? "less..." : "more..."
+      })
+    ]
+  });
+}, F = ({ content: e }) => {
+  const [t, n] = x();
+  return b(() => {
+    e && n(e);
+  }, [e, n]), /* @__PURE__ */ a(
+    w,
+    {
+      gradient: "light",
+      tail: !0,
+      copyToClipboardMode: "dark",
+      copyToClipboardFocusMode: "light",
+      copyToClipboard: e,
+      kind: "right",
+      className: "mt-3",
+      contentClassName: "prose prose-lighter prose-p:only:my-0",
+      children: /* @__PURE__ */ a(H, { mode: "light", focusMode: "light", enableRichTruncation: !0, children: t })
+    }
+  );
+};
+export {
+  F as default
+};

package/dist/chunks/ChatHistoryTable.D9mUtUwJ.js

@@ -0,0 +1,237 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { f as p, h as u, INFINITE_SCROLL_THRESHOLD as b, CARDS as D, pluralize as T, ButtonIcon as d, IconRestore as y, IconStarInCircle as U, IconStarInCircleLight as z, IconDelete as P, numberFormatter as L, k as _, IconGoogleGemini as G, IconOpenAI as $, IconAnthropic as B, isProbablyMobile as W, z as Y, Z as H, E as K } from "./index.BcYESdDV.js";
+import { Tooltip as h } from "./App.CusyBC2e.js";
+import l from "clsx";
+import { Fragment as F } from "react";
+import { W as V, j, G as x, H as Z, M as n, F as N } from "./Table.DBfFG7qO.js";
+const q = {
+  [K]: B,
+  [H]: $,
+  [Y]: G
+}, s = {
+  ROW: "row",
+  TIMESTAMP: p,
+  SUMMARY: "summary",
+  PROVIDER: "provider",
+  TOKEN_USAGE: u,
+  ACTIONS: "actions"
+}, J = [
+  s.ROW,
+  s.TIMESTAMP,
+  s.SUMMARY,
+  s.ACTIONS
+], Q = [
+  s.ROW,
+  s.SUMMARY,
+  s.TIMESTAMP,
+  s.TOKEN_USAGE,
+  s.PROVIDER,
+  s.ACTIONS
+], le = ({
+  filteredHistory: c,
+  historyState: o,
+  lastEntryToLoad: g,
+  onClickSort: C,
+  onClickRestore: R,
+  onClickDelete: S,
+  onClickFavorite: O,
+  infinityScrollMarkerRef: A,
+  isLoading: I = !1,
+  totalHistoryCount: E,
+  isFiltered: v = !1
+}) => {
+  const M = W() ? J : Q, w = (t) => {
+    switch (t) {
+      case s.ROW:
+        return /* @__PURE__ */ e(n, { className: "sr-only", children: "Row" }, t);
+      case s.TIMESTAMP:
+        return /* @__PURE__ */ e(
+          N,
+          {
+            focusMode: "system",
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: p,
+            align: "left",
+            sortDirection: o.sortDirection,
+            sortedCell: o.sortedCell,
+            onClick: () => {
+              C(p);
+            },
+            children: "Date"
+          },
+          t
+        );
+      case s.SUMMARY:
+        return /* @__PURE__ */ e(n, { className: "text-xs sm:text-sm", children: "Summary" }, t);
+      case s.PROVIDER:
+        return /* @__PURE__ */ e(n, { className: "text-xs sm:text-sm", children: "Provider" }, t);
+      case s.TOKEN_USAGE:
+        return /* @__PURE__ */ e(
+          N,
+          {
+            focusMode: "system",
+            buttonClassName: "text-xs sm:text-sm",
+            cellId: u,
+            align: "right",
+            sortDirection: o.sortDirection,
+            sortedCell: o.sortedCell,
+            onClick: () => {
+              C(u);
+            },
+            children: "Tokens"
+          },
+          t
+        );
+      case s.ACTIONS:
+        return /* @__PURE__ */ e(n, { className: "text-xs sm:text-sm text-right", children: "Actions" }, t);
+      default:
+        return null;
+    }
+  }, k = (t, r, i) => {
+    switch (t) {
+      case s.ROW:
+        return /* @__PURE__ */ e(n, { children: i + 1 }, t);
+      case s.TIMESTAMP:
+        return /* @__PURE__ */ e(
+          n,
+          {
+            component: "th",
+            scope: "row",
+            className: l(
+              "dark:text-gray-400",
+              "sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none"
+            ),
+            children: r.timestamp.split(",")[0]
+          },
+          t
+        );
+      case s.SUMMARY: {
+        const a = r.summary || (r.messages.length > 0 ? r.messages[0]?.content : "");
+        return /* @__PURE__ */ e(
+          n,
+          {
+            className: l(
+              "dark:text-white",
+              "max-w-[100px] sm:max-w-full text-xs sm:text-sm"
+            ),
+            style: {
+              wordBreak: "break-word"
+            },
+            children: a
+          },
+          t
+        );
+      }
+      case s.PROVIDER: {
+        const a = r.model ? _(r.model) : null, f = a ? q[a] : null;
+        return /* @__PURE__ */ e(
+          n,
+          {
+            component: "th",
+            scope: "row",
+            className: l("dark:text-gray-400"),
+            align: "center",
+            children: f ? /* @__PURE__ */ e(
+              f,
+              {
+                size: "size-4 sm:size-5",
+                semantic: !0,
+                title: r.model || a
+              }
+            ) : null
+          },
+          t
+        );
+      }
+      case s.TOKEN_USAGE:
+        return /* @__PURE__ */ e(
+          n,
+          {
+            className: l("dark:text-gray-400", "text-xs sm:text-sm"),
+            align: "right",
+            children: r.tokenUsage ? L.format(r.tokenUsage) : "0"
+          },
+          t
+        );
+      case s.ACTIONS:
+        return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ m("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
+          /* @__PURE__ */ e(
+            h,
+            {
+              label: "Restore chat",
+              placement: "top",
+              trigger: /* @__PURE__ */ e(
+                d,
+                {
+                  noBorder: !0,
+                  label: "Restore chat",
+                  variant: "primary",
+                  iconClassName: "text-green-800 dark:text-green-500",
+                  onClick: async () => {
+                    await R(r);
+                  },
+                  children: /* @__PURE__ */ e(y, { size: "size-3", monotone: !0 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            h,
+            {
+              label: r.favoriteChat ? "Remove from favorites" : "Add to favorites",
+              placement: "top",
+              trigger: /* @__PURE__ */ e(
+                d,
+                {
+                  noBorder: !0,
+                  label: r.favoriteChat ? "Remove from favorites" : "Add to favorites",
+                  variant: "primary",
+                  onClick: async () => {
+                    await O(r);
+                  },
+                  children: r.favoriteChat ? /* @__PURE__ */ e(U, { size: "size-4", monotone: !0 }) : /* @__PURE__ */ e(z, { size: "size-4", monotone: !0 })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            h,
+            {
+              label: "Delete chat",
+              placement: "top",
+              trigger: /* @__PURE__ */ e(
+                d,
+                {
+                  noBorder: !0,
+                  label: "Delete chat",
+                  variant: "primary",
+                  iconClassName: "text-red-700 dark:text-red-500",
+                  onClick: () => {
+                    S(r);
+                  },
+                  children: /* @__PURE__ */ e(P, { size: "size-3", monotone: !0 })
+                }
+              )
+            }
+          )
+        ] }) }, t);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ m(V, { stickyHeader: !0, compact: !0, mode: "alt-system", caption: (() => {
+    const t = c.length, r = E ?? t;
+    return v && r > t ? `Showing ${T(`${t} chat`, t)} out of ${r}` : T(`${t} chat`, t);
+  })(), children: [
+    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(x, { children: M.map((t) => w(t)) }) }),
+    /* @__PURE__ */ e(Z, { children: I && c.length === 0 ? /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(n, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: "Loading..." }) }) }) : c.slice(0, g).map((t, r) => t?.messages?.length > 0 ? /* @__PURE__ */ m(F, { children: [
+      r === g - b && /* @__PURE__ */ e("tr", { ref: A }),
+      /* @__PURE__ */ e(x, { children: M.map(
+        (i) => k(i, t, r)
+      ) })
+    ] }, `${D.HISTORY.TITLE}-${t.id}-${r}`) : null) })
+  ] });
+};
+export {
+  le as ChatHistoryTable
+};