@versini/sassysaint 4.2.0 → 4.3.1

package/dist/chunks/App.C232zHGs.js

@@ -0,0 +1,500 @@
+import { jsxs as f, jsx as n, Fragment as j } from "react/jsx-runtime";
+import { O as re, s as ne, S as te, isLastMessageFromRole as G, x as q, CANCEL as oe, CLEAR as ae, ACTION_RESET as Y, ROLE_ASSISTANT as h, ROLE_INTERNAL as w, ROLE_USER as I, qr as L, ROLE_SYSTEM as le, ROLE_HIDDEN as ce, MODEL_GPT4 as J, STATS_SEPARATOR as V, ACTION_MODEL as Q, ACTION_MESSAGE as x, TYPE_QUESTION as de, SEND as ie, ACTION_STREAMING as W, ERROR_MESSAGE as me, getMessageContaintWrapperClass as pe, MessagesContainerHeader as ue, ACTION_SEARCH as ge, ACTION_SORT as ye, ACTION_RESTORE as fe, c as he, AppFooter as Ce, LOCAL_STORAGE_PREFIX as H, LOCAL_STORAGE_SEARCH as Te, LOCAL_STORAGE_SORT as Se } from "./index.BlSrPZWf.js";
+import { g as X, AppContext as N, restCall as xe, At as Ee, E as z, serviceCall as ve, SERVICE_TYPES as be, HistoryContext as Ae, k as Re } from "./useLocalStorage.C4iGBmg7.js";
+import { useState as M, useEffect as S, useContext as _, useRef as C, lazy as Ne, Suspense as B, useReducer as U } from "react";
+import T from "clsx";
+const ke = ({
+  className: e,
+  viewBox: s,
+  spacing: o,
+  title: r,
+  monotone: a,
+  ...t
+}) => /* @__PURE__ */ f(
+  X,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: s,
+    className: e,
+    spacing: o,
+    title: r || "Copied",
+    ...t,
+    children: [
+      /* @__PURE__ */ n(
+        "path",
+        {
+          opacity: "0.4",
+          d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
+        }
+      ),
+      /* @__PURE__ */ n("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
+    ]
+  }
+), Oe = ({
+  className: e,
+  viewBox: s,
+  spacing: o,
+  title: r,
+  monotone: a,
+  ...t
+}) => /* @__PURE__ */ n(
+  X,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: s,
+    className: e,
+    spacing: o,
+    title: r || "Copy",
+    ...t,
+    children: /* @__PURE__ */ n("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+  }
+), Ie = () => "p-4 sm:max-w-md md:max-w-2xl", we = ({ kind: e }) => T({
+  "bg-surface-lighter dark:bg-surface-dark": e === "left",
+  "bg-surface-accent": e === "right"
+}), Le = ({ kind: e }) => T(
+  "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
+  {
+    "text-copy-lighter": e === "right"
+  }
+), Me = ({ kind: e }) => T("rounded-b-xl", {
+  "rounded-tr-xl": e === "left",
+  "rounded-tl-xl": e === "right"
+}), _e = ({
+  kind: e,
+  className: s,
+  spacing: o
+}) => {
+  const r = T(
+    s,
+    ne,
+    "flex items-start",
+    te(o),
+    {
+      "flex-row-reverse": e === "right"
+    }
+  ), a = T(
+    "flex flex-col empty:hidden",
+    Ie(),
+    Le({ kind: e }),
+    we({ kind: e }),
+    Me({ kind: e })
+  ), t = "pr-2 pt-1 text-end text-xs text-copy-light", l = T("flex flex-col-reverse gap-2 sm:flex-row", {
+    "ml-2": e === "left",
+    "mr-2": e === "right"
+  });
+  return {
+    wrapper: r,
+    main: a,
+    footer: t,
+    copyButton: l
+  };
+}, De = ({
+  children: e,
+  kind: s = "left",
+  className: o,
+  footer: r,
+  rawFooter: a,
+  copyToClipboard: t,
+  copyToClipboardFocusMode: l = "system",
+  copyToClipboardMode: g = "system",
+  spacing: p
+}) => {
+  const [i, c] = M(!1), m = _e({ kind: s, className: o, spacing: p }), u = !!t && (typeof t == "function" || typeof t == "string" || typeof e == "string"), E = () => {
+    c(!0), typeof t == "function" ? t(e) : typeof t == "string" ? navigator.clipboard.writeText(t) : typeof e == "string" && navigator.clipboard.writeText(e);
+  };
+  return S(() => {
+    let y;
+    return i && (y = window.setTimeout(() => {
+      c(!1);
+    }, 3e3)), () => {
+      clearTimeout(y);
+    };
+  }, [i]), /* @__PURE__ */ f("div", { className: m.wrapper, children: [
+    /* @__PURE__ */ f("div", { children: [
+      /* @__PURE__ */ n("div", { className: m.main, children: e }),
+      r && Object.keys(r).map((y) => r[y] ? /* @__PURE__ */ n("div", { className: "prose-p:m-0", children: /* @__PURE__ */ f("p", { className: m.footer, children: [
+        y,
+        ": ",
+        r[y]
+      ] }) }, `-${y}`) : null),
+      a && a
+    ] }),
+    u && /* @__PURE__ */ n("div", { className: m.copyButton, children: /* @__PURE__ */ n(
+      re,
+      {
+        noBorder: !0,
+        noBackground: !0,
+        size: "small",
+        mode: g,
+        focusMode: l,
+        label: i ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: E,
+        disabled: i,
+        children: i ? /* @__PURE__ */ n(ke, { className: "size-3" }) : /* @__PURE__ */ n(Oe, { className: "size-3" })
+      }
+    ) })
+  ] });
+};
+var d = [];
+for (var O = 0; O < 256; ++O)
+  d.push((O + 256).toString(16).slice(1));
+function Ve(e, s = 0) {
+  return (d[e[s + 0]] + d[e[s + 1]] + d[e[s + 2]] + d[e[s + 3]] + "-" + d[e[s + 4]] + d[e[s + 5]] + "-" + d[e[s + 6]] + d[e[s + 7]] + "-" + d[e[s + 8]] + d[e[s + 9]] + "-" + d[e[s + 10]] + d[e[s + 11]] + d[e[s + 12]] + d[e[s + 13]] + d[e[s + 14]] + d[e[s + 15]]).toLowerCase();
+}
+var A, He = new Uint8Array(16);
+function ze() {
+  if (!A && (A = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !A))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return A(He);
+}
+var Be = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const $ = {
+  randomUUID: Be
+};
+function D(e, s, o) {
+  if ($.randomUUID && !s && !e)
+    return $.randomUUID();
+  e = e || {};
+  var r = e.random || (e.rng || ze)();
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, Ve(r);
+}
+const Ue = () => {
+  const { dispatch: e, state: s } = _(N), o = "mt-2 flex justify-center rounded-md", r = C(null), a = C(!1), t = (l) => {
+    l.preventDefault(), e({
+      type: Y
+    });
+  };
+  return S(() => {
+    (s == null ? void 0 : s.streaming) === !0 && !a.current && r.current && (a.current = !0, r.current.focus()), (s == null ? void 0 : s.streaming) === !1 && (a.current = !1);
+  }, [s]), G(h, s) ? /* @__PURE__ */ n("div", { className: o, children: /* @__PURE__ */ n(
+    q,
+    {
+      ref: r,
+      noBorder: !0,
+      onClick: t,
+      mode: "dark",
+      focusMode: "light",
+      children: s != null && s.streaming ? oe : ae
+    }
+  ) }) : null;
+}, F = Ne(() => import("./LazyMessageAssistant.9TRoCl8r.js").then((e) => e.LazyMessageAssistant)), $e = () => {
+  const { state: e } = _(N);
+  return /* @__PURE__ */ f(j, { children: [
+    e && e.messages.length > 0 && e.messages.map((s, o) => {
+      const { role: r, content: a, name: t, processingTime: l } = s.message;
+      return (r === h || r === w) && a ? /* @__PURE__ */ n(B, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(
+        F,
+        {
+          name: t,
+          processingTime: l,
+          children: a
+        }
+      ) }, `${o}-${r}`) : r === I && a ? /* @__PURE__ */ n(
+        De,
+        {
+          kind: "right",
+          copyToClipboard: a,
+          copyToClipboardFocusMode: "light",
+          children: a
+        },
+        `${o}-${r}`
+      ) : null;
+    }),
+    G(I, e) && /* @__PURE__ */ n(B, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(F, { loading: !0 }) })
+  ] });
+}, R = (e, s) => {
+  e({
+    type: W,
+    payload: {
+      streaming: s
+    }
+  });
+}, P = (e) => {
+  R(e, !1), e({
+    type: x,
+    payload: {
+      message: {
+        role: w,
+        content: me
+      }
+    }
+  });
+}, Fe = () => {
+  const { state: e, dispatch: s } = _(N), [o, r] = M(""), { getAccessToken: a, user: t } = L(), l = C(!1), g = C(null), p = C(
+    null
+  );
+  S(() => {
+    (async () => {
+      var m;
+      if (!e || e.messages.length === 0) {
+        (m = p == null ? void 0 : p.current) == null || m.cancel();
+        return;
+      }
+      const c = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || c.message.role === h || c.message.role === le || c.message.role === w || c.message.role === ce))
+        try {
+          const u = await xe({
+            accessToken: await a(),
+            name: "generate",
+            data: {
+              messages: e.messages,
+              model: J,
+              user: (t == null ? void 0 : t.username) || "",
+              id: e.id,
+              usage: e.usage
+            }
+          });
+          if (u && u.ok) {
+            const E = D();
+            p.current = u.body.getReader();
+            const y = new TextDecoder();
+            for (; ; ) {
+              R(s, !0);
+              const { done: Z, value: ee } = await p.current.read();
+              if (Z) {
+                R(s, !1);
+                break;
+              }
+              const v = y.decode(ee, { stream: !0 }), k = v.indexOf(V);
+              if (k !== -1) {
+                const se = v.substring(0, k), b = JSON.parse(
+                  v.substring(k + V.length)
+                );
+                s({
+                  type: Q,
+                  payload: {
+                    model: b.model,
+                    usage: b.usage
+                  }
+                }), s({
+                  type: x,
+                  payload: {
+                    message: {
+                      content: se,
+                      role: h,
+                      messageId: E,
+                      processingTime: b.processingTime,
+                      name: b.name
+                    }
+                  }
+                }), R(s, !1);
+                break;
+              } else
+                s({
+                  type: x,
+                  payload: {
+                    message: {
+                      content: v,
+                      role: h,
+                      messageId: E
+                    }
+                  }
+                });
+            }
+          } else
+            P(s);
+        } catch (u) {
+          console.error(u), P(s);
+        }
+    })();
+  }, [e == null ? void 0 : e.messages]);
+  const i = async (c) => {
+    c.preventDefault(), s({
+      type: x,
+      payload: {
+        message: {
+          role: I,
+          content: o
+        }
+      }
+    }), r("");
+  };
+  return S(() => {
+    (e == null ? void 0 : e.streaming) === !1 && !l.current && g.current && (l.current = !0, g.current.focus()), (e == null ? void 0 : e.streaming) === !0 && l.current === !0 && (l.current = !1);
+  }, [e]), /* @__PURE__ */ n("form", { className: "mt-2", onSubmit: i, children: /* @__PURE__ */ n(
+    Ee,
+    {
+      mode: "dark",
+      focusMode: "light",
+      ref: g,
+      name: "chat-input",
+      label: de,
+      helperText: "Press ENTER to add a new line",
+      helperTextOnFocus: !0,
+      required: !0,
+      value: o,
+      onChange: (c) => r(c.target.value),
+      rightElement: /* @__PURE__ */ n(
+        q,
+        {
+          disabled: e == null ? void 0 : e.streaming,
+          noBorder: !0,
+          type: "submit",
+          mode: "light",
+          focusMode: "light",
+          children: ie
+        }
+      )
+    }
+  ) });
+}, Pe = () => {
+  const { isAuthenticated: e } = L(), s = pe(e);
+  return /* @__PURE__ */ f(j, { children: [
+    /* @__PURE__ */ f("div", { className: s, children: [
+      /* @__PURE__ */ n(ue, {}),
+      /* @__PURE__ */ n($e, {})
+    ] }),
+    /* @__PURE__ */ n(Ue, {}),
+    /* @__PURE__ */ n(Fe, {})
+  ] });
+}, je = (e, s) => (s == null ? void 0 : s.type) === ge ? {
+  searchString: s.payload.searchString,
+  sortedCell: e.sortedCell,
+  sortDirection: e.sortDirection
+} : (s == null ? void 0 : s.type) === ye ? {
+  searchString: e.searchString,
+  sortedCell: s.payload.sortedCell,
+  sortDirection: s.payload.sortDirection
+} : e, Ge = (e, s) => {
+  if ((s == null ? void 0 : s.type) === fe) {
+    const o = s.payload.messages.map((r) => ({
+      message: {
+        role: r.role,
+        content: r.content,
+        name: r.name,
+        processingTime: r.processingTime
+      }
+    }));
+    return {
+      id: s.payload.id,
+      model: s.payload.model,
+      usage: s.payload.usage,
+      isComponent: e.isComponent,
+      messages: o
+    };
+  }
+  if ((s == null ? void 0 : s.type) === x) {
+    const o = s.payload.message.role, r = s.payload.message.content, a = s.payload.message.name, t = s.payload.message.processingTime, l = s.payload.message.messageId;
+    if (o !== "") {
+      const g = {
+        role: o,
+        content: r,
+        name: a,
+        processingTime: t,
+        messageId: l
+      };
+      if (o === h) {
+        const p = e.messages.findIndex(
+          (i) => i.message.messageId === l
+        );
+        if (p !== -1) {
+          const i = e.messages.map((c, m) => m === p ? {
+            message: {
+              ...c.message,
+              content: `${c.message.content}${r}`,
+              processingTime: t,
+              name: a
+            }
+          } : c);
+          return {
+            id: e.id,
+            model: e.model,
+            usage: e.usage,
+            isComponent: e.isComponent,
+            messages: i
+          };
+        }
+      }
+      return {
+        id: e.id,
+        model: e.model,
+        usage: e.usage,
+        isComponent: e.isComponent,
+        messages: [
+          ...e.messages,
+          {
+            message: g
+          }
+        ]
+      };
+    }
+  }
+  return (s == null ? void 0 : s.type) === Y ? {
+    id: D(),
+    model: e.model,
+    usage: 0,
+    messages: [],
+    isComponent: e.isComponent
+  } : (s == null ? void 0 : s.type) === Q ? {
+    id: e.id,
+    model: s.payload.model,
+    usage: s.payload.usage,
+    messages: e.messages,
+    isComponent: e.isComponent
+  } : (s == null ? void 0 : s.type) === W ? {
+    ...e,
+    streaming: s.payload.streaming
+  } : e;
+};
+function K({ isComponent: e = !1 }) {
+  const s = C(!1), { getAccessToken: o } = L(), [r] = z({
+    key: H + Te,
+    initialValue: ""
+  }), [a] = z({
+    key: H + Se,
+    initialValue: Re.ASC
+  }), [t, l] = U(Ge, {
+    id: D(),
+    model: J,
+    usage: 0,
+    messages: [],
+    isComponent: e
+  }), [g, p] = U(je, {
+    searchString: r,
+    sortedCell: "timestamp",
+    sortDirection: a
+  }), [i, c] = M({
+    version: "",
+    models: [],
+    plugins: []
+  });
+  return S(() => {
+    i.version !== "" || s.current || (async () => {
+      try {
+        s.current = !0;
+        const m = await ve({
+          accessToken: await o(),
+          type: be.ABOUT
+        });
+        s.current = !1, m.status === 200 && c(m.data);
+      } catch {
+      }
+    })();
+  }, [i, o]), S(() => {
+    var m;
+    (m = document.getElementById("logo")) == null || m.classList.add("fadeOut"), setTimeout(() => {
+      var u;
+      (u = document.getElementById("root")) == null || u.classList.replace("app-hidden", "fadeIn");
+    }, 500);
+  }), /* @__PURE__ */ n(N.Provider, { value: { state: t, dispatch: l, serverStats: i }, children: /* @__PURE__ */ f(
+    Ae.Provider,
+    {
+      value: {
+        state: g,
+        dispatch: p
+      },
+      children: [
+        /* @__PURE__ */ n(he, { children: /* @__PURE__ */ n(Pe, {}) }),
+        /* @__PURE__ */ n(Ce, { serverStats: i })
+      ]
+    }
+  ) });
+}
+K.displayName = "App";
+const Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: K }, Symbol.toStringTag, { value: "Module" }));
+export {
+  Xe as App,
+  De as T
+};