@versini/sassysaint 5.5.3 → 5.5.5

package/dist/chunks/{LazyApp.QsJz23b9.js → LazyApp.JngwVmO4.js}

@@ -1,8 +1,8 @@
-import { jsxs as v, jsx as s, Fragment as G } from "react/jsx-runtime";
-import { g as Te, ACTION_RESTORE as we, ACTION_MESSAGE as R, ROLE_ASSISTANT as B, ACTION_RESET as _e, ACTION_MODEL as ie, ACTION_ENGINE as ne, ACTION_STREAMING as se, ACTION_SORT as Ne, ACTION_SEARCH as Ee, ACTION_SET_TAGS as de, ACTION_RESET_TAGS as ce, ACTION_TOGGLE_TAG as le, ROLE_INTERNAL as j, ROLE_USER as $, isLastMessageFromRole as Ce, un as O, getMessageContaintWrapperClass as Ie, O as Se, MessagesContainerHeader as Re, ROLE_SYSTEM as Be, ROLE_HIDDEN as Ae, DEFAULT_AI_ENGINE as M, STATS_SEPARATOR as Y, CLIPBOARD_TAG as J, TYPE_QUESTION as Me, C as ge, SEND as Le, ERROR_MESSAGE as Oe, L as ze, j as Ue, _ as Ve, LOCAL_STORAGE_PREFIX as Q, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as $e } from "./index.gS3otlF2.js";
-import { AppContext as z, TagsContext as P, restCall as He, Fe as Ge, NewChatButton as je, serviceCall as me, SERVICE_TYPES as ue, E as X, HistoryContext as Pe, f as Fe } from "./index.BpKSgAc6.js";
-import S, { useRef as C, useEffect as k, useCallback as H, useState as I, useMemo as We, lazy as Ke, useContext as A, Suspense as Z, useLayoutEffect as qe, useReducer as V } from "react";
-import d from "clsx";
+import { jsxs as v, jsx as n, Fragment as G } from "react/jsx-runtime";
+import { g as Te, ACTION_RESTORE as we, ACTION_MESSAGE as B, ROLE_ASSISTANT as A, ACTION_RESET as _e, ACTION_MODEL as ie, ACTION_ENGINE as ne, ACTION_STREAMING as se, ACTION_SORT as Ne, ACTION_SEARCH as Ce, ACTION_SET_TAGS as de, ACTION_RESET_TAGS as ce, ACTION_TOGGLE_TAG as le, un as z, ROLE_SYSTEM as Ee, ROLE_INTERNAL as j, ROLE_HIDDEN as Se, DEFAULT_AI_ENGINE as L, STATS_SEPARATOR as Y, CLIPBOARD_TAG as J, TYPE_QUESTION as Ie, C as ge, SEND as Re, ERROR_MESSAGE as Be, ROLE_USER as $, L as Ae, j as Me, isLastMessageFromRole as Le, getMessageContaintWrapperClass as Oe, O as ze, MessagesContainerHeader as Ue, _ as Ve, LOCAL_STORAGE_PREFIX as Q, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as $e } from "./index.Dyl7BIDc.js";
+import { AppContext as M, TagsContext as F, restCall as He, Fe as Ge, NewChatButton as je, serviceCall as me, SERVICE_TYPES as ue, E as X, HistoryContext as Fe, f as Pe } from "./index.DycRoJYO.js";
+import R, { useRef as _, useEffect as k, useCallback as H, useState as N, useMemo as We, useContext as I, lazy as Ke, Suspense as Z, useLayoutEffect as qe, useReducer as V } from "react";
+import s from "clsx";
 const Ye = ({
   className: e,
   viewBox: t,
@@ -19,14 +19,14 @@ const Ye = ({
     title: r || "Down",
     ...o,
     children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: a ? "1" : "0.4",
           d: "M160 370.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V370.7l-32 32-32-32z"
         }
       ),
-      /* @__PURE__ */ s("path", { d: "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7 54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" })
+      /* @__PURE__ */ n("path", { d: "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7 54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" })
     ]
   }
 );
@@ -44,15 +44,15 @@ function Je(e) {
   };
 }
 function Qe(e, t) {
-  const { alt: r, ctrl: a, meta: o, mod: i, shift: l, key: c } = e, { altKey: n, ctrlKey: h, metaKey: m, shiftKey: b, key: g } = t;
-  if (r !== n)
+  const { alt: r, ctrl: a, meta: o, mod: i, shift: l, key: d } = e, { altKey: c, ctrlKey: m, metaKey: u, shiftKey: b, key: g } = t;
+  if (r !== c)
     return !1;
   if (i) {
-    if (!h && !m)
+    if (!m && !u)
       return !1;
-  } else if (a !== h || o !== m)
+  } else if (a !== m || o !== u)
     return !1;
-  return l !== b ? !1 : !!(c && (g.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
+  return l !== b ? !1 : !!(d && (g.toLowerCase() === d.toLowerCase() || t.code.replace("Key", "").toLowerCase() === d.toLowerCase()));
 }
 function Xe(e) {
   return (t) => Qe(Je(e), t);
@@ -66,7 +66,7 @@ function Ze(e) {
   };
 }
 function et() {
-  const e = C(!1);
+  const e = _(!1);
   return k(() => (e.current = !0, () => {
     e.current = !1;
   }), []), H(() => e.current, []);
@@ -82,10 +82,10 @@ const tt = {
   right: 0
 };
 function rt(e) {
-  const t = et(), r = C(0), a = C(null), [o, i] = I(tt), l = We(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
-    const n = c[0];
-    n && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-      a.current && t() && i(n.contentRect);
+  const t = et(), r = _(0), a = _(null), [o, i] = N(tt), l = We(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const c = d[0];
+    c && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      a.current && t() && i(c.contentRect);
     }));
   }), [t]);
   return k(() => (a.current && (l == null || l.observe(a.current, e)), () => {
@@ -109,7 +109,7 @@ function it() {
   return D(ot);
 }
 const nt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = { randomUUID: nt };
-function F(e, t, r) {
+function P(e, t, r) {
   if (ee.randomUUID && !t && !e)
     return ee.randomUUID();
   e = e || {};
@@ -136,35 +136,35 @@ const st = (e, t) => {
       tags: e.tags
     };
   }
-  if ((t == null ? void 0 : t.type) === R) {
+  if ((t == null ? void 0 : t.type) === B) {
     const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, i = t.payload.message.processingTime, l = t.payload.message.messageId;
     if (r !== "") {
-      const c = {
+      const d = {
         role: r,
         content: a,
         name: o,
         processingTime: i,
         messageId: l
       };
-      if (r === B) {
-        const n = e.messages.findIndex(
-          (h) => h.message.messageId === l
+      if (r === A) {
+        const c = e.messages.findIndex(
+          (m) => m.message.messageId === l
         );
-        if (n !== -1) {
-          const h = e.messages.map((m, b) => b === n ? {
+        if (c !== -1) {
+          const m = e.messages.map((u, b) => b === c ? {
             message: {
-              ...m.message,
-              content: `${m.message.content}${a}`,
+              ...u.message,
+              content: `${u.message.content}${a}`,
               processingTime: i,
               name: o
             }
-          } : m);
+          } : u);
           return {
             id: e.id,
             model: e.model,
             usage: e.usage,
             isComponent: e.isComponent,
-            messages: h,
+            messages: m,
             engine: e.engine,
             tags: e.tags
           };
@@ -180,14 +180,14 @@ const st = (e, t) => {
         messages: [
           ...e.messages,
           {
-            message: c
+            message: d
           }
         ]
       };
     }
   }
   return (t == null ? void 0 : t.type) === _e ? {
-    id: F(),
+    id: P(),
     model: e.model,
     engine: e.engine,
     usage: 0,
@@ -211,7 +211,7 @@ const st = (e, t) => {
   } : e;
 }, dt = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case Ee:
+    case Ce:
       return {
         searchString: t.payload.searchString,
         sortedCell: e.sortedCell,
@@ -246,6 +246,222 @@ const st = (e, t) => {
     default:
       return e;
   }
+}, O = (e, t) => {
+  e({
+    type: se,
+    payload: {
+      streaming: t
+    }
+  });
+}, te = (e) => {
+  O(e, !1), e({
+    type: B,
+    payload: {
+      message: {
+        role: j,
+        content: Be
+      }
+    }
+  });
+}, lt = () => {
+  const { state: e, dispatch: t } = I(M), { state: r, dispatch: a } = I(F), [o, i] = N(""), { getAccessToken: l, user: d } = z(), c = _(null), m = _(
+    null
+  );
+  k(() => {
+    (async () => {
+      var g;
+      if (!e || e.messages.length === 0) {
+        (g = m == null ? void 0 : m.current) == null || g.cancel();
+        return;
+      }
+      const b = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || b.message.role === A || b.message.role === Ee || b.message.role === j || b.message.role === Se))
+        try {
+          const h = await He({
+            accessToken: await l(),
+            name: "generate",
+            data: {
+              messages: e.messages,
+              model: e.engine || L,
+              user: (d == null ? void 0 : d.username) || "",
+              id: e.id,
+              usage: e.usage
+            }
+          });
+          if (h && h.ok) {
+            const p = P();
+            m.current = h.body.getReader();
+            const f = new TextDecoder();
+            for (; ; ) {
+              O(t, !0);
+              const { done: C, value: E } = await m.current.read();
+              if (C) {
+                O(t, !1);
+                break;
+              }
+              const x = f.decode(E, { stream: !0 }), T = x.indexOf(Y);
+              if (T !== -1) {
+                const S = x.substring(0, T), w = JSON.parse(
+                  x.substring(T + Y.length)
+                );
+                t({
+                  type: ie,
+                  payload: {
+                    model: w.model,
+                    usage: w.usage
+                  }
+                }), t({
+                  type: B,
+                  payload: {
+                    message: {
+                      content: S,
+                      role: A,
+                      messageId: p,
+                      processingTime: w.processingTime,
+                      name: w.name
+                    }
+                  }
+                }), O(t, !1);
+                break;
+              } else
+                t({
+                  type: B,
+                  payload: {
+                    message: {
+                      content: x,
+                      role: A,
+                      messageId: p
+                    }
+                  }
+                });
+            }
+          } else
+            te(t);
+        } catch (h) {
+          console.error(h), te(t);
+        }
+    })();
+  }, [e == null ? void 0 : e.messages]);
+  const u = async (b) => {
+    b.preventDefault(), t({
+      type: B,
+      payload: {
+        message: {
+          role: $,
+          content: o
+        }
+      }
+    }), i("");
+  };
+  return k(() => {
+    if (r.tag !== "") {
+      const b = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
+      b.indexOf(J) !== -1 ? navigator.clipboard.readText().then((h) => {
+        i(b.replace(J, h));
+      }) : i(b), c.current && c.current.focus(), a({
+        type: ce
+      });
+    }
+  }, [r, a]), k(() => {
+    e && e.usage === 0 && e.messages.length === 0 && c.current && c.current.focus();
+  }, [e]), /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n("form", { className: "mt-2", onSubmit: u, children: /* @__PURE__ */ n(
+    Ge,
+    {
+      mode: "dark",
+      focusMode: "light",
+      ref: c,
+      name: "chat-input",
+      label: Ie,
+      helperText: "Press ENTER to add a new line",
+      helperTextOnFocus: !0,
+      required: !0,
+      value: o,
+      onChange: (b) => i(b.target.value),
+      onKeyDown: Ze([["mod+Enter", u]]),
+      leftElement: /* @__PURE__ */ n(je, {}),
+      rightElement: /* @__PURE__ */ n(
+        ge,
+        {
+          disabled: e == null ? void 0 : e.streaming,
+          noBorder: !0,
+          type: "submit",
+          mode: "light",
+          focusMode: "light",
+          children: Re
+        }
+      )
+    }
+  ) }) });
+}, gt = () => {
+  const { dispatch: e, state: t } = I(F), { getAccessToken: r, user: a } = z(), [o, i] = N({
+    loaded: !1
+  }), l = "mt-2 flex justify-center rounded-md", d = (c, m) => {
+    c.preventDefault(), e({
+      type: le,
+      payload: {
+        tag: m
+      }
+    });
+  };
+  return k(() => {
+    if (!a) {
+      i({
+        loaded: !1
+      });
+      return;
+    }
+    o.loaded || (async () => {
+      try {
+        const c = await me({
+          accessToken: await r(),
+          type: ue.GET_USER_PREFERENCES,
+          params: {
+            user: a.username
+          }
+        });
+        c.status === 200 && (e({
+          type: de,
+          payload: {
+            tags: c.data.tags || []
+          }
+        }), i({
+          loaded: !0
+        }));
+      } catch {
+      }
+    })();
+  }, [a]), /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n(Ae, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((c) => c.enabled && c.label && c.content && /* @__PURE__ */ n(Me, { children: /* @__PURE__ */ n("div", { className: l, children: /* @__PURE__ */ n(
+    ge,
+    {
+      noBorder: !0,
+      mode: "dark",
+      focusMode: "light",
+      size: "small",
+      onClick: (m) => d(m, c.content),
+      children: c.label
+    }
+  ) }) }, `tag-button-${c.slot}`)) }) });
+}, mt = () => {
+  const { state: e } = I(M), t = _(!1), r = window.innerWidth < 400, [a, o] = N(
+    r ? "bottom-10" : "top-[245px]"
+  );
+  return k(() => {
+    r || e && (!t.current && e.streaming && o("bottom-10"), t.current = !!e.streaming);
+  }, [e, r]), k(() => {
+    r || (e && e.messages.length === 0 && o("top-[245px]"), e && !e.streaming && e.messages.length > 0 && o("bottom-10"));
+  }, [e, r]), /* @__PURE__ */ v(
+    "footer",
+    {
+      className: s(
+        "md:mx-auto md:max-w-4xl w-11/12 fixed left-1/2 transform -translate-x-1/2 z-1000",
+        a
+      ),
+      children: [
+        /* @__PURE__ */ n(gt, {}),
+        /* @__PURE__ */ n(lt, {})
+      ]
+    }
+  );
 };
 /*!
   @versini/ui-bubble v2.0.11
@@ -260,29 +476,29 @@ try {
   });
 } catch {
 }
-const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link", ut = ({
+const ut = "av-bubble", re = "av-button", W = "icon", ht = "button", bt = "link", pt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", c = "text-lg font-medium max-h-12 py-2 px-4";
+  const i = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", d = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
-    case gt:
-      return d({
+    case ht:
+      return s({
         [i]: t === "small",
         [l]: t === "medium",
-        [c]: t === "large"
+        [d]: t === "large"
       });
-    case mt:
-      return d("text-center", {
+    case bt:
+      return s("text-center", {
         [i]: t === "small",
         [l]: t === "medium",
-        [c]: t === "large"
+        [d]: t === "large"
       });
     case W:
-      return d("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -294,7 +510,7 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, ht = ({
+}, yt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -302,13 +518,13 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
   radius: o
 }) => {
   if (t)
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small"
     });
   if (a === "primary")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -319,7 +535,7 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -330,7 +546,7 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -341,7 +557,7 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -351,7 +567,7 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
       "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
       "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
     });
-}, bt = ({
+}, ft = ({
   mode: e,
   disabled: t,
   variant: r
@@ -359,34 +575,34 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
   if (t)
     return "";
   if (r === "primary")
-    return d("hover:text-copy-light-hover", {
+    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 d("hover:text-copy-light-hover", {
+    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 d("hover:text-copy-light-hover", {
+    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"
     });
   if (r === "selected")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-selected-dark-hover": e === "dark",
       "hover:bg-action-selected-light-hover": e === "light",
       "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
       "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
     });
-}, pt = ({
+}, vt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -394,34 +610,34 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
   if (t)
     return "";
   if (r === "primary")
-    return d("active:text-copy-light-active", {
+    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 d("active:text-copy-light-active", {
+    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 d("active:text-copy-lighter-active", {
+    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"
     });
   if (r === "selected")
-    return d("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-selected-dark-active": e === "dark",
       "active:bg-action-selected-light-active": e === "light",
       "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
       "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
     });
-}, yt = ({
+}, kt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -429,36 +645,36 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return d("border", {
+    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 d("border", {
+    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 d("border", {
+    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"
     });
   if (r === "selected")
-    return d("border", {
+    return s("border", {
       "border-border-selected-dark": e === "dark",
       "border-border-selected-medium": e === "light",
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, ft = ({
+}, xt = ({
   focusMode: e
-}) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => 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",
@@ -471,58 +687,58 @@ const lt = "av-bubble", te = "av-button", W = "icon", gt = "button", mt = "link"
   focusMode: o,
   disabled: i,
   fullWidth: l,
-  size: c,
-  noBorder: n,
-  labelRight: h,
-  labelLeft: m,
+  size: d,
+  noBorder: c,
+  labelRight: m,
+  labelLeft: u,
   noBackground: b,
   variant: g,
-  noTruncate: u,
+  noTruncate: h,
   align: p,
   radius: f
-}) => (g || (g = "primary"), r ? d(te, t) : d(
-  te,
-  ht({
+}) => (g || (g = "primary"), r ? s(re, t) : s(
+  re,
+  yt({
     mode: a,
     variant: g,
     noBackground: b,
-    noTruncate: u,
+    noTruncate: h,
     radius: f
   }),
-  ut({
+  pt({
     type: e,
-    size: c,
-    labelRight: h,
-    labelLeft: m,
+    size: d,
+    labelRight: m,
+    labelLeft: u,
     align: p
   }),
-  yt({ mode: a, variant: g, noBorder: n }),
-  ft({ focusMode: o }),
-  bt({ mode: a, variant: g, disabled: i }),
-  pt({ mode: a, variant: g, disabled: i }),
+  kt({ mode: a, variant: g, noBorder: c }),
+  xt({ focusMode: o }),
+  ft({ mode: a, variant: g, disabled: i }),
+  vt({ mode: a, variant: g, disabled: i }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": i
   },
   t
-)), vt = (e, t, r) => {
+)), Tt = (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);
-}, K = S.forwardRef((e, t) => {
+}, K = R.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (i) => {
-        vt(i, a, r);
+        Tt(i, a, r);
       },
       ...o
     }
   );
 });
 K.displayName = "BaseButton";
-const be = S.forwardRef(
+const be = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -531,17 +747,17 @@ const be = S.forwardRef(
     fullWidth: o = !1,
     className: i,
     type: l = "button",
-    raw: c = !1,
-    noBorder: n = !1,
-    "aria-label": h,
-    label: m,
+    raw: d = !1,
+    noBorder: c = !1,
+    "aria-label": m,
+    label: u,
     size: b = "medium",
     labelRight: g,
-    labelLeft: u,
+    labelLeft: h,
     noBackground: p = !1,
     align: f = "center",
-    radius: _ = "large",
-    ...N
+    radius: C = "large",
+    ...E
   }, x) => {
     const T = he({
       type: W,
@@ -549,20 +765,20 @@ const be = S.forwardRef(
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: d,
       className: i,
-      noBorder: n,
+      noBorder: c,
       size: b,
       labelRight: g,
-      labelLeft: u,
+      labelLeft: h,
       noBackground: p,
       align: f,
-      radius: _
-    }), E = d({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
+      radius: C
+    }), S = 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__ */ v(
       K,
@@ -571,12 +787,12 @@ const be = S.forwardRef(
         className: T,
         disabled: t,
         type: l,
-        "aria-label": h || m,
-        ...N,
+        "aria-label": m || u,
+        ...E,
         children: [
-          u && /* @__PURE__ */ s("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ s("div", { className: E, children: e }),
-          g && /* @__PURE__ */ s("span", { className: "pl-2", children: g })
+          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ n("div", { className: S, children: e }),
+          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
         ]
       }
     );
@@ -596,7 +812,7 @@ try {
   });
 } catch {
 }
-const kt = S.forwardRef(
+const wt = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -605,40 +821,40 @@ const kt = S.forwardRef(
     fullWidth: o = !1,
     className: i,
     type: l = "button",
-    raw: c = !1,
-    noBorder: n = !1,
-    "aria-label": h,
-    label: m,
+    raw: d = !1,
+    noBorder: c = !1,
+    "aria-label": m,
+    label: u,
     size: b = "medium",
     labelRight: g,
-    labelLeft: u,
+    labelLeft: h,
     noBackground: p = !1,
     align: f = "center",
-    active: _ = !1,
-    radius: N = "large",
+    active: C = !1,
+    radius: E = "large",
     ...x
   }, T) => {
-    const E = he({
+    const S = he({
       type: W,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: d,
       className: i,
-      noBorder: n,
+      noBorder: c,
       size: b,
       labelRight: g,
-      labelLeft: u,
+      labelLeft: h,
       noBackground: p,
       align: f,
-      radius: N
-    }), w = d({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), U = _ ? d(
+      radius: E
+    }), w = 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
+    }), U = C ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -655,25 +871,25 @@ const kt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ s("div", { className: U, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ n("div", { className: U, children: /* @__PURE__ */ v(
       K,
       {
         ref: T,
-        className: E,
+        className: S,
         disabled: t,
         type: l,
-        "aria-label": h || m,
+        "aria-label": m || u,
         ...x,
         children: [
-          u && /* @__PURE__ */ s("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ s("div", { className: w, children: e }),
-          g && /* @__PURE__ */ s("span", { className: "pl-2", children: g })
+          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ n("div", { className: w, children: e }),
+          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-kt.displayName = "ButtonSort";
+wt.displayName = "ButtonSort";
 const pe = ({
   children: e,
   fill: t,
@@ -682,26 +898,26 @@ const pe = ({
   defaultViewBox: o,
   size: i,
   title: l,
-  semantic: c = !1,
-  ...n
+  semantic: d = !1,
+  ...c
 }) => {
-  const h = d(i, a);
+  const m = s(i, a);
   return /* @__PURE__ */ v(G, { children: [
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ n(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: h,
+        className: m,
         viewBox: r || o,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !c,
+        "aria-hidden": !d,
         focusable: !1,
-        ...n,
+        ...c,
         children: e
       }
     ),
-    l && c && /* @__PURE__ */ s("span", { className: "sr-only", children: l })
+    l && d && /* @__PURE__ */ n("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
@@ -717,7 +933,7 @@ try {
   });
 } catch {
 }
-const xt = ({
+const _t = ({
   className: e,
   viewBox: t,
   title: r,
@@ -733,23 +949,23 @@ const xt = ({
     title: r || "Copied",
     ...o,
     children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "path",
         {
           opacity: "0.4",
           d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
         }
       ),
-      /* @__PURE__ */ s("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__ */ 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" })
     ]
   }
-), Tt = ({
+), Nt = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ n(
   pe,
   {
     defaultViewBox: "0 0 512 512",
@@ -758,7 +974,7 @@ const xt = ({
     className: e,
     title: r || "Copy",
     ...o,
-    children: /* @__PURE__ */ s("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__ */ 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" })
   }
 );
 /*!
@@ -774,35 +990,35 @@ try {
   });
 } catch {
 }
-const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) => d({
+const Ct = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Et = ({ kind: e }) => s({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), Nt = ({ kind: e }) => d(
+}), St = ({ 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"
   }
-), Et = ({ kind: e }) => d("rounded-b-xl", {
+), It = ({ kind: e }) => s("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), Ct = ({
+}), Rt = ({
   kind: e,
   className: t
 }) => {
-  const r = d(
-    lt,
+  const r = s(
+    ut,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
     },
     t
-  ), a = d(
+  ), a = s(
     "flex flex-col empty:hidden",
-    wt(),
-    Nt({ kind: e }),
-    _t({ kind: e }),
-    Et({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = d("flex flex-col-reverse gap-2 sm:flex-row", {
+    Ct(),
+    St({ kind: e }),
+    Et({ kind: e }),
+    It({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = s("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
@@ -812,7 +1028,7 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
     footer: o,
     copyButton: i
   };
-}, It = ({
+}, Bt = ({
   children: e,
   kind: t = "left",
   className: r,
@@ -820,66 +1036,66 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
   rawFooter: o,
   copyToClipboard: i,
   copyToClipboardFocusMode: l = "system",
-  copyToClipboardMode: c = "system"
+  copyToClipboardMode: d = "system"
 }) => {
-  const [n, h] = I(!1), m = Ct({ kind: t, className: r }), b = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), g = () => {
-    h(!0), typeof i == "function" ? i(e) : typeof i == "string" ? navigator.clipboard.writeText(i) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [c, m] = N(!1), u = Rt({ kind: t, className: r }), b = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), g = () => {
+    m(!0), typeof i == "function" ? i(e) : typeof i == "string" ? navigator.clipboard.writeText(i) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return k(() => {
-    let u;
-    return n && (u = window.setTimeout(() => {
-      h(!1);
+    let h;
+    return c && (h = window.setTimeout(() => {
+      m(!1);
     }, 3e3)), () => {
-      clearTimeout(u);
+      clearTimeout(h);
     };
-  }, [n]), /* @__PURE__ */ v("div", { className: m.wrapper, children: [
+  }, [c]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ s("div", { className: m.main, children: e }),
-      a && Object.keys(a).map((u) => a[u] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: m.footer, children: [
-        u,
+      /* @__PURE__ */ n("div", { className: u.main, children: e }),
+      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ n("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
+        h,
         ": ",
-        a[u]
-      ] }) }, `-${u}`) : null),
+        a[h]
+      ] }) }, `-${h}`) : null),
       o && o
     ] }),
-    b && /* @__PURE__ */ s("div", { className: m.copyButton, children: /* @__PURE__ */ s(
+    b && /* @__PURE__ */ n("div", { className: u.copyButton, children: /* @__PURE__ */ n(
       be,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: c,
+        mode: d,
         focusMode: l,
-        label: n ? "Copied to clipboard" : "Copy to clipboard",
+        label: c ? "Copied to clipboard" : "Copy to clipboard",
         onClick: g,
-        disabled: n,
-        children: n ? /* @__PURE__ */ s(xt, { size: "size-3" }) : /* @__PURE__ */ s(Tt, { size: "size-3" })
+        disabled: c,
+        children: c ? /* @__PURE__ */ n(_t, { size: "size-3" }) : /* @__PURE__ */ n(Nt, { size: "size-3" })
       }
     ) })
   ] });
-}, re = "av-button", ye = "icon", fe = "button", St = "link", Rt = ({
+}, ae = "av-button", ye = "icon", fe = "button", At = "link", Mt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", c = "text-lg font-medium max-h-12 py-2 px-4";
+  const i = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", d = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
     case fe:
-      return d({
+      return s({
         [i]: t === "small",
         [l]: t === "medium",
-        [c]: t === "large"
+        [d]: t === "large"
       });
-    case St:
-      return d("text-center", {
+    case At:
+      return s("text-center", {
         [i]: t === "small",
         [l]: t === "medium",
-        [c]: t === "large"
+        [d]: t === "large"
       });
     case ye:
-      return d("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -891,7 +1107,7 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, Bt = ({
+}, Lt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -899,13 +1115,13 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
   radius: o
 }) => {
   if (t)
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small"
     });
   if (a === "primary")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -916,7 +1132,7 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: 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", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -927,7 +1143,7 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -938,7 +1154,7 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return d("not-prose", {
+    return s("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -948,7 +1164,7 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
       "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
       "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
     });
-}, At = ({
+}, Ot = ({
   mode: e,
   disabled: t,
   variant: r
@@ -956,34 +1172,34 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return d("hover:text-copy-light-hover", {
+    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 d("hover:text-copy-light-hover", {
+    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 d("hover:text-copy-light-hover", {
+    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"
     });
   if (r === "selected")
-    return d("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-selected-dark-hover": e === "dark",
       "hover:bg-action-selected-light-hover": e === "light",
       "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
       "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
     });
-}, Mt = ({
+}, zt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -991,34 +1207,34 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return d("active:text-copy-light-active", {
+    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 d("active:text-copy-light-active", {
+    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 d("active:text-copy-lighter-active", {
+    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"
     });
   if (r === "selected")
-    return d("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-selected-dark-active": e === "dark",
       "active:bg-action-selected-light-active": e === "light",
       "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
       "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
     });
-}, Lt = ({
+}, Ut = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -1026,36 +1242,36 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return d("border", {
+    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 d("border", {
+    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 d("border", {
+    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"
     });
   if (r === "selected")
-    return d("border", {
+    return s("border", {
       "border-border-selected-dark": e === "dark",
       "border-border-selected-medium": e === "light",
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, Ot = ({
+}, Vt = ({
   focusMode: e
-}) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => 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",
@@ -1068,58 +1284,58 @@ const wt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) =>
   focusMode: o,
   disabled: i,
   fullWidth: l,
-  size: c,
-  noBorder: n,
-  labelRight: h,
-  labelLeft: m,
+  size: d,
+  noBorder: c,
+  labelRight: m,
+  labelLeft: u,
   noBackground: b,
   variant: g,
-  noTruncate: u,
+  noTruncate: h,
   align: p,
   radius: f
-}) => (g || (g = "primary"), r ? d(re, t) : d(
-  re,
-  Bt({
+}) => (g || (g = "primary"), r ? s(ae, t) : s(
+  ae,
+  Lt({
     mode: a,
     variant: g,
     noBackground: b,
-    noTruncate: u,
+    noTruncate: h,
     radius: f
   }),
-  Rt({
+  Mt({
     type: e,
-    size: c,
-    labelRight: h,
-    labelLeft: m,
+    size: d,
+    labelRight: m,
+    labelLeft: u,
     align: p
   }),
-  Lt({ mode: a, variant: g, noBorder: n }),
-  Ot({ focusMode: o }),
-  At({ mode: a, variant: g, disabled: i }),
-  Mt({ mode: a, variant: g, disabled: i }),
+  Ut({ mode: a, variant: g, noBorder: c }),
+  Vt({ focusMode: o }),
+  Ot({ mode: a, variant: g, disabled: i }),
+  zt({ mode: a, variant: g, disabled: i }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": i
   },
   t
-)), zt = (e, t, r) => {
+)), Dt = (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) => {
+}, q = R.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (i) => {
-        zt(i, a, r);
+        Dt(i, a, r);
       },
       ...o
     }
   );
 });
 q.displayName = "BaseButton";
-const ke = S.forwardRef(
+const ke = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1128,31 +1344,31 @@ const ke = S.forwardRef(
     fullWidth: o = !1,
     className: i,
     size: l = "medium",
-    raw: c = !1,
-    noBorder: n = !1,
-    variant: h = "primary",
-    noTruncate: m = !1,
+    raw: d = !1,
+    noBorder: c = !1,
+    variant: m = "primary",
+    noTruncate: u = !1,
     radius: b = "large",
     ...g
-  }, u) => {
+  }, h) => {
     const p = ve({
       type: fe,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: d,
       className: i,
       size: l,
-      noBorder: n,
-      variant: h,
-      noTruncate: m,
+      noBorder: c,
+      variant: m,
+      noTruncate: u,
       radius: b
     });
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ n(
       q,
       {
-        ref: u,
+        ref: h,
         className: p,
         disabled: t,
         ...g,
@@ -1175,7 +1391,7 @@ try {
   });
 } catch {
 }
-const Ut = S.forwardRef(
+const $t = R.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1184,40 +1400,40 @@ const Ut = S.forwardRef(
     fullWidth: o = !1,
     className: i,
     type: l = "button",
-    raw: c = !1,
-    noBorder: n = !1,
-    "aria-label": h,
-    label: m,
+    raw: d = !1,
+    noBorder: c = !1,
+    "aria-label": m,
+    label: u,
     size: b = "medium",
     labelRight: g,
-    labelLeft: u,
+    labelLeft: h,
     noBackground: p = !1,
     align: f = "center",
-    active: _ = !1,
-    radius: N = "large",
+    active: C = !1,
+    radius: E = "large",
     ...x
   }, T) => {
-    const E = ve({
+    const S = ve({
       type: ye,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: d,
       className: i,
-      noBorder: n,
+      noBorder: c,
       size: b,
       labelRight: g,
-      labelLeft: u,
+      labelLeft: h,
       noBackground: p,
       align: f,
-      radius: N
-    }), w = d({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), U = _ ? d(
+      radius: E
+    }), w = 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
+    }), U = C ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1234,28 +1450,28 @@ const Ut = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ s("div", { className: U, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ n("div", { className: U, children: /* @__PURE__ */ v(
       q,
       {
         ref: T,
-        className: E,
+        className: S,
         disabled: t,
         type: l,
-        "aria-label": h || m,
+        "aria-label": m || u,
         ...x,
         children: [
-          u && /* @__PURE__ */ s("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ s("div", { className: w, children: e }),
-          g && /* @__PURE__ */ s("span", { className: "pl-2", children: g })
+          h && /* @__PURE__ */ n("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ n("div", { className: w, children: e }),
+          g && /* @__PURE__ */ n("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-Ut.displayName = "ButtonSort";
-const Vt = 200, Dt = ({
+$t.displayName = "ButtonSort";
+const Ht = 200, Gt = ({
   string: e,
-  idealLength: t = Vt
+  idealLength: t = Ht
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1266,30 +1482,30 @@ const Vt = 200, Dt = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, $t = ({
+}, jt = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [o, i] = I(!1);
+  const [o, i] = N(!1);
   if (typeof e != "string")
     return e;
-  const { string: l, isTruncated: c } = Dt({
+  const { string: l, isTruncated: d } = Gt({
     string: e,
     idealLength: t
   });
   return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
     o ? e : l,
-    c && /* @__PURE__ */ s(
+    d && /* @__PURE__ */ n(
       ke,
       {
         mode: r,
         focusMode: a,
         className: "ml-2",
         size: "small",
-        onClick: (n) => {
-          n.preventDefault(), i(!o);
+        onClick: (c) => {
+          c.preventDefault(), i(!o);
         },
         children: o ? "less..." : "more..."
       }
@@ -1309,302 +1525,105 @@ try {
   });
 } catch {
 }
-const ae = Ke(
+const oe = Ke(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.BSHGsDRn.js"
+    "./LazyMessageAssistant.BZWa4_a_.js"
   ).then((e) => e.LazyMessageAssistant)
-), Ht = () => {
-  const { state: e } = A(z);
+), Ft = () => {
+  const { state: e } = I(M);
   return /* @__PURE__ */ v("div", { className: "space-y-6 mt-2", children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
       const { role: a, content: o, name: i, processingTime: l } = t.message;
-      return (a === B || a === j) && o ? /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(
-        ae,
+      return (a === A || a === j) && o ? /* @__PURE__ */ n(Z, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(
+        oe,
         {
           name: i,
           processingTime: l,
           children: o
         }
-      ) }, `${r}-${a}`) : a === $ && o ? /* @__PURE__ */ s(
-        It,
+      ) }, `${r}-${a}`) : a === $ && o ? /* @__PURE__ */ n(
+        Bt,
         {
           kind: "right",
           copyToClipboard: o,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ s($t, { mode: "light", focusMode: "light", children: o })
+          children: /* @__PURE__ */ n(jt, { mode: "light", focusMode: "light", children: o })
         },
         `${r}-${a}`
       ) : null;
     }),
-    Ce($, e) && /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(ae, { loading: !0 }) })
+    Le($, e) && /* @__PURE__ */ n(Z, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(oe, { loading: !0 }) })
   ] });
-}, Gt = () => {
-  const { isAuthenticated: e } = O(), { state: t } = A(z), [r, a] = I(!1), [o, i] = rt(), l = Ie(e), c = H(() => {
-    const m = o.current;
-    if (m) {
-      const { scrollHeight: b, clientHeight: g, scrollTop: u } = m, p = b - g - u;
-      m.scrollBy({
+}, Pt = () => {
+  const { isAuthenticated: e } = z(), { state: t } = I(M), [r, a] = N(!1), [o, i] = rt(), l = Oe(e), d = _(!1), c = H(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollHeight: b, clientHeight: g, scrollTop: h } = u, p = b - g - h;
+      u.scrollBy({
         top: p,
         behavior: "smooth"
       });
     }
-  }, [o]), n = H(() => {
-    const m = o.current;
-    if (m) {
-      const { scrollTop: b, scrollHeight: g, clientHeight: u } = m, p = g > u, f = b + u >= g - 1;
+  }, [o]), m = H(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollTop: b, scrollHeight: g, clientHeight: h } = u, p = g > h, f = b + h >= g - 1;
       a(p && !f);
     }
   }, [o]);
-  qe(() => {
-    i && i.width && t && !t.streaming && n();
-  }, [i, t, n]), k(() => {
-    const m = o.current;
-    if (m)
-      return m.addEventListener("scroll", n), () => m.removeEventListener("scroll", n);
-  }, [n, o]), k(() => {
-    t && t.streaming && n();
-  }, [t, n]);
-  const h = C(!1);
-  return k(() => {
-    t && (!h.current && t.streaming && c(), h.current = !!t.streaming);
+  return qe(() => {
+    i && i.width && t && !t.streaming && m();
+  }, [i, t, m]), k(() => {
+    const u = o.current;
+    if (u)
+      return u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
+  }, [m, o]), k(() => {
+    t && t.streaming && m();
+  }, [t, m]), k(() => {
+    t && (!d.current && t.streaming && c(), d.current = !!t.streaming);
   }, [t, c]), /* @__PURE__ */ v("div", { className: l, ref: o, children: [
-    r && /* @__PURE__ */ s("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ s(
-      Se,
+    r && /* @__PURE__ */ n("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ n(
+      ze,
       {
         className: "bg-white hover:bg-white active:bg-slate-400",
         size: "medium",
         mode: "dark",
         onClick: c,
-        children: /* @__PURE__ */ s(Ye, { monotone: !0, size: "size-3", className: "text-copy-dark" })
+        children: /* @__PURE__ */ n(Ye, { monotone: !0, size: "size-3", className: "text-copy-dark" })
       }
     ) }),
-    /* @__PURE__ */ s(Re, {}),
-    /* @__PURE__ */ s(Ht, {})
+    /* @__PURE__ */ n(Ue, {}),
+    /* @__PURE__ */ n(Ft, {})
   ] });
-}, L = (e, t) => {
-  e({
-    type: se,
-    payload: {
-      streaming: t
-    }
-  });
-}, oe = (e) => {
-  L(e, !1), e({
-    type: R,
-    payload: {
-      message: {
-        role: j,
-        content: Oe
-      }
-    }
-  });
-}, jt = () => {
-  const { state: e, dispatch: t } = A(z), { state: r, dispatch: a } = A(P), [o, i] = I(""), { getAccessToken: l, user: c } = O(), n = C(null), h = C(
-    null
-  );
-  k(() => {
-    (async () => {
-      var g;
-      if (!e || e.messages.length === 0) {
-        (g = h == null ? void 0 : h.current) == null || g.cancel();
-        return;
-      }
-      const b = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || b.message.role === B || b.message.role === Be || b.message.role === j || b.message.role === Ae))
-        try {
-          const u = await He({
-            accessToken: await l(),
-            name: "generate",
-            data: {
-              messages: e.messages,
-              model: e.engine || M,
-              user: (c == null ? void 0 : c.username) || "",
-              id: e.id,
-              usage: e.usage
-            }
-          });
-          if (u && u.ok) {
-            const p = F();
-            h.current = u.body.getReader();
-            const f = new TextDecoder();
-            for (; ; ) {
-              L(t, !0);
-              const { done: _, value: N } = await h.current.read();
-              if (_) {
-                L(t, !1);
-                break;
-              }
-              const x = f.decode(N, { stream: !0 }), T = x.indexOf(Y);
-              if (T !== -1) {
-                const E = x.substring(0, T), w = JSON.parse(
-                  x.substring(T + Y.length)
-                );
-                t({
-                  type: ie,
-                  payload: {
-                    model: w.model,
-                    usage: w.usage
-                  }
-                }), t({
-                  type: R,
-                  payload: {
-                    message: {
-                      content: E,
-                      role: B,
-                      messageId: p,
-                      processingTime: w.processingTime,
-                      name: w.name
-                    }
-                  }
-                }), L(t, !1);
-                break;
-              } else
-                t({
-                  type: R,
-                  payload: {
-                    message: {
-                      content: x,
-                      role: B,
-                      messageId: p
-                    }
-                  }
-                });
-            }
-          } else
-            oe(t);
-        } catch (u) {
-          console.error(u), oe(t);
-        }
-    })();
-  }, [e == null ? void 0 : e.messages]);
-  const m = async (b) => {
-    b.preventDefault(), t({
-      type: R,
-      payload: {
-        message: {
-          role: $,
-          content: o
-        }
-      }
-    }), i("");
-  };
-  return k(() => {
-    if (r.tag !== "") {
-      const b = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
-      b.indexOf(J) !== -1 ? navigator.clipboard.readText().then((u) => {
-        i(b.replace(J, u));
-      }) : i(b), n.current && n.current.focus(), a({
-        type: ce
-      });
-    }
-  }, [r, a]), k(() => {
-    e && e.usage === 0 && e.messages.length === 0 && n.current && n.current.focus();
-  }, [e]), /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s("form", { className: "mt-2", onSubmit: m, children: /* @__PURE__ */ s(
-    Ge,
-    {
-      mode: "dark",
-      focusMode: "light",
-      ref: n,
-      name: "chat-input",
-      label: Me,
-      helperText: "Press ENTER to add a new line",
-      helperTextOnFocus: !0,
-      required: !0,
-      value: o,
-      onChange: (b) => i(b.target.value),
-      onKeyDown: Ze([["mod+Enter", m]]),
-      leftElement: /* @__PURE__ */ s(je, {}),
-      rightElement: /* @__PURE__ */ s(
-        ge,
-        {
-          disabled: e == null ? void 0 : e.streaming,
-          noBorder: !0,
-          type: "submit",
-          mode: "light",
-          focusMode: "light",
-          children: Le
-        }
-      )
-    }
-  ) }) });
-}, Pt = () => {
-  const { dispatch: e, state: t } = A(P), { getAccessToken: r, user: a } = O(), [o, i] = I({
-    loaded: !1
-  }), l = "mt-2 flex justify-center rounded-md", c = (n, h) => {
-    n.preventDefault(), e({
-      type: le,
-      payload: {
-        tag: h
-      }
-    });
-  };
-  return k(() => {
-    if (!a) {
-      i({
-        loaded: !1
-      });
-      return;
-    }
-    o.loaded || (async () => {
-      try {
-        const n = await me({
-          accessToken: await r(),
-          type: ue.GET_USER_PREFERENCES,
-          params: {
-            user: a.username
-          }
-        });
-        n.status === 200 && (e({
-          type: de,
-          payload: {
-            tags: n.data.tags || []
-          }
-        }), i({
-          loaded: !0
-        }));
-      } catch {
-      }
-    })();
-  }, [a]), /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(ze, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((n) => n.enabled && n.label && n.content && /* @__PURE__ */ s(Ue, { children: /* @__PURE__ */ s("div", { className: l, children: /* @__PURE__ */ s(
-    ge,
-    {
-      noBorder: !0,
-      mode: "dark",
-      focusMode: "light",
-      size: "small",
-      onClick: (h) => c(h, n.content),
-      children: n.label
-    }
-  ) }) }, `tag-button-${n.slot}`)) }) });
 };
 function xe({ isComponent: e = !1 }) {
-  const t = C(!1), { getAccessToken: r, user: a } = O(), [o] = X({
+  const t = _(!1), { getAccessToken: r, user: a } = z(), [o] = X({
     key: Q + De,
     initialValue: ""
   }), [i] = X({
     key: Q + $e,
-    initialValue: Fe.ASC
-  }), [l, c] = V(st, {
-    id: F(),
-    model: M,
-    engine: M,
+    initialValue: Pe.ASC
+  }), [l, d] = V(st, {
+    id: P(),
+    model: L,
+    engine: L,
     usage: 0,
     messages: [],
     tags: [],
     isComponent: e
-  }), [n, h] = V(dt, {
+  }), [c, m] = V(dt, {
     searchString: o,
     sortedCell: "timestamp",
     sortDirection: i
-  }), [m, b] = V(ct, {
+  }), [u, b] = V(ct, {
     tag: "",
     tags: []
-  }), [g, u] = I({
+  }), [g, h] = N({
     version: "",
     models: [],
     plugins: [],
-    engine: M,
+    engine: L,
     engines: []
   });
   return k(() => {
@@ -1618,7 +1637,7 @@ function xe({ isComponent: e = !1 }) {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, p.status === 200 && (u(p.data), c({
+        t.current = !1, p.status === 200 && (h(p.data), d({
           type: ne,
           payload: {
             engine: p.data.engine
@@ -1633,23 +1652,20 @@ function xe({ isComponent: e = !1 }) {
       var f;
       (f = document.getElementById("root")) == null || f.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ s(z.Provider, { value: { state: l, dispatch: c, serverStats: g }, children: /* @__PURE__ */ s(
-    Pe.Provider,
+  }), /* @__PURE__ */ n(M.Provider, { value: { state: l, dispatch: d, serverStats: g }, children: /* @__PURE__ */ n(
+    Fe.Provider,
     {
       value: {
-        state: n,
-        dispatch: h
+        state: c,
+        dispatch: m
       },
       children: /* @__PURE__ */ v(
-        P.Provider,
+        F.Provider,
         {
-          value: { state: m, dispatch: b },
+          value: { state: u, dispatch: b },
           children: [
-            /* @__PURE__ */ s(Ve, { className: "max-h-[calc(100svh_-_163px)]", children: /* @__PURE__ */ s(Gt, {}) }),
-            /* @__PURE__ */ v("div", { className: "md:mx-auto md:max-w-4xl w-11/12 fixed bottom-10 left-1/2 transform -translate-x-1/2 z-1000", children: [
-              /* @__PURE__ */ s(Pt, {}),
-              /* @__PURE__ */ s(jt, {})
-            ] })
+            /* @__PURE__ */ n(Ve, { className: "max-h-[calc(100svh_-_163px)]", children: /* @__PURE__ */ n(Pt, {}) }),
+            /* @__PURE__ */ n(mt, {})
           ]
         }
       )
@@ -1657,8 +1673,8 @@ function xe({ isComponent: e = !1 }) {
   ) });
 }
 xe.displayName = "App";
-const Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: xe }, Symbol.toStringTag, { value: "Module" }));
+const Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: xe }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Jt as LazyApp,
-  It as ae
+  Qt as LazyApp,
+  Bt as ae
 };