@versini/sassysaint 8.76.0 → 8.77.0

package/dist/chunks/HistoryEntry.DarYFRIp.js

@@ -0,0 +1,316 @@
+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, useLocalStorage as p, LOCAL_STORAGE_PREFIX as y, LOCAL_STORAGE_SORT_TIMESTAMP as se, 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.BcYESdDV.js";
+import { HistoryContext as U, ChatContext as B, useAiChat as Le, e as h, 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.CusyBC2e.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.D9mUtUwJ.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
+};

package/dist/chunks/{ProfileEntry.Bb-kLfDX.js → ProfileEntry.C_Y--pVY.js}

@@ -1,23 +1,23 @@
 import { jsxs as t, Fragment as D, jsx as e } from "react/jsx-runtime";
-import { preloadToast as K, showSuccessToast as W, showErrorToast as Y, ConfirmationPanel as $, LazyToastContainerWrapper as H, oe as V } from "./App.CtFpHv2O.js";
-import { n as q, i as J, useUserPreferences as Q, useServerCapabilities as X, N as Z, setUserPlan as ee, S as d, renderDataAsList as ae, CARDS as s, L as f, j as c, C$1 as se, it as ne, isTauri as re, te, l as b, PROFILE_TITLE as le } from "./index.Czv_1MTM.js";
+import { preloadToast as K, showSuccessToast as W, showErrorToast as Y, ConfirmationPanel as H, LazyToastContainerWrapper as $, Panel as V } from "./App.CusyBC2e.js";
+import { n as q, useUniqueId as J, useUserPreferences as Q, useServerCapabilities as X, N as Z, setUserPlan as ee, Card as d, renderDataAsList as ae, CARDS as s, L as P, j as c, Button as se, it as ne, isTauri as re, ButtonIcon as te, IconPasskey as L, PROFILE_TITLE as le } from "./index.BcYESdDV.js";
 import ie from "clsx";
-import { useState as m, useMemo as ce, useCallback as P } from "react";
+import { useState as m, useMemo as ce, useCallback as f } from "react";
 const oe = () => {
   const {
     isAuthenticated: h,
     user: n,
-    registeringForPasskey: k,
+    registeringForPasskey: b,
     authenticationType: y,
     getAccessToken: u
   } = q(), [v, N] = m(null), [T, F] = m(!1), [x, C] = m(!1), [l, w] = m(null), U = J(), A = n?.username || "", {
     data: p,
     isSuccess: _,
-    refetch: R
+    refetch: I
   } = Q({
     user: n?.username,
     getAccessToken: u
-  }), { data: S, isSuccess: E } = X(), I = ce(() => !E || !S?.plans ? [] : S.plans.map((a) => ({
+  }), { data: E, isSuccess: S } = X(), R = ce(() => !S || !E?.plans ? [] : E.plans.map((a) => ({
     id: a.name,
     label: a.label,
     description: a.description,
@@ -25,16 +25,16 @@ const oe = () => {
     models: a.allowedModels.map(
       (r) => Z[r] || r
     )
-  })), [E, S?.plans]), g = P(() => {
+  })), [S, E?.plans]), g = f(() => {
     T || (K(), F(!0));
-  }, [T]), z = P(async () => {
+  }, [T]), z = f(async () => {
     if (!(!l || !n?.username))
       try {
         N(l.id), await ee({
           plan: l.id,
           accessToken: await u(),
           username: n.username
-        }), await R(), await W(
+        }), await I(), await W(
           `${s.PLANS.SWITCH_SUCCESS} ${l.label}`,
           {
             containerId: "profile-plan-selection"
@@ -47,7 +47,7 @@ const oe = () => {
       } finally {
         N(null), w(null);
       }
-  }, [u, l, R, n?.username]), M = P(
+  }, [u, l, I, n?.username]), B = f(
     (a, r) => {
       !n?.username || a === p?.plan || (w({ id: a, label: r }), C(!0));
     },
@@ -55,7 +55,7 @@ const oe = () => {
   );
   return h && A ? /* @__PURE__ */ t(D, { children: [
     /* @__PURE__ */ e(
-      $,
+      H,
       {
         showConfirmation: x,
         setShowConfirmation: C,
@@ -72,7 +72,7 @@ const oe = () => {
         ] })
       }
     ),
-    /* @__PURE__ */ e("div", { className: "av-sassy", children: /* @__PURE__ */ e(H, { containerId: "profile-plan-selection" }) }),
+    /* @__PURE__ */ e("div", { className: "av-sassy", children: /* @__PURE__ */ e($, { containerId: "profile-plan-selection" }) }),
     /* @__PURE__ */ e(
       d,
       {
@@ -85,7 +85,7 @@ const oe = () => {
         })
       }
     ),
-    _ && E && I.length > 0 && /* @__PURE__ */ t(
+    _ && S && R.length > 0 && /* @__PURE__ */ t(
       d,
       {
         header: s.PLANS.TITLE,
@@ -93,9 +93,9 @@ const oe = () => {
         noBorder: !0,
         children: [
           /* @__PURE__ */ e("p", { className: "text-sm", children: s.PLANS.DESCRIPTION }),
-          /* @__PURE__ */ e(f, { columnGap: 3, rowGap: 3, className: "mt-4", children: I.map(({ id: a, label: r, description: B, features: G, models: O }) => {
-            const o = p?.plan === a, j = o ? s.PLANS.ACTIVE_BADGE : `Get ${r}`, L = v === a;
-            return /* @__PURE__ */ e(c, { span: { fallback: 12, md: 4 }, children: /* @__PURE__ */ e(d, { mode: "darker", className: "prose-lighter h-full", children: /* @__PURE__ */ t(f, { direction: "column", children: [
+          /* @__PURE__ */ e(P, { columnGap: 3, rowGap: 3, className: "mt-4", children: R.map(({ id: a, label: r, description: M, features: G, models: O }) => {
+            const o = p?.plan === a, j = o ? s.PLANS.ACTIVE_BADGE : `Get ${r}`, k = v === a;
+            return /* @__PURE__ */ e(c, { span: { fallback: 12, md: 4 }, children: /* @__PURE__ */ e(d, { mode: "darker", className: "prose-lighter h-full", children: /* @__PURE__ */ t(P, { direction: "column", children: [
               /* @__PURE__ */ t(c, { children: [
                 /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ t("div", { children: [
                   /* @__PURE__ */ e(
@@ -107,7 +107,7 @@ const oe = () => {
                       children: r
                     }
                   ),
-                  /* @__PURE__ */ e("p", { className: "mb-0 text-sm opacity-80", children: B })
+                  /* @__PURE__ */ e("p", { className: "mb-0 text-sm opacity-80", children: M })
                 ] }) }),
                 /* @__PURE__ */ e("h4", { children: "Features" }),
                 /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: G.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) }),
@@ -122,13 +122,13 @@ const oe = () => {
                   variant: o ? "selected" : "secondary",
                   className: "mt-4",
                   fullWidth: !0,
-                  disabled: o || L,
+                  disabled: o || k,
                   onClick: () => {
-                    M(a, r);
+                    B(a, r);
                   },
                   onMouseEnter: g,
                   onFocus: g,
-                  children: L ? "Updating..." : j
+                  children: k ? "Updating..." : j
                 }
               ) })
             ] }) }) }, a);
@@ -141,8 +141,8 @@ const oe = () => {
       {
         className: "prose-dark dark:prose-lighter mt-4",
         noBorder: !0,
-        header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ t(f, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(b, { size: "size-8" }) }),
+        header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ t(P, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(L, { size: "size-8" }) }),
           /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e("div", { children: s.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
@@ -153,16 +153,16 @@ const oe = () => {
               variant: "selected",
               size: "small",
               className: "mt-2",
-              onClick: k,
+              onClick: b,
               labelLeft: s.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ e(b, { size: "size-5", monotone: !0 })
+              children: /* @__PURE__ */ e(L, { size: "size-5", monotone: !0 })
             }
           )
         ]
       }
     )
   ] }) : null;
-}, Se = ({
+}, Ee = ({
   open: h,
   onOpenChange: n
 }) => /* @__PURE__ */ e(
@@ -177,5 +177,5 @@ const oe = () => {
   }
 );
 export {
-  Se as Profile
+  Ee as Profile
 };