@versini/sassysaint 8.44.2 → 8.45.0

package/dist/chunks/HistoryEntry.Bb3zh7jR.js

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

package/dist/chunks/{LNWAZHJI.BFyrX4cF.js → LNWAZHJI.CTyyKpQO.js}

@@ -1,4 +1,4 @@
-import { createContext as xe, createSignal as z, onMount as Dt, createEffect as B, createMemo as q, createComponent as m, Portal as qo, memo as me, Show as R, template as _, insert as k, createRenderEffect as N, className as A, clearDelegatedEvents as bs, delegateEvents as ir, useContext as we, onCleanup as U, sortFns as Hn, mutationSortFns as Vn, on as ct, setAttribute as D, getSidedProp as xs, use as Dn, batch as ws, getQueryStatusLabel as Ot, getMutationStatusColor as Rt, getQueryStatusColor as $s, getQueryStatusColorByLabel as Cs, displayValue as xn, For as Ss, convertRemToPixels as Kr, untrack as Kt, useTransition as ks, spread as Es, mergeProps as j, createRoot as Br, serialize as Ms, Index as Ds, updateNestedDataByPath as sr, addEventListener as As, stringify as Ts, Match as zn, Switch as Fs, deleteNestedDataByPath as Is, createUniqueId as Be, splitProps as X, Dynamic as Ps, createComputed as Ls, getPreferredColorScheme as Os } from "./index.BcjsrdyX.js";
+import { createContext as xe, createSignal as z, onMount as Dt, createEffect as B, createMemo as q, createComponent as m, Portal as qo, memo as me, Show as R, template as _, insert as k, createRenderEffect as N, className as A, clearDelegatedEvents as bs, delegateEvents as ir, useContext as we, onCleanup as U, sortFns as Hn, mutationSortFns as Vn, on as ct, setAttribute as D, getSidedProp as xs, use as Dn, batch as ws, getQueryStatusLabel as Ot, getMutationStatusColor as Rt, getQueryStatusColor as $s, getQueryStatusColorByLabel as Cs, displayValue as xn, For as Ss, convertRemToPixels as Kr, untrack as Kt, useTransition as ks, spread as Es, mergeProps as j, createRoot as Br, serialize as Ms, Index as Ds, updateNestedDataByPath as sr, addEventListener as As, stringify as Ts, Match as zn, Switch as Fs, deleteNestedDataByPath as Is, createUniqueId as Be, splitProps as X, Dynamic as Ps, createComputed as Ls, getPreferredColorScheme as Os } from "./index.f_L_h2JJ.js";
 var qs = (e) => e != null, _s = (e) => e.filter(qs);
 function Rs(e) {
   return (...t) => {

package/dist/chunks/{ProfileEntry.Cjd0chWx.js → ProfileEntry.TnqGqfzg.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { i as h, nt as S, tt as R } from "./App.BZtIT_71.js";
-import { n as u, S as a, renderDataAsList as N, CARDS as r, isTauri as P, ue as T, l as E, L as p, j as l, PROFILE_TITLE as C } from "./index.BcjsrdyX.js";
+import { i as h, nt as S, tt as R } from "./App.C12jugrG.js";
+import { n as u, S as a, renderDataAsList as N, CARDS as r, isTauri as P, ue as T, l as E, L as p, j as l, PROFILE_TITLE as C } from "./index.f_L_h2JJ.js";
 const A = () => {
   const { isAuthenticated: n, user: i, registeringForPasskey: o, authenticationType: c } = u(), d = h(), s = i?.username || "";
   return n && s ? /* @__PURE__ */ t(m, { children: [