@versini/sassysaint 8.44.1 → 8.44.3

package/dist/chunks/HistoryEntry.DSiLUTEb.js

@@ -1,538 +0,0 @@
-import { jsxs as h, jsx as e, Fragment as ne } from "react/jsx-runtime";
-import { I as z, ue$1 as A, pe as M, INFINITE_SCROLL_THRESHOLD as F, CARDS as ce, pluralize as ie, ue as I, numberFormatter as le, Ae as de, isProbablyMobile as me, E as he, a as ue, i as pe, n as Y, INFINITE_SCROLL_LIMIT as U, LOCAL_STORAGE_PREFIX as v, LOCAL_STORAGE_SORT_TIMESTAMP as Ce, LOCAL_STORAGE_SORT_TOKEN_USAGE as Se, LOCAL_STORAGE_SORT as Te, APP_CLASSNAME as ge, ACTION_SORT as Ee, TOAST_CHAT_DELETED as xe, TOAST_PROVIDER_CHANGED as fe, LOCAL_STORAGE_SEARCH as ye, HISTORY_TITLE as Ae, pe$1 as De, debounce as Oe, ACTION_SEARCH as Re } from "./index.B2mnuHfs.js";
-import { De as Ne, He as ve, qe as k, Ge as we, Fe as Me, Pe as C, Ye as V, st as $, p$1 as _e, z as ke, p$2 as Ie, HistoryContext as K, ChatContext as W, useAiChat as be, E as w, E$1 as y, useUserPreferences as Le, ConfirmationPanel as ze, LazyToastContainerWrapper as He, mutateCall as B, SERVICE_TYPES as G, showErrorToast as Pe, setNewProvider as Ue, CHAT_SET_PROVIDER as Ve, showSuccessToast as $e, CHAT_SET_STATUS as Be, useChatsHistory as Ge, tt as Fe, a as Ye } from "./App.B_z-iC81.js";
-import { Fragment as Ke, useRef as b, useState as L, useContext as _, useCallback as We, useEffect as j } from "react";
-const je = ({
-  className: c,
-  viewBox: o,
-  title: d,
-  monotone: m,
-  ...i
-}) => /* @__PURE__ */ h(
-  z,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: o,
-    className: c,
-    title: d || "Delete",
-    ...i,
-    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: m ? "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" })
-    ]
-  }
-), qe = ({
-  className: c,
-  viewBox: o,
-  title: d,
-  monotone: m,
-  ...i
-}) => /* @__PURE__ */ h(
-  z,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: o,
-    className: c,
-    title: d || "Restore",
-    ...i,
-    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: m ? "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" })
-    ]
-  }
-), Xe = ({
-  className: c,
-  viewBox: o,
-  title: d,
-  monotone: m,
-  ...i
-}) => /* @__PURE__ */ h(
-  z,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: o,
-    className: c,
-    title: d || "Search",
-    ...i,
-    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: m ? "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" })
-    ]
-  }
-), Je = {
-  [pe]: Ie,
-  [ue]: ke,
-  [he]: _e
-}, r = {
-  ROW: "row",
-  TIMESTAMP: A,
-  SUMMARY: "summary",
-  PROVIDER: "provider",
-  TOKEN_USAGE: M,
-  ACTIONS: "actions"
-}, Qe = [
-  r.ROW,
-  r.TIMESTAMP,
-  r.SUMMARY,
-  r.ACTIONS
-], Ze = [
-  r.ROW,
-  r.SUMMARY,
-  r.TIMESTAMP,
-  r.TOKEN_USAGE,
-  r.PROVIDER,
-  r.ACTIONS
-], et = ({
-  filteredHistory: c,
-  historyState: o,
-  lastEntryToLoad: d,
-  onClickSort: m,
-  onClickRestore: i,
-  onClickDelete: E,
-  infinityScrollMarkerRef: x
-}) => {
-  const l = me() ? Qe : Ze, D = (t) => {
-    switch (t) {
-      case r.ROW:
-        return /* @__PURE__ */ e(C, { className: "sr-only", children: "Row" }, t);
-      case r.TIMESTAMP:
-        return /* @__PURE__ */ e(
-          V,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: A,
-            align: "left",
-            sortDirection: o.sortDirection,
-            sortedCell: o.sortedCell,
-            onClick: () => {
-              m(A);
-            },
-            children: "Date"
-          },
-          t
-        );
-      case r.SUMMARY:
-        return /* @__PURE__ */ e(C, { className: "text-xs sm:text-sm", children: "Summary" }, t);
-      case r.PROVIDER:
-        return /* @__PURE__ */ e(C, { className: "text-xs sm:text-sm", children: "Provider" }, t);
-      case r.TOKEN_USAGE:
-        return /* @__PURE__ */ e(
-          V,
-          {
-            buttonClassName: "text-xs sm:text-sm",
-            cellId: M,
-            align: "right",
-            sortDirection: o.sortDirection,
-            sortedCell: o.sortedCell,
-            onClick: () => {
-              m(M);
-            },
-            children: "Tokens"
-          },
-          t
-        );
-      case r.ACTIONS:
-        return /* @__PURE__ */ e(C, { className: "text-xs sm:text-sm text-right", children: "Actions" }, t);
-      default:
-        return null;
-    }
-  }, f = (t, s, T) => {
-    switch (t) {
-      case r.ROW:
-        return /* @__PURE__ */ e(C, { children: T + 1 }, t);
-      case r.TIMESTAMP:
-        return /* @__PURE__ */ e(
-          C,
-          {
-            component: "th",
-            scope: "row",
-            className: "text-gray-400 sm:whitespace-nowrap text-xs sm:text-sm max-w-20 sm:max-w-none",
-            children: s.timestamp.split(",")[0]
-          },
-          t
-        );
-      case r.SUMMARY: {
-        const S = s.summary || (s.messages.length > 0 ? s.messages[0]?.content : "");
-        return /* @__PURE__ */ e(
-          C,
-          {
-            className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
-            style: {
-              wordBreak: "break-word"
-            },
-            children: S
-          },
-          t
-        );
-      }
-      case r.PROVIDER: {
-        const S = s.model ? de(s.model) : null, O = S ? Je[S] : null;
-        return /* @__PURE__ */ e(
-          C,
-          {
-            component: "th",
-            scope: "row",
-            className: "text-gray-400",
-            align: "center",
-            children: O ? /* @__PURE__ */ e(
-              O,
-              {
-                size: "size-4 sm:size-5",
-                semantic: !0,
-                title: s.model || S
-              }
-            ) : null
-          },
-          t
-        );
-      }
-      case r.TOKEN_USAGE:
-        return /* @__PURE__ */ e(
-          C,
-          {
-            className: "text-gray-400 text-xs sm:text-sm",
-            align: "right",
-            children: s.tokenUsage ? le.format(s.tokenUsage) : "0"
-          },
-          t
-        );
-      case r.ACTIONS:
-        return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ h("div", { className: "flex flex-col items-end sm:flex-row gap-2", children: [
-          /* @__PURE__ */ e(
-            $,
-            {
-              label: "Restore chat",
-              mode: "alt-system",
-              placement: "top",
-              trigger: /* @__PURE__ */ e(
-                I,
-                {
-                  focusMode: "alt-system",
-                  noBorder: !0,
-                  label: "Restore chat",
-                  variant: "primary",
-                  iconClassName: "text-green-800 dark:text-green-500",
-                  onClick: async () => {
-                    await i(s);
-                  },
-                  children: /* @__PURE__ */ e(qe, { size: "size-3", monotone: !0 })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            $,
-            {
-              label: "Delete chat",
-              mode: "alt-system",
-              placement: "top",
-              trigger: /* @__PURE__ */ e(
-                I,
-                {
-                  focusMode: "alt-system",
-                  noBorder: !0,
-                  label: "Delete chat",
-                  variant: "primary",
-                  iconClassName: "text-red-700 dark:text-red-500",
-                  onClick: () => {
-                    E(s);
-                  },
-                  children: /* @__PURE__ */ e(je, { size: "size-3", monotone: !0 })
-                }
-              )
-            }
-          )
-        ] }) }, t);
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ h(Ne, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-    /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(k, { children: l.map((t) => D(t)) }) }),
-    /* @__PURE__ */ e(we, { children: c.slice(0, d).map((t, s) => t?.messages?.length > 0 ? /* @__PURE__ */ h(Ke, { children: [
-      s === d - F && /* @__PURE__ */ e("tr", { ref: x }),
-      /* @__PURE__ */ e(k, { children: l.map(
-        (T) => f(T, t, s)
-      ) })
-    ] }, `${ce.HISTORY.TITLE}-${t.id}-${s}`) : null) }),
-    /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(C, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: ie(
-      `${c.length} chat`,
-      c.length
-    ) }) }) }) })
-  ] });
-}, tt = ({
-  filteredHistory: c,
-  dispatch: o,
-  onOpenChange: d,
-  mutate: m
-}) => {
-  const { user: i, getAccessToken: E } = Y(), x = b(null), u = b({
-    id: "",
-    timestamp: "",
-    message: ""
-  }), [l, D] = L(!1), [f, t] = L(
-    U + F
-  ), { state: s, dispatch: T } = _(K), S = {
-    searchString: s.searchString || "",
-    sortDirection: s.sortDirection || y.DESC,
-    sortedCell: s.sortedCell || A
-  }, {
-    state: { provider: O },
-    setChatId: g,
-    setInitialMessages: q
-  } = _(W), { setInput: X } = be(), [H, P] = w({
-    key: v + Ce,
-    initialValue: y.DESC
-  }), [J, Q] = w({
-    key: v + Se,
-    initialValue: y.ASC
-  }), [, Z] = w({
-    key: v + Te,
-    initialValue: A
-  }), { refetch: ee } = Le({
-    user: i?.username,
-    getAccessToken: E
-  }), te = (a) => {
-    const p = s.sortedCell === a;
-    let n, R;
-    switch (a) {
-      case A:
-        R = P, n = p ? s.sortDirection : H;
-        break;
-      case M:
-        R = Q, n = p ? s.sortDirection : J;
-        break;
-      default:
-        R = P, n = p ? s.sortDirection : H;
-        break;
-    }
-    let N;
-    switch (n) {
-      case y.ASC:
-        N = y.DESC;
-        break;
-      default:
-        N = y.ASC;
-        break;
-    }
-    R(N), Z(a), T({
-      type: Ee,
-      payload: {
-        sortedCell: a,
-        sortDirection: N
-      }
-    });
-  }, se = async () => {
-    const a = u.current;
-    try {
-      await B({
-        accessToken: await E(),
-        type: G.DELETE_CHAT,
-        params: {
-          userId: i?.username || "",
-          id: a.id
-        }
-      }), m(""), await Pe(xe, {
-        autoClose: 2e3,
-        containerId: "history-table"
-      });
-    } catch {
-    }
-  }, re = async (a) => {
-    try {
-      const p = await E(), n = await B({
-        accessToken: p,
-        type: G.GET_CHAT,
-        params: {
-          id: a.id
-        }
-      });
-      n.status === 200 && (n.data.provider !== O && (await Ue({
-        provider: n.data.provider,
-        accessToken: p,
-        username: i?.username || ""
-      }), o({
-        type: Ve,
-        payload: {
-          provider: n.data.provider
-        }
-      }), ee(), await $e(
-        `${fe} ${n.data.provider}`,
-        {
-          containerId: "toggle-provider"
-        }
-      )), o({
-        type: Be,
-        payload: {
-          restoring: !0,
-          restoredModel: n.data?.model || "",
-          restoredUsage: n.data?.tokenUsage || 0
-        }
-      }), X(""), g(a.id), q(n.data.messages), d(!1));
-    } catch {
-    }
-  }, ae = (a) => {
-    u.current = {
-      id: a.id,
-      timestamp: a.timestamp,
-      message: a.messages.length > 0 ? a.messages[0]?.content : ""
-    }, D(!l);
-  }, oe = We((a) => {
-    a[0].isIntersecting && t((n) => n + U);
-  }, []);
-  return j(() => {
-    const a = {
-      // root: null,
-      rootMargin: "20px"
-    }, p = new IntersectionObserver(oe, a);
-    x.current && p.observe(x.current);
-  }), /* @__PURE__ */ h(ne, { children: [
-    /* @__PURE__ */ h(
-      ze,
-      {
-        showConfirmation: l,
-        setShowConfirmation: D,
-        action: se,
-        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__ */ h("ul", { className: "m-0", children: [
-            /* @__PURE__ */ h("li", { children: [
-              "Timestamp:",
-              " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: u.current && u.current.timestamp })
-            ] }),
-            /* @__PURE__ */ h("li", { children: [
-              "First message:",
-              " ",
-              /* @__PURE__ */ e("span", { className: "text-lg", children: u.current?.message })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: ge, children: /* @__PURE__ */ e(He, { containerId: "history-table" }) }),
-    /* @__PURE__ */ e(
-      et,
-      {
-        filteredHistory: c,
-        historyState: S,
-        lastEntryToLoad: f,
-        onClickSort: te,
-        onClickRestore: re,
-        onClickDelete: ae,
-        infinityScrollMarkerRef: x
-      }
-    )
-  ] });
-}, nt = ({
-  open: c,
-  onOpenChange: o
-}) => {
-  const { getAccessToken: d, user: m } = Y(), { dispatch: i } = _(W), [E, x] = L([]), u = b(null), { state: l, dispatch: D } = _(K), { data: f, refetch: t } = Ge({
-    enabled: c,
-    user: m?.username || "",
-    searchString: l.searchString || "",
-    sortDirection: l.sortDirection || y.DESC,
-    sortedCell: l.sortedCell || A,
-    getAccessToken: d
-  }), [, s] = w({
-    key: v + ye,
-    initialValue: l.searchString
-  });
-  j(() => {
-    f && x(f);
-  }, [f]);
-  const T = async (g) => {
-    s(g), D({
-      type: Re,
-      payload: { searchString: g }
-    });
-  }, S = Oe((g) => {
-    T(g.target.value.trim());
-  }, 500);
-  return /* @__PURE__ */ h(
-    Fe,
-    {
-      open: c,
-      onOpenChange: o,
-      title: Ae,
-      animation: !0,
-      animationType: "fade",
-      children: [
-        /* @__PURE__ */ e("form", { autoComplete: "off", onSubmit: async (g) => {
-          g.preventDefault();
-        }, children: /* @__PURE__ */ e(
-          De,
-          {
-            placeholder: "Search",
-            labelHidden: !0,
-            noBorder: !0,
-            autoCapitalize: "off",
-            autoComplete: "off",
-            autoCorrect: "off",
-            ref: u,
-            defaultValue: l.searchString,
-            focusMode: "light",
-            mode: "light",
-            name: "Search",
-            label: "Search",
-            onChange: S,
-            className: "my-2",
-            rightElement: /* @__PURE__ */ e("div", { className: "text-copy-dark", children: /* @__PURE__ */ e(
-              I,
-              {
-                mode: "dark",
-                focusMode: "dark",
-                label: "Search",
-                size: "small",
-                onClick: () => {
-                  T(""), u.current?.value && (u.current.value = "", u.current.focus());
-                },
-                disabled: l.searchString === "",
-                children: l.searchString !== "" ? /* @__PURE__ */ e(Ye, { monotone: !0, size: "size-3" }) : /* @__PURE__ */ e(Xe, { monotone: !0, size: "size-3" })
-              }
-            ) })
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { className: "flex flex-col sm:flex-row max-h-[75vh] min-h-[60vh]", children: /* @__PURE__ */ e(
-          tt,
-          {
-            mutate: t,
-            filteredHistory: E,
-            dispatch: i,
-            onOpenChange: o
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  nt as HistoryPanel
-};