@versini/sassysaint 5.0.0 → 5.1.2

package/dist/chunks/App.Doru-B7k.js

@@ -0,0 +1,1434 @@
+import { jsxs as y, Fragment as D, jsx as i } from "react/jsx-runtime";
+import { LOCAL_STORAGE_PREFIX as A, b as Te, j, R as M, TAG_CONTENT as O, TAGS as C, isLastMessageFromRole as se, CANCEL as _e, CLEAR as Ne, ACTION_RESET as de, ACTION_TOGGLE_TAG as le, ROLE_ASSISTANT as R, ROLE_INTERNAL as Y, ROLE_USER as W, rn as q, ROLE_SYSTEM as we, ROLE_HIDDEN as Ee, MODEL_GPT4 as ce, STATS_SEPARATOR as ee, ACTION_MODEL as ge, ACTION_MESSAGE as L, ACTION_RESET_TAGS as ue, TYPE_QUESTION as Ce, SEND as Re, ACTION_STREAMING as me, ERROR_MESSAGE as Ie, getMessageContaintWrapperClass as Se, MessagesContainerHeader as Be, ACTION_SEARCH as Me, ACTION_SORT as Ae, ACTION_RESTORE as Oe, d as Le, AppFooter as Ue, LOCAL_STORAGE_SEARCH as Ve, LOCAL_STORAGE_SORT as ze } from "./index.B5Wp8y85.js";
+import { AppContext as P, TagsContext as Z, E as U, restCall as $e, we as De, serviceCall as Pe, SERVICE_TYPES as He, HistoryContext as je, f as Ge } from "./index.B5nDJSgt.js";
+import S, { useContext as V, useRef as I, useEffect as E, useState as H, lazy as Fe, Suspense as te, useReducer as G } from "react";
+import s from "clsx";
+var f = [];
+for (var F = 0; F < 256; ++F)
+  f.push((F + 256).toString(16).slice(1));
+function We(e, t = 0) {
+  return (f[e[t + 0]] + f[e[t + 1]] + f[e[t + 2]] + f[e[t + 3]] + "-" + f[e[t + 4]] + f[e[t + 5]] + "-" + f[e[t + 6]] + f[e[t + 7]] + "-" + f[e[t + 8]] + f[e[t + 9]] + "-" + f[e[t + 10]] + f[e[t + 11]] + f[e[t + 12]] + f[e[t + 13]] + f[e[t + 14]] + f[e[t + 15]]).toLowerCase();
+}
+var z, Ye = new Uint8Array(16);
+function qe() {
+  if (!z && (z = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !z))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return z(Ye);
+}
+var Ze = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const re = {
+  randomUUID: Ze
+};
+function J(e, t, r) {
+  if (re.randomUUID && !t && !e)
+    return re.randomUUID();
+  e = e || {};
+  var a = e.random || (e.rng || qe)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, We(a);
+}
+const Je = () => {
+  const { dispatch: e, state: t } = V(P), { dispatch: r } = V(Z), a = "mt-2 flex justify-center rounded-md", n = I(null), o = I(!1), [g] = U({
+    key: A + "summarize-article",
+    initialValue: !1
+  }), [d] = U({
+    key: A + "proofread-content",
+    initialValue: !1
+  }), [p] = U({
+    key: A + "rephrase-content",
+    initialValue: !1
+  }), u = (c) => {
+    c.preventDefault(), e({
+      type: de
+    });
+  };
+  E(() => {
+    (t == null ? void 0 : t.streaming) === !0 && !o.current && n.current && (o.current = !0, n.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (o.current = !1);
+  }, [t]);
+  const m = (c, h) => {
+    c.preventDefault(), r({
+      type: le,
+      payload: {
+        tag: h
+      }
+    });
+  };
+  return /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ y(Te, { alignHorizontal: "center", columnGap: 2, children: [
+      /* @__PURE__ */ i(j, { children: g && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+        M,
+        {
+          noBorder: !0,
+          mode: "dark",
+          focusMode: "light",
+          size: "small",
+          onClick: (c) => m(c, C.SUMMARIZE_ARTICLE),
+          children: O[C.SUMMARIZE_ARTICLE].label
+        }
+      ) }) }),
+      /* @__PURE__ */ i(j, { children: d && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+        M,
+        {
+          noBorder: !0,
+          mode: "dark",
+          focusMode: "light",
+          size: "small",
+          onClick: (c) => m(c, C.PROOFREAD_CONTENT),
+          children: O[C.PROOFREAD_CONTENT].label
+        }
+      ) }) }),
+      /* @__PURE__ */ i(j, { children: p && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+        M,
+        {
+          noBorder: !0,
+          mode: "dark",
+          focusMode: "light",
+          size: "small",
+          onClick: (c) => m(c, C.REPHRASE_CONTENT),
+          children: O[C.REPHRASE_CONTENT].label
+        }
+      ) }) })
+    ] }),
+    se(R, t) && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+      M,
+      {
+        noBorder: !0,
+        mode: "dark",
+        focusMode: "light",
+        ref: n,
+        onClick: u,
+        children: t != null && t.streaming ? _e : Ne
+      }
+    ) })
+  ] });
+};
+/*!
+  @versini/ui-bubble v1.0.4
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
+    version: "1.0.4",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ke = "av-bubble", ae = "av-button", Qe = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const r = [];
+    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
+  }
+  return t;
+}, K = "icon", Xe = "button", et = "link", tt = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a,
+  align: n
+}) => {
+  const o = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  switch (e) {
+    case Xe:
+      return s("px-4", {
+        [o]: t === "small",
+        [g]: t === "medium",
+        [d]: t === "large"
+      });
+    case et:
+      return s("px-4 text-center", {
+        [o]: t === "small",
+        [g]: t === "medium",
+        [d]: t === "large"
+      });
+    case K:
+      return s("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": t === "small" && !(r || a),
+        "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
+        "h-8 w-8 p-1": t === "medium" && !(r || a),
+        "h-8 px-4 text-base font-medium": t === "medium" && (r || a),
+        "h-12 w-12 p-2": t === "large" && !(r || a),
+        "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
+      });
+  }
+}, rt = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose rounded-full";
+  if (a === "primary")
+    return s("not-prose rounded-full", {
+      truncate: !r,
+      "bg-action-dark text-copy-light": e === "dark",
+      "bg-action-light text-copy-lighter": e === "light",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
+      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return s("not-prose rounded-full", {
+      truncate: !r,
+      "bg-action-dark text-copy-light": e === "light",
+      "bg-action-light text-copy-lighter": e === "dark",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
+      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return s("not-prose rounded-full", {
+      truncate: !r,
+      "bg-action-danger-dark text-copy-light": e === "dark",
+      "bg-action-danger-light text-copy-lighter": e === "light",
+      "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
+      "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
+    });
+}, at = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return s("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "dark",
+      "hover:bg-action-light-hover": e === "light",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
+    });
+  if (r === "secondary")
+    return s("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "light",
+      "hover:bg-action-light-hover": e === "dark",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
+    });
+  if (r === "danger")
+    return s("hover:text-copy-light-hover", {
+      "hover:bg-action-danger-dark-hover": e === "dark",
+      "hover:bg-action-danger-light-hover": e === "light",
+      "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
+      "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
+    });
+}, ot = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return s("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "dark",
+      "active:bg-action-light-active": e === "light",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
+    });
+  if (r === "secondary")
+    return s("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "light",
+      "active:bg-action-light-active": e === "dark",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
+    });
+  if (r === "danger")
+    return s("active:text-copy-lighter-active", {
+      "active:bg-action-danger-dark-active": e === "dark",
+      "active:bg-action-danger-light-active": e === "light",
+      "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
+      "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
+    });
+}, it = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return s("border", {
+      "border-border-dark": e === "dark",
+      "border-border-accent": e === "light",
+      "border-border-dark dark:border-border-accent": e === "system",
+      "border-border-accent dark:border-border-dark": e === "alt-system"
+    });
+  if (r === "secondary")
+    return s("border", {
+      "border-border-dark": e === "light",
+      "border-border-accent": e === "dark",
+      "border-border-dark dark:border-border-accent": e === "alt-system",
+      "border-border-accent dark:border-border-dark": e === "system"
+    });
+  if (r === "danger")
+    return s("border", {
+      "border-border-danger-dark": e === "dark",
+      "border-border-danger-medium": e === "light",
+      "border-border-danger-dark dark:border-border-danger-medium": e === "system",
+      "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
+    });
+}, nt = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), he = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: n,
+  disabled: o,
+  fullWidth: g,
+  size: d,
+  noBorder: p,
+  labelRight: u,
+  labelLeft: m,
+  spacing: c,
+  noBackground: h,
+  variant: l,
+  noTruncate: b,
+  align: v
+}) => (l || (l = "primary"), r ? s(ae, t) : s(
+  ae,
+  t,
+  Qe(c),
+  rt({ mode: a, variant: l, noBackground: h, noTruncate: b }),
+  tt({ type: e, size: d, labelRight: u, labelLeft: m, align: v }),
+  it({ mode: a, variant: l, noBorder: p }),
+  nt({ focusMode: n }),
+  at({ mode: a, variant: l, disabled: o }),
+  ot({ mode: a, variant: l, disabled: o }),
+  {
+    "w-full": g,
+    "disabled:cursor-not-allowed disabled:opacity-50": o
+  }
+)), st = (e, t, r) => {
+  var a;
+  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
+}, Q = S.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      ref: t,
+      onClick: (o) => {
+        st(o, a, r);
+      },
+      ...n
+    }
+  );
+});
+Q.displayName = "BaseButton";
+const pe = S.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    type: g = "button",
+    raw: d = !1,
+    noBorder: p = !1,
+    "aria-label": u,
+    label: m,
+    size: c = "medium",
+    labelRight: h,
+    labelLeft: l,
+    spacing: b,
+    noBackground: v = !1,
+    align: _ = "center",
+    ...N
+  }, w) => {
+    const k = he({
+      type: K,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: d,
+      className: o,
+      noBorder: p,
+      size: c,
+      labelRight: h,
+      labelLeft: l,
+      spacing: b,
+      noBackground: v,
+      align: _
+    }), x = s({
+      "text-copy-accent-dark": r === "light" && !d,
+      "text-copy-light": r === "dark" && !d,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    });
+    return /* @__PURE__ */ y(
+      Q,
+      {
+        ref: w,
+        className: k,
+        disabled: t,
+        type: g,
+        "aria-label": u || m,
+        ...N,
+        children: [
+          l && /* @__PURE__ */ i("span", { className: "pr-2", children: l }),
+          /* @__PURE__ */ i("div", { className: x, children: e }),
+          h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
+        ]
+      }
+    );
+  }
+);
+pe.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v1.1.4
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "1.1.4",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const dt = S.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    type: g = "button",
+    raw: d = !1,
+    noBorder: p = !1,
+    "aria-label": u,
+    label: m,
+    size: c = "medium",
+    labelRight: h,
+    labelLeft: l,
+    spacing: b,
+    noBackground: v = !1,
+    align: _ = "center",
+    active: N = !1,
+    ...w
+  }, k) => {
+    const x = he({
+      type: K,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: d,
+      className: o,
+      noBorder: p,
+      size: c,
+      labelRight: h,
+      labelLeft: l,
+      spacing: b,
+      noBackground: v,
+      align: _
+    }), B = s({
+      "text-copy-accent-dark": r === "light" && !d,
+      "text-copy-light": r === "dark" && !d,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    }), T = N ? s(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": r === "dark",
+        "after:border-table-light": r === "light",
+        "after:border-table-dark dark:after:border-table-light": r === "system",
+        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ y(
+      Q,
+      {
+        ref: k,
+        className: x,
+        disabled: t,
+        type: g,
+        "aria-label": u || m,
+        ...w,
+        children: [
+          l && /* @__PURE__ */ i("span", { className: "pr-2", children: l }),
+          /* @__PURE__ */ i("div", { className: B, children: e }),
+          h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
+        ]
+      }
+    ) });
+  }
+);
+dt.displayName = "ButtonSort";
+const lt = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const r = [];
+    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
+  }
+  return t;
+}, be = ({
+  children: e,
+  fill: t,
+  viewBox: r,
+  className: a,
+  defaultViewBox: n,
+  defaultClassName: o,
+  spacing: g,
+  title: d,
+  semantic: p = !1,
+  ...u
+}) => {
+  const m = lt(g), c = s(
+    m,
+    a || o
+  );
+  return /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ i(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: c,
+        viewBox: r || n,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !p,
+        focusable: !1,
+        ...u,
+        children: e
+      }
+    ),
+    d && p && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
+  ] });
+};
+/*!
+  @versini/ui-private v1.4.13
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
+    version: "1.4.13",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ct = ({
+  className: e,
+  viewBox: t,
+  spacing: r,
+  title: a,
+  monotone: n,
+  ...o
+}) => /* @__PURE__ */ y(
+  be,
+  {
+    defaultViewBox: "0 0 448 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: r,
+    title: a || "Copied",
+    ...o,
+    children: [
+      /* @__PURE__ */ i(
+        "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__ */ i("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" })
+    ]
+  }
+), gt = ({
+  className: e,
+  viewBox: t,
+  spacing: r,
+  title: a,
+  monotone: n,
+  ...o
+}) => /* @__PURE__ */ i(
+  be,
+  {
+    defaultViewBox: "0 0 512 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: r,
+    title: a || "Copy",
+    ...o,
+    children: /* @__PURE__ */ i("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" })
+  }
+);
+/*!
+  @versini/ui-icons v1.12.5
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "1.12.5",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ut = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const r = [];
+    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
+  }
+  return t;
+}, mt = () => "p-4 sm:max-w-md md:max-w-2xl", ht = ({ kind: e }) => s({
+  "bg-surface-lighter dark:bg-surface-dark": e === "left",
+  "bg-surface-accent": e === "right"
+}), pt = ({ kind: e }) => s(
+  "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"
+  }
+), bt = ({ kind: e }) => s("rounded-b-xl", {
+  "rounded-tr-xl": e === "left",
+  "rounded-tl-xl": e === "right"
+}), ft = ({
+  kind: e,
+  className: t,
+  spacing: r
+}) => {
+  const a = s(
+    t,
+    Ke,
+    "flex items-start",
+    ut(r),
+    {
+      "flex-row-reverse": e === "right"
+    }
+  ), n = s(
+    "flex flex-col empty:hidden",
+    mt(),
+    pt({ kind: e }),
+    ht({ kind: e }),
+    bt({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", g = s("flex flex-col-reverse gap-2 sm:flex-row", {
+    "ml-2": e === "left",
+    "mr-2": e === "right"
+  });
+  return {
+    wrapper: a,
+    main: n,
+    footer: o,
+    copyButton: g
+  };
+}, yt = ({
+  children: e,
+  kind: t = "left",
+  className: r,
+  footer: a,
+  rawFooter: n,
+  copyToClipboard: o,
+  copyToClipboardFocusMode: g = "system",
+  copyToClipboardMode: d = "system",
+  spacing: p
+}) => {
+  const [u, m] = H(!1), c = ft({ kind: t, className: r, spacing: p }), h = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), l = () => {
+    m(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  };
+  return E(() => {
+    let b;
+    return u && (b = window.setTimeout(() => {
+      m(!1);
+    }, 3e3)), () => {
+      clearTimeout(b);
+    };
+  }, [u]), /* @__PURE__ */ y("div", { className: c.wrapper, children: [
+    /* @__PURE__ */ y("div", { children: [
+      /* @__PURE__ */ i("div", { className: c.main, children: e }),
+      a && Object.keys(a).map((b) => a[b] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ y("p", { className: c.footer, children: [
+        b,
+        ": ",
+        a[b]
+      ] }) }, `-${b}`) : null),
+      n && n
+    ] }),
+    h && /* @__PURE__ */ i("div", { className: c.copyButton, children: /* @__PURE__ */ i(
+      pe,
+      {
+        noBorder: !0,
+        noBackground: !0,
+        size: "small",
+        mode: d,
+        focusMode: g,
+        label: u ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: l,
+        disabled: u,
+        children: u ? /* @__PURE__ */ i(ct, { className: "size-3" }) : /* @__PURE__ */ i(gt, { className: "size-3" })
+      }
+    ) })
+  ] });
+}, oe = "av-button", vt = (e) => {
+  let t = "";
+  if (typeof e == "number" || typeof e == "string")
+    t = "m-" + e;
+  else {
+    const r = [];
+    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
+  }
+  return t;
+}, fe = "icon", ye = "button", kt = "link", xt = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a,
+  align: n
+}) => {
+  const o = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  switch (e) {
+    case ye:
+      return s("px-4", {
+        [o]: t === "small",
+        [g]: t === "medium",
+        [d]: t === "large"
+      });
+    case kt:
+      return s("px-4 text-center", {
+        [o]: t === "small",
+        [g]: t === "medium",
+        [d]: t === "large"
+      });
+    case fe:
+      return s("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "right",
+        "h-6 w-6 p-0": t === "small" && !(r || a),
+        "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
+        "h-8 w-8 p-1": t === "medium" && !(r || a),
+        "h-8 px-4 text-base font-medium": t === "medium" && (r || a),
+        "h-12 w-12 p-2": t === "large" && !(r || a),
+        "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
+      });
+  }
+}, Tt = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose rounded-full";
+  if (a === "primary")
+    return s("not-prose rounded-full", {
+      truncate: !r,
+      "bg-action-dark text-copy-light": e === "dark",
+      "bg-action-light text-copy-lighter": e === "light",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
+      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return s("not-prose rounded-full", {
+      truncate: !r,
+      "bg-action-dark text-copy-light": e === "light",
+      "bg-action-light text-copy-lighter": e === "dark",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
+      "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return s("not-prose rounded-full", {
+      truncate: !r,
+      "bg-action-danger-dark text-copy-light": e === "dark",
+      "bg-action-danger-light text-copy-lighter": e === "light",
+      "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
+      "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
+    });
+}, _t = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return s("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "dark",
+      "hover:bg-action-light-hover": e === "light",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
+    });
+  if (r === "secondary")
+    return s("hover:text-copy-light-hover", {
+      "hover:bg-action-dark-hover": e === "light",
+      "hover:bg-action-light-hover": e === "dark",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
+    });
+  if (r === "danger")
+    return s("hover:text-copy-light-hover", {
+      "hover:bg-action-danger-dark-hover": e === "dark",
+      "hover:bg-action-danger-light-hover": e === "light",
+      "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
+      "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
+    });
+}, Nt = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return s("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "dark",
+      "active:bg-action-light-active": e === "light",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
+    });
+  if (r === "secondary")
+    return s("active:text-copy-light-active", {
+      "active:bg-action-dark-active": e === "light",
+      "active:bg-action-light-active": e === "dark",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
+    });
+  if (r === "danger")
+    return s("active:text-copy-lighter-active", {
+      "active:bg-action-danger-dark-active": e === "dark",
+      "active:bg-action-danger-light-active": e === "light",
+      "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
+      "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
+    });
+}, wt = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return s("border", {
+      "border-border-dark": e === "dark",
+      "border-border-accent": e === "light",
+      "border-border-dark dark:border-border-accent": e === "system",
+      "border-border-accent dark:border-border-dark": e === "alt-system"
+    });
+  if (r === "secondary")
+    return s("border", {
+      "border-border-dark": e === "light",
+      "border-border-accent": e === "dark",
+      "border-border-dark dark:border-border-accent": e === "alt-system",
+      "border-border-accent dark:border-border-dark": e === "system"
+    });
+  if (r === "danger")
+    return s("border", {
+      "border-border-danger-dark": e === "dark",
+      "border-border-danger-medium": e === "light",
+      "border-border-danger-dark dark:border-border-danger-medium": e === "system",
+      "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
+    });
+}, Et = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), ve = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: n,
+  disabled: o,
+  fullWidth: g,
+  size: d,
+  noBorder: p,
+  labelRight: u,
+  labelLeft: m,
+  spacing: c,
+  noBackground: h,
+  variant: l,
+  noTruncate: b,
+  align: v
+}) => (l || (l = "primary"), r ? s(oe, t) : s(
+  oe,
+  t,
+  vt(c),
+  Tt({ mode: a, variant: l, noBackground: h, noTruncate: b }),
+  xt({ type: e, size: d, labelRight: u, labelLeft: m, align: v }),
+  wt({ mode: a, variant: l, noBorder: p }),
+  Et({ focusMode: n }),
+  _t({ mode: a, variant: l, disabled: o }),
+  Nt({ mode: a, variant: l, disabled: o }),
+  {
+    "w-full": g,
+    "disabled:cursor-not-allowed disabled:opacity-50": o
+  }
+)), Ct = (e, t, r) => {
+  var a;
+  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
+}, X = S.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      ref: t,
+      onClick: (o) => {
+        Ct(o, a, r);
+      },
+      ...n
+    }
+  );
+});
+X.displayName = "BaseButton";
+const ke = S.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    size: g = "medium",
+    raw: d = !1,
+    noBorder: p = !1,
+    spacing: u,
+    variant: m = "primary",
+    noTruncate: c = !1,
+    ...h
+  }, l) => {
+    const b = ve({
+      type: ye,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: d,
+      className: o,
+      size: g,
+      noBorder: p,
+      spacing: u,
+      variant: m,
+      noTruncate: c
+    });
+    return /* @__PURE__ */ i(
+      X,
+      {
+        ref: l,
+        className: b,
+        disabled: t,
+        ...h,
+        children: e
+      }
+    );
+  }
+);
+ke.displayName = "Button";
+/*!
+  @versini/ui-button v1.1.4
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "1.1.4",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Rt = S.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    type: g = "button",
+    raw: d = !1,
+    noBorder: p = !1,
+    "aria-label": u,
+    label: m,
+    size: c = "medium",
+    labelRight: h,
+    labelLeft: l,
+    spacing: b,
+    noBackground: v = !1,
+    align: _ = "center",
+    active: N = !1,
+    ...w
+  }, k) => {
+    const x = ve({
+      type: fe,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: d,
+      className: o,
+      noBorder: p,
+      size: c,
+      labelRight: h,
+      labelLeft: l,
+      spacing: b,
+      noBackground: v,
+      align: _
+    }), B = s({
+      "text-copy-accent-dark": r === "light" && !d,
+      "text-copy-light": r === "dark" && !d,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    }), T = N ? s(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": r === "dark",
+        "after:border-table-light": r === "light",
+        "after:border-table-dark dark:after:border-table-light": r === "system",
+        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ y(
+      X,
+      {
+        ref: k,
+        className: x,
+        disabled: t,
+        type: g,
+        "aria-label": u || m,
+        ...w,
+        children: [
+          l && /* @__PURE__ */ i("span", { className: "pr-2", children: l }),
+          /* @__PURE__ */ i("div", { className: B, children: e }),
+          h && /* @__PURE__ */ i("span", { className: "pl-2", children: h })
+        ]
+      }
+    ) });
+  }
+);
+Rt.displayName = "ButtonSort";
+const It = 200, St = ({
+  string: e,
+  idealLength: t = It
+}) => {
+  if (e.length <= t)
+    return { string: e, isTruncated: !1 };
+  if (e.charAt(t) === " ")
+    return { string: e.slice(0, t), isTruncated: !0 };
+  const r = e.slice(t).search(" ");
+  return {
+    string: e.slice(0, t + r),
+    isTruncated: !0
+  };
+}, Bt = ({
+  children: e,
+  length: t = 200,
+  mode: r = "system",
+  focusMode: a = "system"
+}) => {
+  const [n, o] = H(!1);
+  if (typeof e != "string")
+    return e;
+  const { string: g, isTruncated: d } = St({
+    string: e,
+    idealLength: t
+  });
+  return /* @__PURE__ */ y("span", { children: [
+    n ? e : g,
+    d && /* @__PURE__ */ i(
+      ke,
+      {
+        mode: r,
+        focusMode: a,
+        spacing: { l: 2 },
+        size: "small",
+        onClick: (p) => {
+          p.preventDefault(), o(!n);
+        },
+        children: n ? "less..." : "more..."
+      }
+    )
+  ] });
+};
+/*!
+  @versini/ui-truncate v1.0.1
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
+    version: "1.0.1",
+    buildTime: "09/24/2024 07:45 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ie = Fe(
+  () => import(
+    /* webpackChunkName: "LazyMessageAssistant" */
+    "./LazyMessageAssistant.KLzNh6WV.js"
+  ).then((e) => e.LazyMessageAssistant)
+), Mt = () => {
+  const { state: e } = V(P);
+  return /* @__PURE__ */ y(D, { children: [
+    e && e.messages.length > 0 && e.messages.map((t, r) => {
+      const { role: a, content: n, name: o, processingTime: g } = t.message;
+      return (a === R || a === Y) && n ? /* @__PURE__ */ i(te, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
+        ie,
+        {
+          name: o,
+          processingTime: g,
+          children: n
+        }
+      ) }, `${r}-${a}`) : a === W && n ? /* @__PURE__ */ i(
+        yt,
+        {
+          kind: "right",
+          copyToClipboard: n,
+          copyToClipboardFocusMode: "light",
+          children: /* @__PURE__ */ i(Bt, { mode: "light", focusMode: "light", children: n })
+        },
+        `${r}-${a}`
+      ) : null;
+    }),
+    se(W, e) && /* @__PURE__ */ i(te, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(ie, { loading: !0 }) })
+  ] });
+}, $ = (e, t) => {
+  e({
+    type: me,
+    payload: {
+      streaming: t
+    }
+  });
+}, ne = (e) => {
+  $(e, !1), e({
+    type: L,
+    payload: {
+      message: {
+        role: Y,
+        content: Ie
+      }
+    }
+  });
+}, At = () => {
+  const { state: e, dispatch: t } = V(P), { state: r, dispatch: a } = V(Z), [n, o] = H(""), { getAccessToken: g, user: d } = q(), p = I(!1), u = I(null), m = I(
+    null
+  );
+  E(() => {
+    (async () => {
+      var l;
+      if (!e || e.messages.length === 0) {
+        (l = m == null ? void 0 : m.current) == null || l.cancel();
+        return;
+      }
+      const h = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || h.message.role === R || h.message.role === we || h.message.role === Y || h.message.role === Ee))
+        try {
+          const b = await $e({
+            accessToken: await g(),
+            name: "generate",
+            data: {
+              messages: e.messages,
+              model: ce,
+              user: (d == null ? void 0 : d.username) || "",
+              id: e.id,
+              usage: e.usage
+            }
+          });
+          if (b && b.ok) {
+            const v = J();
+            m.current = b.body.getReader();
+            const _ = new TextDecoder();
+            for (; ; ) {
+              $(t, !0);
+              const { done: N, value: w } = await m.current.read();
+              if (N) {
+                $(t, !1);
+                break;
+              }
+              const k = _.decode(w, { stream: !0 }), x = k.indexOf(ee);
+              if (x !== -1) {
+                const B = k.substring(0, x), T = JSON.parse(
+                  k.substring(x + ee.length)
+                );
+                t({
+                  type: ge,
+                  payload: {
+                    model: T.model,
+                    usage: T.usage
+                  }
+                }), t({
+                  type: L,
+                  payload: {
+                    message: {
+                      content: B,
+                      role: R,
+                      messageId: v,
+                      processingTime: T.processingTime,
+                      name: T.name
+                    }
+                  }
+                }), $(t, !1);
+                break;
+              } else
+                t({
+                  type: L,
+                  payload: {
+                    message: {
+                      content: k,
+                      role: R,
+                      messageId: v
+                    }
+                  }
+                });
+            }
+          } else
+            ne(t);
+        } catch (b) {
+          console.error(b), ne(t);
+        }
+    })();
+  }, [e == null ? void 0 : e.messages]);
+  const c = async (h) => {
+    h.preventDefault(), t({
+      type: L,
+      payload: {
+        message: {
+          role: W,
+          content: n
+        }
+      }
+    }), o("");
+  };
+  return E(() => {
+    (e == null ? void 0 : e.streaming) === !1 && !p.current && u.current && (p.current = !0, u.current.focus()), (e == null ? void 0 : e.streaming) === !0 && p.current === !0 && (p.current = !1);
+  }, [e]), E(() => {
+    r.tag !== "" && O[r.tag] && (o(O[r.tag].content), u.current && u.current.focus(), a({
+      type: ue
+    }));
+  }, [r, a]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: c, children: /* @__PURE__ */ i(
+    De,
+    {
+      mode: "dark",
+      focusMode: "light",
+      ref: u,
+      name: "chat-input",
+      label: Ce,
+      helperText: "Press ENTER to add a new line",
+      helperTextOnFocus: !0,
+      required: !0,
+      value: n,
+      onChange: (h) => o(h.target.value),
+      rightElement: /* @__PURE__ */ i(
+        M,
+        {
+          disabled: e == null ? void 0 : e.streaming,
+          noBorder: !0,
+          type: "submit",
+          mode: "light",
+          focusMode: "light",
+          children: Re
+        }
+      )
+    }
+  ) });
+}, Ot = () => {
+  const { isAuthenticated: e } = q(), t = Se(e);
+  return /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ y("div", { className: t, children: [
+      /* @__PURE__ */ i(Be, {}),
+      /* @__PURE__ */ i(Mt, {})
+    ] }),
+    /* @__PURE__ */ i(Je, {}),
+    /* @__PURE__ */ i(At, {})
+  ] });
+}, Lt = (e, t) => (t == null ? void 0 : t.type) === le ? {
+  tag: t.payload.tag
+} : (t == null ? void 0 : t.type) === ue ? {
+  tag: ""
+} : e, Ut = (e, t) => (t == null ? void 0 : t.type) === Me ? {
+  searchString: t.payload.searchString,
+  sortedCell: e.sortedCell,
+  sortDirection: e.sortDirection
+} : (t == null ? void 0 : t.type) === Ae ? {
+  searchString: e.searchString,
+  sortedCell: t.payload.sortedCell,
+  sortDirection: t.payload.sortDirection
+} : e, Vt = (e, t) => {
+  if ((t == null ? void 0 : t.type) === Oe) {
+    const r = t.payload.messages.map((a) => ({
+      message: {
+        role: a.role,
+        content: a.content,
+        name: a.name,
+        processingTime: a.processingTime
+      }
+    }));
+    return {
+      id: t.payload.id,
+      model: t.payload.model,
+      usage: t.payload.usage,
+      isComponent: e.isComponent,
+      messages: r
+    };
+  }
+  if ((t == null ? void 0 : t.type) === L) {
+    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, g = t.payload.message.messageId;
+    if (r !== "") {
+      const d = {
+        role: r,
+        content: a,
+        name: n,
+        processingTime: o,
+        messageId: g
+      };
+      if (r === R) {
+        const p = e.messages.findIndex(
+          (u) => u.message.messageId === g
+        );
+        if (p !== -1) {
+          const u = e.messages.map((m, c) => c === p ? {
+            message: {
+              ...m.message,
+              content: `${m.message.content}${a}`,
+              processingTime: o,
+              name: n
+            }
+          } : m);
+          return {
+            id: e.id,
+            model: e.model,
+            usage: e.usage,
+            isComponent: e.isComponent,
+            messages: u
+          };
+        }
+      }
+      return {
+        id: e.id,
+        model: e.model,
+        usage: e.usage,
+        isComponent: e.isComponent,
+        messages: [
+          ...e.messages,
+          {
+            message: d
+          }
+        ]
+      };
+    }
+  }
+  return (t == null ? void 0 : t.type) === de ? {
+    id: J(),
+    model: e.model,
+    usage: 0,
+    messages: [],
+    isComponent: e.isComponent
+  } : (t == null ? void 0 : t.type) === ge ? {
+    id: e.id,
+    model: t.payload.model,
+    usage: t.payload.usage,
+    messages: e.messages,
+    isComponent: e.isComponent
+  } : (t == null ? void 0 : t.type) === me ? {
+    ...e,
+    streaming: t.payload.streaming
+  } : e;
+};
+function xe({ isComponent: e = !1 }) {
+  const t = I(!1), { getAccessToken: r } = q(), [a] = U({
+    key: A + Ve,
+    initialValue: ""
+  }), [n] = U({
+    key: A + ze,
+    initialValue: Ge.ASC
+  }), [o, g] = G(Vt, {
+    id: J(),
+    model: ce,
+    usage: 0,
+    messages: [],
+    isComponent: e
+  }), [d, p] = G(Ut, {
+    searchString: a,
+    sortedCell: "timestamp",
+    sortDirection: n
+  }), [u, m] = G(Lt, {
+    tag: ""
+  }), [c, h] = H({
+    version: "",
+    models: [],
+    plugins: []
+  });
+  return E(() => {
+    c.version !== "" || t.current || (async () => {
+      try {
+        t.current = !0;
+        const l = await Pe({
+          accessToken: await r(),
+          type: He.ABOUT
+        });
+        t.current = !1, l.status === 200 && h(l.data);
+      } catch {
+      }
+    })();
+  }, [c, r]), E(() => {
+    var l;
+    (l = document.getElementById("logo")) == null || l.classList.add("fadeOut"), setTimeout(() => {
+      var b;
+      (b = document.getElementById("root")) == null || b.classList.replace("app-hidden", "fadeIn");
+    }, 500);
+  }), /* @__PURE__ */ i(P.Provider, { value: { state: o, dispatch: g, serverStats: c }, children: /* @__PURE__ */ i(
+    je.Provider,
+    {
+      value: {
+        state: d,
+        dispatch: p
+      },
+      children: /* @__PURE__ */ y(
+        Z.Provider,
+        {
+          value: { state: u, dispatch: m },
+          children: [
+            /* @__PURE__ */ i(Le, { children: /* @__PURE__ */ i(Ot, {}) }),
+            /* @__PURE__ */ i(Ue, { serverStats: c })
+          ]
+        }
+      )
+    }
+  ) });
+}
+xe.displayName = "App";
+const jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: xe }, Symbol.toStringTag, { value: "Module" }));
+export {
+  jt as App,
+  yt as le
+};