@versini/sassysaint 5.3.8 → 5.3.10

package/dist/chunks/{App.DlhiXCoz.js → App.wwhSvbRQ.js}

@@ -1,137 +1,156 @@
-import { jsxs as v, Fragment as H, jsx as n } from "react/jsx-runtime";
-import { AppContext as j, TagsContext as Y, LOCAL_STORAGE_PREFIX as M, b as _e, j as G, R as B, TAG_CONTENT as O, TAGS as C, isLastMessageFromRole as de, CANCEL as Ne, CLEAR as we, ACTION_RESET as le, ACTION_TOGGLE_TAG as ce, ROLE_ASSISTANT as I, ROLE_INTERNAL as q, ROLE_USER as K, rn as Z, ROLE_SYSTEM as Ee, ROLE_HIDDEN as Ce, DEFAULT_AI_ENGINE as z, STATS_SEPARATOR as te, ACTION_MODEL as ge, ACTION_MESSAGE as L, ACTION_RESET_TAGS as ue, TYPE_QUESTION as Ie, SEND as Re, ACTION_STREAMING as me, ERROR_MESSAGE as Se, getMessageContaintWrapperClass as Ae, MessagesContainerHeader as Be, ACTION_SEARCH as Me, ACTION_SORT as Oe, ACTION_RESTORE as Le, ACTION_ENGINE as he, HistoryContext as $e, d as Ue, AppFooter as Ve, LOCAL_STORAGE_SEARCH as ze, LOCAL_STORAGE_SORT as De } from "./index.BsmLg4en.js";
-import { E as $, restCall as He, we as je, serviceCall as Pe, SERVICE_TYPES as Ge, f as Fe } from "./index.C8-dCwmB.js";
-import S, { useContext as U, useRef as R, useEffect as E, useState as P, lazy as We, Suspense as re, useReducer as F } from "react";
-import d from "clsx";
-function Ke(e) {
+import { jsx as i, jsxs as v, Fragment as O } from "react/jsx-runtime";
+import { g as _e, AppContext as $, TagsContext as j, rn as U, ACTION_SET_TAGS as oe, b as Ne, j as we, R as ne, isLastMessageFromRole as ie, O as Ee, TOOLBOX as Y, ACTION_RESET as se, ACTION_TOGGLE_TAG as de, ROLE_ASSISTANT as I, ROLE_INTERNAL as G, ROLE_USER as H, ROLE_SYSTEM as Ie, ROLE_HIDDEN as Ce, DEFAULT_AI_ENGINE as M, STATS_SEPARATOR as q, ACTION_MODEL as le, ACTION_MESSAGE as S, ACTION_RESET_TAGS as ce, TYPE_QUESTION as Se, SEND as Re, ACTION_STREAMING as ge, ERROR_MESSAGE as Be, getMessageContaintWrapperClass as Ae, MessagesContainerHeader as Me, ACTION_SEARCH as Le, ACTION_SORT as Oe, ACTION_RESTORE as $e, ACTION_ENGINE as ue, HistoryContext as Ue, d as ze, AppFooter as Ve, LOCAL_STORAGE_PREFIX as X, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as He } from "./index.BduqxN2L.js";
+import { serviceCall as me, SERVICE_TYPES as he, n as je, restCall as Ge, we as Pe, E as J, f as We } from "./index.B5_RXEo-.js";
+import C, { useContext as R, useState as A, useRef as B, useEffect as _, lazy as Fe, Suspense as Q, useReducer as V } from "react";
+import l from "clsx";
+const Ke = ({
+  className: e,
+  viewBox: t,
+  spacing: r,
+  title: a,
+  monotone: n,
+  ...o
+}) => /* @__PURE__ */ i(
+  _e,
+  {
+    defaultViewBox: "0 0 384 512",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: r,
+    title: a || "Close",
+    ...o,
+    children: /* @__PURE__ */ i("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
+  }
+);
+function Ye(e) {
   const t = e.toLowerCase().split("+").map((o) => o.trim()), r = {
     alt: t.includes("alt"),
     ctrl: t.includes("ctrl"),
     meta: t.includes("meta"),
     mod: t.includes("mod"),
     shift: t.includes("shift")
-  }, a = ["alt", "ctrl", "meta", "shift", "mod"], i = t.find((o) => !a.includes(o));
+  }, a = ["alt", "ctrl", "meta", "shift", "mod"], n = t.find((o) => !a.includes(o));
   return {
     ...r,
-    key: i
+    key: n
   };
 }
-function Ye(e, t) {
-  const { alt: r, ctrl: a, meta: i, mod: o, shift: l, key: s } = e, { altKey: b, ctrlKey: u, metaKey: m, shiftKey: c, key: g } = t;
-  if (r !== b)
+function qe(e, t) {
+  const { alt: r, ctrl: a, meta: n, mod: o, shift: c, key: d } = e, { altKey: m, ctrlKey: g, metaKey: p, shiftKey: u, key: b } = t;
+  if (r !== m)
     return !1;
   if (o) {
-    if (!u && !m)
+    if (!g && !p)
       return !1;
-  } else if (a !== u || i !== m)
+  } else if (a !== g || n !== p)
     return !1;
-  return l !== c ? !1 : !!(s && (g.toLowerCase() === s.toLowerCase() || t.code.replace("Key", "").toLowerCase() === s.toLowerCase()));
+  return c !== u ? !1 : !!(d && (b.toLowerCase() === d.toLowerCase() || t.code.replace("Key", "").toLowerCase() === d.toLowerCase()));
 }
-function qe(e) {
-  return (t) => Ye(Ke(e), t);
+function Xe(e) {
+  return (t) => qe(Ye(e), t);
 }
-function Ze(e) {
+function Je(e) {
   return (t) => {
     const r = "nativeEvent" in t ? t.nativeEvent : t;
-    e.forEach(([a, i, o = { preventDefault: !0 }]) => {
-      qe(a)(r) && (o.preventDefault && t.preventDefault(), i(r));
+    e.forEach(([a, n, o = { preventDefault: !0 }]) => {
+      Xe(a)(r) && (o.preventDefault && t.preventDefault(), n(r));
     });
   };
 }
-var f = [];
-for (var W = 0; W < 256; ++W)
-  f.push((W + 256).toString(16).slice(1));
-function Je(e, t = 0) {
+const f = [];
+for (let e = 0; e < 256; ++e)
+  f.push((e + 256).toString(16).slice(1));
+function Qe(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 V, Qe = new Uint8Array(16);
-function Xe() {
-  if (!V && (V = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !V))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return V(Qe);
+let D;
+const Ze = new Uint8Array(16);
+function et() {
+  if (!D) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    D = crypto.getRandomValues.bind(crypto);
+  }
+  return D(Ze);
 }
-var et = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const ae = {
-  randomUUID: et
-};
-function J(e, t, r) {
-  if (ae.randomUUID && !t && !e)
-    return ae.randomUUID();
+const tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Z = { randomUUID: tt };
+function P(e, t, r) {
+  if (Z.randomUUID && !t && !e)
+    return Z.randomUUID();
   e = e || {};
-  var a = e.random || (e.rng || Xe)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Je(a);
+  const a = e.random || (e.rng || et)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Qe(a);
 }
-const tt = () => {
-  const { dispatch: e, state: t } = U(j), { dispatch: r } = U(Y), a = "mt-2 flex justify-center rounded-md", i = R(null), o = R(!1), [l] = $({
-    key: M + "summarize-article",
-    initialValue: !1
-  }), [s] = $({
-    key: M + "proofread-content",
-    initialValue: !1
-  }), [b] = $({
-    key: M + "rephrase-content",
-    initialValue: !1
-  }), u = (c) => {
-    c.preventDefault(), e({
-      type: le
+const rt = () => {
+  const { dispatch: e, state: t } = R($), { dispatch: r, state: a } = R(j), { getAccessToken: n, user: o } = U(), [c, d] = A({
+    loaded: !1
+  }), m = "mt-2 flex justify-center rounded-md", g = B(null), p = B(!1), u = (s) => {
+    s.preventDefault(), e({
+      type: se
     });
   };
-  E(() => {
-    (t == null ? void 0 : t.streaming) === !0 && !o.current && i.current && (o.current = !0, i.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (o.current = !1);
+  _(() => {
+    var s;
+    (t == null ? void 0 : t.streaming) === !0 && !p.current && g.current && (p.current = !0, g.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (p.current = !1, (s = g.current) == null || s.blur());
   }, [t]);
-  const m = (c, g) => {
-    c.preventDefault(), r({
-      type: ce,
+  const b = (s, h) => {
+    s.preventDefault(), r({
+      type: de,
       payload: {
-        tag: g
+        tag: h
       }
     });
   };
-  return /* @__PURE__ */ v(H, { children: [
-    /* @__PURE__ */ v(_e, { alignHorizontal: "center", columnGap: 2, children: [
-      /* @__PURE__ */ n(G, { children: l && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
-        B,
-        {
-          noBorder: !0,
-          mode: "dark",
-          focusMode: "light",
-          size: "small",
-          onClick: (c) => m(c, C.SUMMARIZE_ARTICLE),
-          children: O[C.SUMMARIZE_ARTICLE].label
-        }
-      ) }) }),
-      /* @__PURE__ */ n(G, { children: s && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
-        B,
-        {
-          noBorder: !0,
-          mode: "dark",
-          focusMode: "light",
-          size: "small",
-          onClick: (c) => m(c, C.PROOFREAD_CONTENT),
-          children: O[C.PROOFREAD_CONTENT].label
-        }
-      ) }) }),
-      /* @__PURE__ */ n(G, { children: b && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
-        B,
-        {
-          noBorder: !0,
-          mode: "dark",
-          focusMode: "light",
-          size: "small",
-          onClick: (c) => m(c, C.REPHRASE_CONTENT),
-          children: O[C.REPHRASE_CONTENT].label
-        }
-      ) }) })
-    ] }),
-    de(I, t) && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
-      B,
+  return _(() => {
+    if (!o) {
+      d({
+        loaded: !1
+      });
+      return;
+    }
+    c.loaded || (async () => {
+      try {
+        const s = await me({
+          accessToken: await n(),
+          type: he.GET_USER_PREFERENCES,
+          params: {
+            user: o.username
+          }
+        });
+        s.status === 200 && (r({
+          type: oe,
+          payload: {
+            tags: s.data.tags || []
+          }
+        }), d({
+          loaded: !0
+        }));
+      } catch {
+      }
+    })();
+  }, [o]), /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ i(Ne, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((s) => s.enabled && s.label && s.content && /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
+      ne,
+      {
+        noBorder: !0,
+        mode: "dark",
+        focusMode: "light",
+        size: "small",
+        onClick: (h) => b(h, s.content),
+        children: s.label
+      }
+    ) }) }, `tag-button-${s.slot}`)) }),
+    ie(I, t) && /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
+      Ee,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
-        ref: i,
+        ref: g,
         onClick: u,
-        children: t != null && t.streaming ? Ne : we
+        labelRight: t != null && t.streaming ? Y.ACTION_WHILE_STREAMING.content : Y.ACTION_WHILE_NOT_STREAMING.content,
+        children: t != null && t.streaming ? /* @__PURE__ */ i(Ke, { className: "size-4" }) : /* @__PURE__ */ i(je, { className: "size-4" })
       }
     ) })
   ] });
@@ -149,7 +168,7 @@ try {
   });
 } catch {
 }
-const rt = "av-bubble", oe = "av-button", at = (e) => {
+const at = "av-bubble", ee = "av-button", ot = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -158,32 +177,32 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
     (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;
-}, Q = "icon", ot = "button", it = "link", nt = ({
+}, W = "icon", nt = "button", it = "link", st = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: i
+  align: n
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", s = "text-lg font-medium max-h-12 py-2";
+  const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case ot:
-      return d("px-4", {
+    case nt:
+      return l("px-4", {
         [o]: t === "small",
-        [l]: t === "medium",
-        [s]: t === "large"
+        [c]: t === "medium",
+        [d]: t === "large"
       });
     case it:
-      return d("px-4 text-center", {
+      return l("px-4 text-center", {
         [o]: t === "small",
-        [l]: t === "medium",
-        [s]: t === "large"
+        [c]: t === "medium",
+        [d]: t === "large"
       });
-    case Q:
-      return d("inline-flex items-center", {
-        "justify-center": i === "center",
-        "justify-start": i === "left",
-        "justify-end": i === "right",
+    case W:
+      return l("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),
@@ -192,7 +211,7 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, st = ({
+}, dt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -201,7 +220,7 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
   if (t)
     return "not-prose rounded-full";
   if (a === "primary")
-    return d("not-prose rounded-full", {
+    return l("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -209,7 +228,7 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return d("not-prose rounded-full", {
+    return l("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -217,14 +236,14 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return d("not-prose rounded-full", {
+    return l("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"
     });
-}, dt = ({
+}, lt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -232,27 +251,27 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return d("hover:text-copy-light-hover", {
+    return l("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 d("hover:text-copy-light-hover", {
+    return l("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 d("hover:text-copy-light-hover", {
+    return l("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"
     });
-}, lt = ({
+}, ct = ({
   mode: e,
   disabled: t,
   variant: r
@@ -260,27 +279,27 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return d("active:text-copy-light-active", {
+    return l("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 d("active:text-copy-light-active", {
+    return l("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 d("active:text-copy-lighter-active", {
+    return l("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"
     });
-}, ct = ({
+}, gt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -288,27 +307,27 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return d("border", {
+    return l("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 d("border", {
+    return l("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 d("border", {
+    return l("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"
     });
-}, gt = ({ focusMode: e }) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, ut = ({ focusMode: e }) => l("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",
@@ -318,104 +337,104 @@ const rt = "av-bubble", oe = "av-button", at = (e) => {
   className: t,
   raw: r,
   mode: a,
-  focusMode: i,
+  focusMode: n,
   disabled: o,
-  fullWidth: l,
-  size: s,
-  noBorder: b,
-  labelRight: u,
-  labelLeft: m,
-  spacing: c,
-  noBackground: g,
-  variant: h,
-  noTruncate: p,
+  fullWidth: c,
+  size: d,
+  noBorder: m,
+  labelRight: g,
+  labelLeft: p,
+  spacing: u,
+  noBackground: b,
+  variant: s,
+  noTruncate: h,
   align: y
-}) => (h || (h = "primary"), r ? d(oe, t) : d(
-  oe,
+}) => (s || (s = "primary"), r ? l(ee, t) : l(
+  ee,
   t,
-  at(c),
-  st({ mode: a, variant: h, noBackground: g, noTruncate: p }),
-  nt({ type: e, size: s, labelRight: u, labelLeft: m, align: y }),
-  ct({ mode: a, variant: h, noBorder: b }),
-  gt({ focusMode: i }),
-  dt({ mode: a, variant: h, disabled: o }),
-  lt({ mode: a, variant: h, disabled: o }),
+  ot(u),
+  dt({ mode: a, variant: s, noBackground: b, noTruncate: h }),
+  st({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
+  gt({ mode: a, variant: s, noBorder: m }),
+  ut({ focusMode: n }),
+  lt({ mode: a, variant: s, disabled: o }),
+  ct({ mode: a, variant: s, disabled: o }),
   {
-    "w-full": l,
+    "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), ut = (e, t, r) => {
+)), mt = (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, ...i } = e;
-  return /* @__PURE__ */ n(
+}, F = C.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ i(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        ut(o, a, r);
+        mt(o, a, r);
       },
-      ...i
+      ...n
     }
   );
 });
-X.displayName = "BaseButton";
-const be = S.forwardRef(
+F.displayName = "BaseButton";
+const be = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
+    fullWidth: n = !1,
     className: o,
-    type: l = "button",
-    raw: s = !1,
-    noBorder: b = !1,
-    "aria-label": u,
-    label: m,
-    size: c = "medium",
-    labelRight: g,
-    labelLeft: h,
-    spacing: p,
+    type: c = "button",
+    raw: d = !1,
+    noBorder: m = !1,
+    "aria-label": g,
+    label: p,
+    size: u = "medium",
+    labelRight: b,
+    labelLeft: s,
+    spacing: h,
     noBackground: y = !1,
-    align: _ = "center",
-    ...N
-  }, w) => {
-    const k = pe({
-      type: Q,
+    align: N = "center",
+    ...w
+  }, k) => {
+    const x = pe({
+      type: W,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
-      noBorder: b,
-      size: c,
-      labelRight: g,
-      labelLeft: h,
-      spacing: p,
+      noBorder: m,
+      size: u,
+      labelRight: b,
+      labelLeft: s,
+      spacing: h,
       noBackground: y,
-      align: _
-    }), x = d({
-      "text-copy-accent-dark": r === "light" && !s,
-      "text-copy-light": r === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !s
+      align: N
+    }), E = l({
+      "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__ */ v(
-      X,
+      F,
       {
-        ref: w,
-        className: k,
+        ref: k,
+        className: x,
         disabled: t,
-        type: l,
-        "aria-label": u || m,
-        ...N,
+        type: c,
+        "aria-label": g || p,
+        ...w,
         children: [
-          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
-          /* @__PURE__ */ n("div", { className: x, children: e }),
-          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
+          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
+          /* @__PURE__ */ i("div", { className: E, children: e }),
+          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
         ]
       }
     );
@@ -435,49 +454,49 @@ try {
   });
 } catch {
 }
-const mt = S.forwardRef(
+const ht = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
+    fullWidth: n = !1,
     className: o,
-    type: l = "button",
-    raw: s = !1,
-    noBorder: b = !1,
-    "aria-label": u,
-    label: m,
-    size: c = "medium",
-    labelRight: g,
-    labelLeft: h,
-    spacing: p,
+    type: c = "button",
+    raw: d = !1,
+    noBorder: m = !1,
+    "aria-label": g,
+    label: p,
+    size: u = "medium",
+    labelRight: b,
+    labelLeft: s,
+    spacing: h,
     noBackground: y = !1,
-    align: _ = "center",
-    active: N = !1,
-    ...w
-  }, k) => {
-    const x = pe({
-      type: Q,
+    align: N = "center",
+    active: w = !1,
+    ...k
+  }, x) => {
+    const E = pe({
+      type: W,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
-      noBorder: b,
-      size: c,
-      labelRight: g,
-      labelLeft: h,
-      spacing: p,
+      noBorder: m,
+      size: u,
+      labelRight: b,
+      labelLeft: s,
+      spacing: h,
       noBackground: y,
-      align: _
-    }), A = d({
-      "text-copy-accent-dark": r === "light" && !s,
-      "text-copy-light": r === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !s
-    }), T = N ? d(
+      align: N
+    }), T = l({
+      "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
+    }), z = w ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -494,26 +513,26 @@ const mt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ n("div", { className: T, children: /* @__PURE__ */ v(
-      X,
+    return /* @__PURE__ */ i("div", { className: z, children: /* @__PURE__ */ v(
+      F,
       {
-        ref: k,
-        className: x,
+        ref: x,
+        className: E,
         disabled: t,
-        type: l,
-        "aria-label": u || m,
-        ...w,
+        type: c,
+        "aria-label": g || p,
+        ...k,
         children: [
-          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
-          /* @__PURE__ */ n("div", { className: A, children: e }),
-          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
+          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
+          /* @__PURE__ */ i("div", { className: T, children: e }),
+          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
         ]
       }
     ) });
   }
 );
-mt.displayName = "ButtonSort";
-const ht = (e) => {
+ht.displayName = "ButtonSort";
+const pt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -527,33 +546,33 @@ const ht = (e) => {
   fill: t,
   viewBox: r,
   className: a,
-  defaultViewBox: i,
+  defaultViewBox: n,
   defaultClassName: o,
-  spacing: l,
-  title: s,
-  semantic: b = !1,
-  ...u
+  spacing: c,
+  title: d,
+  semantic: m = !1,
+  ...g
 }) => {
-  const m = ht(l), c = d(
-    m,
+  const p = pt(c), u = l(
+    p,
     a || o
   );
-  return /* @__PURE__ */ v(H, { children: [
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ i(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: c,
-        viewBox: r || i,
+        className: u,
+        viewBox: r || n,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !b,
+        "aria-hidden": !m,
         focusable: !1,
-        ...u,
+        ...g,
         children: e
       }
     ),
-    s && b && /* @__PURE__ */ n("span", { className: "sr-only", children: s })
+    d && m && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
   ] });
 };
 /*!
@@ -569,12 +588,12 @@ try {
   });
 } catch {
 }
-const pt = ({
+const bt = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
-  monotone: i,
+  monotone: n,
   ...o
 }) => /* @__PURE__ */ v(
   fe,
@@ -587,24 +606,24 @@ const pt = ({
     title: a || "Copied",
     ...o,
     children: [
-      /* @__PURE__ */ n(
+      /* @__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__ */ 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" })
+      /* @__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" })
     ]
   }
-), bt = ({
+), ft = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
-  monotone: i,
+  monotone: n,
   ...o
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ i(
   fe,
   {
     defaultViewBox: "0 0 512 512",
@@ -614,7 +633,7 @@ const pt = ({
     spacing: r,
     title: a || "Copy",
     ...o,
-    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" })
+    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" })
   }
 );
 /*!
@@ -630,7 +649,7 @@ try {
   });
 } catch {
 }
-const ft = (e) => {
+const yt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -639,93 +658,93 @@ const ft = (e) => {
     (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;
-}, yt = () => "p-4 sm:max-w-md md:max-w-2xl", vt = ({ kind: e }) => d({
+}, vt = () => "p-4 sm:max-w-md md:max-w-2xl", kt = ({ kind: e }) => l({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), kt = ({ kind: e }) => d(
+}), xt = ({ kind: e }) => l(
   "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"
   }
-), xt = ({ kind: e }) => d("rounded-b-xl", {
+), Tt = ({ kind: e }) => l("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), Tt = ({
+}), _t = ({
   kind: e,
   className: t,
   spacing: r
 }) => {
-  const a = d(
+  const a = l(
     t,
-    rt,
+    at,
     "flex items-start",
-    ft(r),
+    yt(r),
     {
       "flex-row-reverse": e === "right"
     }
-  ), i = d(
+  ), n = l(
     "flex flex-col empty:hidden",
-    yt(),
+    vt(),
+    xt({ kind: e }),
     kt({ kind: e }),
-    vt({ kind: e }),
-    xt({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", l = d("flex flex-col-reverse gap-2 sm:flex-row", {
+    Tt({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", c = l("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
   return {
     wrapper: a,
-    main: i,
+    main: n,
     footer: o,
-    copyButton: l
+    copyButton: c
   };
-}, _t = ({
+}, Nt = ({
   children: e,
   kind: t = "left",
   className: r,
   footer: a,
-  rawFooter: i,
+  rawFooter: n,
   copyToClipboard: o,
-  copyToClipboardFocusMode: l = "system",
-  copyToClipboardMode: s = "system",
-  spacing: b
+  copyToClipboardFocusMode: c = "system",
+  copyToClipboardMode: d = "system",
+  spacing: m
 }) => {
-  const [u, m] = P(!1), c = Tt({ kind: t, className: r, spacing: b }), g = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), h = () => {
-    m(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [g, p] = A(!1), u = _t({ kind: t, className: r, spacing: m }), b = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), s = () => {
+    p(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
-  return E(() => {
-    let p;
-    return u && (p = window.setTimeout(() => {
-      m(!1);
+  return _(() => {
+    let h;
+    return g && (h = window.setTimeout(() => {
+      p(!1);
     }, 3e3)), () => {
-      clearTimeout(p);
+      clearTimeout(h);
     };
-  }, [u]), /* @__PURE__ */ v("div", { className: c.wrapper, children: [
+  }, [g]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ n("div", { className: c.main, children: e }),
-      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ n("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: c.footer, children: [
-        p,
+      /* @__PURE__ */ i("div", { className: u.main, children: e }),
+      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
+        h,
         ": ",
-        a[p]
-      ] }) }, `-${p}`) : null),
-      i && i
+        a[h]
+      ] }) }, `-${h}`) : null),
+      n && n
     ] }),
-    g && /* @__PURE__ */ n("div", { className: c.copyButton, children: /* @__PURE__ */ n(
+    b && /* @__PURE__ */ i("div", { className: u.copyButton, children: /* @__PURE__ */ i(
       be,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: s,
-        focusMode: l,
-        label: u ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: h,
-        disabled: u,
-        children: u ? /* @__PURE__ */ n(pt, { className: "size-3" }) : /* @__PURE__ */ n(bt, { className: "size-3" })
+        mode: d,
+        focusMode: c,
+        label: g ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: s,
+        disabled: g,
+        children: g ? /* @__PURE__ */ i(bt, { className: "size-3" }) : /* @__PURE__ */ i(ft, { className: "size-3" })
       }
     ) })
   ] });
-}, ie = "av-button", Nt = (e) => {
+}, te = "av-button", wt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -734,32 +753,32 @@ const ft = (e) => {
     (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;
-}, ye = "icon", ve = "button", wt = "link", Et = ({
+}, ye = "icon", ve = "button", Et = "link", It = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: i
+  align: n
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", s = "text-lg font-medium max-h-12 py-2";
+  const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
   switch (e) {
     case ve:
-      return d("px-4", {
+      return l("px-4", {
         [o]: t === "small",
-        [l]: t === "medium",
-        [s]: t === "large"
+        [c]: t === "medium",
+        [d]: t === "large"
       });
-    case wt:
-      return d("px-4 text-center", {
+    case Et:
+      return l("px-4 text-center", {
         [o]: t === "small",
-        [l]: t === "medium",
-        [s]: t === "large"
+        [c]: t === "medium",
+        [d]: t === "large"
       });
     case ye:
-      return d("inline-flex items-center", {
-        "justify-center": i === "center",
-        "justify-start": i === "left",
-        "justify-end": i === "right",
+      return l("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),
@@ -777,7 +796,7 @@ const ft = (e) => {
   if (t)
     return "not-prose rounded-full";
   if (a === "primary")
-    return d("not-prose rounded-full", {
+    return l("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -785,7 +804,7 @@ const ft = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return d("not-prose rounded-full", {
+    return l("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -793,14 +812,14 @@ const ft = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return d("not-prose rounded-full", {
+    return l("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"
     });
-}, It = ({
+}, St = ({
   mode: e,
   disabled: t,
   variant: r
@@ -808,21 +827,21 @@ const ft = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return d("hover:text-copy-light-hover", {
+    return l("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 d("hover:text-copy-light-hover", {
+    return l("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 d("hover:text-copy-light-hover", {
+    return l("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",
@@ -836,27 +855,27 @@ const ft = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return d("active:text-copy-light-active", {
+    return l("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 d("active:text-copy-light-active", {
+    return l("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 d("active:text-copy-lighter-active", {
+    return l("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"
     });
-}, St = ({
+}, Bt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -864,27 +883,27 @@ const ft = (e) => {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return d("border", {
+    return l("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 d("border", {
+    return l("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 d("border", {
+    return l("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"
     });
-}, At = ({ focusMode: e }) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, At = ({ focusMode: e }) => l("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",
@@ -894,86 +913,86 @@ const ft = (e) => {
   className: t,
   raw: r,
   mode: a,
-  focusMode: i,
+  focusMode: n,
   disabled: o,
-  fullWidth: l,
-  size: s,
-  noBorder: b,
-  labelRight: u,
-  labelLeft: m,
-  spacing: c,
-  noBackground: g,
-  variant: h,
-  noTruncate: p,
+  fullWidth: c,
+  size: d,
+  noBorder: m,
+  labelRight: g,
+  labelLeft: p,
+  spacing: u,
+  noBackground: b,
+  variant: s,
+  noTruncate: h,
   align: y
-}) => (h || (h = "primary"), r ? d(ie, t) : d(
-  ie,
+}) => (s || (s = "primary"), r ? l(te, t) : l(
+  te,
   t,
-  Nt(c),
-  Ct({ mode: a, variant: h, noBackground: g, noTruncate: p }),
-  Et({ type: e, size: s, labelRight: u, labelLeft: m, align: y }),
-  St({ mode: a, variant: h, noBorder: b }),
-  At({ focusMode: i }),
-  It({ mode: a, variant: h, disabled: o }),
-  Rt({ mode: a, variant: h, disabled: o }),
+  wt(u),
+  Ct({ mode: a, variant: s, noBackground: b, noTruncate: h }),
+  It({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
+  Bt({ mode: a, variant: s, noBorder: m }),
+  At({ focusMode: n }),
+  St({ mode: a, variant: s, disabled: o }),
+  Rt({ mode: a, variant: s, disabled: o }),
   {
-    "w-full": l,
+    "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), Bt = (e, t, r) => {
+)), Mt = (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);
-}, ee = S.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...i } = e;
-  return /* @__PURE__ */ n(
+}, K = C.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ i(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        Bt(o, a, r);
+        Mt(o, a, r);
       },
-      ...i
+      ...n
     }
   );
 });
-ee.displayName = "BaseButton";
-const xe = S.forwardRef(
+K.displayName = "BaseButton";
+const xe = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
+    fullWidth: n = !1,
     className: o,
-    size: l = "medium",
-    raw: s = !1,
-    noBorder: b = !1,
-    spacing: u,
-    variant: m = "primary",
-    noTruncate: c = !1,
-    ...g
-  }, h) => {
-    const p = ke({
+    size: c = "medium",
+    raw: d = !1,
+    noBorder: m = !1,
+    spacing: g,
+    variant: p = "primary",
+    noTruncate: u = !1,
+    ...b
+  }, s) => {
+    const h = ke({
       type: ve,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
-      size: l,
-      noBorder: b,
-      spacing: u,
-      variant: m,
-      noTruncate: c
+      size: c,
+      noBorder: m,
+      spacing: g,
+      variant: p,
+      noTruncate: u
     });
-    return /* @__PURE__ */ n(
-      ee,
+    return /* @__PURE__ */ i(
+      K,
       {
-        ref: h,
-        className: p,
+        ref: s,
+        className: h,
         disabled: t,
-        ...g,
+        ...b,
         children: e
       }
     );
@@ -993,49 +1012,49 @@ try {
   });
 } catch {
 }
-const Mt = S.forwardRef(
+const Lt = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
+    fullWidth: n = !1,
     className: o,
-    type: l = "button",
-    raw: s = !1,
-    noBorder: b = !1,
-    "aria-label": u,
-    label: m,
-    size: c = "medium",
-    labelRight: g,
-    labelLeft: h,
-    spacing: p,
+    type: c = "button",
+    raw: d = !1,
+    noBorder: m = !1,
+    "aria-label": g,
+    label: p,
+    size: u = "medium",
+    labelRight: b,
+    labelLeft: s,
+    spacing: h,
     noBackground: y = !1,
-    align: _ = "center",
-    active: N = !1,
-    ...w
-  }, k) => {
-    const x = ke({
+    align: N = "center",
+    active: w = !1,
+    ...k
+  }, x) => {
+    const E = ke({
       type: ye,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: n,
       disabled: t,
-      raw: s,
+      raw: d,
       className: o,
-      noBorder: b,
-      size: c,
-      labelRight: g,
-      labelLeft: h,
-      spacing: p,
+      noBorder: m,
+      size: u,
+      labelRight: b,
+      labelLeft: s,
+      spacing: h,
       noBackground: y,
-      align: _
-    }), A = d({
-      "text-copy-accent-dark": r === "light" && !s,
-      "text-copy-light": r === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !s
-    }), T = N ? d(
+      align: N
+    }), T = l({
+      "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
+    }), z = w ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1052,26 +1071,26 @@ const Mt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ n("div", { className: T, children: /* @__PURE__ */ v(
-      ee,
+    return /* @__PURE__ */ i("div", { className: z, children: /* @__PURE__ */ v(
+      K,
       {
-        ref: k,
-        className: x,
+        ref: x,
+        className: E,
         disabled: t,
-        type: l,
-        "aria-label": u || m,
-        ...w,
+        type: c,
+        "aria-label": g || p,
+        ...k,
         children: [
-          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
-          /* @__PURE__ */ n("div", { className: A, children: e }),
-          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
+          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
+          /* @__PURE__ */ i("div", { className: T, children: e }),
+          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
         ]
       }
     ) });
   }
 );
-Mt.displayName = "ButtonSort";
-const Ot = 200, Lt = ({
+Lt.displayName = "ButtonSort";
+const Ot = 200, $t = ({
   string: e,
   idealLength: t = Ot
 }) => {
@@ -1084,32 +1103,32 @@ const Ot = 200, Lt = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, $t = ({
+}, Ut = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [i, o] = P(!1);
+  const [n, o] = A(!1);
   if (typeof e != "string")
     return e;
-  const { string: l, isTruncated: s } = Lt({
+  const { string: c, isTruncated: d } = $t({
     string: e,
     idealLength: t
   });
   return /* @__PURE__ */ v("span", { children: [
-    i ? e : l,
-    s && /* @__PURE__ */ n(
+    n ? e : c,
+    d && /* @__PURE__ */ i(
       xe,
       {
         mode: r,
         focusMode: a,
         spacing: { l: 2 },
         size: "small",
-        onClick: (b) => {
-          b.preventDefault(), o(!i);
+        onClick: (m) => {
+          m.preventDefault(), o(!n);
         },
-        children: i ? "less..." : "more..."
+        children: n ? "less..." : "more..."
       }
     )
   ] });
@@ -1127,165 +1146,165 @@ try {
   });
 } catch {
 }
-const ne = We(
+const re = Fe(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.CI97mVOI.js"
+    "./LazyMessageAssistant.WIuSwbN3.js"
   ).then((e) => e.LazyMessageAssistant)
-), Ut = () => {
-  const { state: e } = U(j);
-  return /* @__PURE__ */ v(H, { children: [
+), zt = () => {
+  const { state: e } = R($);
+  return /* @__PURE__ */ v(O, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: i, name: o, processingTime: l } = t.message;
-      return (a === I || a === q) && i ? /* @__PURE__ */ n(re, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(
-        ne,
+      const { role: a, content: n, name: o, processingTime: c } = t.message;
+      return (a === I || a === G) && n ? /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
+        re,
         {
           name: o,
-          processingTime: l,
-          children: i
+          processingTime: c,
+          children: n
         }
-      ) }, `${r}-${a}`) : a === K && i ? /* @__PURE__ */ n(
-        _t,
+      ) }, `${r}-${a}`) : a === H && n ? /* @__PURE__ */ i(
+        Nt,
         {
           kind: "right",
-          copyToClipboard: i,
+          copyToClipboard: n,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ n($t, { mode: "light", focusMode: "light", children: i })
+          children: /* @__PURE__ */ i(Ut, { mode: "light", focusMode: "light", children: n })
         },
         `${r}-${a}`
       ) : null;
     }),
-    de(K, e) && /* @__PURE__ */ n(re, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(ne, { loading: !0 }) })
+    ie(H, e) && /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(re, { loading: !0 }) })
   ] });
-}, D = (e, t) => {
+}, L = (e, t) => {
   e({
-    type: me,
+    type: ge,
     payload: {
       streaming: t
     }
   });
-}, se = (e) => {
-  D(e, !1), e({
-    type: L,
+}, ae = (e) => {
+  L(e, !1), e({
+    type: S,
     payload: {
       message: {
-        role: q,
-        content: Se
+        role: G,
+        content: Be
       }
     }
   });
 }, Vt = () => {
-  const { state: e, dispatch: t } = U(j), { state: r, dispatch: a } = U(Y), [i, o] = P(""), { getAccessToken: l, user: s } = Z(), b = R(!1), u = R(null), m = R(
+  const { state: e, dispatch: t } = R($), { state: r, dispatch: a } = R(j), [n, o] = A(""), { getAccessToken: c, user: d } = U(), m = B(null), g = B(
     null
   );
-  E(() => {
+  _(() => {
     (async () => {
-      var h;
+      var b;
       if (!e || e.messages.length === 0) {
-        (h = m == null ? void 0 : m.current) == null || h.cancel();
+        (b = g == null ? void 0 : g.current) == null || b.cancel();
         return;
       }
-      const g = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || g.message.role === I || g.message.role === Ee || g.message.role === q || g.message.role === Ce))
+      const u = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || u.message.role === I || u.message.role === Ie || u.message.role === G || u.message.role === Ce))
         try {
-          const p = await He({
-            accessToken: await l(),
+          const s = await Ge({
+            accessToken: await c(),
             name: "generate",
             data: {
               messages: e.messages,
-              model: e.engine || z,
-              user: (s == null ? void 0 : s.username) || "",
+              model: e.engine || M,
+              user: (d == null ? void 0 : d.username) || "",
               id: e.id,
               usage: e.usage
             }
           });
-          if (p && p.ok) {
-            const y = J();
-            m.current = p.body.getReader();
-            const _ = new TextDecoder();
+          if (s && s.ok) {
+            const h = P();
+            g.current = s.body.getReader();
+            const y = new TextDecoder();
             for (; ; ) {
-              D(t, !0);
-              const { done: N, value: w } = await m.current.read();
+              L(t, !0);
+              const { done: N, value: w } = await g.current.read();
               if (N) {
-                D(t, !1);
+                L(t, !1);
                 break;
               }
-              const k = _.decode(w, { stream: !0 }), x = k.indexOf(te);
+              const k = y.decode(w, { stream: !0 }), x = k.indexOf(q);
               if (x !== -1) {
-                const A = k.substring(0, x), T = JSON.parse(
-                  k.substring(x + te.length)
+                const E = k.substring(0, x), T = JSON.parse(
+                  k.substring(x + q.length)
                 );
                 t({
-                  type: ge,
+                  type: le,
                   payload: {
                     model: T.model,
                     usage: T.usage
                   }
                 }), t({
-                  type: L,
+                  type: S,
                   payload: {
                     message: {
-                      content: A,
+                      content: E,
                       role: I,
-                      messageId: y,
+                      messageId: h,
                       processingTime: T.processingTime,
                       name: T.name
                     }
                   }
-                }), D(t, !1);
+                }), L(t, !1);
                 break;
               } else
                 t({
-                  type: L,
+                  type: S,
                   payload: {
                     message: {
                       content: k,
                       role: I,
-                      messageId: y
+                      messageId: h
                     }
                   }
                 });
             }
           } else
-            se(t);
-        } catch (p) {
-          console.error(p), se(t);
+            ae(t);
+        } catch (s) {
+          console.error(s), ae(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
-  const c = async (g) => {
-    g.preventDefault(), t({
-      type: L,
+  const p = async (u) => {
+    u.preventDefault(), t({
+      type: S,
       payload: {
         message: {
-          role: K,
-          content: i
+          role: H,
+          content: n
         }
       }
     }), o("");
   };
-  return E(() => {
-    (e == null ? void 0 : e.streaming) === !1 && !b.current && u.current && (b.current = !0, u.current.focus()), (e == null ? void 0 : e.streaming) === !0 && b.current === !0 && (b.current = !1);
-  }, [e]), E(() => {
-    r.tag !== "" && O[r.tag] && (o(O[r.tag].content), u.current && u.current.focus(), a({
-      type: ue
+  return _(() => {
+    r.tag !== "" && (o(r.tag), m.current && m.current.focus(), a({
+      type: ce
     }));
-  }, [r, a]), /* @__PURE__ */ n("form", { className: "mt-2", onSubmit: c, children: /* @__PURE__ */ n(
-    je,
+  }, [r, a]), _(() => {
+    e && e.usage === 0 && e.messages.length === 0 && m.current && m.current.focus();
+  }, [e]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: p, children: /* @__PURE__ */ i(
+    Pe,
     {
       mode: "dark",
       focusMode: "light",
-      ref: u,
+      ref: m,
       name: "chat-input",
-      label: Ie,
+      label: Se,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
-      value: i,
-      onChange: (g) => o(g.target.value),
-      onKeyDown: Ze([["mod+Enter", c]]),
-      rightElement: /* @__PURE__ */ n(
-        B,
+      value: n,
+      onChange: (u) => o(u.target.value),
+      onKeyDown: Je([["mod+Enter", p]]),
+      rightElement: /* @__PURE__ */ i(
+        ne,
         {
           disabled: e == null ? void 0 : e.streaming,
           noBorder: !0,
@@ -1297,21 +1316,26 @@ const ne = We(
       )
     }
   ) });
-}, zt = () => {
-  const { isAuthenticated: e } = Z(), t = Ae(e);
-  return /* @__PURE__ */ v(H, { children: [
+}, Dt = () => {
+  const { isAuthenticated: e } = U(), t = Ae(e);
+  return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v("div", { className: t, children: [
-      /* @__PURE__ */ n(Be, {}),
-      /* @__PURE__ */ n(Ut, {})
+      /* @__PURE__ */ i(Me, {}),
+      /* @__PURE__ */ i(zt, {})
     ] }),
-    /* @__PURE__ */ n(tt, {}),
-    /* @__PURE__ */ n(Vt, {})
+    /* @__PURE__ */ i(rt, {}),
+    /* @__PURE__ */ i(Vt, {})
   ] });
-}, Dt = (e, t) => (t == null ? void 0 : t.type) === ce ? {
+}, Ht = (e, t) => (t == null ? void 0 : t.type) === de ? {
+  tags: e.tags,
   tag: t.payload.tag
-} : (t == null ? void 0 : t.type) === ue ? {
+} : (t == null ? void 0 : t.type) === ce ? {
+  tags: e.tags,
+  tag: ""
+} : (t == null ? void 0 : t.type) === oe ? {
+  tags: t.payload.tags,
   tag: ""
-} : e, Ht = (e, t) => (t == null ? void 0 : t.type) === Me ? {
+} : e, jt = (e, t) => (t == null ? void 0 : t.type) === Le ? {
   searchString: t.payload.searchString,
   sortedCell: e.sortedCell,
   sortDirection: e.sortDirection
@@ -1319,8 +1343,8 @@ const ne = We(
   searchString: e.searchString,
   sortedCell: t.payload.sortedCell,
   sortDirection: t.payload.sortDirection
-} : e, jt = (e, t) => {
-  if ((t == null ? void 0 : t.type) === Le) {
+} : e, Gt = (e, t) => {
+  if ((t == null ? void 0 : t.type) === $e) {
     const r = t.payload.messages.map((a) => ({
       message: {
         role: a.role,
@@ -1335,39 +1359,41 @@ const ne = We(
       usage: t.payload.usage,
       isComponent: e.isComponent,
       messages: r,
-      engine: e.engine
+      engine: e.engine,
+      tags: e.tags
     };
   }
-  if ((t == null ? void 0 : t.type) === L) {
-    const r = t.payload.message.role, a = t.payload.message.content, i = t.payload.message.name, o = t.payload.message.processingTime, l = t.payload.message.messageId;
+  if ((t == null ? void 0 : t.type) === S) {
+    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, c = t.payload.message.messageId;
     if (r !== "") {
-      const s = {
+      const d = {
         role: r,
         content: a,
-        name: i,
+        name: n,
         processingTime: o,
-        messageId: l
+        messageId: c
       };
       if (r === I) {
-        const b = e.messages.findIndex(
-          (u) => u.message.messageId === l
+        const m = e.messages.findIndex(
+          (g) => g.message.messageId === c
         );
-        if (b !== -1) {
-          const u = e.messages.map((m, c) => c === b ? {
+        if (m !== -1) {
+          const g = e.messages.map((p, u) => u === m ? {
             message: {
-              ...m.message,
-              content: `${m.message.content}${a}`,
+              ...p.message,
+              content: `${p.message.content}${a}`,
               processingTime: o,
-              name: i
+              name: n
             }
-          } : m);
+          } : p);
           return {
             id: e.id,
             model: e.model,
             usage: e.usage,
             isComponent: e.isComponent,
-            messages: u,
-            engine: e.engine
+            messages: g,
+            engine: e.engine,
+            tags: e.tags
           };
         }
       }
@@ -1375,106 +1401,110 @@ const ne = We(
         id: e.id,
         model: e.model,
         engine: e.engine,
+        tags: e.tags,
         usage: e.usage,
         isComponent: e.isComponent,
         messages: [
           ...e.messages,
           {
-            message: s
+            message: d
           }
         ]
       };
     }
   }
-  return (t == null ? void 0 : t.type) === le ? {
-    id: J(),
+  return (t == null ? void 0 : t.type) === se ? {
+    id: P(),
     model: e.model,
     engine: e.engine,
     usage: 0,
     messages: [],
-    isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === ge ? {
+    isComponent: e.isComponent,
+    tags: e.tags
+  } : (t == null ? void 0 : t.type) === le ? {
     id: e.id,
     model: t.payload.model,
     engine: e.engine,
+    tags: e.tags,
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === he ? {
+  } : (t == null ? void 0 : t.type) === ue ? {
     ...e,
     engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === me ? {
+  } : (t == null ? void 0 : t.type) === ge ? {
     ...e,
     streaming: t.payload.streaming
   } : e;
 };
 function Te({ isComponent: e = !1 }) {
-  const t = R(!1), { getAccessToken: r, user: a } = Z(), [i] = $({
-    key: M + ze,
+  const t = B(!1), { getAccessToken: r, user: a } = U(), [n] = J({
+    key: X + De,
     initialValue: ""
-  }), [o] = $({
-    key: M + De,
-    initialValue: Fe.ASC
-  }), [l, s] = F(jt, {
-    id: J(),
-    model: z,
-    engine: z,
+  }), [o] = J({
+    key: X + He,
+    initialValue: We.ASC
+  }), [c, d] = V(Gt, {
+    id: P(),
+    model: M,
+    engine: M,
     usage: 0,
     messages: [],
+    tags: [],
     isComponent: e
-  }), [b, u] = F(Ht, {
-    searchString: i,
+  }), [m, g] = V(jt, {
+    searchString: n,
     sortedCell: "timestamp",
     sortDirection: o
-  }), [m, c] = F(Dt, {
+  }), [p, u] = V(Ht, {
     tag: ""
-  }), [g, h] = P({
+  }), [b, s] = A({
     version: "",
     models: [],
     plugins: [],
-    engine: z,
+    engine: M,
     engines: []
   });
-  return E(() => {
-    g.version !== "" || t.current || (async () => {
+  return _(() => {
+    b.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
-        const p = await Pe({
+        const h = await me({
           accessToken: await r(),
-          type: Ge.ABOUT,
+          type: he.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, p.status === 200 && (h(p.data), s({
-          type: he,
+        t.current = !1, h.status === 200 && (s(h.data), d({
+          type: ue,
           payload: {
-            engine: p.data.engine
+            engine: h.data.engine
           }
         }));
       } catch {
       }
     })();
-  }, [g, r, a]), E(() => {
-    var p;
-    (p = document.getElementById("logo")) == null || p.classList.add("fadeOut"), setTimeout(() => {
+  }, [b, r, a]), _(() => {
+    var h;
+    (h = document.getElementById("logo")) == null || h.classList.add("fadeOut"), setTimeout(() => {
       var y;
       (y = document.getElementById("root")) == null || y.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ n(j.Provider, { value: { state: l, dispatch: s, serverStats: g }, children: /* @__PURE__ */ n(
-    $e.Provider,
+  }), /* @__PURE__ */ i($.Provider, { value: { state: c, dispatch: d, serverStats: b }, children: /* @__PURE__ */ i(
+    Ue.Provider,
     {
       value: {
-        state: b,
-        dispatch: u
+        state: m,
+        dispatch: g
       },
       children: /* @__PURE__ */ v(
-        Y.Provider,
+        j.Provider,
         {
-          value: { state: m, dispatch: c },
+          value: { state: p, dispatch: u },
           children: [
-            /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(zt, {}) }),
-            /* @__PURE__ */ n(Ve, { serverStats: g })
+            /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Dt, {}) }),
+            /* @__PURE__ */ i(Ve, { serverStats: b })
           ]
         }
       )
@@ -1482,8 +1512,8 @@ function Te({ isComponent: e = !1 }) {
   ) });
 }
 Te.displayName = "App";
-const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
+const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Yt as App,
-  _t as le
+  qt as App,
+  Nt as le
 };