@versini/sassysaint 8.76.1 → 8.77.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import { SassySaint as r } from "./chunks/index.rzw7MU5J.js";
+import { SassySaint as r } from "./chunks/index.BcYESdDV.js";
 /*!
-  @sassysaint/client v8.76.1
+  @sassysaint/client v8.77.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_SASSY_GLOBAL__ || (window.__VERSINI_SASSY_GLOBAL__ = {
-    version: "8.76.1",
-    buildTime: "11/04/2025 05:29 PM EST",
+    version: "8.77.0",
+    buildTime: "11/05/2025 09:04 PM EST",
     license: "MIT"
   });
 } catch {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/sassysaint",
-	"version": "8.76.1",
+	"version": "8.77.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -33,9 +33,9 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@sassysaint/client": "8.76.1",
+		"@sassysaint/client": "8.77.0",
 		"@tailwindcss/vite": "4.1.16",
-		"@versini/ui-styles": "6.1.0"
+		"@versini/ui-styles": "6.1.1"
 	},
 	"dependencies": {
 		"@versini/ui-hooks": "5.2.0",
@@ -45,5 +45,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "da8c24c2a566cc0d979f97845880d299a98f51b9"
+	"gitHead": "038ed85c719cce8cb7678b770a134815fac194d2"
 }

package/dist/chunks/HistoryEntry.ThaD-b5r.js

@@ -1,307 +0,0 @@
-import { jsxs as i, Fragment as ee, jsx as r } from "react/jsx-runtime";
-import { n as G, INFINITE_SCROLL_LIMIT as P, INFINITE_SCROLL_THRESHOLD as te, useLocalStorage as f, LOCAL_STORAGE_PREFIX as p, LOCAL_STORAGE_SORT_TIMESTAMP as re, LOCAL_STORAGE_SORT_TOKEN_USAGE as ae, LOCAL_STORAGE_SORT as se, f as v, useUserPreferences as oe, useDeleteChat as ne, useToggleFavoriteChat as ie, APP_CLASSNAME as ce, TOAST_CHAT_DELETED as le, graphQLRequest as de, SERVICE_TYPES as he, setNewProvider as me, ACTION_SORT as ue, h as Ce, TOAST_PROVIDER_CHANGED as Se, useChatsHistory as fe, LOCAL_STORAGE_SEARCH as pe, LOCAL_STORAGE_FAVORITES_ONLY as Te, HISTORY_TITLE as ye, Card as ge, TextInput as Ae, debounce as Ee, IconSearch as ve, Button as _e, ACTION_SEARCH as De } from "./index.rzw7MU5J.js";
-import { HistoryContext as z, ChatContext as M, useAiChat as Oe, e as h, ConfirmationPanel as Re, LazyToastContainerWrapper as Ie, showErrorToast as Le, CHAT_SET_PROVIDER as ke, showSuccessToast as be, CHAT_SET_STATUS as Ne, Panel as we, Toggle as xe } from "./App.CV0Bjlae.js";
-import { useRef as w, useState as x, useContext as _, useCallback as V, Suspense as He, lazy as Fe, useEffect as Pe } from "react";
-const Ve = Fe(
-  () => import(
-    /* webpackChunkName: "history-table" */
-    "./ChatHistoryTable.uFTyBF2A.js"
-  ).then((m) => ({ default: m.ChatHistoryTable }))
-), Ge = ({
-  filteredHistory: m,
-  dispatch: C,
-  onOpenChange: D,
-  mutate: T,
-  isLoading: O = !1
-}) => {
-  const { user: u, getAccessToken: l } = G(), c = w(null), s = w({
-    id: "",
-    timestamp: "",
-    message: ""
-  }), [y, d] = x(!1), [R, I] = x(
-    P + te
-  ), { state: n, dispatch: L } = _(z), S = {
-    searchString: n.searchString || "",
-    sortDirection: n.sortDirection || h.DESC,
-    sortedCell: n.sortedCell || v
-  }, {
-    state: { provider: k },
-    setChatId: g,
-    setInitialMessages: b
-  } = _(M), { setInput: N } = Oe(), [A, a] = f({
-    key: p + re,
-    initialValue: h.DESC
-  }), [U, B] = f({
-    key: p + ae,
-    initialValue: h.ASC
-  }), [, j] = f({
-    key: p + se,
-    initialValue: v
-  }), { refetch: Y } = oe({
-    user: u?.username,
-    getAccessToken: l
-  }), { mutateAsync: $ } = ne({ getAccessToken: l }), { mutateAsync: q } = ie({
-    getAccessToken: l
-  }), K = (e) => {
-    const o = n.sortedCell === e;
-    let t, E;
-    switch (e) {
-      case v:
-        E = a, t = o ? n.sortDirection : A;
-        break;
-      case Ce:
-        E = B, t = o ? n.sortDirection : U;
-        break;
-      default:
-        E = a, t = o ? n.sortDirection : A;
-        break;
-    }
-    const F = t === h.ASC ? h.DESC : h.ASC;
-    E(F), j(e), L({
-      type: ue,
-      payload: {
-        sortedCell: e,
-        sortDirection: F
-      }
-    });
-  }, Q = async () => {
-    const e = s.current;
-    try {
-      await $({
-        userId: u?.username || "",
-        id: e.id
-      }), T(""), await Le(le, {
-        autoClose: 2e3,
-        containerId: "history-table"
-      });
-    } catch {
-    }
-  }, W = async (e) => {
-    try {
-      const o = await l(), t = await de({
-        accessToken: o,
-        type: he.GET_CHAT,
-        params: {
-          id: e.id
-        }
-      });
-      t.data.provider !== k && (await me({
-        provider: t.data.provider,
-        model: t.data.model,
-        accessToken: o,
-        username: u?.username || ""
-      }), C({
-        type: ke,
-        payload: {
-          provider: t.data.provider
-        }
-      }), Y(), await be(
-        `${Se} ${t.data.provider}`,
-        {
-          containerId: "toggle-provider"
-        }
-      )), C({
-        type: Ne,
-        payload: {
-          restoring: !0,
-          restoredModel: t.data?.model || "",
-          restoredUsage: t.data?.tokenUsage || 0
-        }
-      }), N(""), g(e.id), b(t.data.messages), D(!1);
-    } catch {
-    }
-  }, X = (e) => {
-    s.current = {
-      id: e.id,
-      timestamp: e.timestamp,
-      message: e.messages.length > 0 ? e.messages[0]?.content : ""
-    }, d(!y);
-  }, J = async (e) => {
-    try {
-      await q({
-        userId: u?.username || "",
-        id: e.id
-      }), T("");
-    } catch {
-    }
-  }, H = V((e) => {
-    e[0].isIntersecting && I((t) => t + P);
-  }, []), Z = V(
-    (e) => {
-      if (c.current && c.current.disconnect(), e) {
-        const o = {
-          rootMargin: "20px"
-        }, t = new IntersectionObserver(H, o);
-        t.observe(e), c.current = t;
-      }
-    },
-    [H]
-  );
-  return /* @__PURE__ */ i(ee, { children: [
-    /* @__PURE__ */ i(
-      Re,
-      {
-        showConfirmation: y,
-        setShowConfirmation: d,
-        action: Q,
-        customStrings: {
-          confirmAction: "Delete",
-          cancelAction: "Cancel",
-          title: "Delete chat"
-        },
-        children: [
-          /* @__PURE__ */ r("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ i("ul", { className: "m-0", children: [
-            /* @__PURE__ */ i("li", { children: [
-              "Timestamp:",
-              " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: s.current && s.current.timestamp })
-            ] }),
-            /* @__PURE__ */ i("li", { children: [
-              "First message:",
-              " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: s.current?.message })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ r("div", { className: ce, children: /* @__PURE__ */ r(Ie, { containerId: "history-table" }) }),
-    /* @__PURE__ */ r(He, { fallback: /* @__PURE__ */ r("div", {}), children: /* @__PURE__ */ r(
-      Ve,
-      {
-        filteredHistory: m,
-        historyState: S,
-        lastEntryToLoad: R,
-        onClickSort: K,
-        onClickRestore: W,
-        onClickDelete: X,
-        onClickFavorite: J,
-        infinityScrollMarkerRef: Z,
-        isLoading: O
-      }
-    ) })
-  ] });
-}, je = ({
-  open: m,
-  onOpenChange: C
-}) => {
-  const { getAccessToken: D, user: T } = G(), { dispatch: O } = _(M), [u, l] = x([]), c = w(null), { state: s, dispatch: y } = _(z), {
-    data: d,
-    refetch: R,
-    isLoading: I,
-    isError: n
-  } = fe({
-    enabled: m,
-    user: T?.username || "",
-    searchString: s.searchString || "",
-    sortDirection: s.sortDirection || h.DESC,
-    sortedCell: s.sortedCell || v,
-    getAccessToken: D
-  }), [, L] = f({
-    key: p + pe,
-    initialValue: s.searchString
-  }), [S, k] = f({
-    key: p + Te,
-    initialValue: !1
-  });
-  Pe(() => {
-    d && l(
-      S ? d.filter((a) => a.favoriteChat === !0) : d
-    );
-  }, [d, S]);
-  const g = async (a) => {
-    L(a), y({
-      type: De,
-      payload: { searchString: a }
-    });
-  }, b = Ee((a) => {
-    g(a.target.value.trim());
-  }, 500), N = async (a) => {
-    a.preventDefault();
-  }, A = (a) => {
-    k(a);
-  };
-  return /* @__PURE__ */ i(
-    we,
-    {
-      open: m,
-      onOpenChange: C,
-      title: ye,
-      animation: !0,
-      animationType: "fade",
-      children: [
-        /* @__PURE__ */ r(
-          ge,
-          {
-            header: "Filters",
-            className: "prose-dark dark:prose-lighter mb-4",
-            noBorder: !0,
-            compact: !0,
-            children: /* @__PURE__ */ i("form", { autoComplete: "off", onSubmit: N, children: [
-              /* @__PURE__ */ r(
-                Ae,
-                {
-                  placeholder: "Search",
-                  labelHidden: !0,
-                  noBorder: !0,
-                  autoCapitalize: "off",
-                  autoComplete: "off",
-                  autoCorrect: "off",
-                  ref: c,
-                  defaultValue: s.searchString,
-                  mode: "alt-system",
-                  name: "Search",
-                  label: "Search",
-                  onChange: b,
-                  className: "my-2",
-                  rightElement: /* @__PURE__ */ r("div", { className: "dark:text-copy-dark text-copy-light", children: /* @__PURE__ */ r(ve, { monotone: !0, size: "size-3" }) })
-                }
-              ),
-              /* @__PURE__ */ i("div", { className: "flex flex-col justify-between sm:flex-row gap-2 sm:mb-0 mb-1", children: [
-                /* @__PURE__ */ r("div", { className: "order-1 sm:order-0", children: /* @__PURE__ */ r(
-                  xe,
-                  {
-                    name: "favorites-only",
-                    checked: S,
-                    onChange: A,
-                    label: "Show favorites only",
-                    narrow: !0,
-                    noBorder: !0
-                  }
-                ) }),
-                /* @__PURE__ */ r(
-                  _e,
-                  {
-                    size: "small",
-                    disabled: s.searchString === "",
-                    onClick: () => {
-                      g(""), c.current?.value && (c.current.value = "", c.current.focus());
-                    },
-                    children: "Reset Search"
-                  }
-                )
-              ] })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ i("div", { className: "flex flex-col sm:flex-row max-h-[65vh] sm:max-h-[75vh] min-h-[60vh]", children: [
-          n && /* @__PURE__ */ r("p", { className: "m-0 text-red-500", children: "Failed to load history." }),
-          !n && /* @__PURE__ */ r(
-            Ge,
-            {
-              mutate: R,
-              filteredHistory: u,
-              dispatch: O,
-              onOpenChange: C,
-              isLoading: I
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-export {
-  je as HistoryPanel
-};

package/dist/chunks/index.C3aZ0rB_.js

@@ -1,142 +0,0 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { ButtonIcon as v, IconCopied as E, IconCopy as C } from "./index.rzw7MU5J.js";
-import { useState as I, useEffect as N } from "react";
-import l from "clsx";
-/*!
-  @versini/ui-bubble v6.3.2
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "6.3.2",
-    buildTime: "11/04/2025 03:45 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const i = "av-bubble", $ = ({ kind: e, noMaxWidth: t }) => l("px-4 py-2", {
-  "max-w-xs sm:max-w-md md:max-w-2xl": !t,
-  "lg:max-w-3xl": e === "left" && !t
-}), T = ({ kind: e }) => l({
-  "bg-surface-light dark:bg-surface-dark": e === "left",
-  "bg-surface-accent": e === "right"
-}), S = ({ kind: e }) => l("prose prose-dark dark:prose-lighter", "prose-blockquote:my-1", "prose-ol:my-1 prose-ul:my-1", {
-  "text-copy-lighter": e === "right"
-}), z = ({ kind: e, tail: t }) => {
-  if (t)
-    return l(`${i}-${e}-tail`, "rounded-3xl", "relative", "before:content-['']", "before:w-3", "before:h-2", "before:absolute", "before:bottom-0", {
-      "last-bubble-right:before:right-[2px] last-bubble-right:before:border-l-[8px] last-bubble-right:before:border-l-surface-accent last-bubble-right:before:rounded-bl-[100%]": e === "right",
-      "last-bubble-left:before:left-[2px] last-bubble-left:before:border-r-[8px] last-bubble-left:before:border-r-surface-light last-bubble-left:dark:before:border-r-surface-dark last-bubble-left:before:rounded-br-[100%]": e === "left"
-    });
-  if (!t)
-    return l("rounded-b-xl", {
-      "rounded-tr-xl": e === "left",
-      "rounded-tl-xl": e === "right"
-    });
-}, U = ({ kind: e, className: t, contentClassName: c, noMaxWidth: u, tail: r }) => {
-  const n = l(i, `${i}-${e}`, "flex items-start", {
-    "flex-row-reverse": e === "right"
-  }, t), s = l(`${i}-content`, "flex flex-col empty:hidden", $({
-    kind: e,
-    noMaxWidth: u
-  }), S({
-    kind: e
-  }), T({
-    kind: e
-  }), z({
-    kind: e,
-    tail: r
-  }), c), m = "pr-2 pt-1 text-end text-xs text-copy-light", p = l("flex flex-col-reverse sm:flex-row", {
-    "ml-2": e === "left" && !r,
-    "mr-2": e === "right" && !r,
-    "ml-1": e === "left" && r,
-    "mr-1": e === "right" && r
-  });
-  return {
-    wrapper: n,
-    main: s,
-    footer: m,
-    copyButton: p
-  };
-}, L = "FOOTER_EMPTY", P = ({ children: e, kind: t = "left", className: c, contentClassName: u, footer: r, rawFooter: n, copyToClipboard: s, copyToClipboardFocusMode: m = "system", copyToClipboardMode: p = "system", noMaxWidth: B = !1, tail: w = !1 }) => {
-  const [a, x] = I(!1), f = U({
-    kind: t,
-    className: c,
-    contentClassName: u,
-    noMaxWidth: B,
-    tail: w
-  }), y = !!s && (typeof s == "function" || typeof s == "string" || typeof e == "string"), _ = () => {
-    x(!0), typeof s == "function" ? s(e) : typeof s == "string" ? navigator.clipboard.writeText(s) : typeof e == "string" && navigator.clipboard.writeText(e);
-  };
-  return N(() => {
-    let b;
-    return a && (b = window.setTimeout(() => {
-      x(!1);
-    }, 3e3)), () => {
-      clearTimeout(b);
-    };
-  }, [
-    a
-  ]), /* @__PURE__ */ g("div", {
-    className: f.wrapper,
-    children: [
-      /* @__PURE__ */ g("div", {
-        children: [
-          /* @__PURE__ */ o("div", {
-            className: f.main,
-            children: e
-          }),
-          r && Object.keys(r).map((b, h) => {
-            const d = r[b];
-            return d === L ? /* @__PURE__ */ o("div", {
-              className: "prose-p:m-0",
-              children: /* @__PURE__ */ o("p", {
-                className: f.footer,
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ o("span", {
-                  className: "invisible",
-                  children: " "
-                })
-              })
-            }, `${b}-${h}`) : d ? /* @__PURE__ */ o("div", {
-              className: "prose-p:m-0",
-              children: /* @__PURE__ */ g("p", {
-                className: f.footer,
-                children: [
-                  b,
-                  ": ",
-                  d
-                ]
-              })
-            }, `${b}-${h}`) : null;
-          }),
-          n && n
-        ]
-      }),
-      y && /* @__PURE__ */ o("div", {
-        className: f.copyButton,
-        children: /* @__PURE__ */ o(v, {
-          noBorder: !0,
-          noBackground: !0,
-          size: "small",
-          mode: p,
-          focusMode: m,
-          label: a ? "Copied to clipboard" : "Copy to clipboard",
-          onClick: _,
-          disabled: a,
-          children: a ? /* @__PURE__ */ o(E, {
-            size: "size-3"
-          }) : /* @__PURE__ */ o(C, {
-            size: "size-3"
-          })
-        })
-      })
-    ]
-  });
-};
-export {
-  i as BUBBLE_CLASSNAME,
-  L as BUBBLE_FOOTER_EMPTY,
-  P as Bubble
-};