@versini/sassysaint 8.35.2 → 8.36.0

package/dist/chunks/HistoryEntry.BjH7O284.js

@@ -1,446 +0,0 @@
-import { jsxs as a, jsx as e, Fragment as te } from "react/jsx-runtime";
-import { I as H, n as j, INFINITE_SCROLL_LIMIT as P, INFINITE_SCROLL_THRESHOLD as V, LOCAL_STORAGE_PREFIX as q, LOCAL_STORAGE_SORT as se, APP_CLASSNAME as ae, numberFormatter as re, ue as z, CARDS as oe, pluralize as ne, ACTION_SORT as $, isProbablyMobile as ce, TOAST_CHAT_DELETED as ie, TOAST_PROVIDER_CHANGED as le, LOCAL_STORAGE_SEARCH as de, HISTORY_TITLE as me, pe as he, debounce as ue, ACTION_SEARCH as pe } from "./index.Bx_do3Wo.js";
-import { HistoryContext as W, ChatContext as X, useAiChat as Ce, E as J, useUserPreferences as ge, ConfirmationPanel as ye, LazyToastContainerWrapper as Se, De as xe, He as fe, qe as R, Pe as n, Ye as F, Ge as Te, k as ve, a as we, p as De, p$1 as Ee, st as U, Fe as Ne, mutateCall as G, SERVICE_TYPES as Y, showErrorToast as Ae, E$1 as f, O as Ie, n as be, t as ke, setNewProvider as Re, CHAT_SET_PROVIDER as ze, showSuccessToast as _e, CHAT_SET_STATUS as Le, useChatsHistory as He, tt as Oe, a$1 as Me } from "./App.jScnP0cm.js";
-import { useRef as _, useState as A, useContext as I, useCallback as Be, useEffect as L, Fragment as Pe } from "react";
-const Ve = ({
-  className: r,
-  viewBox: c,
-  title: l,
-  monotone: d,
-  ...o
-}) => /* @__PURE__ */ a(
-  H,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: c,
-    className: r,
-    title: l || "Delete",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M32 96v352c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16z",
-          opacity: d ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ e("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0z" })
-    ]
-  }
-), $e = ({
-  className: r,
-  viewBox: c,
-  title: l,
-  monotone: d,
-  ...o
-}) => /* @__PURE__ */ a(
-  H,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: c,
-    className: r,
-    title: l || "Restore",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          d: "M128 80v16h64V80c0-8.8 7.2-16 16-16h224c8.8 0 16 7.2 16 16v224c0 8.8-7.2 16-16 16h-16v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80",
-          opacity: d ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ e("path", { d: "M64 128c-35.3 0-64 28.7-64 64v256c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64zm32 64h192c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32" })
-    ]
-  }
-), Fe = ({
-  className: r,
-  viewBox: c,
-  title: l,
-  monotone: d,
-  ...o
-}) => /* @__PURE__ */ a(
-  H,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: c,
-    className: r,
-    title: l || "Search",
-    ...o,
-    children: [
-      /* @__PURE__ */ e(
-        "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: d ? "1" : "0.4"
-        }
-      ),
-      /* @__PURE__ */ e("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" })
-    ]
-  }
-), Ue = {
-  [ke]: Ee,
-  [be]: De,
-  [Ie]: we
-}, Ge = ({
-  filteredHistory: r,
-  dispatch: c,
-  onOpenChange: l,
-  mutate: d
-}) => {
-  const { user: o, getAccessToken: y } = j(), T = ce(), h = _(null), s = _({
-    id: "",
-    timestamp: "",
-    message: ""
-  }), [v, C] = A(!1), [w, S] = A(
-    P + V
-  ), { state: u, dispatch: D } = I(W), {
-    state: { provider: E },
-    setChatId: b,
-    setInitialMessages: O
-  } = I(X), { setInput: p } = Ce(), [, M] = J({
-    key: q + se,
-    initialValue: u.sortDirection
-  }), { refetch: K } = ge({
-    user: o?.username,
-    getAccessToken: y
-  }), B = (t) => {
-    switch (u.sortDirection) {
-      case f.ASC:
-        M(f.DESC), D({
-          type: $,
-          payload: {
-            sortedCell: t,
-            sortDirection: f.DESC
-          }
-        });
-        break;
-      default:
-        M(f.ASC), D({
-          type: $,
-          payload: {
-            sortedCell: t,
-            sortDirection: f.ASC
-          }
-        });
-        break;
-    }
-  }, Q = async () => {
-    const t = s.current;
-    try {
-      await G({
-        accessToken: await y(),
-        type: Y.DELETE_CHAT,
-        params: {
-          userId: o?.username || "",
-          id: t.id
-        }
-      }), d(""), await Ae(ie, {
-        autoClose: 2e3,
-        containerId: "history-table"
-      });
-    } catch {
-    }
-  }, Z = async (t, i, x, g, N, k) => {
-    try {
-      const m = await G({
-        accessToken: g,
-        type: Y.GET_CHAT,
-        params: {
-          id: t.id
-        }
-      });
-      m.status === 200 && (m.data.provider !== k && (await Re({
-        provider: m.data.provider,
-        accessToken: g,
-        username: N
-      }), i({
-        type: ze,
-        payload: {
-          provider: m.data.provider
-        }
-      }), K(), await _e(
-        `${le} ${m.data.provider}`,
-        {
-          containerId: "toggle-provider"
-        }
-      )), i({
-        type: Le,
-        payload: {
-          restoring: !0,
-          restoredModel: m.data?.model || "",
-          restoredUsage: m.data?.tokenUsage || 0
-        }
-      }), p(""), b(t.id), O(m.data.messages), x(!1));
-    } catch {
-    }
-  }, ee = Be((t) => {
-    t[0].isIntersecting && S((x) => x + P);
-  }, []);
-  return L(() => {
-    const t = {
-      // root: null,
-      rootMargin: "20px"
-    }, i = new IntersectionObserver(ee, t);
-    h.current && i.observe(h.current);
-  }), /* @__PURE__ */ a(te, { children: [
-    /* @__PURE__ */ a(
-      ye,
-      {
-        showConfirmation: v,
-        setShowConfirmation: C,
-        action: Q,
-        customStrings: {
-          confirmAction: "Delete",
-          cancelAction: "Cancel",
-          title: "Delete chat"
-        },
-        children: [
-          /* @__PURE__ */ e("p", { className: "m-0", children: "Are you sure you want to delete the following chat:" }),
-          /* @__PURE__ */ a("ul", { className: "m-0", children: [
-            /* @__PURE__ */ a("li", { children: [
-              "Timestamp:",
-              " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: s.current && s.current.timestamp })
-            ] }),
-            /* @__PURE__ */ a("li", { children: [
-              "First message:",
-              " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: s.current?.message })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: ae, children: /* @__PURE__ */ e(Se, { containerId: "history-table" }) }),
-    /* @__PURE__ */ a(xe, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-      /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ a(R, { children: [
-        /* @__PURE__ */ e(n, { className: "sr-only", children: "Row" }),
-        /* @__PURE__ */ e(
-          F,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: "timestamp",
-            align: "left",
-            sortDirection: u.sortDirection,
-            sortedCell: u.sortedCell,
-            onClick: () => {
-              B("timestamp");
-            },
-            children: "Date"
-          }
-        ),
-        /* @__PURE__ */ e(n, { className: "text-xs sm:text-sm", children: "Summary" }),
-        /* @__PURE__ */ e(n, { className: "text-xs sm:text-sm", children: "Provider" }),
-        !T && /* @__PURE__ */ e(
-          F,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: "tokenUsage",
-            align: "right",
-            sortDirection: u.sortDirection,
-            sortedCell: u.sortedCell,
-            onClick: () => {
-              B("tokenUsage");
-            },
-            children: "Tokens"
-          }
-        ),
-        /* @__PURE__ */ e(n, { className: "text-xs sm:text-sm text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ e(Te, { children: r.slice(0, w).map((t, i) => {
-        const x = t.summary || (t.messages.length > 0 ? t.messages[0]?.content : ""), g = t.model ? ve(t.model) : null, N = g ? Ue[g] : null;
-        return t?.messages?.length > 0 ? /* @__PURE__ */ a(Pe, { children: [
-          i === w - V && /* @__PURE__ */ e("tr", { ref: h }),
-          /* @__PURE__ */ a(R, { children: [
-            /* @__PURE__ */ e(n, { children: i + 1 }),
-            /* @__PURE__ */ e(
-              n,
-              {
-                component: "th",
-                scope: "row",
-                className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-                children: t.timestamp.split(",")[0]
-              }
-            ),
-            /* @__PURE__ */ e(
-              n,
-              {
-                className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-                style: {
-                  wordBreak: "break-word"
-                },
-                children: x
-              }
-            ),
-            /* @__PURE__ */ e(
-              n,
-              {
-                component: "th",
-                scope: "row",
-                className: "text-gray-400",
-                align: "center",
-                children: N ? /* @__PURE__ */ e(
-                  N,
-                  {
-                    size: "size-4 sm:size-5",
-                    semantic: !0,
-                    title: t.model || g
-                  }
-                ) : null
-              }
-            ),
-            !T && /* @__PURE__ */ e(
-              n,
-              {
-                className: "text-gray-400 text-xs sm:text-sm",
-                align: "right",
-                children: t.tokenUsage ? re.format(t.tokenUsage) : "0"
-              }
-            ),
-            /* @__PURE__ */ a(n, { align: "right", children: [
-              /* @__PURE__ */ e(
-                U,
-                {
-                  label: "Restore chat",
-                  mode: "alt-system",
-                  placement: "top",
-                  trigger: /* @__PURE__ */ e(
-                    z,
-                    {
-                      className: "mr-2",
-                      focusMode: "alt-system",
-                      noBorder: !0,
-                      label: "Restore chat",
-                      onClick: async () => {
-                        const k = await y();
-                        Z(
-                          t,
-                          c,
-                          l,
-                          k,
-                          o?.username || "",
-                          E
-                        );
-                      },
-                      children: /* @__PURE__ */ e($e, { size: "size-3", monotone: !0 })
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(
-                U,
-                {
-                  label: "Delete chat",
-                  mode: "alt-system",
-                  placement: "top",
-                  trigger: /* @__PURE__ */ e(
-                    z,
-                    {
-                      focusMode: "alt-system",
-                      noBorder: !0,
-                      label: "Delete chat",
-                      onClick: () => {
-                        s.current = {
-                          id: t.id,
-                          timestamp: t.timestamp,
-                          message: t.messages.length > 0 ? t.messages[0]?.content : ""
-                        }, C(!v);
-                      },
-                      children: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ e(Ve, { size: "size-3", monotone: !0 }) })
-                    }
-                  )
-                }
-              )
-            ] })
-          ] })
-        ] }, `${oe.HISTORY.TITLE}-${t.id}-${i}`) : null;
-      }) }),
-      /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(n, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ne(
-        `${r.length} chat`,
-        r.length
-      ) }) }) }) })
-    ] })
-  ] });
-}, Xe = ({
-  open: r,
-  onOpenChange: c
-}) => {
-  const { getAccessToken: l, user: d } = j(), { dispatch: o } = I(X), [y, T] = A([]), h = _(null), { state: s, dispatch: v } = I(W), [C, w] = A(
-    s.sortDirection
-  ), { data: S, refetch: u } = He({
-    enabled: r,
-    user: d?.username || "",
-    searchString: s.searchString,
-    sortDirection: C,
-    sortedCell: s.sortedCell,
-    getAccessToken: l
-  }), [, D] = J({
-    key: q + de,
-    initialValue: s.searchString
-  });
-  L(() => {
-    s.sortDirection !== C && w(s.sortDirection);
-  }, [s, C]), L(() => {
-    S && T(S);
-  }, [S]);
-  const E = async (p) => {
-    D(p), v({
-      type: pe,
-      payload: { searchString: p }
-    });
-  }, b = ue((p) => {
-    E(p.target.value.trim());
-  }, 500);
-  return /* @__PURE__ */ a(Oe, { open: r, onOpenChange: c, title: me, children: [
-    /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (p) => {
-      p.preventDefault();
-    }, children: /* @__PURE__ */ e(
-      he,
-      {
-        placeholder: "Search",
-        labelHidden: !0,
-        noBorder: !0,
-        autoCapitalize: "off",
-        autoComplete: "off",
-        autoCorrect: "off",
-        ref: h,
-        defaultValue: s.searchString,
-        focusMode: "light",
-        mode: "light",
-        name: "Search",
-        label: "Search",
-        onChange: b,
-        className: "my-2",
-        rightElement: /* @__PURE__ */ e("div", { className: "text-copy-dark", children: /* @__PURE__ */ e(
-          z,
-          {
-            mode: "dark",
-            focusMode: "dark",
-            label: "Search",
-            size: "small",
-            onClick: () => {
-              E(""), h.current?.value && (h.current.value = "", h.current.focus());
-            },
-            disabled: s.searchString === "",
-            children: s.searchString !== "" ? /* @__PURE__ */ e(Me, { monotone: !0, size: "size-3" }) : /* @__PURE__ */ e(Fe, { monotone: !0, size: "size-3" })
-          }
-        ) })
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ e(
-      Ge,
-      {
-        mutate: u,
-        filteredHistory: y,
-        dispatch: o,
-        onOpenChange: c
-      }
-    ) })
-  ] });
-};
-export {
-  Xe as HistoryPanel
-};