@versini/sassysaint 8.33.4 → 8.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/sassysaint",
-	"version": "8.33.4",
+	"version": "8.34.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -31,7 +31,7 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@sassysaint/client": "8.33.4",
+		"@sassysaint/client": "8.34.0",
 		"@tailwindcss/vite": "4.1.11",
 		"@versini/ui-styles": "5.0.7"
 	},
@@ -43,5 +43,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "70c4aaf8a3a49c05d73ccce03c26cb809c07e8e1"
+	"gitHead": "1bc9915131e84f173f4d855377e233346e6c84e3"
 }

package/dist/chunks/HistoryEntry.I611L02L.js

@@ -1,423 +0,0 @@
-import { jsxs as s, jsx as e, Fragment as Z } from "react/jsx-runtime";
-import { I as H, n as G, INFINITE_SCROLL_LIMIT as M, INFINITE_SCROLL_THRESHOLD as B, LOCAL_STORAGE_PREFIX as U, LOCAL_STORAGE_SORT as ee, APP_CLASSNAME as te, le as b, CARDS as se, pluralize as ae, ACTION_SORT as V, TOAST_CHAT_DELETED as re, TOAST_PROVIDER_CHANGED as oe, LOCAL_STORAGE_SEARCH as ce, HISTORY_TITLE as ne, fe as ie, debounce as le, ACTION_SEARCH as de } from "./index.Czf9axok.js";
-import { HistoryContext as Y, ChatContext as j, useAiChat as me, E as q, useUserPreferences as he, ConfirmationPanel as ue, LazyToastContainerWrapper as pe, He as Ce, $e as Se, qe as _, Pe as l, Ye as ge, Ge as ye, k as fe, a as xe, p as Te, p$1 as ve, at as $, Fe as we, mutateCall as P, SERVICE_TYPES as F, showErrorToast as Ee, R as x, O as De, n as Ne, o as Ae, setNewProvider as Ie, CHAT_SET_PROVIDER as Re, showSuccessToast as ze, CHAT_SET_STATUS as _e, useChatsHistory as be, rr as ke, a$1 as Le } from "./App.B8I-Bynx.js";
-import { useRef as k, useState as D, useContext as N, useCallback as He, useEffect as L, Fragment as Oe } from "react";
-const Me = ({
-  className: a,
-  viewBox: c,
-  title: d,
-  monotone: m,
-  ...o
-}) => /* @__PURE__ */ s(
-  H,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: c,
-    className: a,
-    title: d || "Delete",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M32 96v352c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16z",
-          opacity: m ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ e("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0z" })
-    ]
-  }
-), Be = ({
-  className: a,
-  viewBox: c,
-  title: d,
-  monotone: m,
-  ...o
-}) => /* @__PURE__ */ s(
-  H,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: c,
-    className: a,
-    title: d || "Restore",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M128 80v16h64V80c0-8.8 7.2-16 16-16h224c8.8 0 16 7.2 16 16v224c0 8.8-7.2 16-16 16h-16v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80",
-          opacity: m ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ e("path", { d: "M64 128c-35.3 0-64 28.7-64 64v256c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64zm32 64h192c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32" })
-    ]
-  }
-), Ve = ({
-  className: a,
-  viewBox: c,
-  title: d,
-  monotone: m,
-  ...o
-}) => /* @__PURE__ */ s(
-  H,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: c,
-    className: a,
-    title: d || "Search",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M0 208a208 208 0 1 0 416 0 208 208 0 1 0-416 0m352 0a144 144 0 1 1-288 0 144 144 0 1 1 288 0",
-          opacity: m ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ e("path", { d: "m330.7 376 126.7 126.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L376 330.7c-12.7 17.3-28 32.6-45.3 45.3" })
-    ]
-  }
-), $e = {
-  [Ae]: ve,
-  [Ne]: Te,
-  [De]: xe
-}, Pe = ({
-  filteredHistory: a,
-  dispatch: c,
-  onOpenChange: d,
-  mutate: m
-}) => {
-  const { user: o, getAccessToken: g } = G(), y = k(null), n = k({
-    id: "",
-    timestamp: "",
-    message: ""
-  }), [r, T] = D(!1), [C, A] = D(
-    M + B
-  ), { state: p, dispatch: v } = N(Y), {
-    state: { provider: I },
-    setChatId: w,
-    setInitialMessages: R
-  } = N(j), { setInput: O } = me(), [, h] = q({
-    key: U + ee,
-    initialValue: p.sortDirection
-  }), { refetch: W } = he({
-    user: o?.username,
-    getAccessToken: g
-  }), X = (t) => {
-    switch (p.sortDirection) {
-      case x.ASC:
-        h(x.DESC), v({
-          type: V,
-          payload: {
-            sortedCell: t,
-            sortDirection: x.DESC
-          }
-        });
-        break;
-      default:
-        h(x.ASC), v({
-          type: V,
-          payload: {
-            sortedCell: t,
-            sortDirection: x.ASC
-          }
-        });
-        break;
-    }
-  }, J = async () => {
-    const t = n.current;
-    try {
-      await P({
-        accessToken: await g(),
-        type: F.DELETE_CHAT,
-        params: {
-          userId: o?.username || "",
-          id: t.id
-        }
-      }), m(""), await Ee(re, {
-        autoClose: 2e3,
-        containerId: "history-table"
-      });
-    } catch {
-    }
-  }, K = async (t, i, f, S, E, z) => {
-    try {
-      const u = await P({
-        accessToken: S,
-        type: F.GET_CHAT,
-        params: {
-          id: t.id
-        }
-      });
-      u.status === 200 && (u.data.provider !== z && (await Ie({
-        provider: u.data.provider,
-        accessToken: S,
-        username: E
-      }), i({
-        type: Re,
-        payload: {
-          provider: u.data.provider
-        }
-      }), W(), await ze(
-        `${oe} ${u.data.provider}`,
-        {
-          containerId: "toggle-provider"
-        }
-      )), i({
-        type: _e,
-        payload: {
-          restoring: !0,
-          restoredModel: u.data?.model || "",
-          restoredUsage: u.data?.tokenUsage || 0
-        }
-      }), O(""), w(t.id), R(u.data.messages), f(!1));
-    } catch {
-    }
-  }, Q = He((t) => {
-    t[0].isIntersecting && A((f) => f + M);
-  }, []);
-  return L(() => {
-    const t = {
-      // root: null,
-      rootMargin: "20px"
-    }, i = new IntersectionObserver(Q, t);
-    y.current && i.observe(y.current);
-  }), /* @__PURE__ */ s(Z, { children: [
-    /* @__PURE__ */ s(
-      ue,
-      {
-        showConfirmation: r,
-        setShowConfirmation: T,
-        action: J,
-        customStrings: {
-          confirmAction: "Delete",
-          cancelAction: "Cancel",
-          title: "Delete chat"
-        },
-        children: [
-          /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ s("ul", { className: "m-0", children: [
-            /* @__PURE__ */ s("li", { children: [
-              "Timestamp:",
-              " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: n.current && n.current.timestamp })
-            ] }),
-            /* @__PURE__ */ s("li", { children: [
-              "First message:",
-              " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: n.current?.message })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: te, children: /* @__PURE__ */ e(pe, { containerId: "history-table" }) }),
-    /* @__PURE__ */ s(Ce, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-      /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ s(_, { children: [
-        /* @__PURE__ */ e(l, { className: "sr-only", children: "Row" }),
-        /* @__PURE__ */ e(
-          ge,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: "timestamp",
-            align: "left",
-            sortDirection: p.sortDirection,
-            sortedCell: p.sortedCell,
-            onClick: () => {
-              X("timestamp");
-            },
-            children: "Date"
-          }
-        ),
-        /* @__PURE__ */ e(l, { className: "text-xs sm:text-sm", children: "Summary" }),
-        /* @__PURE__ */ e(l, { className: "text-xs sm:text-sm", children: "Provider" }),
-        /* @__PURE__ */ e(l, { className: "text-xs sm:text-sm text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ e(ye, { children: a.slice(0, C).map((t, i) => {
-        const f = t.summary || (t.messages.length > 0 ? t.messages[0]?.content : ""), S = t.model ? fe(t.model) : null, E = S ? $e[S] : null;
-        return t?.messages?.length > 0 ? /* @__PURE__ */ s(Oe, { children: [
-          i === C - B && /* @__PURE__ */ e("tr", { ref: y }),
-          /* @__PURE__ */ s(_, { children: [
-            /* @__PURE__ */ e(l, { children: i + 1 }),
-            /* @__PURE__ */ e(
-              l,
-              {
-                component: "th",
-                scope: "row",
-                className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-                children: t.timestamp.split(",")[0]
-              }
-            ),
-            /* @__PURE__ */ e(
-              l,
-              {
-                className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-                style: {
-                  wordBreak: "break-word"
-                },
-                children: f
-              }
-            ),
-            /* @__PURE__ */ e(
-              l,
-              {
-                component: "th",
-                scope: "row",
-                className: "text-gray-400",
-                align: "center",
-                children: E ? /* @__PURE__ */ e(
-                  E,
-                  {
-                    size: "size-4 sm:size-5",
-                    semantic: !0,
-                    title: t.model || S
-                  }
-                ) : null
-              }
-            ),
-            /* @__PURE__ */ s(l, { align: "right", children: [
-              /* @__PURE__ */ e(
-                $,
-                {
-                  label: "Restore chat",
-                  mode: "alt-system",
-                  placement: "top",
-                  trigger: /* @__PURE__ */ e(
-                    b,
-                    {
-                      className: "mr-2",
-                      focusMode: "alt-system",
-                      noBorder: !0,
-                      label: "Restore chat",
-                      onClick: async () => {
-                        const z = await g();
-                        K(
-                          t,
-                          c,
-                          d,
-                          z,
-                          o?.username || "",
-                          I
-                        );
-                      },
-                      children: /* @__PURE__ */ e(Be, { size: "size-3", monotone: !0 })
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(
-                $,
-                {
-                  label: "Delete chat",
-                  mode: "alt-system",
-                  placement: "top",
-                  trigger: /* @__PURE__ */ e(
-                    b,
-                    {
-                      focusMode: "alt-system",
-                      noBorder: !0,
-                      label: "Delete chat",
-                      onClick: () => {
-                        n.current = {
-                          id: t.id,
-                          timestamp: t.timestamp,
-                          message: t.messages.length > 0 ? t.messages[0]?.content : ""
-                        }, T(!r);
-                      },
-                      children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Me, { size: "size-3", monotone: !0 }) })
-                    }
-                  )
-                }
-              )
-            ] })
-          ] })
-        ] }, `${se.HISTORY.TITLE}-${t.id}-${i}`) : null;
-      }) }),
-      /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(l, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ae(
-        `${a.length} chat`,
-        a.length
-      ) }) }) }) })
-    ] })
-  ] });
-}, je = ({
-  open: a,
-  onOpenChange: c
-}) => {
-  const { getAccessToken: d, user: m } = G(), { dispatch: o } = N(j), [g, y] = D([]), n = k(null), { state: r, dispatch: T } = N(Y), [C, A] = D(
-    r.sortDirection
-  ), { data: p, refetch: v } = be({
-    enabled: a,
-    user: m?.username || "",
-    searchString: r.searchString,
-    sortDirection: C,
-    getAccessToken: d
-  }), [, I] = q({
-    key: U + ce,
-    initialValue: r.searchString
-  });
-  L(() => {
-    r.sortDirection !== C && A(r.sortDirection);
-  }, [r, C]), L(() => {
-    p && y(p);
-  }, [p]);
-  const w = async (h) => {
-    I(h), T({
-      type: de,
-      payload: { searchString: h }
-    });
-  }, R = le((h) => {
-    w(h.target.value.trim());
-  }, 500);
-  return /* @__PURE__ */ s(ke, { open: a, onOpenChange: c, title: ne, children: [
-    /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (h) => {
-      h.preventDefault();
-    }, children: /* @__PURE__ */ e(
-      ie,
-      {
-        placeholder: "Search",
-        labelHidden: !0,
-        noBorder: !0,
-        autoCapitalize: "off",
-        autoComplete: "off",
-        autoCorrect: "off",
-        ref: n,
-        defaultValue: r.searchString,
-        focusMode: "light",
-        mode: "light",
-        name: "Search",
-        label: "Search",
-        onChange: R,
-        className: "my-2",
-        rightElement: /* @__PURE__ */ e("div", { className: "text-copy-dark", children: /* @__PURE__ */ e(
-          b,
-          {
-            mode: "dark",
-            focusMode: "dark",
-            label: "Search",
-            size: "small",
-            onClick: () => {
-              w(""), n.current?.value && (n.current.value = "", n.current.focus());
-            },
-            disabled: r.searchString === "",
-            children: r.searchString !== "" ? /* @__PURE__ */ e(Le, { monotone: !0, size: "size-3" }) : /* @__PURE__ */ e(Ve, { monotone: !0, size: "size-3" })
-          }
-        ) })
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ e(
-      Pe,
-      {
-        mutate: v,
-        filteredHistory: g,
-        dispatch: o,
-        onOpenChange: c
-      }
-    ) })
-  ] });
-};
-export {
-  je as HistoryPanel
-};