@versini/sassysaint 8.118.3 → 8.119.0

package/dist/chunks/HistoryEntry.4GpBDf9x.js

@@ -0,0 +1,305 @@
+import { jsxs as i, jsx as a, Fragment as z } from "react/jsx-runtime";
+import { n as q, LOCAL_STORAGE_PREFIX as d, LOCAL_STORAGE_SORT_TIMESTAMP as X, LOCAL_STORAGE_SORT_TOKEN_USAGE as J, LOCAL_STORAGE_SORT as Z, y as x, LOCAL_STORAGE_CHAT_ID as $, useDeleteChat as ee, useToggleFavoriteChat as te, graphQLRequest as ae, SERVICE_TYPES as re, ACTION_SORT as se, V as oe, LOCAL_STORAGE_SEARCH as ie, LOCAL_STORAGE_FAVORITES_ONLY as ne, LOCAL_STORAGE_KEYWORD_MATCH_ALL as le, useChatsHistory as ce, useUserChatStats as de, ACTION_SEARCH as he } from "./index.o4ZD5ALX.js";
+import { InlineFilter as Ce, AnimatedWrapper as ue } from "./InlineFilter.Cv_LUpTp.js";
+import { HistoryContext as Q, ChatContext as me, SortDirections as c, APP_CLASSNAME as Se, TOAST_CHAT_DELETED as ye, HISTORY_TITLE as fe } from "./LogoEntry.CN5P16eA.js";
+import { useAiChat as Te, useLocalStorage as h, LazyToastContainerWrapper as pe, v4 as Ae, CHAT_RESET as ge, CHAT_SET_ATTACHMENTS as De, CHAT_SET_STATUS as _e, showErrorToast as Ee, ConfirmationPanel as Oe, Panel as ke, debounce as Le, Toggle as B, ButtonCancel as Re } from "./App.Bcw00dJK.js";
+import { useRef as K, useContext as Y, Suspense as ve, lazy as we, useState as I, useCallback as W, useEffect as He } from "react";
+const be = we(
+  () => import(
+    /* webpackChunkName: "history-datagrid" */
+    "./HistoryDataGrid.Bg984Jd_.js"
+  ).then(
+    (C) => ({ default: C.HistoryDataGrid })
+  )
+), Ie = ({
+  filteredHistory: C,
+  onOpenChange: f,
+  mutate: T,
+  isLoading: D = !1,
+  totalHistoryCount: _,
+  isFiltered: E = !1,
+  isSearchActive: O = !1,
+  requestConfirmation: u
+}) => {
+  const { user: r, getAccessToken: p } = q(), F = K({
+    id: "",
+    timestamp: "",
+    message: ""
+  }), { state: s, dispatch: N } = Y(Q), A = {
+    sortDirection: s.sortDirection || c.DESC,
+    sortedCell: s.sortedCell || x
+  }, {
+    setChatId: k,
+    setInitialMessages: L,
+    dispatch: m
+  } = Y(me), { setInput: S } = Te(), [g, R] = h({
+    key: d + X,
+    initialValue: c.DESC
+  }), [v, G] = h({
+    key: d + J,
+    initialValue: c.ASC
+  }), [, M] = h({
+    key: d + Z,
+    initialValue: x
+  }), [n] = h({
+    key: d + $,
+    initialValue: ""
+  }), { mutateAsync: V } = ee({ getAccessToken: p }), { mutateAsync: w } = te({
+    getAccessToken: p
+  }), H = (t) => {
+    const o = s.sortedCell === t;
+    let e, y;
+    switch (t) {
+      case x:
+        y = R, e = o ? s.sortDirection : g;
+        break;
+      case oe:
+        y = G, e = o ? s.sortDirection : v;
+        break;
+      default:
+        y = R, e = o ? s.sortDirection : g;
+        break;
+    }
+    const j = e === c.ASC ? c.DESC : c.ASC;
+    y(j), M(t), N({
+      type: se,
+      payload: {
+        sortedCell: t,
+        sortDirection: j
+      }
+    });
+  }, l = async (t) => {
+    try {
+      await V({
+        userId: r?.username || "",
+        id: t
+      }), T(""), await Ee(ye, {
+        autoClose: 2e3,
+        containerId: "history-table"
+      });
+    } catch {
+    }
+  }, P = async (t) => {
+    try {
+      const o = await p(), e = await ae({
+        accessToken: o,
+        type: re.GET_CHAT,
+        params: {
+          id: t.id
+        }
+      });
+      m({
+        type: _e,
+        payload: {
+          streaming: !1,
+          loading: !1,
+          restoring: !0,
+          restoredModel: e.data?.model || "",
+          restoredTimestamp: e.data?.timestamp || "",
+          restoredUsage: e.data?.tokenUsage || 0
+        }
+      }), S(""), k(t.id), L(e.data.messages), f(!1);
+    } catch {
+    }
+  }, b = (t) => {
+    F.current = {
+      id: t.id,
+      timestamp: t.timestamp,
+      message: t.summary
+    }, u(
+      () => l(t.id),
+      /* @__PURE__ */ i(z, { children: [
+        /* @__PURE__ */ a("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__ */ a("span", { className: "text-lg", children: t.timestamp })
+          ] }),
+          /* @__PURE__ */ i("li", { children: [
+            "First message: ",
+            /* @__PURE__ */ a("span", { className: "text-lg", children: t.summary })
+          ] })
+        ] })
+      ] })
+    ), n === t.id && (k(Ae()), L([]), S(""), m({
+      type: ge,
+      payload: {
+        privateChat: !1,
+        reasoningText: !1
+      }
+    }), m({
+      type: De,
+      payload: {
+        attachments: 0
+      }
+    }));
+  }, U = async (t) => {
+    try {
+      await w({
+        userId: r?.username || "",
+        id: t.id
+      }), T("");
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ a("div", { className: Se, children: /* @__PURE__ */ a(pe, { containerId: "history-table" }) }),
+    /* @__PURE__ */ a(ve, { fallback: /* @__PURE__ */ a("div", {}), children: /* @__PURE__ */ a(
+      be,
+      {
+        filteredHistory: C,
+        sortDirection: A.sortDirection,
+        sortedCell: A.sortedCell,
+        onSortChange: H,
+        onClickRestore: P,
+        onClickDelete: b,
+        onClickFavorite: U,
+        isLoading: D,
+        totalHistoryCount: _,
+        isFiltered: E,
+        isSearchActive: O,
+        activeChatId: n
+      }
+    ) })
+  ] });
+}, Pe = ({
+  open: C,
+  onOpenChange: f
+}) => {
+  const T = K(null), { getAccessToken: D, user: _ } = q(), [E, O] = I([]), u = K(null), { state: r, dispatch: p } = Y(Q), [, F] = h({
+    key: d + ie,
+    initialValue: r.searchString
+  }), [s, N] = h({
+    key: d + ne,
+    initialValue: !1
+  }), [A, k] = h({
+    key: d + le,
+    initialValue: !0
+  }), [L, m] = I(!1), [S, g] = I(null), [R, v] = I(null), G = W(
+    (e, y) => {
+      g(() => e), v(y), m(!0);
+    },
+    []
+  ), M = W(() => {
+    S && S(), g(null), v(null);
+  }, [S]), {
+    data: n,
+    refetch: V,
+    isLoading: w,
+    isError: H
+  } = ce({
+    enabled: C,
+    user: _?.username || "",
+    searchString: r.searchString || "",
+    sortDirection: r.sortDirection || c.DESC,
+    sortedCell: r.sortedCell || x,
+    getAccessToken: D,
+    keywordMatchAll: A
+  }), { data: l } = de({
+    user: _?.username,
+    getAccessToken: D
+  }), P = l && l.totalChats ? l.totalChats - l.privateChats - l.deletedChats : 0;
+  He(() => {
+    n && O(
+      s ? n.filter((e) => e.favoriteChat === !0) : n
+    );
+  }, [n, s]);
+  const b = async (e) => {
+    F(e), p({
+      type: he,
+      payload: { searchString: e }
+    });
+  }, U = Le((e) => {
+    b(e.target.value.trim());
+  }, 800), t = (e) => {
+    N(e);
+  }, o = (e) => {
+    k(e);
+  };
+  return /* @__PURE__ */ i(z, { children: [
+    /* @__PURE__ */ a(
+      Oe,
+      {
+        showConfirmation: L,
+        setShowConfirmation: m,
+        action: M,
+        customStrings: {
+          confirmAction: "Delete",
+          cancelAction: "Cancel",
+          title: "Delete chat"
+        },
+        children: R
+      }
+    ),
+    /* @__PURE__ */ a(
+      ke,
+      {
+        open: C,
+        onOpenChange: f,
+        title: fe,
+        animation: !0,
+        animationType: "fade",
+        blurEffect: "large",
+        initialFocus: T,
+        className: "h-full sm:h-max",
+        footer: /* @__PURE__ */ a("div", { className: "flex flex-wrap justify-end gap-x-2 pb-8 sm:pb-0", children: /* @__PURE__ */ a("div", { className: "box-border max-w-full basis-auto", children: /* @__PURE__ */ a(Re, { onOpenChange: f, ref: T }) }) }),
+        children: /* @__PURE__ */ i("div", { className: "flex h-full flex-col gap-4", children: [
+          /* @__PURE__ */ a(
+            Ce,
+            {
+              header: w && r.searchString ? "Loading..." : r.searchString ? "Filters applied" : "Filters",
+              toggles: /* @__PURE__ */ i(z, { children: [
+                /* @__PURE__ */ a(
+                  B,
+                  {
+                    name: "favorites-only",
+                    checked: s,
+                    onChange: t,
+                    label: "Show favorites only",
+                    narrow: !0,
+                    noBorder: !0
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  B,
+                  {
+                    name: "keyword-match-all",
+                    checked: A,
+                    onChange: o,
+                    label: "Match all keywords",
+                    narrow: !0,
+                    noBorder: !0
+                  }
+                )
+              ] }),
+              inputSearchRef: u,
+              onSearchChange: U,
+              defaultValue: r.searchString,
+              resetDisabled: r.searchString === "",
+              onResetSearch: () => {
+                b(""), u.current?.value && (u.current.value = "", u.current.focus());
+              }
+            }
+          ),
+          H && /* @__PURE__ */ a("p", { className: "m-0 text-copy-error-light", children: "Failed to load history." }),
+          !H && /* @__PURE__ */ a(ue, { dependency: E?.length ?? 0, children: /* @__PURE__ */ a(
+            Ie,
+            {
+              mutate: V,
+              filteredHistory: E,
+              onOpenChange: f,
+              isLoading: w,
+              totalHistoryCount: P,
+              isFiltered: !!(r.searchString || s),
+              isSearchActive: !!r.searchString,
+              requestConfirmation: G
+            }
+          ) })
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  Pe as HistoryPanel
+};

package/dist/chunks/InlineFilter.Cv_LUpTp.js

@@ -0,0 +1,123 @@
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { useRef as m, useState as A, useLayoutEffect as x } from "react";
+import { IconSearch as N, Button as b } from "./LogoEntry.CN5P16eA.js";
+import { Card as S } from "./index.tqKeN7sl.js";
+import { TextInput as v } from "./index.CZRaE0eA.js";
+const F = 300;
+function H(e, c) {
+  const { duration: n = F, enabled: i = !0 } = c ?? {}, r = m(null), [t, a] = A({
+    height: "auto",
+    isAnimating: !1
+  }), l = m(0), f = m(e), o = m(0), u = m(null);
+  x(() => {
+    if (!r.current || !i)
+      return;
+    if (l.current === 0) {
+      l.current = r.current.offsetHeight, f.current = e;
+      return;
+    }
+    if (f.current === e)
+      return;
+    f.current = e;
+    const h = l.current, d = r.current.scrollHeight;
+    if (l.current = d, !(h === d || h === 0))
+      return u.current && clearTimeout(u.current), o.current && cancelAnimationFrame(o.current), a({
+        height: h,
+        isAnimating: !0
+      }), o.current = requestAnimationFrame(() => {
+        o.current = requestAnimationFrame(() => {
+          a({
+            height: d,
+            isAnimating: !0
+          }), u.current = setTimeout(() => {
+            a({
+              height: "auto",
+              isAnimating: !1
+            });
+          }, n);
+        });
+      }), () => {
+        u.current && clearTimeout(u.current), o.current && cancelAnimationFrame(o.current);
+      };
+  }, [
+    e,
+    n,
+    i
+  ]);
+  const p = i ? {
+    height: t.height === "auto" ? "auto" : `${t.height}px`,
+    overflow: t.isAnimating ? "hidden" : void 0,
+    transition: t.isAnimating ? `height ${n}ms ease-out` : void 0
+  } : {};
+  return {
+    ref: r,
+    style: p,
+    isAnimating: t.isAnimating
+  };
+}
+const k = ({ children: e, dependency: c, duration: n, enabled: i = !0, className: r }) => {
+  const { ref: t, style: a } = H(c, {
+    duration: n,
+    enabled: i
+  });
+  return /* @__PURE__ */ s("div", {
+    ref: t,
+    style: a,
+    className: r,
+    children: e
+  });
+}, w = ({
+  header: e,
+  toggles: c,
+  inputSearchRef: n,
+  onSearchChange: i,
+  onResetSearch: r,
+  defaultValue: t,
+  resetDisabled: a = !1
+}) => /* @__PURE__ */ g(
+  S,
+  {
+    header: e,
+    className: "prose-dark dark:prose-lighter mb-4",
+    noBorder: !0,
+    compact: !0,
+    children: [
+      /* @__PURE__ */ s(
+        v,
+        {
+          placeholder: "Search",
+          labelHidden: !0,
+          noBorder: !0,
+          autoCapitalize: "off",
+          autoComplete: "off",
+          autoCorrect: "off",
+          ref: n,
+          defaultValue: t,
+          mode: "alt-system",
+          name: "Search",
+          label: "Search",
+          onChange: i,
+          className: "my-2",
+          rightElement: /* @__PURE__ */ s("div", { className: "dark:text-copy-dark text-copy-light", children: /* @__PURE__ */ s(N, { monotone: !0, size: "size-3" }) })
+        }
+      ),
+      /* @__PURE__ */ g("div", { className: "flex flex-col justify-between sm:flex-row gap-2 sm:mb-0 mb-1", children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-col sm:flex-row gap-2 order-1 sm:order-0", children: c }),
+        /* @__PURE__ */ s(
+          b,
+          {
+            mode: "light",
+            size: "small",
+            disabled: a,
+            onClick: r,
+            children: "Reset Search"
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  k as AnimatedWrapper,
+  w as InlineFilter
+};

package/dist/chunks/{LoginEntry.BzDE1Poe.js → LoginEntry.5bQhuYQl.js}

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { n as N, getLayoutPaddingClass as C, getMessageContaintWrapperClass as v, isTauri as w } from "./index.CK-6GwI_.js";
-import { Logo as k, PASSWORD_PLACEHOLDER as M, ButtonIcon as u, IconShow as I, IconHide as L, Button as y, LOG_IN as E, LOG_IN_PASSKEY as S, IconPasskey as P } from "./LogoEntry.cAcKJnnq.js";
-import { Card as B } from "./index.BYnYkgl6.js";
-import { TextInput as O, TextInputMask as T } from "./index.5G9kbS3g.js";
+import { n as N, getLayoutPaddingClass as C, getMessageContaintWrapperClass as v, isTauri as w } from "./index.o4ZD5ALX.js";
+import { Logo as k, PASSWORD_PLACEHOLDER as M, ButtonIcon as u, IconShow as I, IconHide as L, Button as y, LOG_IN as E, LOG_IN_PASSKEY as S, IconPasskey as P } from "./LogoEntry.CN5P16eA.js";
+import { Card as B } from "./index.tqKeN7sl.js";
+import { TextInput as O, TextInputMask as T } from "./index.CZRaE0eA.js";
 import { useState as r, useEffect as f } from "react";
 const G = () => {
   const { login: h, logoutReason: o, loginWithPasskey: g } = N(), [t, l] = r(""), [d, n] = r(""), [m, p] = r(!0), [s, c] = r({