app-devtools 0.28.0 → 0.29.0

package/dist/main.js

@@ -1,34 +1,34 @@
 import ne from "dayjs";
-import { dequal as vt } from "dequal";
-import { produce as Zt } from "immer";
-import { parse as Wt } from "regexparam";
-import { nanoid as Kt } from "nanoid";
+import { dequal as wt } from "dequal";
+import { produce as Wt } from "immer";
+import { parse as Kt } from "regexparam";
+import { nanoid as Jt } from "nanoid";
 import * as Xt from "diff";
 import Yt from "tinykeys";
 const U = {}, Gt = (e, t) => e === t, D = Symbol("solid-proxy"), ve = Symbol("solid-track"), be = {
   equals: Gt
 };
-let Qt = At;
-const q = 1, we = 2, bt = {
+let Qt = Tt;
+const q = 1, we = 2, xt = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var P = null;
-let X = null, A = null, E = null, Y = null, Ze = 0;
+let J = null, N = null, E = null, X = null, Ke = 0;
 function re(e, t) {
-  const n = A, r = P, l = e.length === 0, o = l ? bt : {
+  const n = N, r = P, l = e.length === 0, o = l ? xt : {
     owned: null,
     cleanups: null,
     context: null,
     owner: t === void 0 ? r : t
   }, s = l ? e : () => e(() => Z(() => Te(o)));
-  P = o, A = null;
+  P = o, N = null;
   try {
     return ue(s, !0);
   } finally {
-    A = n, P = r;
+    N = n, P = r;
   }
 }
 function oe(e, t) {
@@ -38,88 +38,88 @@ function oe(e, t) {
     observers: null,
     observerSlots: null,
     comparator: t.equals || void 0
-  }, r = (l) => (typeof l == "function" && (l = l(n.value)), _t(n, l));
-  return [Ct.bind(n), r];
+  }, r = (l) => (typeof l == "function" && (l = l(n.value)), kt(n, l));
+  return [St.bind(n), r];
 }
 function _(e, t, n) {
-  const r = St(e, t, !1, q);
-  Ne(r);
+  const r = Nt(e, t, !1, q);
+  Ae(r);
 }
 function m(e, t, n) {
   n = n ? Object.assign({}, be, n) : be;
-  const r = St(e, t, !0, 0);
-  return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, Ne(r), Ct.bind(r);
+  const r = Nt(e, t, !0, 0);
+  return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, Ae(r), St.bind(r);
 }
-function Jt(e) {
+function qt(e) {
   return ue(e, !1);
 }
 function Z(e) {
-  if (A === null)
+  if (N === null)
     return e();
-  const t = A;
-  A = null;
+  const t = N;
+  N = null;
   try {
     return e();
   } finally {
-    A = t;
+    N = t;
   }
 }
-function wt(e) {
+function Ct(e) {
   return P === null || (P.cleanups === null ? P.cleanups = [e] : P.cleanups.push(e)), e;
 }
-function xt() {
-  return A;
+function _t() {
+  return N;
 }
-function qt(e) {
+function en(e) {
   const t = m(e), n = m(() => De(t()));
   return n.toArray = () => {
     const r = n();
     return Array.isArray(r) ? r : r != null ? [r] : [];
   }, n;
 }
-function Ct() {
-  const e = X;
+function St() {
+  const e = J;
   if (this.sources && (this.state || e))
     if (this.state === q || e)
-      Ne(this);
+      Ae(this);
     else {
       const t = E;
       E = null, ue(() => xe(this), !1), E = t;
     }
-  if (A) {
+  if (N) {
     const t = this.observers ? this.observers.length : 0;
-    A.sources ? (A.sources.push(this), A.sourceSlots.push(t)) : (A.sources = [this], A.sourceSlots = [t]), this.observers ? (this.observers.push(A), this.observerSlots.push(A.sources.length - 1)) : (this.observers = [A], this.observerSlots = [A.sources.length - 1]);
+    N.sources ? (N.sources.push(this), N.sourceSlots.push(t)) : (N.sources = [this], N.sourceSlots = [t]), this.observers ? (this.observers.push(N), this.observerSlots.push(N.sources.length - 1)) : (this.observers = [N], this.observerSlots = [N.sources.length - 1]);
   }
   return this.value;
 }
-function _t(e, t, n) {
+function kt(e, t, n) {
   let r = e.value;
   return (!e.comparator || !e.comparator(r, t)) && (e.value = t, e.observers && e.observers.length && ue(() => {
     for (let l = 0; l < e.observers.length; l += 1) {
-      const o = e.observers[l], s = X && X.running;
-      s && X.disposed.has(o), (s && !o.tState || !s && !o.state) && (o.pure ? E.push(o) : Y.push(o), o.observers && Nt(o)), s || (o.state = q);
+      const o = e.observers[l], s = J && J.running;
+      s && J.disposed.has(o), (s && !o.tState || !s && !o.state) && (o.pure ? E.push(o) : X.push(o), o.observers && Pt(o)), s || (o.state = q);
     }
     if (E.length > 1e6)
       throw E = [], new Error();
   }, !1)), t;
 }
-function Ne(e) {
+function Ae(e) {
   if (!e.fn)
     return;
   Te(e);
-  const t = P, n = A, r = Ze;
-  A = P = e, en(e, e.value, r), A = n, P = t;
+  const t = P, n = N, r = Ke;
+  N = P = e, tn(e, e.value, r), N = n, P = t;
 }
-function en(e, t, n) {
+function tn(e, t, n) {
   let r;
   try {
     r = e.fn(t);
   } catch (l) {
-    e.pure && (e.state = q, e.owned && e.owned.forEach(Te), e.owned = null), Tt(l);
+    e.pure && (e.state = q, e.owned && e.owned.forEach(Te), e.owned = null), Et(l);
   }
-  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? _t(e, r) : e.value = r, e.updatedAt = n);
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? kt(e, r) : e.value = r, e.updatedAt = n);
 }
-function St(e, t, n, r = q, l) {
+function Nt(e, t, n, r = q, l) {
   const o = {
     fn: e,
     state: r,
@@ -133,10 +133,10 @@ function St(e, t, n, r = q, l) {
     context: null,
     pure: n
   };
-  return P === null || P !== bt && (P.owned ? P.owned.push(o) : P.owned = [o]), o;
+  return P === null || P !== xt && (P.owned ? P.owned.push(o) : P.owned = [o]), o;
 }
-function kt(e) {
-  const t = X;
+function At(e) {
+  const t = J;
   if (e.state === 0 || t)
     return;
   if (e.state === we || t)
@@ -144,11 +144,11 @@ function kt(e) {
   if (e.suspense && Z(e.suspense.inFallback))
     return e.suspense.effects.push(e);
   const n = [e];
-  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < Ze); )
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < Ke); )
     (e.state || t) && n.push(e);
   for (let r = n.length - 1; r >= 0; r--)
     if (e = n[r], e.state === q || t)
-      Ne(e);
+      Ae(e);
     else if (e.state === we || t) {
       const l = E;
       E = null, ue(() => xe(e, n[0]), !1), E = l;
@@ -158,37 +158,37 @@ function ue(e, t) {
   if (E)
     return e();
   let n = !1;
-  t || (E = []), Y ? n = !0 : Y = [], Ze++;
+  t || (E = []), X ? n = !0 : X = [], Ke++;
   try {
     const r = e();
-    return tn(n), r;
+    return nn(n), r;
   } catch (r) {
-    n || (Y = null), E = null, Tt(r);
+    n || (X = null), E = null, Et(r);
   }
 }
-function tn(e) {
-  if (E && (At(E), E = null), e)
+function nn(e) {
+  if (E && (Tt(E), E = null), e)
     return;
-  const t = Y;
-  Y = null, t.length && ue(() => Qt(t), !1);
+  const t = X;
+  X = null, t.length && ue(() => Qt(t), !1);
 }
-function At(e) {
+function Tt(e) {
   for (let t = 0; t < e.length; t++)
-    kt(e[t]);
+    At(e[t]);
 }
 function xe(e, t) {
-  const n = X;
+  const n = J;
   e.state = 0;
   for (let r = 0; r < e.sources.length; r += 1) {
     const l = e.sources[r];
-    l.sources && (l.state === q || n ? l !== t && kt(l) : (l.state === we || n) && xe(l, t));
+    l.sources && (l.state === q || n ? l !== t && At(l) : (l.state === we || n) && xe(l, t));
   }
 }
-function Nt(e) {
-  const t = X;
+function Pt(e) {
+  const t = J;
   for (let n = 0; n < e.observers.length; n += 1) {
     const r = e.observers[n];
-    (!r.state || t) && (r.state = we, r.pure ? E.push(r) : Y.push(r), r.observers && Nt(r));
+    (!r.state || t) && (r.state = we, r.pure ? E.push(r) : X.push(r), r.observers && Pt(r));
   }
 }
 function Te(e) {
@@ -213,11 +213,11 @@ function Te(e) {
   }
   e.state = 0, e.context = null;
 }
-function nn(e) {
+function rn(e) {
   return e instanceof Error || typeof e == "string" ? e : new Error("Unknown error");
 }
-function Tt(e) {
-  throw e = nn(e), e;
+function Et(e) {
+  throw e = rn(e), e;
 }
 function De(e) {
   if (typeof e == "function" && !e.length)
@@ -232,31 +232,31 @@ function De(e) {
   }
   return e;
 }
-const Re = Symbol("fallback");
+const ze = Symbol("fallback");
 function Ce(e) {
   for (let t = 0; t < e.length; t++)
     e[t]();
 }
-function rn(e, t, n = {}) {
+function ln(e, t, n = {}) {
   let r = [], l = [], o = [], s = 0, i = t.length > 1 ? [] : null;
-  return wt(() => Ce(o)), () => {
+  return Ct(() => Ce(o)), () => {
     let a = e() || [], c, u;
     return a[ve], Z(() => {
-      let d = a.length, g, v, b, w, k, x, N, T, O;
+      let d = a.length, g, v, b, w, k, x, A, T, O;
       if (d === 0)
-        s !== 0 && (Ce(o), o = [], r = [], l = [], s = 0, i && (i = [])), n.fallback && (r = [Re], l[0] = re((H) => (o[0] = H, n.fallback())), s = 1);
+        s !== 0 && (Ce(o), o = [], r = [], l = [], s = 0, i && (i = [])), n.fallback && (r = [ze], l[0] = re((H) => (o[0] = H, n.fallback())), s = 1);
       else if (s === 0) {
         for (l = new Array(d), u = 0; u < d; u++)
           r[u] = a[u], l[u] = re(p);
         s = d;
       } else {
-        for (b = new Array(d), w = new Array(d), i && (k = new Array(d)), x = 0, N = Math.min(s, d); x < N && r[x] === a[x]; x++)
+        for (b = new Array(d), w = new Array(d), i && (k = new Array(d)), x = 0, A = Math.min(s, d); x < A && r[x] === a[x]; x++)
           ;
-        for (N = s - 1, T = d - 1; N >= x && T >= x && r[N] === a[T]; N--, T--)
-          b[T] = l[N], w[T] = o[N], i && (k[T] = i[N]);
+        for (A = s - 1, T = d - 1; A >= x && T >= x && r[A] === a[T]; A--, T--)
+          b[T] = l[A], w[T] = o[A], i && (k[T] = i[A]);
         for (g = /* @__PURE__ */ new Map(), v = new Array(T + 1), u = T; u >= x; u--)
           O = a[u], c = g.get(O), v[u] = c === void 0 ? -1 : c, g.set(O, u);
-        for (c = x; c <= N; c++)
+        for (c = x; c <= A; c++)
           O = r[c], u = g.get(O), u !== void 0 && u !== -1 ? (b[u] = l[c], w[u] = o[c], i && (k[u] = i[c]), u = v[u], g.set(O, u)) : o[c]();
         for (u = x; u < d; u++)
           u in b ? (l[u] = b[u], o[u] = w[u], i && (i[u] = k[u], i[u](u))) : l[u] = re(p);
@@ -273,14 +273,14 @@ function rn(e, t, n = {}) {
     }
   };
 }
-function ln(e, t, n = {}) {
+function on(e, t, n = {}) {
   let r = [], l = [], o = [], s = [], i = 0, a;
-  return wt(() => Ce(o)), () => {
+  return Ct(() => Ce(o)), () => {
     const c = e() || [];
     return c[ve], Z(() => {
       if (c.length === 0)
-        return i !== 0 && (Ce(o), o = [], r = [], l = [], i = 0, s = []), n.fallback && (r = [Re], l[0] = re((p) => (o[0] = p, n.fallback())), i = 1), l;
-      for (r[0] === Re && (o[0](), o = [], r = [], l = [], i = 0), a = 0; a < c.length; a++)
+        return i !== 0 && (Ce(o), o = [], r = [], l = [], i = 0, s = []), n.fallback && (r = [ze], l[0] = re((p) => (o[0] = p, n.fallback())), i = 1), l;
+      for (r[0] === ze && (o[0](), o = [], r = [], l = [], i = 0), a = 0; a < c.length; a++)
         a < r.length && r[a] !== c[a] ? s[a](() => c[a]) : a >= r.length && (l[a] = re(u));
       for (; a < r.length; a++)
         o[a]();
@@ -299,7 +299,7 @@ function h(e, t) {
 function me() {
   return !0;
 }
-const on = {
+const sn = {
   get(e, t, n) {
     return t === D ? n : e.get(t);
   },
@@ -326,7 +326,7 @@ const on = {
 function Ie(e) {
   return (e = typeof e == "function" ? e() : e) ? e : {};
 }
-function sn(...e) {
+function an(...e) {
   let t = !1;
   for (let r = 0; r < e.length; r++) {
     const l = e[r];
@@ -353,7 +353,7 @@ function sn(...e) {
           r.push(...Object.keys(Ie(e[l])));
         return [...new Set(r)];
       }
-    }, on);
+    }, sn);
   const n = {};
   for (let r = e.length - 1; r >= 0; r--)
     if (e[r]) {
@@ -372,19 +372,19 @@ function sn(...e) {
     }
   return n;
 }
-function Q(e) {
+function G(e) {
   const t = "fallback" in e && {
     fallback: () => e.fallback
   };
-  return m(rn(() => e.each, e.children, t || void 0));
+  return m(ln(() => e.each, e.children, t || void 0));
 }
-function an(e) {
+function cn(e) {
   const t = "fallback" in e && {
     fallback: () => e.fallback
   };
-  return m(ln(() => e.each, e.children, t || void 0));
+  return m(on(() => e.each, e.children, t || void 0));
 }
-function G(e) {
+function Y(e) {
   let t = !1;
   const n = e.keyed, r = m(() => e.when, void 0, {
     equals: (l, o) => t ? l === o : !l == !o
@@ -398,9 +398,9 @@ function G(e) {
     return e.fallback;
   }, void 0, void 0);
 }
-function cn(e) {
+function un(e) {
   let t = !1, n = !1;
-  const r = (s, i) => s[0] === i[0] && (t ? s[1] === i[1] : !s[1] == !i[1]) && s[2] === i[2], l = qt(() => e.children), o = m(() => {
+  const r = (s, i) => s[0] === i[0] && (t ? s[1] === i[1] : !s[1] == !i[1]) && s[2] === i[2], l = en(() => e.children), o = m(() => {
     let s = l();
     Array.isArray(s) || (s = [s]);
     for (let i = 0; i < s.length; i++) {
@@ -423,21 +423,21 @@ function cn(e) {
 function de(e) {
   return e;
 }
-const un = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], dn = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...un]), fn = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), pn = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+const dn = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], fn = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...dn]), pn = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), hn = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), Xe = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), Ye = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: "formNoValidate",
   ismap: "isMap",
   nomodule: "noModule",
   playsinline: "playsInline",
   readonly: "readOnly"
-}), hn = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), gn = {
+}), gn = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), mn = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
-function mn(e, t, n) {
+function $n(e, t, n) {
   let r = n.length, l = t.length, o = r, s = 0, i = 0, a = t[l - 1].nextSibling, c = null;
   for (; s < l || i < o; ) {
     if (t[s] === n[i]) {
@@ -482,8 +482,8 @@ function mn(e, t, n) {
     }
   }
 }
-const Ye = "_$DX_DELEGATE";
-function $n(e, t, n, r = {}) {
+const Ge = "_$DX_DELEGATE";
+function yn(e, t, n, r = {}) {
   let l;
   return re((o) => {
     l = o, t === document ? e() : f(t, e(), t.firstChild ? null : void 0, n);
@@ -498,16 +498,16 @@ function y(e, t, n) {
   return n && (l = l.firstChild), l;
 }
 function Pe(e, t = window.document) {
-  const n = t[Ye] || (t[Ye] = /* @__PURE__ */ new Set());
+  const n = t[Ge] || (t[Ge] = /* @__PURE__ */ new Set());
   for (let r = 0, l = e.length; r < l; r++) {
     const o = e[r];
-    n.has(o) || (n.add(o), t.addEventListener(o, Cn));
+    n.has(o) || (n.add(o), t.addEventListener(o, _n));
   }
 }
 function j(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function yn(e, t, n, r) {
+function vn(e, t, n, r) {
   r == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, r);
 }
 function C(e, t) {
@@ -522,20 +522,20 @@ function _e(e, t, n, r) {
   } else
     e.addEventListener(t, n);
 }
-function vn(e, t, n = {}) {
+function bn(e, t, n = {}) {
   const r = Object.keys(t || {}), l = Object.keys(n);
   let o, s;
   for (o = 0, s = l.length; o < s; o++) {
     const i = l[o];
-    !i || i === "undefined" || t[i] || (Ge(e, i, !1), delete n[i]);
+    !i || i === "undefined" || t[i] || (Qe(e, i, !1), delete n[i]);
   }
   for (o = 0, s = r.length; o < s; o++) {
     const i = r[o], a = !!t[i];
-    !i || i === "undefined" || n[i] === a || !a || (Ge(e, i, !0), n[i] = a);
+    !i || i === "undefined" || n[i] === a || !a || (Qe(e, i, !0), n[i] = a);
   }
   return n;
 }
-function Pt(e, t, n) {
+function Lt(e, t, n) {
   if (!t)
     return n ? j(e, "style") : t;
   const r = e.style;
@@ -549,22 +549,22 @@ function Pt(e, t, n) {
     l = t[o], l !== n[o] && (r.setProperty(o, l), n[o] = l);
   return n;
 }
-function bn(e, t = {}, n, r) {
+function wn(e, t = {}, n, r) {
   const l = {};
-  return r || _(() => l.children = ie(e, t.children, l.children)), _(() => t.ref && t.ref(e)), _(() => wn(e, t, n, !0, l, !0)), l;
+  return r || _(() => l.children = ie(e, t.children, l.children)), _(() => t.ref && t.ref(e)), _(() => xn(e, t, n, !0, l, !0)), l;
 }
 function f(e, t, n, r) {
   if (n !== void 0 && !r && (r = []), typeof t != "function")
     return ie(e, t, r, n);
   _((l) => ie(e, t(), l, n), r);
 }
-function wn(e, t, n, r, l = {}, o = !1) {
+function xn(e, t, n, r, l = {}, o = !1) {
   t || (t = {});
   for (const s in l)
     if (!(s in t)) {
       if (s === "children")
         continue;
-      l[s] = Qe(e, s, null, l[s], n, o);
+      l[s] = qe(e, s, null, l[s], n, o);
     }
   for (const s in t) {
     if (s === "children") {
@@ -572,23 +572,23 @@ function wn(e, t, n, r, l = {}, o = !1) {
       continue;
     }
     const i = t[s];
-    l[s] = Qe(e, s, i, l[s], n, o);
+    l[s] = qe(e, s, i, l[s], n, o);
   }
 }
-function xn(e) {
+function Cn(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function Ge(e, t, n) {
+function Qe(e, t, n) {
   const r = t.trim().split(/\s+/);
   for (let l = 0, o = r.length; l < o; l++)
     e.classList.toggle(r[l], n);
 }
-function Qe(e, t, n, r, l, o) {
+function qe(e, t, n, r, l, o) {
   let s, i, a;
   if (t === "style")
-    return Pt(e, n, r);
+    return Lt(e, n, r);
   if (t === "classList")
-    return vn(e, n, r);
+    return bn(e, n, r);
   if (n === r)
     return r;
   if (t === "ref")
@@ -600,21 +600,21 @@ function Qe(e, t, n, r, l, o) {
     const c = t.slice(10);
     r && e.removeEventListener(c, r, !0), n && e.addEventListener(c, n, !0);
   } else if (t.slice(0, 2) === "on") {
-    const c = t.slice(2).toLowerCase(), u = hn.has(c);
+    const c = t.slice(2).toLowerCase(), u = gn.has(c);
     if (!u && r) {
       const p = Array.isArray(r) ? r[0] : r;
       e.removeEventListener(c, p);
     }
     (u || n) && (_e(e, c, n, u), u && Pe([c]));
-  } else if ((a = fn.has(t)) || !l && (Xe[t] || (i = dn.has(t))) || (s = e.nodeName.includes("-")))
-    t === "class" || t === "className" ? C(e, n) : s && !i && !a ? e[xn(t)] = n : e[Xe[t] || t] = n;
+  } else if ((a = pn.has(t)) || !l && (Ye[t] || (i = fn.has(t))) || (s = e.nodeName.includes("-")))
+    t === "class" || t === "className" ? C(e, n) : s && !i && !a ? e[Cn(t)] = n : e[Ye[t] || t] = n;
   else {
-    const c = l && t.indexOf(":") > -1 && gn[t.split(":")[0]];
-    c ? yn(e, c, t, n) : j(e, pn[t] || t, n);
+    const c = l && t.indexOf(":") > -1 && mn[t.split(":")[0]];
+    c ? vn(e, c, t, n) : j(e, hn[t] || t, n);
   }
   return n;
 }
-function Cn(e) {
+function _n(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -669,7 +669,7 @@ function ie(e, t, n, r, l) {
       }), () => n;
     if (Array.isArray(t)) {
       const i = [], a = n && Array.isArray(n);
-      if (ze(i, t, n, l))
+      if (Re(i, t, n, l))
         return _(() => n = ie(e, i, n, r, !0)), () => n;
       if (U.context) {
         if (!i.length)
@@ -682,7 +682,7 @@ function ie(e, t, n, r, l) {
         if (n = ee(e, n, r), s)
           return n;
       } else
-        a ? n.length === 0 ? Je(e, i, r) : mn(e, n, i) : (n && ee(e), Je(e, i));
+        a ? n.length === 0 ? et(e, i, r) : $n(e, n, i) : (n && ee(e), et(e, i));
       n = i;
     } else if (t instanceof Node) {
       if (U.context && t.parentNode)
@@ -698,7 +698,7 @@ function ie(e, t, n, r, l) {
   }
   return n;
 }
-function ze(e, t, n, r) {
+function Re(e, t, n, r) {
   let l = !1;
   for (let o = 0, s = t.length; o < s; o++) {
     let i = t[o], a = n && n[o];
@@ -706,12 +706,12 @@ function ze(e, t, n, r) {
       e.push(i);
     else if (!(i == null || i === !0 || i === !1))
       if (Array.isArray(i))
-        l = ze(e, i, a) || l;
+        l = Re(e, i, a) || l;
       else if (typeof i == "function")
         if (r) {
           for (; typeof i == "function"; )
             i = i();
-          l = ze(e, Array.isArray(i) ? i : [i], Array.isArray(a) ? a : [a]) || l;
+          l = Re(e, Array.isArray(i) ? i : [i], Array.isArray(a) ? a : [a]) || l;
         } else
           e.push(i), l = !0;
       else {
@@ -721,7 +721,7 @@ function ze(e, t, n, r) {
   }
   return l;
 }
-function Je(e, t, n = null) {
+function et(e, t, n = null) {
   for (let r = 0, l = t.length; r < l; r++)
     e.insertBefore(t[r], n);
 }
@@ -743,7 +743,7 @@ function ee(e, t, n, r) {
     e.insertBefore(l, n);
   return [l];
 }
-var _n = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Fe = {}, Sn = {
+var Sn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Fe = {}, kn = {
   get exports() {
     return Fe;
   },
@@ -754,7 +754,7 @@ var _n = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 (function(e, t) {
   (function(n, r) {
     e.exports = r();
-  })(_n, function() {
+  })(Sn, function() {
     return function(n, r, l) {
       n = n || {};
       var o = r.prototype, s = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
@@ -762,7 +762,7 @@ var _n = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         return o.fromToBase(c, u, p, d);
       }
       l.en.relativeTime = s, o.fromToBase = function(c, u, p, d, g) {
-        for (var v, b, w, k = p.$locale().relativeTime || s, x = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], N = x.length, T = 0; T < N; T += 1) {
+        for (var v, b, w, k = p.$locale().relativeTime || s, x = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], A = x.length, T = 0; T < A; T += 1) {
           var O = x[T];
           O.d && (v = d ? l(c).diff(p, O.d, !0) : p.diff(c, O.d, !0));
           var H = (n.rounding || Math.round)(Math.abs(v));
@@ -792,17 +792,17 @@ var _n = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       };
     };
   });
-})(Sn);
-const kn = Fe, An = /* @__PURE__ */ y("<button></button>"), F = (e) => (() => {
+})(kn);
+const Nn = Fe, An = /* @__PURE__ */ y("<button></button>"), F = (e) => (() => {
   const t = An.cloneNode(!0);
-  return bn(t, sn(e, {
-    onMouseDown: Nn
+  return wn(t, an(e, {
+    onMouseDown: Tn
   }), !1, !1), t;
 })();
-function Nn(e) {
+function Tn(e) {
   e.preventDefault();
 }
-const Tn = `<svg
+const Pn = `<svg
   xmlns="http://www.w3.org/2000/svg"
   width="32"
   height="32"
@@ -813,77 +813,77 @@ const Tn = `<svg
     d="m24 12l-8 10l-8-10z"
   />
 </svg>
-`, Pn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, En = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21 28C22.1046 28 23 27.1046 23 26C23 24.8954 22.1046 24 21 24C19.8954 24 19 24.8954 19 26C19 27.1046 19.8954 28 21 28Z" fill="currentColor"/>
 <path d="M21 8C22.1046 8 23 7.10457 23 6C23 4.89543 22.1046 4 21 4C19.8954 4 19 4.89543 19 6C19 7.10457 19.8954 8 21 8Z" fill="currentColor"/>
 <path d="M4 18C5.10457 18 6 17.1046 6 16C6 14.8954 5.10457 14 4 14C2.89543 14 2 14.8954 2 16C2 17.1046 2.89543 18 4 18Z" fill="currentColor"/>
 <path d="M28 12C27.1156 12.0026 26.2571 12.2986 25.5589 12.8415C24.8608 13.3844 24.3624 14.1435 24.142 15H19.858C19.7164 14.4361 19.4525 13.9101 19.085 13.4595C18.7175 13.0089 18.2555 12.6446 17.7315 12.3924C17.2076 12.1402 16.6346 12.0064 16.0532 12.0002C15.4718 11.9941 14.8961 12.1159 14.367 12.357L11.19 8.387C11.7126 7.7007 11.997 6.86262 12 6C12 5.20887 11.7654 4.43552 11.3259 3.77772C10.8864 3.11992 10.2616 2.60723 9.53073 2.30448C8.79983 2.00173 7.99556 1.92252 7.21964 2.07686C6.44371 2.2312 5.73098 2.61216 5.17157 3.17157C4.61216 3.73098 4.2312 4.44371 4.07686 5.21964C3.92252 5.99556 4.00173 6.79983 4.30448 7.53073C4.60723 8.26164 5.11992 8.88635 5.77772 9.32588C6.43552 9.7654 7.20887 10 8 10C8.56387 9.99869 9.12096 9.87698 9.634 9.643L12.81 13.613C12.285 14.298 12.0005 15.137 12.0005 16C12.0005 16.863 12.285 17.702 12.81 18.387L9.634 22.357C9.12096 22.123 8.56387 22.0013 8 22C7.20887 22 6.43552 22.2346 5.77772 22.6741C5.11992 23.1136 4.60723 23.7384 4.30448 24.4693C4.00173 25.2002 3.92252 26.0044 4.07686 26.7804C4.2312 27.5563 4.61216 28.269 5.17157 28.8284C5.73098 29.3878 6.44371 29.7688 7.21964 29.9231C7.99556 30.0775 8.79983 29.9983 9.53073 29.6955C10.2616 29.3928 10.8864 28.8801 11.3259 28.2223C11.7654 27.5645 12 26.7911 12 26C11.9971 25.1374 11.7127 24.2993 11.19 23.613L14.366 19.643C14.8952 19.8843 15.4709 20.0062 16.0525 20.0002C16.634 19.9942 17.2071 19.8603 17.7312 19.6081C18.2552 19.3559 18.7174 18.9915 19.0849 18.5408C19.4525 18.0901 19.7164 17.5641 19.858 17H24.142C24.3303 17.7226 24.7175 18.3778 25.2595 18.8914C25.8015 19.405 26.4766 19.7563 27.2083 19.9055C27.9399 20.0547 28.6987 19.9957 29.3985 19.7353C30.0983 19.4749 30.7111 19.0234 31.1673 18.4323C31.6234 17.8411 31.9047 17.1339 31.9791 16.3909C32.0535 15.6479 31.9181 14.899 31.5882 14.2291C31.2584 13.5592 30.7473 12.9952 30.113 12.6012C29.4787 12.2072 28.7467 11.9989 28 12ZM6 6C6 5.60444 6.1173 5.21776 6.33706 4.88886C6.55682 4.55996 6.86918 4.30362 7.23463 4.15224C7.60009 4.00087 8.00222 3.96126 8.39018 4.03843C8.77814 4.1156 9.13451 4.30608 9.41421 4.58579C9.69392 4.86549 9.8844 5.22186 9.96157 5.60982C10.0387 5.99778 9.99913 6.39991 9.84776 6.76537C9.69638 7.13082 9.44004 7.44318 9.11114 7.66294C8.78224 7.8827 8.39556 8 8 8C7.46973 7.99947 6.96133 7.78859 6.58637 7.41363C6.21141 7.03867 6.00053 6.53027 6 6ZM8 28C7.60444 28 7.21776 27.8827 6.88886 27.6629C6.55996 27.4432 6.30362 27.1308 6.15224 26.7654C6.00087 26.3999 5.96126 25.9978 6.03843 25.6098C6.1156 25.2219 6.30608 24.8655 6.58579 24.5858C6.86549 24.3061 7.22186 24.1156 7.60982 24.0384C7.99778 23.9613 8.39991 24.0009 8.76537 24.1522C9.13082 24.3036 9.44318 24.56 9.66294 24.8889C9.8827 25.2178 10 25.6044 10 26C9.99947 26.5303 9.78859 27.0387 9.41363 27.4136C9.03867 27.7886 8.53027 27.9995 8 28ZM16 18C15.6044 18 15.2178 17.8827 14.8889 17.6629C14.56 17.4432 14.3036 17.1308 14.1522 16.7654C14.0009 16.3999 13.9613 15.9978 14.0384 15.6098C14.1156 15.2219 14.3061 14.8655 14.5858 14.5858C14.8655 14.3061 15.2219 14.1156 15.6098 14.0384C15.9978 13.9613 16.3999 14.0009 16.7654 14.1522C17.1308 14.3036 17.4432 14.56 17.6629 14.8889C17.8827 15.2178 18 15.6044 18 16C17.9995 16.5303 17.7886 17.0387 17.4136 17.4136C17.0387 17.7886 16.5303 17.9995 16 18ZM28 18C27.6044 18 27.2178 17.8827 26.8889 17.6629C26.56 17.4432 26.3036 17.1308 26.1522 16.7654C26.0009 16.3999 25.9613 15.9978 26.0384 15.6098C26.1156 15.2219 26.3061 14.8655 26.5858 14.5858C26.8655 14.3061 27.2219 14.1156 27.6098 14.0384C27.9978 13.9613 28.3999 14.0009 28.7654 14.1522C29.1308 14.3036 29.4432 14.56 29.6629 14.8889C29.8827 15.2178 30 15.6044 30 16C29.9995 16.5303 29.7886 17.0387 29.4136 17.4136C29.0387 17.7886 28.5303 17.9995 28 18Z" fill="currentColor"/>
 </svg>
-`, En = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, Ln = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M29 27.586L21.448 20.034C23.2628 17.8553 24.1678 15.0608 23.9747 12.2319C23.7816 9.40297 22.5053 6.75739 20.4112 4.84552C18.3172 2.93364 15.5667 1.90267 12.732 1.96709C9.89717 2.0315 7.19635 3.18633 5.19134 5.19134C3.18633 7.19635 2.0315 9.89717 1.96709 12.732C1.90268 15.5667 2.93364 18.3172 4.84552 20.4112C6.75739 22.5053 9.40297 23.7816 12.2319 23.9747C15.0608 24.1678 17.8553 23.2628 20.034 21.448L27.586 29L29 27.586ZM4 13C4 11.22 4.52784 9.47991 5.51677 7.99987C6.50571 6.51983 7.91132 5.36627 9.55585 4.68508C11.2004 4.0039 13.01 3.82567 14.7558 4.17293C16.5016 4.5202 18.1053 5.37737 19.364 6.63604C20.6226 7.89471 21.4798 9.49836 21.8271 11.2442C22.1743 12.99 21.9961 14.7996 21.3149 16.4442C20.6337 18.0887 19.4802 19.4943 18.0001 20.4832C16.5201 21.4722 14.78 22 13 22C10.6139 21.9974 8.32622 21.0483 6.63896 19.361C4.95171 17.6738 4.00265 15.3861 4 13Z" fill="currentColor"/>
 </svg>
-`, Ln = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, On = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M27.71 4.29C27.575 4.15567 27.4045 4.06267 27.2185 4.02193C27.0325 3.98118 26.8388 3.99439 26.66 4.06L4.66 12.06C4.47027 12.132 4.30692 12.26 4.19165 12.427C4.07638 12.594 4.01465 12.7921 4.01465 12.995C4.01465 13.1979 4.07638 13.396 4.19165 13.563C4.30692 13.73 4.47027 13.858 4.66 13.93L14.26 17.77L18.1 27.37C18.1721 27.5514 18.2958 27.7077 18.4557 27.8197C18.6157 27.9316 18.8049 27.9943 19 28C19.2021 27.9959 19.3982 27.9306 19.5624 27.8127C19.7266 27.6949 19.8513 27.5301 19.92 27.34L27.92 5.34C27.9881 5.16308 28.0046 4.97043 27.9674 4.78452C27.9302 4.59862 27.8409 4.42711 27.71 4.29ZM19 24.2L16.21 17.2L21 12.41L19.59 11L14.76 15.83L7.8 13L25.33 6.67L19 24.2Z" fill="currentColor"/>
 </svg>
-`, On = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, jn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M30 8H25.9C25.4 5.7 23.4 4 21 4C18.6 4 16.6 5.7 16.1 8H2V10H16.1C16.6 12.3 18.6 14 21 14C23.4 14 25.4 12.3 25.9 10H30V8ZM21 12C19.3 12 18 10.7 18 9C18 7.3 19.3 6 21 6C22.7 6 24 7.3 24 9C24 10.7 22.7 12 21 12ZM2 24H6.1C6.6 26.3 8.6 28 11 28C13.4 28 15.4 26.3 15.9 24H30V22H15.9C15.4 19.7 13.4 18 11 18C8.6 18 6.6 19.7 6.1 22H2V24ZM11 20C12.7 20 14 21.3 14 23C14 24.7 12.7 26 11 26C9.3 26 8 24.7 8 23C8 21.3 9.3 20 11 20Z" fill="currentColor"/>
 </svg>
-`, jn = /* @__PURE__ */ Object.assign({
-  "/src/assets/icons/caret-down.svg": Tn,
-  "/src/assets/icons/network.svg": Pn,
-  "/src/assets/icons/search.svg": En,
-  "/src/assets/icons/send.svg": Ln,
-  "/src/assets/icons/settings.svg": On
+`, In = /* @__PURE__ */ Object.assign({
+  "/src/assets/icons/caret-down.svg": Pn,
+  "/src/assets/icons/network.svg": En,
+  "/src/assets/icons/search.svg": Ln,
+  "/src/assets/icons/send.svg": On,
+  "/src/assets/icons/settings.svg": jn
 });
-function In(e) {
-  return jn[`/src/assets/icons/${e}.svg`];
+function Mn(e) {
+  return In[`/src/assets/icons/${e}.svg`];
 }
-const We = `
+const Je = `
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 `;
-function Mn(e, t = "px") {
+function Dn(e, t = "px") {
   return typeof e == "string" ? String(e) : Array.isArray(e) ? e.map((n) => `${n}${t}`).join(" ") : `${e}${t}`;
 }
-let Dn = { data: "" }, Rn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || Dn, zn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Fn = /\/\*[^]*?\*\/|  +/g, qe = /\n+/g, K = (e, t) => {
+let zn = { data: "" }, Rn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || zn, Fn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Bn = /\/\*[^]*?\*\/|  +/g, tt = /\n+/g, K = (e, t) => {
   let n = "", r = "", l = "";
   for (let o in e) {
     let s = e[o];
     o[0] == "@" ? o[1] == "i" ? n = o + " " + s + ";" : r += o[1] == "f" ? K(s, o) : o + "{" + K(s, o[1] == "k" ? "" : t) + "}" : typeof s == "object" ? r += K(s, t ? t.replace(/([^,])+/g, (i) => o.replace(/(^:.*)|([^,])+/g, (a) => /&/.test(a) ? a.replace(/&/g, i) : i ? i + " " + a : a)) : o) : s != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), l += K.p ? K.p(o, s) : o + ":" + s + ";");
   }
   return n + (t && l ? t + "{" + l + "}" : l) + r;
-}, z = {}, Et = (e) => {
+}, R = {}, Ot = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let n in e)
-      t += n + Et(e[n]);
+      t += n + Ot(e[n]);
     return t;
   }
   return e;
-}, Bn = (e, t, n, r, l) => {
-  let o = Et(e), s = z[o] || (z[o] = ((a) => {
+}, Hn = (e, t, n, r, l) => {
+  let o = Ot(e), s = R[o] || (R[o] = ((a) => {
     let c = 0, u = 11;
     for (; c < a.length; )
       u = 101 * u + a.charCodeAt(c++) >>> 0;
     return "go" + u;
   })(o));
-  if (!z[s]) {
+  if (!R[s]) {
     let a = o !== e ? e : ((c) => {
       let u, p, d = [{}];
-      for (; u = zn.exec(c.replace(Fn, "")); )
-        u[4] ? d.shift() : u[3] ? (p = u[3].replace(qe, " ").trim(), d.unshift(d[0][p] = d[0][p] || {})) : d[0][u[1]] = u[2].replace(qe, " ").trim();
+      for (; u = Fn.exec(c.replace(Bn, "")); )
+        u[4] ? d.shift() : u[3] ? (p = u[3].replace(tt, " ").trim(), d.unshift(d[0][p] = d[0][p] || {})) : d[0][u[1]] = u[2].replace(tt, " ").trim();
       return d[0];
     })(e);
-    z[s] = K(l ? { ["@keyframes " + s]: a } : a, n ? "" : "." + s);
+    R[s] = K(l ? { ["@keyframes " + s]: a } : a, n ? "" : "." + s);
   }
-  let i = n && z.g ? z.g : null;
-  return n && (z.g = z[s]), ((a, c, u, p) => {
+  let i = n && R.g ? R.g : null;
+  return n && (R.g = R[s]), ((a, c, u, p) => {
     p ? c.data = c.data.replace(p, a) : c.data.indexOf(a) === -1 && (c.data = u ? a + c.data : c.data + a);
-  })(z[s], t, r, i), s;
-}, Hn = (e, t, n) => e.reduce((r, l, o) => {
+  })(R[s], t, r, i), s;
+}, Vn = (e, t, n) => e.reduce((r, l, o) => {
   let s = t[o];
   if (s && s.call) {
     let i = s(n), a = i && i.props && i.props.className || /^go/.test(i) && i;
@@ -893,11 +893,11 @@ let Dn = { data: "" }, Rn = (e) => typeof window == "object" ? ((e ? e.querySele
 }, "");
 function S(e) {
   let t = this || {}, n = e.call ? e(t.p) : e;
-  return Bn(n.unshift ? n.raw ? Hn(n, [].slice.call(arguments, 1), t.p) : n.reduce((r, l) => Object.assign(r, l && l.call ? l(t.p) : l), {}) : n, Rn(t.target), t.g, t.o, t.k);
+  return Hn(n.unshift ? n.raw ? Vn(n, [].slice.call(arguments, 1), t.p) : n.reduce((r, l) => Object.assign(r, l && l.call ? l(t.p) : l), {}) : n, Rn(t.target), t.g, t.o, t.k);
 }
 S.bind({ g: 1 });
 S.bind({ k: 1 });
-const Vn = /* @__PURE__ */ y("<div></div>"), Un = S`
+const Un = /* @__PURE__ */ y("<div></div>"), Zn = S`
   &&& {
     position: relative;
     color: currentColor;
@@ -906,26 +906,26 @@ const Vn = /* @__PURE__ */ y("<div></div>"), Un = S`
 
     svg {
       display: block;
-      ${We};
+      ${Je};
     }
   }
 `, Ee = (e) => {
-  const t = In(e.name);
+  const t = Mn(e.name);
   return (() => {
-    const n = Vn.cloneNode(!0);
+    const n = Un.cloneNode(!0);
     return n.innerHTML = t, _((r) => {
-      const l = `icon ${e.class || ""} ${Un}`, o = {
+      const l = `icon ${e.class || ""} ${Zn}`, o = {
         color: e.color,
-        "--icon-size": e.size && Mn(e.size)
+        "--icon-size": e.size && Dn(e.size)
       };
-      return l !== r._v$ && C(n, r._v$ = l), r._v$2 = Pt(n, o, r._v$2), r;
+      return l !== r._v$ && C(n, r._v$ = l), r._v$2 = Lt(n, o, r._v$2), r;
     }, {
       _v$: void 0,
       _v$2: void 0
     }), n;
   })();
-}, Se = Symbol("store-raw"), pe = Symbol("store-node"), Zn = Symbol("store-name");
-function Lt(e, t) {
+}, Se = Symbol("store-raw"), pe = Symbol("store-node"), Wn = Symbol("store-name");
+function jt(e, t) {
   let n = e[D];
   if (!n && (Object.defineProperty(e, D, {
     value: n = new Proxy(e, Xn)
@@ -963,29 +963,29 @@ function ae(e, t = /* @__PURE__ */ new Set()) {
   }
   return e;
 }
-function Ke(e) {
+function Xe(e) {
   let t = e[pe];
   return t || Object.defineProperty(e, pe, {
     value: t = {}
   }), t;
 }
 function Be(e, t, n) {
-  return e[t] || (e[t] = jt(n));
+  return e[t] || (e[t] = Mt(n));
 }
-function Wn(e, t) {
+function Kn(e, t) {
   const n = Reflect.getOwnPropertyDescriptor(e, t);
-  return !n || n.get || !n.configurable || t === D || t === pe || t === Zn || (delete n.value, delete n.writable, n.get = () => e[D][t]), n;
+  return !n || n.get || !n.configurable || t === D || t === pe || t === Wn || (delete n.value, delete n.writable, n.get = () => e[D][t]), n;
 }
-function Ot(e) {
-  if (xt()) {
-    const t = Ke(e);
-    (t._ || (t._ = jt()))();
+function It(e) {
+  if (_t()) {
+    const t = Xe(e);
+    (t._ || (t._ = Mt()))();
   }
 }
-function Kn(e) {
-  return Ot(e), Reflect.ownKeys(e);
+function Jn(e) {
+  return It(e), Reflect.ownKeys(e);
 }
-function jt(e) {
+function Mt(e) {
   const [t, n] = oe(e, {
     equals: !1,
     internal: !0
@@ -999,16 +999,16 @@ const Xn = {
     if (t === D)
       return n;
     if (t === ve)
-      return Ot(e), n;
-    const r = Ke(e), l = r.hasOwnProperty(t);
+      return It(e), n;
+    const r = Xe(e), l = r.hasOwnProperty(t);
     let o = l ? r[t]() : e[t];
     if (t === pe || t === "__proto__")
       return o;
     if (!l) {
       const s = Object.getOwnPropertyDescriptor(e, t);
-      xt() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = Be(r, t, o)());
+      _t() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = Be(r, t, o)());
     }
-    return se(o) ? Lt(o) : o;
+    return se(o) ? jt(o) : o;
   },
   has(e, t) {
     return t === Se || t === D || t === ve || t === pe || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
@@ -1019,18 +1019,18 @@ const Xn = {
   deleteProperty() {
     return !0;
   },
-  ownKeys: Kn,
-  getOwnPropertyDescriptor: Wn
+  ownKeys: Jn,
+  getOwnPropertyDescriptor: Kn
 };
 function ce(e, t, n, r = !1) {
   if (!r && e[t] === n)
     return;
   const l = e[t], o = e.length;
   n === void 0 ? delete e[t] : e[t] = n;
-  let s = Ke(e), i;
+  let s = Xe(e), i;
   (i = Be(s, t, l)) && i.$(() => n), Array.isArray(e) && e.length !== o && (i = Be(s, "length", o)) && i.$(e.length), (i = s._) && i.$();
 }
-function It(e, t) {
+function Dt(e, t) {
   const n = Object.keys(t);
   for (let r = 0; r < n.length; r += 1) {
     const l = n[r];
@@ -1048,7 +1048,7 @@ function Yn(e, t) {
     }
     ce(e, "length", r);
   } else
-    It(e, t);
+    Dt(e, t);
 }
 function fe(e, t, n = []) {
   let r, l = e;
@@ -1079,24 +1079,24 @@ function fe(e, t, n = []) {
     l = e[r], n = [r].concat(n);
   }
   let o = t[0];
-  typeof o == "function" && (o = o(l, n), o === l) || r === void 0 && o == null || (o = ae(o), r === void 0 || se(l) && se(o) && !Array.isArray(o) ? It(l, o) : ce(e, r, o));
+  typeof o == "function" && (o = o(l, n), o === l) || r === void 0 && o == null || (o = ae(o), r === void 0 || se(l) && se(o) && !Array.isArray(o) ? Dt(l, o) : ce(e, r, o));
 }
-function Mt(...[e, t]) {
-  const n = ae(e || {}), r = Array.isArray(n), l = Lt(n);
+function zt(...[e, t]) {
+  const n = ae(e || {}), r = Array.isArray(n), l = jt(n);
   function o(...s) {
-    Jt(() => {
+    qt(() => {
       r && s.length === 1 ? Yn(n, s[0]) : fe(n, s);
     });
   }
   return [l, o];
 }
-const ke = /* @__PURE__ */ new WeakMap(), Dt = {
+const ke = /* @__PURE__ */ new WeakMap(), Rt = {
   get(e, t) {
     if (t === Se)
       return e;
     const n = e[t];
     let r;
-    return se(n) ? ke.get(n) || (ke.set(n, r = new Proxy(n, Dt)), r) : n;
+    return se(n) ? ke.get(n) || (ke.set(n, r = new Proxy(n, Rt)), r) : n;
   },
   set(e, t, n) {
     return ce(e, t, ae(n)), !0;
@@ -1109,12 +1109,12 @@ function Gn(e) {
   return (t) => {
     if (se(t)) {
       let n;
-      (n = ke.get(t)) || ke.set(t, n = new Proxy(t, Dt)), e(n);
+      (n = ke.get(t)) || ke.set(t, n = new Proxy(t, Rt)), e(n);
     }
     return t;
   };
 }
-const [I, Ae] = Mt({
+const [I, Ne] = zt({
   selectedCall: null,
   selectedRequest: null,
   selectedTab: null,
@@ -1133,7 +1133,7 @@ const [I, Ae] = Mt({
   spaceBetween: "space-between",
   spaceAround: "space-around",
   spaceEvenly: "space-evenly"
-}, Jn = {
+}, qn = {
   top: "flex-start",
   bottom: "flex-end",
   center: "center",
@@ -1147,15 +1147,15 @@ const [I, Ae] = Mt({
     column-gap: ${n}px;
     flex-direction: row;
     justify-content: ${Qn[e]};
-    align-items: ${Jn[t]};
-  `, qn = {
+    align-items: ${qn[t]};
+  `, er = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end",
   spaceBetween: "space-between",
   spaceAround: "space-around",
   spaceEvenly: "space-evenly"
-}, er = {
+}, tr = {
   left: "flex-start",
   right: "flex-end",
   center: "center",
@@ -1168,10 +1168,10 @@ const [I, Ae] = Mt({
     row-gap: ${n}px;
     display: flex;
     flex-direction: column;
-    justify-content: ${qn[e]};
-    align-items: ${er[t]};
+    justify-content: ${er[e]};
+    align-items: ${tr[t]};
   `;
-function tr(e) {
+function nr(e) {
   if (e.length < 4)
     throw new Error("Invalid hex value");
   return (e.replace(
@@ -1179,16 +1179,16 @@ function tr(e) {
     (t, n, r, l) => `#${n}${n}${r}${r}${l}${l}`
   ).substring(1).match(/.{2}/g) || []).map((t) => parseInt(t, 16));
 }
-function nr(e) {
+function rr(e) {
   return Object.entries(e);
 }
 const $e = document.documentElement.style;
-let et = 1;
-function rr(e) {
+let nt = 1;
+function lr(e) {
   const t = {};
-  for (const [n, r] of nr(e)) {
-    const [l, o, s] = tr(r), i = `c${et}`;
-    et++, $e.setProperty(`--${i}-r`, String(l)), $e.setProperty(`--${i}-g`, String(o)), $e.setProperty(`--${i}-b`, String(s)), $e.setProperty(`--${i}`, r), t[n] = {
+  for (const [n, r] of rr(e)) {
+    const [l, o, s] = nr(r), i = `c${nt}`;
+    nt++, $e.setProperty(`--${i}-r`, String(l)), $e.setProperty(`--${i}-g`, String(o)), $e.setProperty(`--${i}-b`, String(s)), $e.setProperty(`--${i}`, r), t[n] = {
       red: l,
       green: o,
       blue: s,
@@ -1215,7 +1215,7 @@ function rr(e) {
   }
   return t;
 }
-const $ = rr({
+const $ = lr({
   bgPrimary: "#0F172A",
   bgSecondary: "#1E293B",
   textPrimary: "#fff",
@@ -1228,22 +1228,22 @@ const $ = rr({
   bg: "#EAEFFF",
   white: "#fff",
   black: "#000"
-}), R = {
+}), z = {
   primary: '"Work Sans", sans-serif',
   decorative: '"Fira Code", monospaced'
 };
-function lr(e, t, n) {
+function or(e, t, n) {
   if (!e)
     return t;
   const r = [], l = new Map(e.map((o) => [o[n], o]));
   for (const o of t) {
     const s = l.get(o[n]);
-    s && vt(s, o) ? r.push(s) : r.push(o);
+    s && wt(s, o) ? r.push(s) : r.push(o);
   }
   return r;
 }
-function Rt(e, t) {
-  return m((n) => lr(n, typeof e == "function" ? e() : e, t));
+function Ft(e, t) {
+  return m((n) => or(n, typeof e == "function" ? e() : e, t));
 }
 function ge(e) {
   const [t, n] = oe(e);
@@ -1258,14 +1258,14 @@ function ge(e) {
       n(() => r);
     },
     produce(r) {
-      n((l) => Zt(l, r));
+      n((l) => Wt(l, r));
     },
     peek() {
       return Z(t);
     }
   };
 }
-function or(e) {
+function He(e) {
   const t = m(e);
   return {
     get value() {
@@ -1273,7 +1273,7 @@ function or(e) {
     }
   };
 }
-const ir = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y("<span></span>"), sr = /* @__PURE__ */ y('<div><div class="call"></div></div>'), ar = S`
+const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y("<span></span>"), sr = /* @__PURE__ */ y('<div><div class="call"></div></div>'), ar = S`
   &&& {
     font-size: 14px;
     ${L()};
@@ -1297,7 +1297,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
 
         > .tag {
           font-weight: 600;
-          font-family: ${R.decorative};
+          font-family: ${z.decorative};
         }
 
         > span {
@@ -1356,7 +1356,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
     const o = sr.cloneNode(!0), s = o.firstChild;
     return C(o, ar), f(s, h(F, {
       onClick: () => {
-        Ae({
+        Ne({
           selectedCall: t().id,
           selectedSubitem: null
         });
@@ -1373,7 +1373,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
             _v$2: void 0
           }), i;
         })(), (() => {
-          const i = tt.cloneNode(!0);
+          const i = rt.cloneNode(!0);
           return f(i, () => t().name), _(() => j(i, "title", t().name)), i;
         })()];
       }
@@ -1395,12 +1395,12 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
           });
         }
       });
-    })(), null), f(o, h(G, {
+    })(), null), f(o, h(Y, {
       get when() {
         return r.value;
       },
       get children() {
-        return h(Q, {
+        return h(G, {
           get each() {
             return t().subitemsWithAlias;
           },
@@ -1412,13 +1412,13 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
               };
             },
             onClick: () => {
-              Ae({
+              Ne({
                 selectedCall: t().id,
                 selectedSubitem: i
               });
             },
             get children() {
-              const a = tt.cloneNode(!0);
+              const a = rt.cloneNode(!0);
               return f(a, i), a;
             }
           })
@@ -1445,7 +1445,7 @@ function ur(e, t) {
     color: r
   };
 }
-function zt(e) {
+function Bt(e) {
   return e ? e.slice().reverse() : [];
 }
 function dr(...e) {
@@ -1460,11 +1460,11 @@ function fr(e) {
 function pr(e) {
   return e.filter((t) => t !== !1);
 }
-function nt(e) {
+function lt(e) {
   if (e == null)
     throw new Error("Value is null or undefined");
 }
-function rt(e, t) {
+function ot(e, t) {
   try {
     return e();
   } catch (n) {
@@ -1472,7 +1472,7 @@ function rt(e, t) {
   }
 }
 function hr(e, t) {
-  const n = Wt(t);
+  const n = Kt(t);
   return gr(e, n);
 }
 function gr(e, t) {
@@ -1504,19 +1504,19 @@ function le(e) {
   }
   return e;
 }
-const [J, mr] = Mt({
+const [Q, mr] = zt({
   calls: {}
 }), Le = ge("");
-let He = {
+let Ve = {
   callsProcessor: []
 };
 function $r(e) {
-  He = {
-    ...He,
+  Ve = {
+    ...Ve,
     ...e
   };
 }
-function Jl({
+function Ql({
   type: e,
   response: t,
   payload: n,
@@ -1547,20 +1547,20 @@ function yr(e) {
     const i = e.duration || Date.now() - t;
     mr(
       Gn((a) => {
-        const c = rt(
+        const c = ot(
           () => new URL(e.path, "http://localhost")
         );
-        nt(c);
+        lt(c);
         const u = c.searchParams.toString() !== "" ? Object.fromEntries(c.searchParams.entries()) : null;
         let p = null;
-        const d = He.callsProcessor.find((N) => {
-          if (typeof N.match == "string") {
-            if (N.matchType && N.matchType !== e.type || N.matchSubType && e.subType && N.matchSubType.includes(e.subType))
+        const d = Ve.callsProcessor.find((A) => {
+          if (typeof A.match == "string") {
+            if (A.matchType && A.matchType !== e.type || A.matchSubType && e.subType && A.matchSubType.includes(e.subType))
               return !1;
-            const T = hr(c.pathname, N.match);
+            const T = hr(c.pathname, A.match);
             return T ? (p = T, !0) : !1;
           } else
-            return N.match({
+            return A.match({
               url: c,
               type: e.type,
               subType: e.subType
@@ -1581,9 +1581,9 @@ function yr(e) {
           subType: e.subType
         }, Le.value = v);
         const w = a.calls[v];
-        nt(w), w.requests.length > 100 && w.requests.shift();
+        lt(w), w.requests.length > 100 && w.requests.shift();
         const k = {
-          id: Kt(),
+          id: Jt(),
           duration: i,
           pathParams: p,
           isError: n,
@@ -1600,7 +1600,7 @@ function yr(e) {
           tags: fr(
             dr(e.tags, s)
           )
-        }, x = rt(
+        }, x = ot(
           () => d?.payloadAlias?.(k.payload, k)
         );
         x && (k.alias = x), w.requests.push(k);
@@ -1617,22 +1617,22 @@ const vr = {
   out: "cubic-bezier(0.0, 0.0, 0.2, 1)",
   in: "cubic-bezier(0.4, 0.0, 1, 1)",
   linear: "linear"
-}, lt = (e) => e !== void 0 ? `${e}ms` : "";
+}, it = (e) => e !== void 0 ? `${e}ms` : "";
 function wr(e = {}) {
   const { properties: t, duration: n, ease: r, delay: l } = e;
   return `
-    transition: ${lt(
+    transition: ${it(
     typeof n == "number" ? n : vr[n || "medium"]
-  )} ${br[r || "inOut"]} ${lt(l)};
+  )} ${br[r || "inOut"]} ${it(l)};
     ${t ? `
     transition-property: ${t.join(", ") || ""};
     ` : ""}
   `;
 }
-const ot = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+const st = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
 function xr(e, t) {
-  const n = ot(String(t)).indexOf(
-    ot(String(e))
+  const n = st(String(t)).indexOf(
+    st(String(e))
   );
   return {
     matched: n !== -1,
@@ -1645,7 +1645,7 @@ function Cr(e, t, { lowerFirst: n } = {}) {
     return o < s ? n ? -1 : 1 : o > s ? n ? 1 : -1 : 0;
   });
 }
-function it({
+function at({
   items: e,
   searchQuery: t,
   getStringToMatch: n
@@ -1668,7 +1668,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       font-size: 18px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${R.decorative};
+      font-family: ${z.decorative};
       color: ${$.secondary.var};
       padding-bottom: 12px;
     }
@@ -1680,7 +1680,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, Ar = S`
+`, Nr = S`
   &&& {
     ${B({
   gap: 8
@@ -1710,7 +1710,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       }
     }
   }
-`, Nr = S`
+`, Ar = S`
   &&& {
     ${B({
   gap: 16
@@ -1734,8 +1734,8 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
     }
   }
 `, V = ge("api"), Tr = () => {
-  const e = ge(""), t = Rt(() => {
-    const [r = "", l = ""] = e.value.split(">"), o = Object.entries(J.calls), s = [];
+  const e = ge(""), t = Ft(() => {
+    const [r = "", l = ""] = e.value.split(">"), o = Object.entries(Q.calls), s = [];
     for (const [a, c] of o.reverse()) {
       const u = /* @__PURE__ */ new Set();
       if (!(V.value === "api" && c.type !== "fetch" && c.type !== "mutation") && !(V.value === "ws" && c.type !== "ws")) {
@@ -1743,7 +1743,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
           p.alias && u.add(p.alias);
         s.push({
           id: a,
-          subitemsWithAlias: it({
+          subitemsWithAlias: at({
             items: [...u],
             searchQuery: l.trim(),
             getStringToMatch(p) {
@@ -1754,7 +1754,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
         });
       }
     }
-    return it({
+    return at({
       items: s,
       searchQuery: r.trim(),
       getStringToMatch(a) {
@@ -1764,11 +1764,11 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
   }, "id"), n = m(() => I.selectedCall);
   return (() => {
     const r = _r.cloneNode(!0), l = r.firstChild, o = l.nextSibling, s = o.firstChild, i = s.nextSibling, a = i.nextSibling, c = o.nextSibling, u = c.firstChild, p = c.nextSibling;
-    return C(r, Sr), C(o, Nr), s.$$click = () => V.set("api"), i.$$click = () => V.set("ws"), a.$$click = () => V.set("all"), C(c, Ar), f(c, h(Ee, {
+    return C(r, Sr), C(o, Ar), s.$$click = () => V.set("api"), i.$$click = () => V.set("ws"), a.$$click = () => V.set("all"), C(c, Nr), f(c, h(Ee, {
       name: "search"
     }), u), u.$$input = (d) => {
       e.value = d.currentTarget.value;
-    }, C(p, kr), f(p, h(Q, {
+    }, C(p, kr), f(p, h(G, {
       get each() {
         return t();
       },
@@ -1792,7 +1792,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
   })();
 };
 Pe(["click", "input"]);
-function Ft(...e) {
+function Ht(...e) {
   const t = [];
   for (let n = 0; n < e.length; n++) {
     const r = e[n];
@@ -1815,7 +1815,7 @@ const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /*
       font-size: 14px;
       color: ${$.secondary.var};
       letter-spacing: 0.08em;
-      font-family: ${R.decorative};
+      font-family: ${z.decorative};
       font-weight: 300;
       background: ${$.bgPrimary.var};
       z-index: 1;
@@ -1849,7 +1849,7 @@ const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /*
       const l = Er.cloneNode(!0);
       return f(l, () => e.title), l;
     })();
-  })(), n), f(n, () => e.children), _(() => C(t, Ft(Lr, e.class))), t;
+  })(), n), f(n, () => e.children), _(() => C(t, Ht(Lr, e.class))), t;
 })(), Or = /* @__PURE__ */ y("<div></div>"), jr = /* @__PURE__ */ y('<div class="row"><div class="name"></div><div class="value"></div></div>'), Ir = S`
   &&& {
     display: grid;
@@ -1880,7 +1880,7 @@ const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /*
   }
 `, Mr = (e) => (() => {
   const t = Or.cloneNode(!0);
-  return C(t, Ir), f(t, h(an, {
+  return C(t, Ir), f(t, h(cn, {
     get each() {
       return pr(e.rows);
     },
@@ -1896,7 +1896,7 @@ const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /*
     user-select: text;
   }
 `;
-function Rr(e) {
+function zr(e) {
   return `
     display: -webkit-box;
     overflow: hidden;
@@ -1904,18 +1904,14 @@ function Rr(e) {
     -webkit-box-orient: vertical;
   `;
 }
-const st = /* @__PURE__ */ new Map();
-function Bt(e, t) {
-  return (st.get(t) ?? st.set(
-    t,
-    new Intl.NumberFormat("en-US", {
-      maximumFractionDigits: t
-    })
-  ).get(t)).format(e);
+const ct = /* @__PURE__ */ new Map();
+function Ue(e, t) {
+  const n = JSON.stringify(t);
+  return (ct.get(n) ?? ct.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
 }
-const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @__PURE__ */ y('<div class="collapsed"></div>'), Br = /* @__PURE__ */ y('<div class="delimiter">[]</div>'), Hr = /* @__PURE__ */ y('<div class="delimiter">{}</div>'), at = /* @__PURE__ */ y('<div class="delimiter"></div>'), ct = /* @__PURE__ */ y('<div class="childs"></div>'), Vr = /* @__PURE__ */ y('<div class="delimiter end">]</div>'), ut = /* @__PURE__ */ y('<div class="child"></div>'), Ur = /* @__PURE__ */ y('<div class="delimiter end">}</div>'), Zr = /* @__PURE__ */ y('<div class="value" title="Shift + Click to copy value"></div>'), dt = /* @__PURE__ */ y('<span class="string-quotes">"</span>'), Wr = /* @__PURE__ */ y("<div></div>"), Kr = S`
+const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @__PURE__ */ y('<div class="collapsed"></div>'), Br = /* @__PURE__ */ y('<div class="delimiter">[]</div>'), Hr = /* @__PURE__ */ y('<div class="delimiter">{}</div>'), ut = /* @__PURE__ */ y('<div class="delimiter"></div>'), dt = /* @__PURE__ */ y('<div class="childs"></div>'), Vr = /* @__PURE__ */ y('<div class="delimiter end">]</div>'), ft = /* @__PURE__ */ y('<div class="child"></div>'), Ur = /* @__PURE__ */ y('<div class="delimiter end">}</div>'), Zr = /* @__PURE__ */ y('<div class="value" title="Shift + Click to copy value"></div>'), pt = /* @__PURE__ */ y('<span class="string-quotes">"</span>'), Wr = /* @__PURE__ */ y("<div></div>"), Kr = S`
   &&& {
-    font-family: ${R.decorative};
+    font-family: ${z.decorative};
     font-size: 13px;
     ${Dr};
     ${L({
@@ -2005,7 +2001,7 @@ const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
 
     .value {
       word-wrap: break-word;
-      ${Rr(5)};
+      ${zr(5)};
     }
 
     [data-type='number'] {
@@ -2025,7 +2021,7 @@ const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
       color: ${$.white.alpha(0.5)};
     }
   }
-`, te = 14, Ve = (e) => {
+`, te = 14, Ze = (e) => {
   let [t, n] = oe(!(e.indent > 0 && e.compact)), [r, l] = oe(!e.compact);
   return m(() => {
     const o = e.value, s = Array.isArray(o), i = !s && typeof o == "object" && o !== null, a = e.key !== void 0 || e.index !== void 0, c = s && o.length > 0 || i && Object.keys(o).length > 0, u = c && h(F, {
@@ -2046,7 +2042,7 @@ const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
       }
     });
     return [a && (() => {
-      const p = zr.cloneNode(!0), d = p.firstChild;
+      const p = Rr.cloneNode(!0), d = p.firstChild;
       return p.$$click = (g) => {
         g.shiftKey && ye(o);
       }, f(p, s || i ? u : null, d), f(d, () => e.key || e.index), _((g) => {
@@ -2063,20 +2059,20 @@ const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
         const d = Fr.cloneNode(!0);
         return f(d, () => s ? `[…] ${o.length} items` : `{…} ${Object.keys(o).length} properties`), d;
       })() : (() => s && o.length === 0 ? Br.cloneNode(!0) : i && Object.keys(o).length === 0 ? Hr.cloneNode(!0) : s ? [(() => {
-        const d = at.cloneNode(!0);
+        const d = ut.cloneNode(!0);
         return _e(d, "click", a ? void 0 : (g) => {
           g.shiftKey && ye(o);
         }, !0), j(d, "title", a ? void 0 : "Shift + Click to copy value"), f(d, !a && u, null), f(d, () => t() ? "[" : `[…] ${o.length} items`, null), d;
       })(), m((() => {
         const d = m(() => !!t());
         return () => d() && [(() => {
-          const g = ct.cloneNode(!0);
+          const g = dt.cloneNode(!0);
           return f(g, () => {
             let v = o;
             const b = v.length;
             return r() || (v = v.slice(0, te)), [m(() => v.map((w, k) => (() => {
-              const x = ut.cloneNode(!0);
-              return f(x, h(Ve, {
+              const x = ft.cloneNode(!0);
+              return f(x, h(Ze, {
                 value: w,
                 get indent() {
                   return e.indent + 1;
@@ -2101,7 +2097,7 @@ const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
           }), g;
         })(), Vr.cloneNode(!0)];
       })())] : i ? [(() => {
-        const d = at.cloneNode(!0);
+        const d = ut.cloneNode(!0);
         return _e(d, "click", a ? void 0 : (g) => {
           g.shiftKey && ye(o);
         }, !0), j(d, "title", a ? void 0 : "Shift + Click to copy value"), f(d, !a && u, null), f(d, (() => {
@@ -2111,13 +2107,13 @@ const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
       })(), m((() => {
         const d = m(() => !!t());
         return () => d() && [(() => {
-          const g = ct.cloneNode(!0);
+          const g = dt.cloneNode(!0);
           return f(g, () => {
             let v = Object.entries(o);
             const b = v.length;
             return r() || (v = v.slice(0, te)), [m(() => v.map(([w, k]) => (() => {
-              const x = ut.cloneNode(!0);
-              return f(x, h(Ve, {
+              const x = ft.cloneNode(!0);
+              return f(x, h(Ze, {
                 value: k,
                 key: w,
                 get indent() {
@@ -2145,13 +2141,13 @@ const zr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
         const d = Zr.cloneNode(!0);
         return d.$$click = (g) => {
           g.shiftKey && ye(String(o));
-        }, j(d, "data-type", typeof o), f(d, typeof o == "string" && dt.cloneNode(!0), null), f(d, () => typeof o == "number" ? Bt(o) : String(o), null), f(d, typeof o == "string" && dt.cloneNode(!0), null), d;
+        }, j(d, "data-type", typeof o), f(d, typeof o == "string" && pt.cloneNode(!0), null), f(d, () => typeof o == "number" ? Ue(o) : String(o), null), f(d, typeof o == "string" && pt.cloneNode(!0), null), d;
       })())();
     })())];
   });
 }, W = (e) => (() => {
   const t = Wr.cloneNode(!0);
-  return C(t, Kr), f(t, h(Ve, {
+  return C(t, Kr), f(t, h(Ze, {
     get value() {
       return e.value;
     },
@@ -2165,11 +2161,11 @@ async function ye(e) {
   await navigator.clipboard.writeText(typeof e == "object" ? JSON.stringify(e, null, 2) : String(e)), alert("Copied to clipboard");
 }
 Pe(["click"]);
-let Xr = 0;
-function Yr() {
-  return Xr++;
+let Jr = 0;
+function Xr() {
+  return Jr++;
 }
-const Gr = /* @__PURE__ */ y("<label></label>"), Qr = /* @__PURE__ */ y('<div><div class="inputContainer"><select></select></div></div>'), Jr = /* @__PURE__ */ y('<option value="">-- select an option --</option>'), qr = /* @__PURE__ */ y("<option></option>"), el = S`
+const Yr = /* @__PURE__ */ y("<label></label>"), Gr = /* @__PURE__ */ y('<div><div class="inputContainer"><select></select></div></div>'), Qr = /* @__PURE__ */ y('<option value="">-- select an option --</option>'), qr = /* @__PURE__ */ y("<option></option>"), el = S`
   &&& {
     ${L({
   align: "left"
@@ -2225,23 +2221,23 @@ const Gr = /* @__PURE__ */ y("<label></label>"), Qr = /* @__PURE__ */ y('<div><d
     }
   }
 `, tl = (e) => {
-  const t = `input${Yr()}`;
+  const t = `input${Xr()}`;
   return (() => {
-    const n = Qr.cloneNode(!0), r = n.firstChild, l = r.firstChild;
-    return f(n, h(G, {
+    const n = Gr.cloneNode(!0), r = n.firstChild, l = r.firstChild;
+    return f(n, h(Y, {
       get when() {
         return e.label;
       },
       get children() {
-        const o = Gr.cloneNode(!0);
+        const o = Yr.cloneNode(!0);
         return j(o, "for", t), f(o, () => e.label), o;
       }
     }), r), l.addEventListener("change", (o) => {
       o.currentTarget.value && e.onChange(o.currentTarget.value);
     }), j(l, "id", t), f(l, (() => {
       const o = m(() => !e.value);
-      return () => o() && Jr.cloneNode(!0);
-    })(), null), f(l, h(Q, {
+      return () => o() && Qr.cloneNode(!0);
+    })(), null), f(l, h(G, {
       get each() {
         return e.options;
       },
@@ -2249,15 +2245,15 @@ const Gr = /* @__PURE__ */ y("<label></label>"), Qr = /* @__PURE__ */ y('<div><d
         const s = qr.cloneNode(!0);
         return f(s, () => o.label), _(() => s.value = o.value), s;
       })()
-    }), null), _(() => C(n, Ft(el, e.class))), _(() => l.value = e.value ?? ""), n;
+    }), null), _(() => C(n, Ht(el, e.class))), _(() => l.value = e.value ?? ""), n;
   })();
 };
-function Ht(e) {
+function Vt(e) {
   const t = e.alias || e.payload || e.searchParams;
   return !t || Object.keys(t).length === 0 ? "" : typeof t == "string" || typeof t == "number" ? String(t) : JSON.stringify(t);
 }
-function ft(e, t) {
-  return vt(e, t) ? "no changes" : Xt.diffJson(
+function ht(e, t) {
+  return wt(e, t) ? "no changes" : Xt.diffJson(
     typeof e == "object" && e !== null ? e : String(e),
     typeof t == "object" && t !== null ? t : String(t)
   );
@@ -2265,7 +2261,7 @@ function ft(e, t) {
 function nl(e, t) {
   return e.length > t ? `${e.slice(0, t)}...` : e;
 }
-const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'), Me = /* @__PURE__ */ y("<div></div>"), pt = /* @__PURE__ */ y("<div>No changes</div>"), ht = /* @__PURE__ */ y('<div class="line"></div>'), ll = S`
+const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'), Me = /* @__PURE__ */ y("<div></div>"), gt = /* @__PURE__ */ y("<div>No changes</div>"), mt = /* @__PURE__ */ y('<div class="line"></div>'), ll = S`
   &&& {
     ${L({
   gap: 14
@@ -2284,13 +2280,13 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       }
     }
   }
-`, gt = S`
+`, $t = S`
   &&& {
     ${L({
   gap: 0
 })};
     font-size: 14px;
-    font-family: ${R.decorative};
+    font-family: ${z.decorative};
     white-space: pre;
     overflow-x: auto;
 
@@ -2328,22 +2324,22 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
     const {
       selectedCall: a
     } = I;
-    return a ? J.calls[a] : J.calls[Le.value];
-  }), t = or(() => I.selectedRequest ? e()?.requests.find((a) => a.id === I.selectedRequest) : e()?.requests.at(-1) || null), n = m(() => t.value?.id), r = Rt(() => {
+    return a ? Q.calls[a] : Q.calls[Le.value];
+  }), t = He(() => I.selectedRequest ? e()?.requests.find((a) => a.id === I.selectedRequest) : e()?.requests.at(-1) || null), n = m(() => t.value?.id), r = Ft(() => {
     const a = e();
-    return a ? zt(a.requests).map((c) => ({
+    return a ? Bt(a.requests).map((c) => ({
       value: c.id,
-      label: `${ne(c.startTime).format("HH:mm:ss")} | ${nl(Ht(c), 50)}`
+      label: `${ne(c.startTime).format("HH:mm:ss")} | ${nl(Vt(c), 50)}`
     })).filter((c) => c.value !== n()) : [];
   }, "value"), l = ge(null), o = m(() => l.value ? e()?.requests.find((a) => a.id === l.value) : null), s = m(() => {
     if (!l.value || !n())
       return [];
-    const a = t.value?.response, c = o()?.response, u = ft(c, a);
+    const a = t.value?.response, c = o()?.response, u = ht(c, a);
     return u === "no changes" ? [] : u;
   }), i = m(() => {
     if (!l.value || !n())
       return [];
-    const a = mt(t.value), c = mt(o()), u = ft(c, a);
+    const a = yt(t.value), c = yt(o()), u = ht(c, a);
     return u === "no changes" ? [] : u;
   });
   return (() => {
@@ -2359,7 +2355,7 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       onChange: (c) => {
         l.value = c;
       }
-    }), null), f(a, h(G, {
+    }), null), f(a, h(Y, {
       get when() {
         return l.value;
       },
@@ -2367,7 +2363,7 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
         return [(() => {
           const c = rl.cloneNode(!0), u = c.firstChild, p = u.firstChild, d = p.nextSibling, g = u.nextSibling, v = g.nextSibling, b = v.firstChild, w = b.nextSibling;
           return f(d, () => s().filter((k) => k.added).length), f(w, () => s().filter((k) => k.removed).length), c;
-        })(), h(G, {
+        })(), h(Y, {
           get when() {
             return t.value?.payload || t.value?.searchParams || t.value?.pathParams;
           },
@@ -2378,15 +2374,15 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               },
               get children() {
                 const c = Me.cloneNode(!0);
-                return C(c, gt), f(c, h(Q, {
+                return C(c, $t), f(c, h(G, {
                   get each() {
                     return i();
                   },
                   get fallback() {
-                    return pt.cloneNode(!0);
+                    return gt.cloneNode(!0);
                   },
                   children: (u) => (() => {
-                    const p = ht.cloneNode(!0);
+                    const p = mt.cloneNode(!0);
                     return f(p, () => u.value), _((d) => {
                       const g = !!u.added, v = !!u.removed;
                       return g !== d._v$ && p.classList.toggle("added", d._v$ = g), v !== d._v$2 && p.classList.toggle("removed", d._v$2 = v), d;
@@ -2399,7 +2395,7 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               }
             });
           }
-        }), h(G, {
+        }), h(Y, {
           get when() {
             return t.value?.response !== void 0;
           },
@@ -2408,15 +2404,15 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               title: "Response Diff",
               get children() {
                 const c = Me.cloneNode(!0);
-                return C(c, gt), f(c, h(Q, {
+                return C(c, $t), f(c, h(G, {
                   get each() {
                     return s();
                   },
                   get fallback() {
-                    return pt.cloneNode(!0);
+                    return gt.cloneNode(!0);
                   },
                   children: (u) => (() => {
-                    const p = ht.cloneNode(!0);
+                    const p = mt.cloneNode(!0);
                     return f(p, () => u.value), _((d) => {
                       const g = !!u.added, v = !!u.removed;
                       return g !== d._v$3 && p.classList.toggle("added", d._v$3 = g), v !== d._v$4 && p.classList.toggle("removed", d._v$4 = v), d;
@@ -2434,17 +2430,17 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
     }), null), a;
   })();
 };
-function mt(e) {
+function yt(e) {
   return e ? e.payload || e.searchParams || e.pathParams : null;
 }
-const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span class="type"></span><span class="separator">|</span></h1>'), sl = /* @__PURE__ */ y('<div class="tags"></div>'), al = /* @__PURE__ */ y('<div class="details"></div>'), cl = /* @__PURE__ */ y("<span>|</span>"), ul = /* @__PURE__ */ y("<h2></h2>"), dl = /* @__PURE__ */ y('<div class="method"></div>'), fl = /* @__PURE__ */ y('<div class="code"></div>'), pl = /* @__PURE__ */ y('<div class="tag error">Has Error</div>'), hl = /* @__PURE__ */ y('<div class="tag"></div>'), gl = /* @__PURE__ */ y("<span> ms</span>"), ml = /* @__PURE__ */ y("<span></span>"), $l = S`
+const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span class="type"></span><span>|</span></h1>'), sl = /* @__PURE__ */ y('<div class="tags"></div>'), al = /* @__PURE__ */ y('<div class="details"></div>'), cl = /* @__PURE__ */ y('<span class="separator">|</span>'), ul = /* @__PURE__ */ y("<h2></h2>"), dl = /* @__PURE__ */ y('<div class="method"></div>'), fl = /* @__PURE__ */ y('<div class="code"></div>'), pl = /* @__PURE__ */ y('<div class="tag error">Has Error</div>'), hl = /* @__PURE__ */ y('<div class="tag"></div>'), gl = /* @__PURE__ */ y("<span> ms</span>"), ml = /* @__PURE__ */ y("<span></span>"), $l = S`
   &&& {
     ${L()};
     padding-left: 10px;
 
     > h1 {
       margin-top: 12px;
-      font-family: ${R.decorative};
+      font-family: ${z.decorative};
       ${he};
 
       span.separator {
@@ -2462,7 +2458,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
 
     > h2 {
       margin-top: 4px;
-      font-family: ${R.decorative};
+      font-family: ${z.decorative};
       font-size: 12px;
       opacity: 0.5;
     }
@@ -2534,118 +2530,129 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
     }
   }
 `, vl = () => {
-  const e = m(() => I.selectedCall), t = m(() => I.selectedRequest), n = m(() => I.selectedTab || "summary"), r = m(() => {
-    let o;
-    e() ? o = J.calls[e()] : o = J.calls[Le.value];
-    const s = t() && o?.requests.find((i) => i.id === t()) || o?.requests.at(-1);
-    return s && o ? {
-      ...s,
-      callName: o.name,
-      callPath: o.path
+  const e = m(() => I.selectedCall), t = m(() => I.selectedRequest), n = m(() => I.selectedTab || "summary"), r = He(() => {
+    let s;
+    e() ? s = Q.calls[e()] : s = Q.calls[Le.value];
+    const i = t() && s?.requests.find((a) => a.id === t()) || s?.requests.at(-1);
+    return i && s ? {
+      ...i,
+      callName: s.name,
+      callPath: s.path
     } : null;
   });
-  function l(o, s) {
+  function l(s, i) {
     return h(F, {
       get classList() {
         return {
-          selected: n() === o
+          selected: n() === s
         };
       },
       onClick: () => {
-        Ae("selectedTab", o);
+        Ne("selectedTab", s);
       },
-      children: s
+      children: i
     });
   }
+  const o = He(() => {
+    if (!r.value?.response)
+      return !1;
+    const s = JSON.stringify(r.value.response).length;
+    return Ue(s, {
+      unit: "byte",
+      style: "unit",
+      notation: "compact",
+      unitDisplay: "narrow"
+    });
+  });
   return (() => {
-    const o = $t.cloneNode(!0);
-    return C(o, $l), f(o, h(G, {
+    const s = vt.cloneNode(!0);
+    return C(s, $l), f(s, h(Y, {
       get when() {
-        return r();
+        return r.value;
       },
       keyed: !0,
-      children: (s) => [(() => {
-        const i = il.cloneNode(!0), a = i.firstChild;
-        return a.nextSibling, f(a, () => s.type === "ws" ? `WS ${s.subType}` : "API"), f(i, () => s.callName, null), f(i, (() => {
-          const c = m(() => !!s.alias);
-          return () => c() && cl.cloneNode(!0);
-        })(), null), f(i, () => s.alias, null), i;
+      children: (i) => [(() => {
+        const a = il.cloneNode(!0), c = a.firstChild;
+        return c.nextSibling, f(c, () => i.type === "ws" ? `WS ${i.subType}` : "API"), f(a, () => i.callName, null), f(a, (() => {
+          const u = m(() => !!i.alias);
+          return () => u() && cl.cloneNode(!0);
+        })(), null), f(a, () => i.alias, null), a;
       })(), m((() => {
-        const i = m(() => s.callPath !== s.callName);
-        return () => i() && (() => {
-          const a = ul.cloneNode(!0);
-          return f(a, () => s.callPath), a;
+        const a = m(() => i.callPath !== i.callName);
+        return () => a() && (() => {
+          const c = ul.cloneNode(!0);
+          return f(c, () => i.callPath), c;
         })();
       })()), (() => {
-        const i = sl.cloneNode(!0);
-        return f(i, (() => {
-          const a = m(() => !!s.method);
-          return () => a() && (() => {
-            const c = dl.cloneNode(!0);
-            return f(c, () => s.method), c;
+        const a = sl.cloneNode(!0);
+        return f(a, (() => {
+          const c = m(() => !!i.method);
+          return () => c() && (() => {
+            const u = dl.cloneNode(!0);
+            return f(u, () => i.method), u;
           })();
-        })(), null), f(i, (() => {
-          const a = m(() => !!s.code);
-          return () => a() && (() => {
-            const c = fl.cloneNode(!0);
-            return f(c, () => s.code), _(() => c.classList.toggle("error", s.code >= 400)), c;
+        })(), null), f(a, (() => {
+          const c = m(() => !!i.code);
+          return () => c() && (() => {
+            const u = fl.cloneNode(!0);
+            return f(u, () => i.code), _(() => u.classList.toggle("error", i.code >= 400)), u;
           })();
-        })(), null), f(i, (() => {
-          const a = m(() => !!s.isError);
-          return () => a() && pl.cloneNode(!0);
-        })(), null), f(i, h(Q, {
+        })(), null), f(a, (() => {
+          const c = m(() => !!i.isError);
+          return () => c() && pl.cloneNode(!0);
+        })(), null), f(a, h(G, {
           get each() {
-            return s.tags;
+            return i.tags;
           },
-          children: (a) => (() => {
-            const c = hl.cloneNode(!0);
-            return f(c, a), c;
+          children: (c) => (() => {
+            const u = hl.cloneNode(!0);
+            return f(u, c), u;
           })()
-        }), null), i;
+        }), null), a;
       })(), (() => {
-        const i = $t.cloneNode(!0);
-        return C(i, yl), f(i, () => l("summary", "Summary"), null), f(i, (() => {
-          const a = m(() => !!s.payload);
-          return () => a() && l("payload", "Payload");
-        })(), null), f(i, (() => {
-          const a = m(() => !!s.searchParams);
-          return () => a() && l("urlParams", "URL Params");
-        })(), null), f(i, () => l("response", "Response"), null), f(i, () => l("diff", "Diff"), null), i;
+        const a = vt.cloneNode(!0);
+        return C(a, yl), f(a, () => l("summary", "Summary"), null), f(a, (() => {
+          const c = m(() => !!i.payload);
+          return () => c() && l("payload", "Payload");
+        })(), null), f(a, (() => {
+          const c = m(() => !!i.searchParams);
+          return () => c() && l("urlParams", "URL Params");
+        })(), null), f(a, () => l("response", "Response"), null), f(a, () => l("diff", "Diff"), null), a;
       })(), (() => {
-        const i = al.cloneNode(!0);
-        return f(i, h(cn, {
+        const a = al.cloneNode(!0);
+        return f(a, h(un, {
           get children() {
             return [h(de, {
               get when() {
                 return n() === "summary";
               },
               get children() {
-                return [m(() => m(() => !!s.payload)() && h(M, {
+                return [m(() => m(() => !!i.payload)() && h(M, {
                   title: "Payload",
                   get children() {
                     return h(W, {
                       get value() {
-                        return s.payload;
+                        return i.payload;
                       },
                       compact: !0
                     });
                   }
-                })), m(() => m(() => !!s.searchParams)() && h(M, {
+                })), m(() => m(() => !!i.searchParams)() && h(M, {
                   title: "URL Params",
                   get children() {
                     return h(W, {
                       get value() {
-                        return s.searchParams;
+                        return i.searchParams;
                       },
                       compact: !0
                     });
                   }
-                })), m(() => m(() => !!s.response)() && h(M, {
+                })), m(() => m(() => !!i.response)() && h(M, {
                   title: "Response",
                   get children() {
                     return h(W, {
                       get value() {
-                        return s.response;
+                        return i.response;
                       },
                       compact: !0
                     });
@@ -2655,25 +2662,30 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                   get children() {
                     return h(Mr, {
                       get rows() {
-                        return [s.type !== "ws" && {
+                        return [i.type !== "ws" && {
                           name: "Duration",
                           value: (() => {
-                            const a = gl.cloneNode(!0), c = a.firstChild;
-                            return f(a, () => Bt(s.duration, 0), c), _(() => a.style.setProperty("color", s.duration < 500 ? $.success.var : s.duration > 1e3 ? $.error.var : void 0)), a;
+                            const c = gl.cloneNode(!0), u = c.firstChild;
+                            return f(c, () => Ue(i.duration, {
+                              maximumFractionDigits: 0
+                            }), u), _(() => c.style.setProperty("color", i.duration < 500 ? $.success.var : i.duration > 1e3 ? $.error.var : void 0)), c;
                           })()
                         }, {
                           name: "Start Time",
                           value: (() => {
-                            const a = ml.cloneNode(!0);
-                            return f(a, () => `${ne(s.startTime).format("HH:mm:ss")} (${ne(s.startTime).fromNow()})`), _(() => j(a, "title", ne(s.startTime).format("YYYY-MM-DD HH:mm:ss.SSS"))), a;
+                            const c = ml.cloneNode(!0);
+                            return f(c, () => `${ne(i.startTime).format("HH:mm:ss")} (${ne(i.startTime).fromNow()})`), _(() => j(c, "title", ne(i.startTime).format("YYYY-MM-DD HH:mm:ss.SSS"))), c;
                           })()
+                        }, !!o.value && {
+                          name: "Avg. Response Size",
+                          value: o.value
                         }];
                       }
                     });
                   }
-                }), h(G, {
+                }), h(Y, {
                   get when() {
-                    return s.type !== "ws";
+                    return i.type !== "ws";
                   },
                   get children() {
                     return h(M, {
@@ -2681,7 +2693,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                       get children() {
                         return h(W, {
                           get value() {
-                            return s.metadata;
+                            return i.metadata;
                           }
                         });
                       }
@@ -2699,7 +2711,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                   get children() {
                     return h(W, {
                       get value() {
-                        return s.payload;
+                        return i.payload;
                       }
                     });
                   }
@@ -2715,7 +2727,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                   get children() {
                     return h(W, {
                       get value() {
-                        return s.response;
+                        return i.response;
                       }
                     });
                   }
@@ -2731,7 +2743,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                   get children() {
                     return h(W, {
                       get value() {
-                        return s.searchParams;
+                        return i.searchParams;
                       }
                     });
                   }
@@ -2746,9 +2758,9 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
               }
             })];
           }
-        })), i;
+        })), a;
       })()]
-    })), o;
+    })), s;
   })();
 }, bl = /* @__PURE__ */ y("<div><h1>timeline</h1><div></div></div>"), wl = /* @__PURE__ */ y("<div>no requests found</div>"), xl = /* @__PURE__ */ y('<span class="start-time"></span>'), Cl = /* @__PURE__ */ y("<div></div>"), _l = /* @__PURE__ */ y('<span class="separator">|</span>'), Sl = /* @__PURE__ */ y('<span class="payload"></span>'), kl = S`
   &&& {
@@ -2759,18 +2771,18 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       font-size: 16px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${R.decorative};
+      font-family: ${z.decorative};
       color: ${$.secondary.var};
       padding-bottom: 16px;
     }
   }
-`, Al = S`
+`, Nl = S`
   &&& {
     ${L()};
     flex: 1 1;
     overflow-y: auto;
   }
-`, Nl = S`
+`, Al = S`
   &&& {
     font-size: 13px;
     ${L()};
@@ -2793,7 +2805,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       }
 
       > .start-time {
-        font-family: ${R.decorative};
+        font-family: ${z.decorative};
       }
 
       > .separator {
@@ -2816,14 +2828,14 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
 `, Pl = () => {
   const e = m(() => {
     const l = I.selectedCall;
-    return l ? l ? J.calls[l] : null : J.calls[Le.value] || null;
+    return l ? l ? Q.calls[l] : null : Q.calls[Le.value] || null;
   }), t = m(() => {
-    const l = zt(e()?.requests);
+    const l = Bt(e()?.requests);
     return l.length === 0 ? null : l;
   }), n = m(() => I.selectedSubitem ? t()?.filter((l) => l.alias === I.selectedSubitem) : t()), r = m(() => I.selectedRequest || n()?.[0]?.id);
   return (() => {
     const l = bl.cloneNode(!0), o = l.firstChild, s = o.nextSibling;
-    return C(l, kl), C(s, Al), f(s, h(Q, {
+    return C(l, kl), C(s, Nl), f(s, h(G, {
       get each() {
         return n();
       },
@@ -2834,12 +2846,12 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
         })();
       },
       children: (i) => {
-        const a = ne(i.startTime), c = a.format("HH:mm:ss"), u = a.fromNow(), p = Ht(i);
+        const a = ne(i.startTime), c = a.format("HH:mm:ss"), u = a.fromNow(), p = Vt(i);
         return (() => {
           const d = Cl.cloneNode(!0);
-          return C(d, Nl), f(d, h(F, {
+          return C(d, Al), f(d, h(F, {
             onClick: () => {
-              Ae("selectedRequest", i.id);
+              Ne("selectedRequest", i.id);
             },
             get classList() {
               return {
@@ -2869,7 +2881,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
   const e = El.cloneNode(!0);
   return C(e, Ll), f(e, h(Tr, {}), null), f(e, h(Pl, {}), null), f(e, h(vl, {}), null), e;
 })(), jl = `
-  font-family: ${R.primary};
+  font-family: ${z.primary};
   color: ${$.textPrimary.var};
 
   * {
@@ -2997,7 +3009,7 @@ button {
   cursor: pointer;
   -webkit-appearance: none;
 }
-`, Dl = /* @__PURE__ */ y("<div></div>"), Rl = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), zl = S`
+`, Dl = /* @__PURE__ */ y("<div></div>"), zl = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Rl = S`
   ${Ml};
   ${jl};
 
@@ -3030,19 +3042,19 @@ button {
   }
 
   > main > * {
-    ${We};
+    ${Je};
   }
 `, Fl = S`
-  ${We};
+  ${Je};
   position: fixed;
   inset: 0;
   backdrop-filter: blur(5px);
 `, Bl = () => [(() => {
   const e = Dl.cloneNode(!0);
-  return _e(e, "click", Ut, !0), C(e, Fl), e;
+  return _e(e, "click", Zt, !0), C(e, Fl), e;
 })(), (() => {
-  const e = Rl.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
-  return C(e, zl), f(t, h(F, {
+  const e = zl.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
+  return C(e, Rl), f(t, h(F, {
     title: "API Explorer",
     get children() {
       return h(Ee, {
@@ -3063,11 +3075,11 @@ function Vl(e) {
     }));
   }), `https://fonts.googleapis.com/css2?${t}&display=swap`;
 }
-let yt = !1;
+let bt = !1;
 function Ul() {
-  if (yt)
+  if (bt)
     return;
-  yt = !0;
+  bt = !0;
   const e = Vl([
     {
       family: "Work+Sans",
@@ -3076,19 +3088,19 @@ function Ul() {
   ]), t = document.getElementsByTagName("head")[0], n = document.createElement("link");
   n.type = "text/css", n.rel = "stylesheet", n.href = e, t?.appendChild(n);
 }
-let Vt = () => {
-}, Ue = !1;
+let Ut = () => {
+}, We = !1;
 function Zl() {
-  if (ne.extend(kn), Ue) {
-    Ut();
+  if (ne.extend(Nn), We) {
+    Zt();
     return;
   }
-  Ue = !0, Ul(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
+  We = !0, Ul(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
   const e = document.getElementById("dev-tools-root") || document.createElement("div");
-  e.id = "dev-tools-root", document.body.appendChild(e), Vt = $n(() => h(Hl, {}), e);
+  e.id = "dev-tools-root", document.body.appendChild(e), Ut = yn(() => h(Hl, {}), e);
 }
-function Ut() {
-  Ue = !1, Vt();
+function Zt() {
+  We = !1, Ut();
 }
 function ql({
   callsProcessor: e,
@@ -3105,6 +3117,6 @@ function ql({
 }
 export {
   yr as addCall,
-  Jl as addWebsocketEvent,
+  Ql as addWebsocketEvent,
   ql as initializeDevTools
 };