@versini/sassysaint 5.2.0 → 5.3.0

package/dist/chunks/{App.DKRoa2tE.js → App.DRTN2bgD.js}

@@ -1,101 +1,136 @@
-import { jsxs as v, Fragment as H, jsx as i } from "react/jsx-runtime";
-import { AppContext as j, TagsContext as q, 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 Z, ROLE_USER as Y, rn as J, 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.BbfwgIO_.js";
-import { E as $, restCall as He, we as je, serviceCall as Pe, SERVICE_TYPES as Ge, f as Fe } from "./index.CGGeNJS3.js";
+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.CKHEQpgF.js";
+import { E as $, restCall as He, we as je, serviceCall as Pe, SERVICE_TYPES as Ge, f as Fe } from "./index.Ck-_31wH.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 s from "clsx";
-var y = [];
+import d from "clsx";
+function Ke(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));
+  return {
+    ...r,
+    key: i
+  };
+}
+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)
+    return !1;
+  if (o) {
+    if (!u && !m)
+      return !1;
+  } else if (a !== u || i !== m)
+    return !1;
+  return l !== c ? !1 : !!(s && (g.toLowerCase() === s.toLowerCase() || t.code.replace("Key", "").toLowerCase() === s.toLowerCase()));
+}
+function qe(e) {
+  return (t) => Ye(Ke(e), t);
+}
+function Ze(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));
+    });
+  };
+}
+var f = [];
 for (var W = 0; W < 256; ++W)
-  y.push((W + 256).toString(16).slice(1));
-function Ye(e, t = 0) {
-  return (y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]]).toLowerCase();
+  f.push((W + 256).toString(16).slice(1));
+function Je(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 Ze() {
+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);
+  return V(Qe);
 }
-var Je = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var et = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const ae = {
-  randomUUID: Je
+  randomUUID: et
 };
-function K(e, t, r) {
+function J(e, t, r) {
   if (ae.randomUUID && !t && !e)
     return ae.randomUUID();
   e = e || {};
-  var a = e.random || (e.rng || Ze)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ye(a);
+  var a = e.random || (e.rng || Xe)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Je(a);
 }
-const Ke = () => {
-  const { dispatch: e, state: t } = U(j), { dispatch: r } = U(q), a = "mt-2 flex justify-center rounded-md", n = R(null), o = R(!1), [l] = $({
+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
-  }), [d] = $({
+  }), [s] = $({
     key: M + "proofread-content",
     initialValue: !1
   }), [b] = $({
     key: M + "rephrase-content",
     initialValue: !1
-  }), m = (g) => {
-    g.preventDefault(), e({
+  }), u = (c) => {
+    c.preventDefault(), e({
       type: le
     });
   };
   E(() => {
-    (t == null ? void 0 : t.streaming) === !0 && !o.current && n.current && (o.current = !0, n.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (o.current = !1);
+    (t == 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);
   }, [t]);
-  const p = (g, c) => {
-    g.preventDefault(), r({
+  const m = (c, g) => {
+    c.preventDefault(), r({
       type: ce,
       payload: {
-        tag: c
+        tag: g
       }
     });
   };
   return /* @__PURE__ */ v(H, { children: [
     /* @__PURE__ */ v(_e, { alignHorizontal: "center", columnGap: 2, children: [
-      /* @__PURE__ */ i(G, { children: l && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ n(G, { children: l && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
         B,
         {
           noBorder: !0,
           mode: "dark",
           focusMode: "light",
           size: "small",
-          onClick: (g) => p(g, C.SUMMARIZE_ARTICLE),
+          onClick: (c) => m(c, C.SUMMARIZE_ARTICLE),
           children: O[C.SUMMARIZE_ARTICLE].label
         }
       ) }) }),
-      /* @__PURE__ */ i(G, { children: d && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ n(G, { children: s && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
         B,
         {
           noBorder: !0,
           mode: "dark",
           focusMode: "light",
           size: "small",
-          onClick: (g) => p(g, C.PROOFREAD_CONTENT),
+          onClick: (c) => m(c, C.PROOFREAD_CONTENT),
           children: O[C.PROOFREAD_CONTENT].label
         }
       ) }) }),
-      /* @__PURE__ */ i(G, { children: b && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+      /* @__PURE__ */ n(G, { children: b && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
         B,
         {
           noBorder: !0,
           mode: "dark",
           focusMode: "light",
           size: "small",
-          onClick: (g) => p(g, C.REPHRASE_CONTENT),
+          onClick: (c) => m(c, C.REPHRASE_CONTENT),
           children: O[C.REPHRASE_CONTENT].label
         }
       ) }) })
     ] }),
-    de(I, t) && /* @__PURE__ */ i("div", { className: a, children: /* @__PURE__ */ i(
+    de(I, t) && /* @__PURE__ */ n("div", { className: a, children: /* @__PURE__ */ n(
       B,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
-        ref: n,
-        onClick: m,
+        ref: i,
+        onClick: u,
         children: t != null && t.streaming ? Ne : we
       }
     ) })
@@ -114,7 +149,7 @@ try {
   });
 } catch {
 }
-const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
+const rt = "av-bubble", oe = "av-button", at = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -123,32 +158,32 @@ const Qe = "av-bubble", oe = "av-button", Xe = (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", et = "button", tt = "link", rt = ({
+}, Q = "icon", ot = "button", it = "link", nt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: n
+  align: i
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  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";
   switch (e) {
-    case et:
-      return s("px-4", {
+    case ot:
+      return d("px-4", {
         [o]: t === "small",
         [l]: t === "medium",
-        [d]: t === "large"
+        [s]: t === "large"
       });
-    case tt:
-      return s("px-4 text-center", {
+    case it:
+      return d("px-4 text-center", {
         [o]: t === "small",
         [l]: t === "medium",
-        [d]: t === "large"
+        [s]: t === "large"
       });
     case Q:
-      return s("inline-flex items-center", {
-        "justify-center": n === "center",
-        "justify-start": n === "left",
-        "justify-end": n === "right",
+      return d("inline-flex items-center", {
+        "justify-center": i === "center",
+        "justify-start": i === "left",
+        "justify-end": i === "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),
@@ -157,7 +192,7 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, at = ({
+}, st = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -166,7 +201,7 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
   if (t)
     return "not-prose rounded-full";
   if (a === "primary")
-    return s("not-prose rounded-full", {
+    return d("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -174,7 +209,7 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return s("not-prose rounded-full", {
+    return d("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -182,14 +217,14 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return s("not-prose rounded-full", {
+    return d("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"
     });
-}, ot = ({
+}, dt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -197,27 +232,27 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return s("hover:text-copy-light-hover", {
+    return d("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return s("hover:text-copy-light-hover", {
+    return d("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return s("hover:text-copy-light-hover", {
+    return d("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"
     });
-}, it = ({
+}, lt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -225,27 +260,27 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return s("active:text-copy-light-active", {
+    return d("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return s("active:text-copy-light-active", {
+    return d("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return s("active:text-copy-lighter-active", {
+    return d("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"
     });
-}, nt = ({
+}, ct = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -253,27 +288,27 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return s("border", {
+    return d("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return s("border", {
+    return d("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return s("border", {
+    return d("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"
     });
-}, st = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, gt = ({ focusMode: e }) => d("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",
@@ -283,45 +318,45 @@ const Qe = "av-bubble", oe = "av-button", Xe = (e) => {
   className: t,
   raw: r,
   mode: a,
-  focusMode: n,
+  focusMode: i,
   disabled: o,
   fullWidth: l,
-  size: d,
+  size: s,
   noBorder: b,
-  labelRight: m,
-  labelLeft: p,
-  spacing: g,
-  noBackground: c,
-  variant: u,
-  noTruncate: h,
-  align: f
-}) => (u || (u = "primary"), r ? s(oe, t) : s(
+  labelRight: u,
+  labelLeft: m,
+  spacing: c,
+  noBackground: g,
+  variant: h,
+  noTruncate: p,
+  align: y
+}) => (h || (h = "primary"), r ? d(oe, t) : d(
   oe,
   t,
-  Xe(g),
-  at({ mode: a, variant: u, noBackground: c, noTruncate: h }),
-  rt({ type: e, size: d, labelRight: m, labelLeft: p, align: f }),
-  nt({ mode: a, variant: u, noBorder: b }),
-  st({ focusMode: n }),
-  ot({ mode: a, variant: u, disabled: o }),
-  it({ mode: a, variant: u, disabled: o }),
+  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 }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), dt = (e, t, r) => {
+)), ut = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
 }, X = S.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...n } = e;
-  return /* @__PURE__ */ i(
+  const { onClick: r, noInternalClick: a = !1, ...i } = e;
+  return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        dt(o, a, r);
+        ut(o, a, r);
       },
-      ...n
+      ...i
     }
   );
 });
@@ -332,18 +367,18 @@ const be = S.forwardRef(
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     type: l = "button",
-    raw: d = !1,
+    raw: s = !1,
     noBorder: b = !1,
-    "aria-label": m,
-    label: p,
-    size: g = "medium",
-    labelRight: c,
-    labelLeft: u,
-    spacing: h,
-    noBackground: f = !1,
+    "aria-label": u,
+    label: m,
+    size: c = "medium",
+    labelRight: g,
+    labelLeft: h,
+    spacing: p,
+    noBackground: y = !1,
     align: _ = "center",
     ...N
   }, w) => {
@@ -351,22 +386,22 @@ const be = S.forwardRef(
       type: Q,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
-      raw: d,
+      raw: s,
       className: o,
       noBorder: b,
-      size: g,
-      labelRight: c,
-      labelLeft: u,
-      spacing: h,
-      noBackground: f,
+      size: c,
+      labelRight: g,
+      labelLeft: h,
+      spacing: p,
+      noBackground: y,
       align: _
-    }), x = s({
-      "text-copy-accent-dark": r === "light" && !d,
-      "text-copy-light": r === "dark" && !d,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+    }), 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
     });
     return /* @__PURE__ */ v(
       X,
@@ -375,12 +410,12 @@ const be = S.forwardRef(
         className: k,
         disabled: t,
         type: l,
-        "aria-label": m || p,
+        "aria-label": u || m,
         ...N,
         children: [
-          u && /* @__PURE__ */ i("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ i("div", { className: x, children: e }),
-          c && /* @__PURE__ */ i("span", { className: "pl-2", children: c })
+          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 })
         ]
       }
     );
@@ -400,24 +435,24 @@ try {
   });
 } catch {
 }
-const lt = S.forwardRef(
+const mt = S.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     type: l = "button",
-    raw: d = !1,
+    raw: s = !1,
     noBorder: b = !1,
-    "aria-label": m,
-    label: p,
-    size: g = "medium",
-    labelRight: c,
-    labelLeft: u,
-    spacing: h,
-    noBackground: f = !1,
+    "aria-label": u,
+    label: m,
+    size: c = "medium",
+    labelRight: g,
+    labelLeft: h,
+    spacing: p,
+    noBackground: y = !1,
     align: _ = "center",
     active: N = !1,
     ...w
@@ -426,23 +461,23 @@ const lt = S.forwardRef(
       type: Q,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
-      raw: d,
+      raw: s,
       className: o,
       noBorder: b,
-      size: g,
-      labelRight: c,
-      labelLeft: u,
-      spacing: h,
-      noBackground: f,
+      size: c,
+      labelRight: g,
+      labelLeft: h,
+      spacing: p,
+      noBackground: y,
       align: _
-    }), A = s({
-      "text-copy-accent-dark": r === "light" && !d,
-      "text-copy-light": r === "dark" && !d,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
-    }), T = N ? s(
+    }), 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(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -459,26 +494,26 @@ const lt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ n("div", { className: T, children: /* @__PURE__ */ v(
       X,
       {
         ref: k,
         className: x,
         disabled: t,
         type: l,
-        "aria-label": m || p,
+        "aria-label": u || m,
         ...w,
         children: [
-          u && /* @__PURE__ */ i("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ i("div", { className: A, children: e }),
-          c && /* @__PURE__ */ i("span", { className: "pl-2", children: c })
+          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 })
         ]
       }
     ) });
   }
 );
-lt.displayName = "ButtonSort";
-const ct = (e) => {
+mt.displayName = "ButtonSort";
+const ht = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -487,38 +522,38 @@ const ct = (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 = ({
+}, fe = ({
   children: e,
   fill: t,
   viewBox: r,
   className: a,
-  defaultViewBox: n,
+  defaultViewBox: i,
   defaultClassName: o,
   spacing: l,
-  title: d,
+  title: s,
   semantic: b = !1,
-  ...m
+  ...u
 }) => {
-  const p = ct(l), g = s(
-    p,
+  const m = ht(l), c = d(
+    m,
     a || o
   );
   return /* @__PURE__ */ v(H, { children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ n(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: g,
-        viewBox: r || n,
+        className: c,
+        viewBox: r || i,
         fill: t || "currentColor",
         role: "img",
         "aria-hidden": !b,
         focusable: !1,
-        ...m,
+        ...u,
         children: e
       }
     ),
-    d && b && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
+    s && b && /* @__PURE__ */ n("span", { className: "sr-only", children: s })
   ] });
 };
 /*!
@@ -534,15 +569,15 @@ try {
   });
 } catch {
 }
-const gt = ({
+const pt = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
-  monotone: n,
+  monotone: i,
   ...o
 }) => /* @__PURE__ */ v(
-  ye,
+  fe,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -552,25 +587,25 @@ const gt = ({
     title: a || "Copied",
     ...o,
     children: [
-      /* @__PURE__ */ i(
+      /* @__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__ */ 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" })
+      /* @__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" })
     ]
   }
-), ut = ({
+), bt = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
-  monotone: n,
+  monotone: i,
   ...o
-}) => /* @__PURE__ */ i(
-  ye,
+}) => /* @__PURE__ */ n(
+  fe,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -579,7 +614,7 @@ const gt = ({
     spacing: r,
     title: a || "Copy",
     ...o,
-    children: /* @__PURE__ */ i("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+    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" })
   }
 );
 /*!
@@ -595,7 +630,7 @@ try {
   });
 } catch {
 }
-const mt = (e) => {
+const ft = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -604,93 +639,93 @@ const mt = (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;
-}, ht = () => "p-4 sm:max-w-md md:max-w-2xl", pt = ({ kind: e }) => s({
+}, yt = () => "p-4 sm:max-w-md md:max-w-2xl", vt = ({ kind: e }) => d({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), bt = ({ kind: e }) => s(
+}), kt = ({ kind: e }) => d(
   "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"
   }
-), yt = ({ kind: e }) => s("rounded-b-xl", {
+), xt = ({ kind: e }) => d("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), ft = ({
+}), Tt = ({
   kind: e,
   className: t,
   spacing: r
 }) => {
-  const a = s(
+  const a = d(
     t,
-    Qe,
+    rt,
     "flex items-start",
-    mt(r),
+    ft(r),
     {
       "flex-row-reverse": e === "right"
     }
-  ), n = s(
+  ), i = d(
     "flex flex-col empty:hidden",
-    ht(),
-    bt({ kind: e }),
-    pt({ kind: e }),
-    yt({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", l = s("flex flex-col-reverse gap-2 sm:flex-row", {
+    yt(),
+    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", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
   return {
     wrapper: a,
-    main: n,
+    main: i,
     footer: o,
     copyButton: l
   };
-}, vt = ({
+}, _t = ({
   children: e,
   kind: t = "left",
   className: r,
   footer: a,
-  rawFooter: n,
+  rawFooter: i,
   copyToClipboard: o,
   copyToClipboardFocusMode: l = "system",
-  copyToClipboardMode: d = "system",
+  copyToClipboardMode: s = "system",
   spacing: b
 }) => {
-  const [m, p] = P(!1), g = ft({ kind: t, className: r, spacing: b }), c = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), u = () => {
-    p(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  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);
   };
   return E(() => {
-    let h;
-    return m && (h = window.setTimeout(() => {
-      p(!1);
+    let p;
+    return u && (p = window.setTimeout(() => {
+      m(!1);
     }, 3e3)), () => {
-      clearTimeout(h);
+      clearTimeout(p);
     };
-  }, [m]), /* @__PURE__ */ v("div", { className: g.wrapper, children: [
+  }, [u]), /* @__PURE__ */ v("div", { className: c.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ i("div", { className: g.main, children: e }),
-      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: g.footer, children: [
-        h,
+      /* @__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,
         ": ",
-        a[h]
-      ] }) }, `-${h}`) : null),
-      n && n
+        a[p]
+      ] }) }, `-${p}`) : null),
+      i && i
     ] }),
-    c && /* @__PURE__ */ i("div", { className: g.copyButton, children: /* @__PURE__ */ i(
+    g && /* @__PURE__ */ n("div", { className: c.copyButton, children: /* @__PURE__ */ n(
       be,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: d,
+        mode: s,
         focusMode: l,
-        label: m ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: u,
-        disabled: m,
-        children: m ? /* @__PURE__ */ i(gt, { className: "size-3" }) : /* @__PURE__ */ i(ut, { className: "size-3" })
+        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" })
       }
     ) })
   ] });
-}, ie = "av-button", kt = (e) => {
+}, ie = "av-button", Nt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -699,32 +734,32 @@ const mt = (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;
-}, fe = "icon", ve = "button", xt = "link", Tt = ({
+}, ye = "icon", ve = "button", wt = "link", Et = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: n
+  align: i
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  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";
   switch (e) {
     case ve:
-      return s("px-4", {
+      return d("px-4", {
         [o]: t === "small",
         [l]: t === "medium",
-        [d]: t === "large"
+        [s]: t === "large"
       });
-    case xt:
-      return s("px-4 text-center", {
+    case wt:
+      return d("px-4 text-center", {
         [o]: t === "small",
         [l]: t === "medium",
-        [d]: t === "large"
+        [s]: t === "large"
       });
-    case fe:
-      return s("inline-flex items-center", {
-        "justify-center": n === "center",
-        "justify-start": n === "left",
-        "justify-end": n === "right",
+    case ye:
+      return d("inline-flex items-center", {
+        "justify-center": i === "center",
+        "justify-start": i === "left",
+        "justify-end": i === "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),
@@ -733,7 +768,7 @@ const mt = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, _t = ({
+}, Ct = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -742,7 +777,7 @@ const mt = (e) => {
   if (t)
     return "not-prose rounded-full";
   if (a === "primary")
-    return s("not-prose rounded-full", {
+    return d("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -750,7 +785,7 @@ const mt = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return s("not-prose rounded-full", {
+    return d("not-prose rounded-full", {
       truncate: !r,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -758,14 +793,14 @@ const mt = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return s("not-prose rounded-full", {
+    return d("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"
     });
-}, Nt = ({
+}, It = ({
   mode: e,
   disabled: t,
   variant: r
@@ -773,27 +808,27 @@ const mt = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return s("hover:text-copy-light-hover", {
+    return d("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return s("hover:text-copy-light-hover", {
+    return d("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return s("hover:text-copy-light-hover", {
+    return d("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"
     });
-}, wt = ({
+}, Rt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -801,27 +836,27 @@ const mt = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return s("active:text-copy-light-active", {
+    return d("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return s("active:text-copy-light-active", {
+    return d("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return s("active:text-copy-lighter-active", {
+    return d("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"
     });
-}, Et = ({
+}, St = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -829,27 +864,27 @@ const mt = (e) => {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return s("border", {
+    return d("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return s("border", {
+    return d("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return s("border", {
+    return d("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"
     });
-}, Ct = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, At = ({ focusMode: e }) => d("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",
@@ -859,45 +894,45 @@ const mt = (e) => {
   className: t,
   raw: r,
   mode: a,
-  focusMode: n,
+  focusMode: i,
   disabled: o,
   fullWidth: l,
-  size: d,
+  size: s,
   noBorder: b,
-  labelRight: m,
-  labelLeft: p,
-  spacing: g,
-  noBackground: c,
-  variant: u,
-  noTruncate: h,
-  align: f
-}) => (u || (u = "primary"), r ? s(ie, t) : s(
+  labelRight: u,
+  labelLeft: m,
+  spacing: c,
+  noBackground: g,
+  variant: h,
+  noTruncate: p,
+  align: y
+}) => (h || (h = "primary"), r ? d(ie, t) : d(
   ie,
   t,
-  kt(g),
-  _t({ mode: a, variant: u, noBackground: c, noTruncate: h }),
-  Tt({ type: e, size: d, labelRight: m, labelLeft: p, align: f }),
-  Et({ mode: a, variant: u, noBorder: b }),
-  Ct({ focusMode: n }),
-  Nt({ mode: a, variant: u, disabled: o }),
-  wt({ mode: a, variant: u, disabled: o }),
+  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 }),
   {
     "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), It = (e, t, r) => {
+)), Bt = (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, ...n } = e;
-  return /* @__PURE__ */ i(
+  const { onClick: r, noInternalClick: a = !1, ...i } = e;
+  return /* @__PURE__ */ n(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        It(o, a, r);
+        Bt(o, a, r);
       },
-      ...n
+      ...i
     }
   );
 });
@@ -908,37 +943,37 @@ const xe = S.forwardRef(
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     size: l = "medium",
-    raw: d = !1,
+    raw: s = !1,
     noBorder: b = !1,
-    spacing: m,
-    variant: p = "primary",
-    noTruncate: g = !1,
-    ...c
-  }, u) => {
-    const h = ke({
+    spacing: u,
+    variant: m = "primary",
+    noTruncate: c = !1,
+    ...g
+  }, h) => {
+    const p = ke({
       type: ve,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
-      raw: d,
+      raw: s,
       className: o,
       size: l,
       noBorder: b,
-      spacing: m,
-      variant: p,
-      noTruncate: g
+      spacing: u,
+      variant: m,
+      noTruncate: c
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ n(
       ee,
       {
-        ref: u,
-        className: h,
+        ref: h,
+        className: p,
         disabled: t,
-        ...c,
+        ...g,
         children: e
       }
     );
@@ -958,49 +993,49 @@ try {
   });
 } catch {
 }
-const Rt = S.forwardRef(
+const Mt = S.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     type: l = "button",
-    raw: d = !1,
+    raw: s = !1,
     noBorder: b = !1,
-    "aria-label": m,
-    label: p,
-    size: g = "medium",
-    labelRight: c,
-    labelLeft: u,
-    spacing: h,
-    noBackground: f = !1,
+    "aria-label": u,
+    label: m,
+    size: c = "medium",
+    labelRight: g,
+    labelLeft: h,
+    spacing: p,
+    noBackground: y = !1,
     align: _ = "center",
     active: N = !1,
     ...w
   }, k) => {
     const x = ke({
-      type: fe,
+      type: ye,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
-      raw: d,
+      raw: s,
       className: o,
       noBorder: b,
-      size: g,
-      labelRight: c,
-      labelLeft: u,
-      spacing: h,
-      noBackground: f,
+      size: c,
+      labelRight: g,
+      labelLeft: h,
+      spacing: p,
+      noBackground: y,
       align: _
-    }), A = s({
-      "text-copy-accent-dark": r === "light" && !d,
-      "text-copy-light": r === "dark" && !d,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
-    }), T = N ? s(
+    }), 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(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1017,28 +1052,28 @@ const Rt = S.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: T, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ n("div", { className: T, children: /* @__PURE__ */ v(
       ee,
       {
         ref: k,
         className: x,
         disabled: t,
         type: l,
-        "aria-label": m || p,
+        "aria-label": u || m,
         ...w,
         children: [
-          u && /* @__PURE__ */ i("span", { className: "pr-2", children: u }),
-          /* @__PURE__ */ i("div", { className: A, children: e }),
-          c && /* @__PURE__ */ i("span", { className: "pl-2", children: c })
+          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 })
         ]
       }
     ) });
   }
 );
-Rt.displayName = "ButtonSort";
-const St = 200, At = ({
+Mt.displayName = "ButtonSort";
+const Ot = 200, Lt = ({
   string: e,
-  idealLength: t = St
+  idealLength: t = Ot
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1049,22 +1084,22 @@ const St = 200, At = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, Bt = ({
+}, $t = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [n, o] = P(!1);
+  const [i, o] = P(!1);
   if (typeof e != "string")
     return e;
-  const { string: l, isTruncated: d } = At({
+  const { string: l, isTruncated: s } = Lt({
     string: e,
     idealLength: t
   });
   return /* @__PURE__ */ v("span", { children: [
-    n ? e : l,
-    d && /* @__PURE__ */ i(
+    i ? e : l,
+    s && /* @__PURE__ */ n(
       xe,
       {
         mode: r,
@@ -1072,9 +1107,9 @@ const St = 200, At = ({
         spacing: { l: 2 },
         size: "small",
         onClick: (b) => {
-          b.preventDefault(), o(!n);
+          b.preventDefault(), o(!i);
         },
-        children: n ? "less..." : "more..."
+        children: i ? "less..." : "more..."
       }
     )
   ] });
@@ -1095,32 +1130,32 @@ try {
 const ne = We(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.3aYd1Tzp.js"
+    "./LazyMessageAssistant.s5h7NaV1.js"
   ).then((e) => e.LazyMessageAssistant)
-), Mt = () => {
+), Ut = () => {
   const { state: e } = U(j);
   return /* @__PURE__ */ v(H, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: n, name: o, processingTime: l } = t.message;
-      return (a === I || a === Z) && n ? /* @__PURE__ */ i(re, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
+      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,
         {
           name: o,
           processingTime: l,
-          children: n
+          children: i
         }
-      ) }, `${r}-${a}`) : a === Y && n ? /* @__PURE__ */ i(
-        vt,
+      ) }, `${r}-${a}`) : a === K && i ? /* @__PURE__ */ n(
+        _t,
         {
           kind: "right",
-          copyToClipboard: n,
+          copyToClipboard: i,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ i(Bt, { mode: "light", focusMode: "light", children: n })
+          children: /* @__PURE__ */ n($t, { mode: "light", focusMode: "light", children: i })
         },
         `${r}-${a}`
       ) : null;
     }),
-    de(Y, e) && /* @__PURE__ */ i(re, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(ne, { loading: !0 }) })
+    de(K, e) && /* @__PURE__ */ n(re, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(ne, { loading: !0 }) })
   ] });
 }, D = (e, t) => {
   e({
@@ -1134,43 +1169,43 @@ const ne = We(
     type: L,
     payload: {
       message: {
-        role: Z,
+        role: q,
         content: Se
       }
     }
   });
-}, Ot = () => {
-  const { state: e, dispatch: t } = U(j), { state: r, dispatch: a } = U(q), [n, o] = P(""), { getAccessToken: l, user: d } = J(), b = R(!1), m = R(null), p = R(
+}, 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(
     null
   );
   E(() => {
     (async () => {
-      var u;
+      var h;
       if (!e || e.messages.length === 0) {
-        (u = p == null ? void 0 : p.current) == null || u.cancel();
+        (h = m == null ? void 0 : m.current) == null || h.cancel();
         return;
       }
-      const c = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || c.message.role === I || c.message.role === Ee || c.message.role === Z || c.message.role === Ce))
+      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))
         try {
-          const h = await He({
+          const p = await He({
             accessToken: await l(),
             name: "generate",
             data: {
               messages: e.messages,
               model: e.engine || z,
-              user: (d == null ? void 0 : d.username) || "",
+              user: (s == null ? void 0 : s.username) || "",
               id: e.id,
               usage: e.usage
             }
           });
-          if (h && h.ok) {
-            const f = K();
-            p.current = h.body.getReader();
+          if (p && p.ok) {
+            const y = J();
+            m.current = p.body.getReader();
             const _ = new TextDecoder();
             for (; ; ) {
               D(t, !0);
-              const { done: N, value: w } = await p.current.read();
+              const { done: N, value: w } = await m.current.read();
               if (N) {
                 D(t, !1);
                 break;
@@ -1192,7 +1227,7 @@ const ne = We(
                     message: {
                       content: A,
                       role: I,
-                      messageId: f,
+                      messageId: y,
                       processingTime: T.processingTime,
                       name: T.name
                     }
@@ -1206,49 +1241,50 @@ const ne = We(
                     message: {
                       content: k,
                       role: I,
-                      messageId: f
+                      messageId: y
                     }
                   }
                 });
             }
           } else
             se(t);
-        } catch (h) {
-          console.error(h), se(t);
+        } catch (p) {
+          console.error(p), se(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
-  const g = async (c) => {
-    c.preventDefault(), t({
+  const c = async (g) => {
+    g.preventDefault(), t({
       type: L,
       payload: {
         message: {
-          role: Y,
-          content: n
+          role: K,
+          content: i
         }
       }
     }), o("");
   };
   return E(() => {
-    (e == null ? void 0 : e.streaming) === !1 && !b.current && m.current && (b.current = !0, m.current.focus()), (e == null ? void 0 : e.streaming) === !0 && b.current === !0 && (b.current = !1);
+    (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), m.current && m.current.focus(), a({
+    r.tag !== "" && O[r.tag] && (o(O[r.tag].content), u.current && u.current.focus(), a({
       type: ue
     }));
-  }, [r, a]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: g, children: /* @__PURE__ */ i(
+  }, [r, a]), /* @__PURE__ */ n("form", { className: "mt-2", onSubmit: c, children: /* @__PURE__ */ n(
     je,
     {
       mode: "dark",
       focusMode: "light",
-      ref: m,
+      ref: u,
       name: "chat-input",
       label: Ie,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
-      value: n,
-      onChange: (c) => o(c.target.value),
-      rightElement: /* @__PURE__ */ i(
+      value: i,
+      onChange: (g) => o(g.target.value),
+      onKeyDown: Ze([["mod+Enter", c]]),
+      rightElement: /* @__PURE__ */ n(
         B,
         {
           disabled: e == null ? void 0 : e.streaming,
@@ -1261,21 +1297,21 @@ const ne = We(
       )
     }
   ) });
-}, Lt = () => {
-  const { isAuthenticated: e } = J(), t = Ae(e);
+}, zt = () => {
+  const { isAuthenticated: e } = Z(), t = Ae(e);
   return /* @__PURE__ */ v(H, { children: [
     /* @__PURE__ */ v("div", { className: t, children: [
-      /* @__PURE__ */ i(Be, {}),
-      /* @__PURE__ */ i(Mt, {})
+      /* @__PURE__ */ n(Be, {}),
+      /* @__PURE__ */ n(Ut, {})
     ] }),
-    /* @__PURE__ */ i(Ke, {}),
-    /* @__PURE__ */ i(Ot, {})
+    /* @__PURE__ */ n(tt, {}),
+    /* @__PURE__ */ n(Vt, {})
   ] });
-}, $t = (e, t) => (t == null ? void 0 : t.type) === ce ? {
+}, Dt = (e, t) => (t == null ? void 0 : t.type) === ce ? {
   tag: t.payload.tag
 } : (t == null ? void 0 : t.type) === ue ? {
   tag: ""
-} : e, Ut = (e, t) => (t == null ? void 0 : t.type) === Me ? {
+} : e, Ht = (e, t) => (t == null ? void 0 : t.type) === Me ? {
   searchString: t.payload.searchString,
   sortedCell: e.sortedCell,
   sortDirection: e.sortDirection
@@ -1283,7 +1319,7 @@ const ne = We(
   searchString: e.searchString,
   sortedCell: t.payload.sortedCell,
   sortDirection: t.payload.sortDirection
-} : e, Vt = (e, t) => {
+} : e, jt = (e, t) => {
   if ((t == null ? void 0 : t.type) === Le) {
     const r = t.payload.messages.map((a) => ({
       message: {
@@ -1303,34 +1339,34 @@ const ne = We(
     };
   }
   if ((t == null ? void 0 : t.type) === L) {
-    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, l = t.payload.message.messageId;
+    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 (r !== "") {
-      const d = {
+      const s = {
         role: r,
         content: a,
-        name: n,
+        name: i,
         processingTime: o,
         messageId: l
       };
       if (r === I) {
         const b = e.messages.findIndex(
-          (m) => m.message.messageId === l
+          (u) => u.message.messageId === l
         );
         if (b !== -1) {
-          const m = e.messages.map((p, g) => g === b ? {
+          const u = e.messages.map((m, c) => c === b ? {
             message: {
-              ...p.message,
-              content: `${p.message.content}${a}`,
+              ...m.message,
+              content: `${m.message.content}${a}`,
               processingTime: o,
-              name: n
+              name: i
             }
-          } : p);
+          } : m);
           return {
             id: e.id,
             model: e.model,
             usage: e.usage,
             isComponent: e.isComponent,
-            messages: m,
+            messages: u,
             engine: e.engine
           };
         }
@@ -1344,14 +1380,14 @@ const ne = We(
         messages: [
           ...e.messages,
           {
-            message: d
+            message: s
           }
         ]
       };
     }
   }
   return (t == null ? void 0 : t.type) === le ? {
-    id: K(),
+    id: J(),
     model: e.model,
     engine: e.engine,
     usage: 0,
@@ -1373,26 +1409,26 @@ const ne = We(
   } : e;
 };
 function Te({ isComponent: e = !1 }) {
-  const t = R(!1), { getAccessToken: r, user: a } = J(), [n] = $({
+  const t = R(!1), { getAccessToken: r, user: a } = Z(), [i] = $({
     key: M + ze,
     initialValue: ""
   }), [o] = $({
     key: M + De,
     initialValue: Fe.ASC
-  }), [l, d] = F(Vt, {
-    id: K(),
+  }), [l, s] = F(jt, {
+    id: J(),
     model: z,
     engine: z,
     usage: 0,
     messages: [],
     isComponent: e
-  }), [b, m] = F(Ut, {
-    searchString: n,
+  }), [b, u] = F(Ht, {
+    searchString: i,
     sortedCell: "timestamp",
     sortDirection: o
-  }), [p, g] = F($t, {
+  }), [m, c] = F(Dt, {
     tag: ""
-  }), [c, u] = P({
+  }), [g, h] = P({
     version: "",
     models: [],
     plugins: [],
@@ -1400,45 +1436,45 @@ function Te({ isComponent: e = !1 }) {
     engines: []
   });
   return E(() => {
-    c.version !== "" || t.current || (async () => {
+    g.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
-        const h = await Pe({
+        const p = await Pe({
           accessToken: await r(),
           type: Ge.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, h.status === 200 && (u(h.data), d({
+        t.current = !1, p.status === 200 && (h(p.data), s({
           type: he,
           payload: {
-            engine: h.data.engine
+            engine: p.data.engine
           }
         }));
       } catch {
       }
     })();
-  }, [c, r, a]), E(() => {
-    var h;
-    (h = document.getElementById("logo")) == null || h.classList.add("fadeOut"), setTimeout(() => {
-      var f;
-      (f = document.getElementById("root")) == null || f.classList.replace("app-hidden", "fadeIn");
+  }, [g, r, a]), E(() => {
+    var p;
+    (p = document.getElementById("logo")) == null || p.classList.add("fadeOut"), setTimeout(() => {
+      var y;
+      (y = document.getElementById("root")) == null || y.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ i(j.Provider, { value: { state: l, dispatch: d, serverStats: c }, children: /* @__PURE__ */ i(
+  }), /* @__PURE__ */ n(j.Provider, { value: { state: l, dispatch: s, serverStats: g }, children: /* @__PURE__ */ n(
     $e.Provider,
     {
       value: {
         state: b,
-        dispatch: m
+        dispatch: u
       },
       children: /* @__PURE__ */ v(
-        q.Provider,
+        Y.Provider,
         {
-          value: { state: p, dispatch: g },
+          value: { state: m, dispatch: c },
           children: [
-            /* @__PURE__ */ i(Ue, { children: /* @__PURE__ */ i(Lt, {}) }),
-            /* @__PURE__ */ i(Ve, { serverStats: c })
+            /* @__PURE__ */ n(Ue, { children: /* @__PURE__ */ n(zt, {}) }),
+            /* @__PURE__ */ n(Ve, { serverStats: g })
           ]
         }
       )
@@ -1446,8 +1482,8 @@ function Te({ isComponent: e = !1 }) {
   ) });
 }
 Te.displayName = "App";
-const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
+const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Gt as App,
-  vt as le
+  Yt as App,
+  _t as le
 };