@versini/sassysaint 8.81.1 → 8.83.0

package/dist/chunks/ChatHistoryTable.CZe2E7YV.js

@@ -1,237 +0,0 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { f as p, h as u, INFINITE_SCROLL_THRESHOLD as k, CARDS as D, pluralize as T, ButtonIcon as d, IconRestore as y, IconStarInCircle as U, IconStarInCircleLight as z, IconDelete as P, numberFormatter as L, C as _, IconGoogleGemini as G, IconOpenAI as $, IconAnthropic as B, isProbablyMobile as K, K as W, q as Y, E as H } from "./index.8j5Dq4sI.js";
-import { W as F, j as V, G as h, H as j, M as n, F as N } from "./index.BPUn0gZ3.js";
-import { Tooltip as x } from "./App.DXUu7noN.js";
-import l from "clsx";
-import { Fragment as q } from "react";
-const J = {
-  [H]: B,
-  [Y]: $,
-  [W]: G
-}, s = {
-  ROW: "row",
-  TIMESTAMP: p,
-  SUMMARY: "summary",
-  PROVIDER: "provider",
-  TOKEN_USAGE: u,
-  ACTIONS: "actions"
-}, Q = [
-  s.ROW,
-  s.TIMESTAMP,
-  s.SUMMARY,
-  s.ACTIONS
-], X = [
-  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 = K() ? Q : X, 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;
-    }
-  }, b = (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 ? J[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(
-            x,
-            {
-              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(
-            x,
-            {
-              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(
-            x,
-            {
-              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(F, { 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(V, { children: /* @__PURE__ */ e(h, { children: M.map((t) => w(t)) }) }),
-    /* @__PURE__ */ e(j, { children: I && c.length === 0 ? /* @__PURE__ */ e(h, { 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(q, { children: [
-      r === g - k && /* @__PURE__ */ e("tr", { ref: A }),
-      /* @__PURE__ */ e(h, { children: M.map(
-        (i) => b(i, t, r)
-      ) })
-    ] }, `${D.HISTORY.TITLE}-${t.id}-${r}`) : null) })
-  ] });
-};
-export {
-  le as ChatHistoryTable
-};

package/dist/chunks/HistoryEntry.wQYZDKWF.js

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