@versini/sassysaint 8.73.0 → 8.73.2

package/dist/chunks/HistoryEntry.CwveusV0.js

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

package/dist/chunks/{ProfileEntry.Naot3F9p.js → ProfileEntry.BSOMcinm.js}

@@ -1,6 +1,6 @@
-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 H, LazyToastContainerWrapper as $, oe as V } from "./App.Ck78giBC.js";
-import { n as q, i as J, useUserPreferences as Q, useServerCapabilities as X, x as Z, setUserPlan as ee, S as d, renderDataAsList as ae, CARDS as s, L as f, j as c, C as se, it as ne, isTauri as re, te, l as b, PROFILE_TITLE as le } from "./index.DTBMKq5O.js";
+import { jsxs as t, Fragment as $, jsx as e } from "react/jsx-runtime";
+import { preloadToast as D, showSuccessToast as K, showErrorToast as W, ConfirmationPanel as Y, LazyToastContainerWrapper as H, oe as V } from "./App.tbzd8U0K.js";
+import { n as q, i as J, useUserPreferences as Q, useServerCapabilities as X, j$1 as Z, setUserPlan as ee, S as d, renderDataAsList as ae, CARDS as s, L as f, j as c, C as se, it as ne, isTauri as re, te, l as b, PROFILE_TITLE as le } from "./index.CqtcPR4A.js";
 import ie from "clsx";
 import { useState as m, useMemo as ce, useCallback as P } from "react";
 const oe = () => {
@@ -10,7 +10,7 @@ const oe = () => {
     registeringForPasskey: k,
     authenticationType: y,
     getAccessToken: u
-  } = q(), [v, N] = m(null), [T, x] = m(!1), [F, C] = m(!1), [l, w] = m(null), U = J(), A = n?.username || "", {
+  } = 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
@@ -26,40 +26,40 @@ const oe = () => {
       (r) => Z[r] || r
     )
   })), [E, S?.plans]), g = P(() => {
-    T || (K(), x(!0));
-  }, [T]), z = P(async () => {
+    T || (D(), F(!0));
+  }, [T]), j = P(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 R(), await K(
           `${s.PLANS.SWITCH_SUCCESS} ${l.label}`,
           {
             containerId: "profile-plan-selection"
           }
         );
       } catch {
-        await Y(s.PLANS.SWITCH_ERROR, {
+        await W(s.PLANS.SWITCH_ERROR, {
           containerId: "profile-plan-selection"
         });
       } finally {
         N(null), w(null);
       }
-  }, [u, l, R, n?.username]), M = P(
+  }, [u, l, R, n?.username]), z = P(
     (a, r) => {
       !n?.username || a === p?.plan || (w({ id: a, label: r }), C(!0));
     },
     [p?.plan, n?.username]
   );
-  return h && A ? /* @__PURE__ */ t(D, { children: [
+  return h && A ? /* @__PURE__ */ t($, { children: [
     /* @__PURE__ */ e(
-      H,
+      Y,
       {
-        showConfirmation: F,
+        showConfirmation: x,
         setShowConfirmation: C,
-        action: z,
+        action: j,
         customStrings: {
           confirmAction: "Switch Plan",
           cancelAction: "Cancel",
@@ -72,7 +72,7 @@ const oe = () => {
         ] })
       }
     ),
-    /* @__PURE__ */ e("div", { className: "av-sassy", children: /* @__PURE__ */ e($, { containerId: "profile-plan-selection" }) }),
+    /* @__PURE__ */ e("div", { className: "av-sassy", children: /* @__PURE__ */ e(H, { containerId: "profile-plan-selection" }) }),
     /* @__PURE__ */ e(
       d,
       {
@@ -93,8 +93,8 @@ 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;
+          /* @__PURE__ */ e(f, { columnGap: 3, rowGap: 3, className: "mt-4", children: I.map(({ id: a, label: r, description: M, features: B, models: G }) => {
+            const o = p?.plan === a, O = 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__ */ t(c, { children: [
                 /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ t("div", { children: [
@@ -107,12 +107,12 @@ 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)) }),
+                /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: B.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) }),
                 /* @__PURE__ */ e("h4", { children: "Models" }),
-                /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: O.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) })
+                /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: G.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) })
               ] }),
               /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
                 se,
@@ -124,11 +124,11 @@ const oe = () => {
                   fullWidth: !0,
                   disabled: o || L,
                   onClick: () => {
-                    M(a, r);
+                    z(a, r);
                   },
                   onMouseEnter: g,
                   onFocus: g,
-                  children: L ? "Updating..." : j
+                  children: L ? "Updating..." : O
                 }
               ) })
             ] }) }) }, a);