app-devtools 0.29.0 → 0.30.0

package/dist/main.js

@@ -1,15 +1,15 @@
 import ne from "dayjs";
-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
+import { dequal as xt } from "dequal";
+import { produce as Kt } from "immer";
+import { parse as Jt } from "regexparam";
+import { nanoid as Xt } from "nanoid";
+import * as Yt from "diff";
+import Gt from "tinykeys";
+const U = {}, Qt = (e, t) => e === t, D = Symbol("solid-proxy"), ve = Symbol("solid-track"), be = {
+  equals: Qt
 };
-let Qt = Tt;
-const q = 1, we = 2, xt = {
+let qt = Pt;
+const q = 1, we = 2, Ct = {
   owned: null,
   cleanups: null,
   context: null,
@@ -18,12 +18,12 @@ const q = 1, we = 2, xt = {
 var P = null;
 let J = null, N = null, E = null, X = null, Ke = 0;
 function re(e, t) {
-  const n = N, r = P, l = e.length === 0, o = l ? xt : {
+  const n = N, r = P, l = e.length === 0, o = l ? Ct : {
     owned: null,
     cleanups: null,
     context: null,
     owner: t === void 0 ? r : t
-  }, s = l ? e : () => e(() => Z(() => Te(o)));
+  }, s = l ? e : () => e(() => W(() => Te(o)));
   P = o, N = null;
   try {
     return ue(s, !0);
@@ -38,22 +38,22 @@ function oe(e, t) {
     observers: null,
     observerSlots: null,
     comparator: t.equals || void 0
-  }, r = (l) => (typeof l == "function" && (l = l(n.value)), kt(n, l));
-  return [St.bind(n), r];
+  }, r = (l) => (typeof l == "function" && (l = l(n.value)), Nt(n, l));
+  return [kt.bind(n), r];
 }
 function _(e, t, n) {
-  const r = Nt(e, t, !1, q);
+  const r = At(e, t, !1, q);
   Ae(r);
 }
 function m(e, t, n) {
   n = n ? Object.assign({}, be, n) : be;
-  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);
+  const r = At(e, t, !0, 0);
+  return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, Ae(r), kt.bind(r);
 }
-function qt(e) {
+function en(e) {
   return ue(e, !1);
 }
-function Z(e) {
+function W(e) {
   if (N === null)
     return e();
   const t = N;
@@ -64,20 +64,20 @@ function Z(e) {
     N = t;
   }
 }
-function Ct(e) {
+function _t(e) {
   return P === null || (P.cleanups === null ? P.cleanups = [e] : P.cleanups.push(e)), e;
 }
-function _t() {
+function St() {
   return N;
 }
-function en(e) {
+function tn(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 St() {
+function kt() {
   const e = J;
   if (this.sources && (this.state || e))
     if (this.state === q || e)
@@ -92,12 +92,12 @@ function St() {
   }
   return this.value;
 }
-function kt(e, t, n) {
+function Nt(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 = 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);
+      s && J.disposed.has(o), (s && !o.tState || !s && !o.state) && (o.pure ? E.push(o) : X.push(o), o.observers && Et(o)), s || (o.state = q);
     }
     if (E.length > 1e6)
       throw E = [], new Error();
@@ -108,18 +108,18 @@ function Ae(e) {
     return;
   Te(e);
   const t = P, n = N, r = Ke;
-  N = P = e, tn(e, e.value, r), N = n, P = t;
+  N = P = e, nn(e, e.value, r), N = n, P = t;
 }
-function tn(e, t, n) {
+function nn(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), Et(l);
+    e.pure && (e.state = q, e.owned && e.owned.forEach(Te), e.owned = null), Ot(l);
   }
-  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? kt(e, r) : e.value = r, e.updatedAt = n);
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? Nt(e, r) : e.value = r, e.updatedAt = n);
 }
-function Nt(e, t, n, r = q, l) {
+function At(e, t, n, r = q, l) {
   const o = {
     fn: e,
     state: r,
@@ -133,15 +133,15 @@ function Nt(e, t, n, r = q, l) {
     context: null,
     pure: n
   };
-  return P === null || P !== xt && (P.owned ? P.owned.push(o) : P.owned = [o]), o;
+  return P === null || P !== Ct && (P.owned ? P.owned.push(o) : P.owned = [o]), o;
 }
-function At(e) {
+function Tt(e) {
   const t = J;
   if (e.state === 0 || t)
     return;
   if (e.state === we || t)
     return xe(e);
-  if (e.suspense && Z(e.suspense.inFallback))
+  if (e.suspense && W(e.suspense.inFallback))
     return e.suspense.effects.push(e);
   const n = [e];
   for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < Ke); )
@@ -161,34 +161,34 @@ function ue(e, t) {
   t || (E = []), X ? n = !0 : X = [], Ke++;
   try {
     const r = e();
-    return nn(n), r;
+    return rn(n), r;
   } catch (r) {
-    n || (X = null), E = null, Et(r);
+    n || (X = null), E = null, Ot(r);
   }
 }
-function nn(e) {
-  if (E && (Tt(E), E = null), e)
+function rn(e) {
+  if (E && (Pt(E), E = null), e)
     return;
   const t = X;
-  X = null, t.length && ue(() => Qt(t), !1);
+  X = null, t.length && ue(() => qt(t), !1);
 }
-function Tt(e) {
+function Pt(e) {
   for (let t = 0; t < e.length; t++)
-    At(e[t]);
+    Tt(e[t]);
 }
 function xe(e, t) {
   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 && At(l) : (l.state === we || n) && xe(l, t));
+    l.sources && (l.state === q || n ? l !== t && Tt(l) : (l.state === we || n) && xe(l, t));
   }
 }
-function Pt(e) {
+function Et(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) : X.push(r), r.observers && Pt(r));
+    (!r.state || t) && (r.state = we, r.pure ? E.push(r) : X.push(r), r.observers && Et(r));
   }
 }
 function Te(e) {
@@ -213,11 +213,11 @@ function Te(e) {
   }
   e.state = 0, e.context = null;
 }
-function rn(e) {
+function ln(e) {
   return e instanceof Error || typeof e == "string" ? e : new Error("Unknown error");
 }
-function Et(e) {
-  throw e = rn(e), e;
+function Ot(e) {
+  throw e = ln(e), e;
 }
 function De(e) {
   if (typeof e == "function" && !e.length)
@@ -237,12 +237,12 @@ function Ce(e) {
   for (let t = 0; t < e.length; t++)
     e[t]();
 }
-function ln(e, t, n = {}) {
+function on(e, t, n = {}) {
   let r = [], l = [], o = [], s = 0, i = t.length > 1 ? [] : null;
-  return Ct(() => Ce(o)), () => {
+  return _t(() => Ce(o)), () => {
     let a = e() || [], c, u;
-    return a[ve], Z(() => {
-      let d = a.length, g, v, b, w, k, x, A, T, O;
+    return a[ve], W(() => {
+      let d = a.length, g, v, b, w, k, x, A, T, L;
       if (d === 0)
         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) {
@@ -255,9 +255,9 @@ function ln(e, t, 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);
+          L = a[u], c = g.get(L), v[u] = c === void 0 ? -1 : c, g.set(L, u);
         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]();
+          L = r[c], u = g.get(L), u !== void 0 && u !== -1 ? (b[u] = l[c], w[u] = o[c], i && (k[u] = i[c]), u = v[u], g.set(L, 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);
         l = l.slice(0, s = d), r = a.slice(0);
@@ -273,11 +273,11 @@ function ln(e, t, n = {}) {
     }
   };
 }
-function on(e, t, n = {}) {
+function sn(e, t, n = {}) {
   let r = [], l = [], o = [], s = [], i = 0, a;
-  return Ct(() => Ce(o)), () => {
+  return _t(() => Ce(o)), () => {
     const c = e() || [];
-    return c[ve], Z(() => {
+    return c[ve], W(() => {
       if (c.length === 0)
         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++)
@@ -294,12 +294,12 @@ function on(e, t, n = {}) {
   };
 }
 function h(e, t) {
-  return Z(() => e(t || {}));
+  return W(() => e(t || {}));
 }
 function me() {
   return !0;
 }
-const sn = {
+const an = {
   get(e, t, n) {
     return t === D ? n : e.get(t);
   },
@@ -326,7 +326,7 @@ const sn = {
 function Ie(e) {
   return (e = typeof e == "function" ? e() : e) ? e : {};
 }
-function an(...e) {
+function cn(...e) {
   let t = !1;
   for (let r = 0; r < e.length; r++) {
     const l = e[r];
@@ -353,7 +353,7 @@ function an(...e) {
           r.push(...Object.keys(Ie(e[l])));
         return [...new Set(r)];
       }
-    }, sn);
+    }, an);
   const n = {};
   for (let r = e.length - 1; r >= 0; r--)
     if (e[r]) {
@@ -376,13 +376,13 @@ function G(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 cn(e) {
+function un(e) {
   const t = "fallback" in e && {
     fallback: () => e.fallback
   };
-  return m(on(() => e.each, e.children, t || void 0));
+  return m(sn(() => e.each, e.children, t || void 0));
 }
 function Y(e) {
   let t = !1;
@@ -393,14 +393,14 @@ function Y(e) {
     const l = r();
     if (l) {
       const o = e.children, s = typeof o == "function" && o.length > 0;
-      return t = n || s, s ? Z(() => o(l)) : o;
+      return t = n || s, s ? W(() => o(l)) : o;
     }
     return e.fallback;
   }, void 0, void 0);
 }
-function un(e) {
+function dn(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 = en(() => 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 = tn(() => e.children), o = m(() => {
     let s = l();
     Array.isArray(s) || (s = [s]);
     for (let i = 0; i < s.length; i++) {
@@ -417,13 +417,13 @@ function un(e) {
     if (s < 0)
       return e.fallback;
     const c = a.children, u = typeof c == "function" && c.length > 0;
-    return t = n || u, u ? Z(() => c(i)) : c;
+    return t = n || u, u ? W(() => c(i)) : c;
   }, void 0, void 0);
 }
 function de(e) {
   return e;
 }
-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), {
+const fn = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], pn = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...fn]), hn = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), gn = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
 }), Ye = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
@@ -433,7 +433,7 @@ const dn = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "con
   nomodule: "noModule",
   playsinline: "playsInline",
   readonly: "readOnly"
-}), 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 = {
+}), mn = /* @__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"]), yn = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
@@ -483,7 +483,7 @@ function $n(e, t, n) {
   }
 }
 const Ge = "_$DX_DELEGATE";
-function yn(e, t, n, r = {}) {
+function vn(e, t, n, r = {}) {
   let l;
   return re((o) => {
     l = o, t === document ? e() : f(t, e(), t.firstChild ? null : void 0, n);
@@ -491,7 +491,7 @@ function yn(e, t, n, r = {}) {
     l(), t.textContent = "";
   };
 }
-function y(e, t, n) {
+function $(e, t, n) {
   const r = document.createElement("template");
   r.innerHTML = e;
   let l = r.content.firstChild;
@@ -501,13 +501,13 @@ function Pe(e, t = window.document) {
   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, _n));
+    n.has(o) || (n.add(o), t.addEventListener(o, Sn));
   }
 }
 function j(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
-function vn(e, t, n, r) {
+function bn(e, t, n, r) {
   r == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, r);
 }
 function C(e, t) {
@@ -522,7 +522,7 @@ function _e(e, t, n, r) {
   } else
     e.addEventListener(t, n);
 }
-function bn(e, t, n = {}) {
+function wn(e, t, n = {}) {
   const r = Object.keys(t || {}), l = Object.keys(n);
   let o, s;
   for (o = 0, s = l.length; o < s; o++) {
@@ -549,16 +549,16 @@ function Lt(e, t, n) {
     l = t[o], l !== n[o] && (r.setProperty(o, l), n[o] = l);
   return n;
 }
-function wn(e, t = {}, n, r) {
+function xn(e, t = {}, n, r) {
   const l = {};
-  return r || _(() => l.children = ie(e, t.children, l.children)), _(() => t.ref && t.ref(e)), _(() => xn(e, t, n, !0, l, !0)), l;
+  return r || _(() => l.children = ie(e, t.children, l.children)), _(() => t.ref && t.ref(e)), _(() => Cn(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 xn(e, t, n, r, l = {}, o = !1) {
+function Cn(e, t, n, r, l = {}, o = !1) {
   t || (t = {});
   for (const s in l)
     if (!(s in t)) {
@@ -575,7 +575,7 @@ function xn(e, t, n, r, l = {}, o = !1) {
     l[s] = qe(e, s, i, l[s], n, o);
   }
 }
-function Cn(e) {
+function _n(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
 function Qe(e, t, n) {
@@ -588,7 +588,7 @@ function qe(e, t, n, r, l, o) {
   if (t === "style")
     return Lt(e, n, r);
   if (t === "classList")
-    return bn(e, n, r);
+    return wn(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 = gn.has(c);
+    const c = t.slice(2).toLowerCase(), u = mn.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 = 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 if ((a = hn.has(t)) || !l && (Ye[t] || (i = pn.has(t))) || (s = e.nodeName.includes("-")))
+    t === "class" || t === "className" ? C(e, n) : s && !i && !a ? e[_n(t)] = n : e[Ye[t] || t] = n;
   else {
-    const c = l && t.indexOf(":") > -1 && mn[t.split(":")[0]];
-    c ? vn(e, c, t, n) : j(e, hn[t] || t, n);
+    const c = l && t.indexOf(":") > -1 && yn[t.split(":")[0]];
+    c ? bn(e, c, t, n) : j(e, gn[t] || t, n);
   }
   return n;
 }
-function _n(e) {
+function Sn(e) {
   const t = `$$${e.type}`;
   let n = e.composedPath && e.composedPath()[0] || e.target;
   for (e.target !== n && Object.defineProperty(e, "target", {
@@ -743,7 +743,7 @@ function ee(e, t, n, r) {
     e.insertBefore(l, n);
   return [l];
 }
-var Sn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Fe = {}, kn = {
+var kn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Fe = {}, Nn = {
   get exports() {
     return Fe;
   },
@@ -754,7 +754,7 @@ var Sn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 (function(e, t) {
   (function(n, r) {
     e.exports = r();
-  })(Sn, function() {
+  })(kn, 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" };
@@ -763,13 +763,13 @@ var Sn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       }
       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" }], 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 L = x[T];
+          L.d && (v = d ? l(c).diff(p, L.d, !0) : p.diff(c, L.d, !0));
           var H = (n.rounding || Math.round)(Math.abs(v));
-          if (w = v > 0, H <= O.r || !O.r) {
-            H <= 1 && T > 0 && (O = x[T - 1]);
-            var Oe = k[O.l];
-            g && (H = g("" + H)), b = typeof Oe == "string" ? Oe.replace("%d", H) : Oe(H, u, O.l, w);
+          if (w = v > 0, H <= L.r || !L.r) {
+            H <= 1 && T > 0 && (L = x[T - 1]);
+            var Le = k[L.l];
+            g && (H = g("" + H)), b = typeof Le == "string" ? Le.replace("%d", H) : Le(H, u, L.l, w);
             break;
           }
         }
@@ -792,17 +792,17 @@ var Sn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       };
     };
   });
-})(kn);
-const Nn = Fe, An = /* @__PURE__ */ y("<button></button>"), F = (e) => (() => {
-  const t = An.cloneNode(!0);
-  return wn(t, an(e, {
-    onMouseDown: Tn
+})(Nn);
+const An = Fe, Tn = /* @__PURE__ */ $("<button></button>"), F = (e) => (() => {
+  const t = Tn.cloneNode(!0);
+  return xn(t, cn(e, {
+    onMouseDown: Pn
   }), !1, !1), t;
 })();
-function Tn(e) {
+function Pn(e) {
   e.preventDefault();
 }
-const Pn = `<svg
+const En = `<svg
   xmlns="http://www.w3.org/2000/svg"
   width="32"
   height="32"
@@ -813,7 +813,7 @@ const Pn = `<svg
     d="m24 12l-8 10l-8-10z"
   />
 </svg>
-`, En = `<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="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"/>
@@ -822,21 +822,21 @@ const Pn = `<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>
-`, 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="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>
-`, jn = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, In = `<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>
-`, In = /* @__PURE__ */ Object.assign({
-  "/src/assets/icons/caret-down.svg": Pn,
-  "/src/assets/icons/network.svg": En,
+`, Mn = /* @__PURE__ */ Object.assign({
+  "/src/assets/icons/caret-down.svg": En,
+  "/src/assets/icons/network.svg": On,
   "/src/assets/icons/search.svg": Ln,
-  "/src/assets/icons/send.svg": On,
-  "/src/assets/icons/settings.svg": jn
+  "/src/assets/icons/send.svg": jn,
+  "/src/assets/icons/settings.svg": In
 });
-function Mn(e) {
-  return In[`/src/assets/icons/${e}.svg`];
+function Dn(e) {
+  return Mn[`/src/assets/icons/${e}.svg`];
 }
 const Je = `
   position: absolute;
@@ -845,26 +845,26 @@ const Je = `
   top: 0;
   left: 0;
 `;
-function Dn(e, t = "px") {
+function zn(e, t = "px") {
   return typeof e == "string" ? String(e) : Array.isArray(e) ? e.map((n) => `${n}${t}`).join(" ") : `${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 Rn = { data: "" }, Fn = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || Rn, Bn = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Hn = /\/\*[^]*?\*\/|  +/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;
-}, R = {}, Ot = (e) => {
+}, R = {}, jt = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let n in e)
-      t += n + Ot(e[n]);
+      t += n + jt(e[n]);
     return t;
   }
   return e;
-}, Hn = (e, t, n, r, l) => {
-  let o = Ot(e), s = R[o] || (R[o] = ((a) => {
+}, Vn = (e, t, n, r, l) => {
+  let o = jt(e), s = R[o] || (R[o] = ((a) => {
     let c = 0, u = 11;
     for (; c < a.length; )
       u = 101 * u + a.charCodeAt(c++) >>> 0;
@@ -873,7 +873,7 @@ let zn = { data: "" }, Rn = (e) => typeof window == "object" ? ((e ? e.querySele
   if (!R[s]) {
     let a = o !== e ? e : ((c) => {
       let u, p, d = [{}];
-      for (; u = Fn.exec(c.replace(Bn, "")); )
+      for (; u = Bn.exec(c.replace(Hn, "")); )
         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);
@@ -883,7 +883,7 @@ let zn = { data: "" }, Rn = (e) => typeof window == "object" ? ((e ? e.querySele
   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);
   })(R[s], t, r, i), s;
-}, Vn = (e, t, n) => e.reduce((r, l, o) => {
+}, Un = (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 zn = { data: "" }, Rn = (e) => typeof window == "object" ? ((e ? e.querySele
 }, "");
 function S(e) {
   let t = this || {}, n = e.call ? e(t.p) : e;
-  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);
+  return Vn(n.unshift ? n.raw ? Un(n, [].slice.call(arguments, 1), t.p) : n.reduce((r, l) => Object.assign(r, l && l.call ? l(t.p) : l), {}) : n, Fn(t.target), t.g, t.o, t.k);
 }
 S.bind({ g: 1 });
 S.bind({ k: 1 });
-const Un = /* @__PURE__ */ y("<div></div>"), Zn = S`
+const Wn = /* @__PURE__ */ $("<div></div>"), Zn = S`
   &&& {
     position: relative;
     color: currentColor;
@@ -910,13 +910,13 @@ const Un = /* @__PURE__ */ y("<div></div>"), Zn = S`
     }
   }
 `, Ee = (e) => {
-  const t = Mn(e.name);
+  const t = Dn(e.name);
   return (() => {
-    const n = Un.cloneNode(!0);
+    const n = Wn.cloneNode(!0);
     return n.innerHTML = t, _((r) => {
       const l = `icon ${e.class || ""} ${Zn}`, o = {
         color: e.color,
-        "--icon-size": e.size && Dn(e.size)
+        "--icon-size": e.size && zn(e.size)
       };
       return l !== r._v$ && C(n, r._v$ = l), r._v$2 = Lt(n, o, r._v$2), r;
     }, {
@@ -924,11 +924,11 @@ const Un = /* @__PURE__ */ y("<div></div>"), Zn = S`
       _v$2: void 0
     }), n;
   })();
-}, Se = Symbol("store-raw"), pe = Symbol("store-node"), Wn = Symbol("store-name");
-function jt(e, t) {
+}, Se = Symbol("store-raw"), pe = Symbol("store-node"), Kn = Symbol("store-name");
+function It(e, t) {
   let n = e[D];
   if (!n && (Object.defineProperty(e, D, {
-    value: n = new Proxy(e, Xn)
+    value: n = new Proxy(e, Yn)
   }), !Array.isArray(e))) {
     const r = Object.keys(e), l = Object.getOwnPropertyDescriptors(e);
     for (let o = 0, s = r.length; o < s; o++) {
@@ -970,45 +970,45 @@ function Xe(e) {
   }), t;
 }
 function Be(e, t, n) {
-  return e[t] || (e[t] = Mt(n));
+  return e[t] || (e[t] = Dt(n));
 }
-function Kn(e, t) {
+function Jn(e, t) {
   const n = Reflect.getOwnPropertyDescriptor(e, t);
-  return !n || n.get || !n.configurable || t === D || t === pe || t === Wn || (delete n.value, delete n.writable, n.get = () => e[D][t]), n;
+  return !n || n.get || !n.configurable || t === D || t === pe || t === Kn || (delete n.value, delete n.writable, n.get = () => e[D][t]), n;
 }
-function It(e) {
-  if (_t()) {
+function Mt(e) {
+  if (St()) {
     const t = Xe(e);
-    (t._ || (t._ = Mt()))();
+    (t._ || (t._ = Dt()))();
   }
 }
-function Jn(e) {
-  return It(e), Reflect.ownKeys(e);
+function Xn(e) {
+  return Mt(e), Reflect.ownKeys(e);
 }
-function Mt(e) {
+function Dt(e) {
   const [t, n] = oe(e, {
     equals: !1,
     internal: !0
   });
   return t.$ = n, t;
 }
-const Xn = {
+const Yn = {
   get(e, t, n) {
     if (t === Se)
       return e;
     if (t === D)
       return n;
     if (t === ve)
-      return It(e), n;
+      return Mt(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);
-      _t() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = Be(r, t, o)());
+      St() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = Be(r, t, o)());
     }
-    return se(o) ? jt(o) : o;
+    return se(o) ? It(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,8 +1019,8 @@ const Xn = {
   deleteProperty() {
     return !0;
   },
-  ownKeys: Jn,
-  getOwnPropertyDescriptor: Kn
+  ownKeys: Xn,
+  getOwnPropertyDescriptor: Jn
 };
 function ce(e, t, n, r = !1) {
   if (!r && e[t] === n)
@@ -1030,14 +1030,14 @@ function ce(e, t, n, r = !1) {
   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 Dt(e, t) {
+function zt(e, t) {
   const n = Object.keys(t);
   for (let r = 0; r < n.length; r += 1) {
     const l = n[r];
     ce(e, l, t[l]);
   }
 }
-function Yn(e, t) {
+function Gn(e, t) {
   if (typeof t == "function" && (t = t(e)), t = ae(t), Array.isArray(t)) {
     if (e === t)
       return;
@@ -1048,7 +1048,7 @@ function Yn(e, t) {
     }
     ce(e, "length", r);
   } else
-    Dt(e, t);
+    zt(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) ? Dt(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) ? zt(l, o) : ce(e, r, o));
 }
-function zt(...[e, t]) {
-  const n = ae(e || {}), r = Array.isArray(n), l = jt(n);
+function Rt(...[e, t]) {
+  const n = ae(e || {}), r = Array.isArray(n), l = It(n);
   function o(...s) {
-    qt(() => {
-      r && s.length === 1 ? Yn(n, s[0]) : fe(n, s);
+    en(() => {
+      r && s.length === 1 ? Gn(n, s[0]) : fe(n, s);
     });
   }
   return [l, o];
 }
-const ke = /* @__PURE__ */ new WeakMap(), Rt = {
+const ke = /* @__PURE__ */ new WeakMap(), Ft = {
   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, Rt)), r) : n;
+    return se(n) ? ke.get(n) || (ke.set(n, r = new Proxy(n, Ft)), r) : n;
   },
   set(e, t, n) {
     return ce(e, t, ae(n)), !0;
@@ -1105,16 +1105,16 @@ const ke = /* @__PURE__ */ new WeakMap(), Rt = {
     return ce(e, t, void 0, !0), !0;
   }
 };
-function Gn(e) {
+function Qn(e) {
   return (t) => {
     if (se(t)) {
       let n;
-      (n = ke.get(t)) || ke.set(t, n = new Proxy(t, Rt)), e(n);
+      (n = ke.get(t)) || ke.set(t, n = new Proxy(t, Ft)), e(n);
     }
     return t;
   };
 }
-const [I, Ne] = zt({
+const [I, Ne] = Rt({
   selectedCall: null,
   selectedRequest: null,
   selectedTab: null,
@@ -1126,14 +1126,14 @@ const [I, Ne] = zt({
   white-space: nowrap;
   word-wrap: norma;
   max-width: 100%;
-`, Qn = {
+`, qn = {
   left: "flex-start",
   center: "center",
   right: "flex-end",
   spaceBetween: "space-between",
   spaceAround: "space-around",
   spaceEvenly: "space-evenly"
-}, qn = {
+}, er = {
   top: "flex-start",
   bottom: "flex-end",
   center: "center",
@@ -1146,21 +1146,21 @@ const [I, Ne] = zt({
     display: flex;
     column-gap: ${n}px;
     flex-direction: row;
-    justify-content: ${Qn[e]};
-    align-items: ${qn[t]};
-  `, er = {
+    justify-content: ${qn[e]};
+    align-items: ${er[t]};
+  `, tr = {
   top: "flex-start",
   center: "center",
   bottom: "flex-end",
   spaceBetween: "space-between",
   spaceAround: "space-around",
   spaceEvenly: "space-evenly"
-}, tr = {
+}, nr = {
   left: "flex-start",
   right: "flex-end",
   center: "center",
   stretch: "stretch"
-}, L = ({
+}, O = ({
   justify: e = "top",
   align: t = "stretch",
   gap: n = 0
@@ -1168,10 +1168,10 @@ const [I, Ne] = zt({
     row-gap: ${n}px;
     display: flex;
     flex-direction: column;
-    justify-content: ${er[e]};
-    align-items: ${tr[t]};
+    justify-content: ${tr[e]};
+    align-items: ${nr[t]};
   `;
-function nr(e) {
+function rr(e) {
   if (e.length < 4)
     throw new Error("Invalid hex value");
   return (e.replace(
@@ -1179,16 +1179,16 @@ function nr(e) {
     (t, n, r, l) => `#${n}${n}${r}${r}${l}${l}`
   ).substring(1).match(/.{2}/g) || []).map((t) => parseInt(t, 16));
 }
-function rr(e) {
+function lr(e) {
   return Object.entries(e);
 }
-const $e = document.documentElement.style;
+const ye = document.documentElement.style;
 let nt = 1;
-function lr(e) {
+function or(e) {
   const t = {};
-  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] = {
+  for (const [n, r] of lr(e)) {
+    const [l, o, s] = rr(r), i = `c${nt}`;
+    nt++, ye.setProperty(`--${i}-r`, String(l)), ye.setProperty(`--${i}-g`, String(o)), ye.setProperty(`--${i}-b`, String(s)), ye.setProperty(`--${i}`, r), t[n] = {
       red: l,
       green: o,
       blue: s,
@@ -1215,7 +1215,7 @@ function lr(e) {
   }
   return t;
 }
-const $ = lr({
+const y = or({
   bgPrimary: "#0F172A",
   bgSecondary: "#1E293B",
   textPrimary: "#fff",
@@ -1232,18 +1232,18 @@ const $ = lr({
   primary: '"Work Sans", sans-serif',
   decorative: '"Fira Code", monospaced'
 };
-function or(e, t, n) {
+function ir(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 && wt(s, o) ? r.push(s) : r.push(o);
+    s && xt(s, o) ? r.push(s) : r.push(o);
   }
   return r;
 }
-function Ft(e, t) {
-  return m((n) => or(n, typeof e == "function" ? e() : e, t));
+function Bt(e, t) {
+  return m((n) => ir(n, typeof e == "function" ? e() : e, t));
 }
 function ge(e) {
   const [t, n] = oe(e);
@@ -1258,10 +1258,10 @@ function ge(e) {
       n(() => r);
     },
     produce(r) {
-      n((l) => Wt(l, r));
+      n((l) => Kt(l, r));
     },
     peek() {
-      return Z(t);
+      return W(t);
     }
   };
 }
@@ -1273,10 +1273,10 @@ function He(e) {
     }
   };
 }
-const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y("<span></span>"), sr = /* @__PURE__ */ y('<div><div class="call"></div></div>'), ar = S`
+const sr = /* @__PURE__ */ $('<div class="tag"></div>'), rt = /* @__PURE__ */ $("<span></span>"), ar = /* @__PURE__ */ $('<div><div class="call"></div></div>'), cr = S`
   &&& {
     font-size: 14px;
-    ${L()};
+    ${O()};
 
     > .call {
       padding: 4px 12px;
@@ -1285,7 +1285,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y(
 
       &.selected {
         opacity: 1;
-        background-color: ${$.secondary.alpha(0.16)};
+        background-color: ${y.secondary.alpha(0.16)};
       }
 
       > .call-button {
@@ -1313,7 +1313,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y(
       padding-left: 14px;
       margin-left: 16px;
       padding-right: 0;
-      border-left: 1px solid ${$.white.alpha(0.1)};
+      border-left: 1px solid ${y.white.alpha(0.1)};
       ${B()};
 
       span {
@@ -1327,7 +1327,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y(
 
       &.selected span {
         opacity: 1;
-        background-color: ${$.secondary.alpha(0.16)};
+        background-color: ${y.secondary.alpha(0.16)};
       }
 
       &:first-of-type {
@@ -1336,7 +1336,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y(
 
       &:last-of-type {
         border-radius: 0 0 0 10px;
-        border-bottom: 1px solid ${$.white.alpha(0.1)};
+        border-bottom: 1px solid ${y.white.alpha(0.1)};
         padding-bottom: 10px;
         margin-bottom: 4px;
       }
@@ -1350,11 +1350,11 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y(
       }
     }
   }
-`, cr = (e) => {
-  const t = m(() => e.item), n = m(() => e.currentCallId), r = ge(e.item.subitemsWithAlias.length < 4), l = ur(t().type, t().subType);
+`, ur = (e) => {
+  const t = m(() => e.item), n = m(() => e.currentCallId), r = ge(e.item.subitemsWithAlias.length < 4), l = dr(t().type, t().subType);
   return (() => {
-    const o = sr.cloneNode(!0), s = o.firstChild;
-    return C(o, ar), f(s, h(F, {
+    const o = ar.cloneNode(!0), s = o.firstChild;
+    return C(o, cr), f(s, h(F, {
       onClick: () => {
         Ne({
           selectedCall: t().id,
@@ -1364,7 +1364,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y(
       class: "call-button",
       get children() {
         return [(() => {
-          const i = ir.cloneNode(!0);
+          const i = sr.cloneNode(!0);
           return f(i, () => l.icon), _((a) => {
             const c = `${t().type}${t().subType ? ` (${t().subType})` : ""}`, u = l.color;
             return c !== a._v$ && j(i, "title", a._v$ = c), u !== a._v$2 && i.style.setProperty("color", a._v$2 = u), a;
@@ -1427,7 +1427,7 @@ const ir = /* @__PURE__ */ y('<div class="tag"></div>'), rt = /* @__PURE__ */ y(
     }), null), _(() => s.classList.toggle("selected", n() === t().id)), o;
   })();
 };
-function ur(e, t) {
+function dr(e, t) {
   if (e === "ws")
     return {
       icon: t === "send" ? "S" : "R",
@@ -1445,19 +1445,19 @@ function ur(e, t) {
     color: r
   };
 }
-function Bt(e) {
+function Ht(e) {
   return e ? e.slice().reverse() : [];
 }
-function dr(...e) {
+function fr(...e) {
   const t = [];
   for (const n of e)
     n != null && t.push(...n);
   return t;
 }
-function fr(e) {
+function pr(e) {
   return e.filter((t) => t != null);
 }
-function pr(e) {
+function hr(e) {
   return e.filter((t) => t !== !1);
 }
 function lt(e) {
@@ -1471,11 +1471,11 @@ function ot(e, t) {
     return t && t(n), null;
   }
 }
-function hr(e, t) {
-  const n = Kt(t);
-  return gr(e, n);
-}
 function gr(e, t) {
+  const n = Jt(t);
+  return mr(e, n);
+}
+function mr(e, t) {
   let n = 0;
   const r = {}, l = t.pattern.exec(e);
   if (!l)
@@ -1504,9 +1504,9 @@ function le(e) {
   }
   return e;
 }
-const [Q, mr] = zt({
+const [Q, yr] = Rt({
   calls: {}
-}), Le = ge("");
+}), Oe = ge("");
 let Ve = {
   callsProcessor: []
 };
@@ -1516,14 +1516,14 @@ function $r(e) {
     ...e
   };
 }
-function Ql({
+function to({
   type: e,
   response: t,
   payload: n,
   event: r,
   startTime: l
 }) {
-  yr({
+  vr({
     type: "ws",
     path: r,
     payload: n,
@@ -1535,7 +1535,7 @@ function Ql({
     response: t
   });
 }
-function yr(e) {
+function vr(e) {
   const t = e.startTime || Date.now();
   return ({
     isError: n,
@@ -1545,8 +1545,8 @@ function yr(e) {
     tags: s
   }) => {
     const i = e.duration || Date.now() - t;
-    mr(
-      Gn((a) => {
+    yr(
+      Qn((a) => {
         const c = ot(
           () => new URL(e.path, "http://localhost")
         );
@@ -1557,7 +1557,7 @@ function yr(e) {
           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, A.match);
+            const T = gr(c.pathname, A.match);
             return T ? (p = T, !0) : !1;
           } else
             return A.match({
@@ -1579,11 +1579,11 @@ function yr(e) {
           requests: [],
           type: e.type,
           subType: e.subType
-        }, Le.value = v);
+        }, Oe.value = v);
         const w = a.calls[v];
         lt(w), w.requests.length > 100 && w.requests.shift();
         const k = {
-          id: Jt(),
+          id: Xt(),
           duration: i,
           pathParams: p,
           isError: n,
@@ -1597,8 +1597,8 @@ function yr(e) {
           method: e.method,
           subType: e.subType,
           code: r,
-          tags: fr(
-            dr(e.tags, s)
+          tags: pr(
+            fr(e.tags, s)
           )
         }, x = ot(
           () => d?.payloadAlias?.(k.payload, k)
@@ -1608,29 +1608,29 @@ function yr(e) {
     );
   };
 }
-const vr = {
+const br = {
   short: 160,
   medium: 240,
   long: 360
-}, br = {
+}, wr = {
   inOut: "cubic-bezier(0.4, 0.0, 0.2, 1)",
   out: "cubic-bezier(0.0, 0.0, 0.2, 1)",
   in: "cubic-bezier(0.4, 0.0, 1, 1)",
   linear: "linear"
 }, it = (e) => e !== void 0 ? `${e}ms` : "";
-function wr(e = {}) {
+function xr(e = {}) {
   const { properties: t, duration: n, ease: r, delay: l } = e;
   return `
     transition: ${it(
-    typeof n == "number" ? n : vr[n || "medium"]
-  )} ${br[r || "inOut"]} ${it(l)};
+    typeof n == "number" ? n : br[n || "medium"]
+  )} ${wr[r || "inOut"]} ${it(l)};
     ${t ? `
     transition-property: ${t.join(", ") || ""};
     ` : ""}
   `;
 }
 const st = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
-function xr(e, t) {
+function Cr(e, t) {
   const n = st(String(t)).indexOf(
     st(String(e))
   );
@@ -1639,7 +1639,7 @@ function xr(e, t) {
     matchedIndex: n
   };
 }
-function Cr(e, t, { lowerFirst: n } = {}) {
+function _r(e, t, { lowerFirst: n } = {}) {
   return [...e].sort((r, l) => {
     const o = t(r), s = t(l);
     return o < s ? n ? -1 : 1 : o > s ? n ? 1 : -1 : 0;
@@ -1652,35 +1652,35 @@ function at({
 }) {
   const r = [];
   for (const l of e) {
-    const o = xr(t, n(l));
+    const o = Cr(t, n(l));
     o.matched && r.push({ item: l, matchedIndex: o.matchedIndex });
   }
-  return Cr(r, (l) => l.matchedIndex, {
+  return _r(r, (l) => l.matchedIndex, {
     lowerFirst: !0
   }).map(({ item: l }) => l);
 }
-const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button><button>WebSocket</button><button>All</button></div><label><input type="text" placeholder="Search"></label><div></div></div>'), Sr = S`
+const Sr = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><div><button>API</button><button>WebSocket</button><button>All</button></div><label><input type="text" placeholder="Search"></label><div></div></div>'), kr = S`
   &&& {
-    ${L()};
-    border-right: 1px solid ${$.white.alpha(0.1)};
+    ${O()};
+    border-right: 1px solid ${y.white.alpha(0.1)};
 
     > h1 {
       font-size: 18px;
       padding-left: 12px;
       padding-top: 10px;
       font-family: ${z.decorative};
-      color: ${$.secondary.var};
+      color: ${y.secondary.var};
       padding-bottom: 12px;
     }
   }
-`, kr = S`
+`, Nr = S`
   &&& {
-    ${L()};
+    ${O()};
     flex: 1 1;
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, Nr = S`
+`, Ar = S`
   &&& {
     ${B({
   gap: 8
@@ -1690,27 +1690,27 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
 
     display: grid;
     grid-template-columns: 14px 1fr;
-    background: ${$.white.alpha(0.05)};
+    background: ${y.white.alpha(0.05)};
     border-radius: 4px;
     --icon-size: 16px;
     padding: 4px 0;
     padding-left: 6px;
 
     .icon {
-      color: ${$.secondary.var};
+      color: ${y.secondary.var};
     }
 
     input {
       border: none;
       background: transparent;
-      color: ${$.white.var};
+      color: ${y.white.var};
 
       &:focus {
         outline: none;
       }
     }
   }
-`, Ar = S`
+`, Tr = S`
   &&& {
     ${B({
   gap: 16
@@ -1721,7 +1721,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
     > button {
       font-size: 14px;
       opacity: 0.5;
-      ${wr()};
+      ${xr()};
 
       &:hover {
         opacity: 1;
@@ -1729,12 +1729,12 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
 
       &.active {
         opacity: 1;
-        color: ${$.primary.var};
+        color: ${y.primary.var};
       }
     }
   }
-`, V = ge("api"), Tr = () => {
-  const e = ge(""), t = Ft(() => {
+`, V = ge("api"), Pr = () => {
+  const e = ge(""), t = Bt(() => {
     const [r = "", l = ""] = e.value.split(">"), o = Object.entries(Q.calls), s = [];
     for (const [a, c] of o.reverse()) {
       const u = /* @__PURE__ */ new Set();
@@ -1763,16 +1763,16 @@ 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, Ar), s.$$click = () => V.set("api"), i.$$click = () => V.set("ws"), a.$$click = () => V.set("all"), C(c, Nr), f(c, h(Ee, {
+    const r = Sr.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, kr), C(o, Tr), s.$$click = () => V.set("api"), i.$$click = () => V.set("ws"), a.$$click = () => V.set("all"), C(c, Ar), f(c, h(Ee, {
       name: "search"
     }), u), u.$$input = (d) => {
       e.value = d.currentTarget.value;
-    }, C(p, kr), f(p, h(G, {
+    }, C(p, Nr), f(p, h(G, {
       get each() {
         return t();
       },
-      children: (d, g) => h(cr, {
+      children: (d, g) => h(ur, {
         get index() {
           return g();
         },
@@ -1792,7 +1792,7 @@ const _r = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
   })();
 };
 Pe(["click", "input"]);
-function Ht(...e) {
+function Vt(...e) {
   const t = [];
   for (let n = 0; n < e.length; n++) {
     const r = e[n];
@@ -1807,17 +1807,17 @@ function Ht(...e) {
   }
   return t.join(" ");
 }
-const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /* @__PURE__ */ y("<h1></h1>"), Lr = S`
+const Er = /* @__PURE__ */ $('<div><div class="content"></div></div>'), Or = /* @__PURE__ */ $("<h1></h1>"), Lr = S`
   &&& {
-    ${L()};
+    ${O()};
 
     > h1 {
       font-size: 14px;
-      color: ${$.secondary.var};
+      color: ${y.secondary.var};
       letter-spacing: 0.08em;
       font-family: ${z.decorative};
       font-weight: 300;
-      background: ${$.bgPrimary.var};
+      background: ${y.bgPrimary.var};
       z-index: 1;
       align-self: flex-start;
       position: sticky;
@@ -1833,7 +1833,7 @@ const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /*
       padding-top: calc(var(--padding-top) + 10px);
       padding-inline: 10px;
       padding-bottom: 10px;
-      background: ${$.white.alpha(0.05)};
+      background: ${y.white.alpha(0.05)};
       border-radius: 4px;
     }
 
@@ -1842,15 +1842,15 @@ const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /*
     }
   }
 `, M = (e) => (() => {
-  const t = Pr.cloneNode(!0), n = t.firstChild;
+  const t = Er.cloneNode(!0), n = t.firstChild;
   return f(t, (() => {
     const r = m(() => !!e.title);
     return () => r() && (() => {
-      const l = Er.cloneNode(!0);
+      const l = Or.cloneNode(!0);
       return f(l, () => e.title), l;
     })();
-  })(), 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`
+  })(), n), f(n, () => e.children), _(() => C(t, Vt(Lr, e.class))), t;
+})(), jr = /* @__PURE__ */ $("<div></div>"), Ir = /* @__PURE__ */ $('<div class="row"><div class="name"></div><div class="value"></div></div>'), Mr = S`
   &&& {
     display: grid;
     grid-template-columns: auto 1fr;
@@ -1866,37 +1866,37 @@ const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /*
     }
 
     .row:not(:last-child) > div {
-      border-bottom: 1px solid ${$.white.alpha(0.1)};
+      border-bottom: 1px solid ${y.white.alpha(0.1)};
     }
 
     .value {
       padding-left: 16px;
-      color: ${$.white.var};
+      color: ${y.white.var};
     }
 
     .name {
       opacity: 0.7;
     }
   }
-`, Mr = (e) => (() => {
-  const t = Or.cloneNode(!0);
-  return C(t, Ir), f(t, h(cn, {
+`, Dr = (e) => (() => {
+  const t = jr.cloneNode(!0);
+  return C(t, Mr), f(t, h(un, {
     get each() {
-      return pr(e.rows);
+      return hr(e.rows);
     },
     children: (n) => (() => {
-      const r = jr.cloneNode(!0), l = r.firstChild, o = l.nextSibling;
+      const r = Ir.cloneNode(!0), l = r.firstChild, o = l.nextSibling;
       return f(l, () => n().name), f(o, () => n().value), r;
     })()
   })), t;
-})(), Dr = `
+})(), zr = `
   user-select: text;
 
   *, *::before, *::after {
     user-select: text;
   }
 `;
-function zr(e) {
+function Rr(e) {
   return `
     display: -webkit-box;
     overflow: hidden;
@@ -1909,12 +1909,15 @@ 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 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`
+function Fr(e) {
+  return e !== null && typeof e == "object";
+}
+const Br = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Hr = /* @__PURE__ */ $('<div class="collapsed"></div>'), Vr = /* @__PURE__ */ $('<div class="delimiter">[]</div>'), Ur = /* @__PURE__ */ $('<div class="delimiter">{}</div>'), ut = /* @__PURE__ */ $('<div class="delimiter"></div>'), dt = /* @__PURE__ */ $('<div class="childs"></div>'), Wr = /* @__PURE__ */ $('<div class="delimiter end">]</div>'), ft = /* @__PURE__ */ $('<div class="child"></div>'), Zr = /* @__PURE__ */ $('<div class="delimiter end">}</div>'), Kr = /* @__PURE__ */ $('<div class="value" title="Shift + Click to copy value"></div>'), pt = /* @__PURE__ */ $('<span class="string-quotes">"</span>'), Jr = /* @__PURE__ */ $("<div></div>"), ht = /* @__PURE__ */ $("<span> · id: </span>"), Xr = S`
   &&& {
     font-family: ${z.decorative};
     font-size: 13px;
-    ${Dr};
-    ${L({
+    ${zr};
+    ${O({
   gap: 2
 })};
     padding-left: 8px;
@@ -1924,7 +1927,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
       width: 16px;
       display: inline-block;
       vertical-align: middle;
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
 
       &:not(.expanded) .icon {
         transform: rotate(-90deg);
@@ -1932,18 +1935,18 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
     }
 
     .show-all {
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
       text-align: left;
     }
 
     .childs {
-      ${L({
+      ${O({
   gap: 2
 })};
     }
 
     .delimiter {
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
       margin-top: 1px;
       margin-bottom: 1px;
 
@@ -1957,13 +1960,13 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
     .childs {
       padding-left: 20px;
       grid-column: 1 / span 3;
-      border-left: 1px solid ${$.white.alpha(0.05)};
+      border-left: 1px solid ${y.white.alpha(0.05)};
 
       > .value {
         &::after {
           content: ',';
           opacity: 0.5;
-          color: ${$.white.var};
+          color: ${y.white.var};
         }
       }
     }
@@ -1985,12 +1988,12 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
         }
 
         &.index {
-          color: ${$.success.alpha(0.7)};
+          color: ${y.success.alpha(0.7)};
         }
 
         &::after {
           content: ':';
-          color: ${$.secondary.alpha(0.5)};
+          color: ${y.secondary.alpha(0.5)};
         }
       }
     }
@@ -2001,30 +2004,34 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
 
     .value {
       word-wrap: break-word;
-      ${zr(5)};
+      ${Rr(5)};
     }
 
     [data-type='number'] {
-      color: ${$.primary.var};
+      color: ${y.primary.var};
     }
 
     [data-type='boolean'] {
-      color: ${$.warning.var};
+      color: ${y.warning.var};
     }
 
     [data-type='object'],
     [data-type='undefined'] {
-      color: ${$.white.alpha(0.6)};
+      color: ${y.white.alpha(0.6)};
     }
 
     .collapsed {
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
+
+      > span {
+        color: ${y.white.alpha(0.4)};
+      }
     }
   }
-`, te = 14, Ze = (e) => {
+`, te = 14, We = (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, {
+    const o = e.value, s = Array.isArray(o), i = !s && Fr(o), a = e.key !== void 0 || e.index !== void 0, c = s && o.length > 0 || i && Object.keys(o).length > 0, u = c && h(F, {
       onClick: () => {
         n(() => !t());
       },
@@ -2042,9 +2049,9 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
       }
     });
     return [a && (() => {
-      const p = Rr.cloneNode(!0), d = p.firstChild;
+      const p = Br.cloneNode(!0), d = p.firstChild;
       return p.$$click = (g) => {
-        g.shiftKey && ye(o);
+        g.shiftKey && $e(o);
       }, f(p, s || i ? u : null, d), f(d, () => e.key || e.index), _((g) => {
         const v = `${e.key ? `${e.key}
 ` : ""}Shift + Click to copy value`, b = e.index !== void 0;
@@ -2056,12 +2063,12 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
     })(), m((() => {
       const p = m(() => !!(a && c && !t()));
       return () => p() ? (() => {
-        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 = Hr.cloneNode(!0);
+        return f(d, () => s ? `[…] ${o.length} items` : [m(() => `{…} ${Object.keys(o).length} props`), m(() => Yr(o))]), d;
+      })() : (() => s && o.length === 0 ? Vr.cloneNode(!0) : i && Object.keys(o).length === 0 ? Ur.cloneNode(!0) : s ? [(() => {
         const d = ut.cloneNode(!0);
         return _e(d, "click", a ? void 0 : (g) => {
-          g.shiftKey && ye(o);
+          g.shiftKey && $e(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());
@@ -2072,7 +2079,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
             const b = v.length;
             return r() || (v = v.slice(0, te)), [m(() => v.map((w, k) => (() => {
               const x = ft.cloneNode(!0);
-              return f(x, h(Ze, {
+              return f(x, h(We, {
                 value: w,
                 get indent() {
                   return e.indent + 1;
@@ -2095,11 +2102,11 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
               });
             })())];
           }), g;
-        })(), Vr.cloneNode(!0)];
+        })(), Wr.cloneNode(!0)];
       })())] : i ? [(() => {
         const d = ut.cloneNode(!0);
         return _e(d, "click", a ? void 0 : (g) => {
-          g.shiftKey && ye(o);
+          g.shiftKey && $e(o);
         }, !0), j(d, "title", a ? void 0 : "Shift + Click to copy value"), f(d, !a && u, null), f(d, (() => {
           const g = m(() => !!t());
           return () => g() ? "{" : `{…} ${Object.keys(o).length} properties`;
@@ -2113,7 +2120,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
             const b = v.length;
             return r() || (v = v.slice(0, te)), [m(() => v.map(([w, k]) => (() => {
               const x = ft.cloneNode(!0);
-              return f(x, h(Ze, {
+              return f(x, h(We, {
                 value: k,
                 key: w,
                 get indent() {
@@ -2136,18 +2143,18 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
               });
             })())];
           }), g;
-        })(), Ur.cloneNode(!0)];
+        })(), Zr.cloneNode(!0)];
       })())] : (() => {
-        const d = Zr.cloneNode(!0);
+        const d = Kr.cloneNode(!0);
         return d.$$click = (g) => {
-          g.shiftKey && ye(String(o));
+          g.shiftKey && $e(String(o));
         }, 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(Ze, {
+}, Z = (e) => (() => {
+  const t = Jr.cloneNode(!0);
+  return C(t, Xr), f(t, h(We, {
     get value() {
       return e.value;
     },
@@ -2157,24 +2164,42 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Fr = /* @_
     }
   })), t;
 })();
-async function ye(e) {
+function Yr(e) {
+  if ("id" in e)
+    return (() => {
+      const n = ht.cloneNode(!0);
+      return n.firstChild, f(n, () => String(e.id), null), n;
+    })();
+  const t = Object.keys(e);
+  for (const n of t)
+    if (n.startsWith("id_")) {
+      const r = e[n];
+      if (typeof r == "string" || typeof r == "number")
+        return (() => {
+          const l = ht.cloneNode(!0);
+          return l.firstChild, f(l, r, null), l;
+        })();
+    }
+  return "";
+}
+async function $e(e) {
   await navigator.clipboard.writeText(typeof e == "object" ? JSON.stringify(e, null, 2) : String(e)), alert("Copied to clipboard");
 }
 Pe(["click"]);
-let Jr = 0;
-function Xr() {
-  return Jr++;
+let Gr = 0;
+function Qr() {
+  return Gr++;
 }
-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`
+const qr = /* @__PURE__ */ $("<label></label>"), el = /* @__PURE__ */ $('<div><div class="inputContainer"><select></select></div></div>'), tl = /* @__PURE__ */ $('<option value="">-- select an option --</option>'), nl = /* @__PURE__ */ $("<option></option>"), rl = S`
   &&& {
-    ${L({
+    ${O({
   align: "left"
 })};
     width: 100%;
     position: relative;
 
     label {
-      color: ${$.primary.var};
+      color: ${y.primary.var};
       z-index: 1;
       font-size: 13px;
       letter-spacing: 0.08em;
@@ -2182,13 +2207,13 @@ const Yr = /* @__PURE__ */ y("<label></label>"), Gr = /* @__PURE__ */ y('<div><d
     }
 
     .inputContainer {
-      background: ${$.white.alpha(0.05)};
+      background: ${y.white.alpha(0.05)};
       border-radius: 4px;
       margin-top: 0px;
       position: relative;
       width: 100%;
       overflow: hidden;
-      ${L({
+      ${O({
   align: "left"
 })};
     }
@@ -2201,7 +2226,7 @@ const Yr = /* @__PURE__ */ y("<label></label>"), Gr = /* @__PURE__ */ y('<div><d
       padding-left: 10px;
       font-size: 14px;
       background: transparent;
-      color: ${$.white.var};
+      color: ${y.white.var};
 
       &:focus {
         outline: 0;
@@ -2217,72 +2242,72 @@ const Yr = /* @__PURE__ */ y("<label></label>"), Gr = /* @__PURE__ */ y('<div><d
       left: 0;
       right: 8px;
       height: 17px;
-      background: ${$.white.var};
+      background: ${y.white.var};
     }
   }
-`, tl = (e) => {
-  const t = `input${Xr()}`;
+`, ll = (e) => {
+  const t = `input${Qr()}`;
   return (() => {
-    const n = Gr.cloneNode(!0), r = n.firstChild, l = r.firstChild;
+    const n = el.cloneNode(!0), r = n.firstChild, l = r.firstChild;
     return f(n, h(Y, {
       get when() {
         return e.label;
       },
       get children() {
-        const o = Yr.cloneNode(!0);
+        const o = qr.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() && Qr.cloneNode(!0);
+      return () => o() && tl.cloneNode(!0);
     })(), null), f(l, h(G, {
       get each() {
         return e.options;
       },
       children: (o) => (() => {
-        const s = qr.cloneNode(!0);
+        const s = nl.cloneNode(!0);
         return f(s, () => o.label), _(() => s.value = o.value), s;
       })()
-    }), null), _(() => C(n, Ht(el, e.class))), _(() => l.value = e.value ?? ""), n;
+    }), null), _(() => C(n, Vt(rl, e.class))), _(() => l.value = e.value ?? ""), n;
   })();
 };
-function Vt(e) {
+function Ut(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 ht(e, t) {
-  return wt(e, t) ? "no changes" : Xt.diffJson(
+function gt(e, t) {
+  return xt(e, t) ? "no changes" : Yt.diffJson(
     typeof e == "object" && e !== null ? e : String(e),
     typeof t == "object" && t !== null ? t : String(t)
   );
 }
-function nl(e, t) {
+function ol(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>"), gt = /* @__PURE__ */ y("<div>No changes</div>"), mt = /* @__PURE__ */ y('<div class="line"></div>'), ll = S`
+const il = /* @__PURE__ */ $('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'), Me = /* @__PURE__ */ $("<div></div>"), mt = /* @__PURE__ */ $("<div>No changes</div>"), yt = /* @__PURE__ */ $('<div class="line"></div>'), sl = S`
   &&& {
-    ${L({
+    ${O({
   gap: 14
 })};
 
     .changes-count {
-      color: ${$.white.alpha(0.5)};
+      color: ${y.white.alpha(0.5)};
       font-size: 14px;
 
       .additions {
-        color: ${$.success.var};
+        color: ${y.success.var};
       }
 
       .removals {
-        color: ${$.error.var};
+        color: ${y.error.var};
       }
     }
   }
 `, $t = S`
   &&& {
-    ${L({
+    ${O({
   gap: 0
 })};
     font-size: 14px;
@@ -2296,8 +2321,8 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
 
       &.added {
         opacity: 1;
-        color: ${$.success.var};
-        background: ${$.success.alpha(0.1)};
+        color: ${y.success.var};
+        background: ${y.success.alpha(0.1)};
 
         &::before {
           content: '+';
@@ -2308,8 +2333,8 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
 
       &.removed {
         opacity: 1;
-        color: ${$.error.var};
-        background: ${$.error.alpha(0.1)};
+        color: ${y.error.var};
+        background: ${y.error.alpha(0.1)};
 
         &::before {
           content: '-';
@@ -2319,32 +2344,32 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       }
     }
   }
-`, ol = () => {
+`, al = () => {
   const e = m(() => {
     const {
       selectedCall: a
     } = I;
-    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(() => {
+    return a ? Q.calls[a] : Q.calls[Oe.value];
+  }), t = He(() => I.selectedRequest ? e()?.requests.find((a) => a.id === I.selectedRequest) : e()?.requests.at(-1) || null), n = m(() => t.value?.id), r = Bt(() => {
     const a = e();
-    return a ? Bt(a.requests).map((c) => ({
+    return a ? Ht(a.requests).map((c) => ({
       value: c.id,
-      label: `${ne(c.startTime).format("HH:mm:ss")} | ${nl(Vt(c), 50)}`
+      label: `${ne(c.startTime).format("HH:mm:ss")} | ${ol(Ut(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 = ht(c, a);
+    const a = t.value?.response, c = o()?.response, u = gt(c, a);
     return u === "no changes" ? [] : u;
   }), i = m(() => {
     if (!l.value || !n())
       return [];
-    const a = yt(t.value), c = yt(o()), u = ht(c, a);
+    const a = vt(t.value), c = vt(o()), u = gt(c, a);
     return u === "no changes" ? [] : u;
   });
   return (() => {
     const a = Me.cloneNode(!0);
-    return C(a, ll), f(a, h(tl, {
+    return C(a, sl), f(a, h(ll, {
       get value() {
         return l.value;
       },
@@ -2361,7 +2386,7 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       },
       get children() {
         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;
+          const c = il.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(Y, {
           get when() {
@@ -2379,10 +2404,10 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
                     return i();
                   },
                   get fallback() {
-                    return gt.cloneNode(!0);
+                    return mt.cloneNode(!0);
                   },
                   children: (u) => (() => {
-                    const p = mt.cloneNode(!0);
+                    const p = yt.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;
@@ -2409,10 +2434,10 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
                     return s();
                   },
                   get fallback() {
-                    return gt.cloneNode(!0);
+                    return mt.cloneNode(!0);
                   },
                   children: (u) => (() => {
-                    const p = mt.cloneNode(!0);
+                    const p = yt.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;
@@ -2430,12 +2455,12 @@ const rl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
     }), null), a;
   })();
 };
-function yt(e) {
+function vt(e) {
   return e ? e.payload || e.searchParams || e.pathParams : null;
 }
-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`
+const bt = /* @__PURE__ */ $("<div></div>"), cl = /* @__PURE__ */ $('<h1><span class="type"></span><span>|</span></h1>'), ul = /* @__PURE__ */ $('<div class="tags"></div>'), dl = /* @__PURE__ */ $('<div class="details"></div>'), fl = /* @__PURE__ */ $('<span class="separator">|</span>'), pl = /* @__PURE__ */ $("<h2></h2>"), hl = /* @__PURE__ */ $('<div class="method"></div>'), gl = /* @__PURE__ */ $('<div class="code"></div>'), ml = /* @__PURE__ */ $('<div class="tag error">Has Error</div>'), yl = /* @__PURE__ */ $('<div class="tag"></div>'), $l = /* @__PURE__ */ $("<span> ms</span>"), vl = /* @__PURE__ */ $("<span></span>"), bl = S`
   &&& {
-    ${L()};
+    ${O()};
     padding-left: 10px;
 
     > h1 {
@@ -2452,7 +2477,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
 
       span.type {
         text-transform: capitalize;
-        color: ${$.secondary.var};
+        color: ${y.secondary.var};
       }
     }
 
@@ -2470,28 +2495,28 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       margin-top: 8px;
 
       .method {
-        color: ${$.primary.var};
+        color: ${y.primary.var};
       }
 
       .code {
-        color: ${$.success.var};
+        color: ${y.success.var};
 
         &.error {
-          color: ${$.error.var};
+          color: ${y.error.var};
         }
       }
 
       .tag {
         font-size: 11px;
-        color: ${$.warning.var};
+        color: ${y.warning.var};
         padding: 1px 3px;
         border-radius: 4px;
-        border: 1px solid ${$.warning.alpha(0.6)};
+        border: 1px solid ${y.warning.alpha(0.6)};
 
         &.error {
-          color: ${$.error.var};
+          color: ${y.error.var};
           font-weight: 600;
-          border-color: ${$.error.alpha(0.6)};
+          border-color: ${y.error.alpha(0.6)};
         }
       }
     }
@@ -2499,7 +2524,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
     > .details {
       margin-top: 14px;
       padding-right: 10px;
-      ${L({
+      ${O({
   gap: 8
 })};
       flex: 1 1;
@@ -2507,12 +2532,12 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       padding-bottom: 20px;
     }
   }
-`, yl = S`
+`, wl = S`
   &&& {
     ${B({
   gap: 20
 })};
-    color: ${$.secondary.var};
+    color: ${y.secondary.var};
     margin-top: 20px;
 
     > button {
@@ -2529,10 +2554,10 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       }
     }
   }
-`, vl = () => {
+`, xl = () => {
   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];
+    e() ? s = Q.calls[e()] : s = Q.calls[Oe.value];
     const i = t() && s?.requests.find((a) => a.id === t()) || s?.requests.at(-1);
     return i && s ? {
       ...i,
@@ -2565,53 +2590,53 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
     });
   });
   return (() => {
-    const s = vt.cloneNode(!0);
-    return C(s, $l), f(s, h(Y, {
+    const s = bt.cloneNode(!0);
+    return C(s, bl), f(s, h(Y, {
       get when() {
         return r.value;
       },
       keyed: !0,
       children: (i) => [(() => {
-        const a = il.cloneNode(!0), c = a.firstChild;
+        const a = cl.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);
+          return () => u() && fl.cloneNode(!0);
         })(), null), f(a, () => i.alias, null), a;
       })(), m((() => {
         const a = m(() => i.callPath !== i.callName);
         return () => a() && (() => {
-          const c = ul.cloneNode(!0);
+          const c = pl.cloneNode(!0);
           return f(c, () => i.callPath), c;
         })();
       })()), (() => {
-        const a = sl.cloneNode(!0);
+        const a = ul.cloneNode(!0);
         return f(a, (() => {
           const c = m(() => !!i.method);
           return () => c() && (() => {
-            const u = dl.cloneNode(!0);
+            const u = hl.cloneNode(!0);
             return f(u, () => i.method), u;
           })();
         })(), null), f(a, (() => {
           const c = m(() => !!i.code);
           return () => c() && (() => {
-            const u = fl.cloneNode(!0);
+            const u = gl.cloneNode(!0);
             return f(u, () => i.code), _(() => u.classList.toggle("error", i.code >= 400)), u;
           })();
         })(), null), f(a, (() => {
           const c = m(() => !!i.isError);
-          return () => c() && pl.cloneNode(!0);
+          return () => c() && ml.cloneNode(!0);
         })(), null), f(a, h(G, {
           get each() {
             return i.tags;
           },
           children: (c) => (() => {
-            const u = hl.cloneNode(!0);
+            const u = yl.cloneNode(!0);
             return f(u, c), u;
           })()
         }), null), a;
       })(), (() => {
-        const a = vt.cloneNode(!0);
-        return C(a, yl), f(a, () => l("summary", "Summary"), null), f(a, (() => {
+        const a = bt.cloneNode(!0);
+        return C(a, wl), f(a, () => l("summary", "Summary"), null), f(a, (() => {
           const c = m(() => !!i.payload);
           return () => c() && l("payload", "Payload");
         })(), null), f(a, (() => {
@@ -2619,8 +2644,8 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
           return () => c() && l("urlParams", "URL Params");
         })(), null), f(a, () => l("response", "Response"), null), f(a, () => l("diff", "Diff"), null), a;
       })(), (() => {
-        const a = al.cloneNode(!0);
-        return f(a, h(un, {
+        const a = dl.cloneNode(!0);
+        return f(a, h(dn, {
           get children() {
             return [h(de, {
               get when() {
@@ -2630,7 +2655,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 return [m(() => m(() => !!i.payload)() && h(M, {
                   title: "Payload",
                   get children() {
-                    return h(W, {
+                    return h(Z, {
                       get value() {
                         return i.payload;
                       },
@@ -2640,7 +2665,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 })), m(() => m(() => !!i.searchParams)() && h(M, {
                   title: "URL Params",
                   get children() {
-                    return h(W, {
+                    return h(Z, {
                       get value() {
                         return i.searchParams;
                       },
@@ -2650,7 +2675,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 })), m(() => m(() => !!i.response)() && h(M, {
                   title: "Response",
                   get children() {
-                    return h(W, {
+                    return h(Z, {
                       get value() {
                         return i.response;
                       },
@@ -2660,20 +2685,20 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 })), h(M, {
                   title: "Stats",
                   get children() {
-                    return h(Mr, {
+                    return h(Dr, {
                       get rows() {
                         return [i.type !== "ws" && {
                           name: "Duration",
                           value: (() => {
-                            const c = gl.cloneNode(!0), u = c.firstChild;
+                            const c = $l.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;
+                            }), u), _(() => c.style.setProperty("color", i.duration < 500 ? y.success.var : i.duration > 1e3 ? y.error.var : void 0)), c;
                           })()
                         }, {
                           name: "Start Time",
                           value: (() => {
-                            const c = ml.cloneNode(!0);
+                            const c = vl.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 && {
@@ -2691,7 +2716,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                     return h(M, {
                       title: "Metadata",
                       get children() {
-                        return h(W, {
+                        return h(Z, {
                           get value() {
                             return i.metadata;
                           }
@@ -2709,7 +2734,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 return h(M, {
                   title: null,
                   get children() {
-                    return h(W, {
+                    return h(Z, {
                       get value() {
                         return i.payload;
                       }
@@ -2725,7 +2750,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 return h(M, {
                   title: null,
                   get children() {
-                    return h(W, {
+                    return h(Z, {
                       get value() {
                         return i.response;
                       }
@@ -2741,7 +2766,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 return h(M, {
                   title: null,
                   get children() {
-                    return h(W, {
+                    return h(Z, {
                       get value() {
                         return i.searchParams;
                       }
@@ -2754,7 +2779,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
                 return n() === "diff";
               },
               get children() {
-                return h(ol, {});
+                return h(al, {});
               }
             })];
           }
@@ -2762,33 +2787,33 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       })()]
     })), 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`
+}, Cl = /* @__PURE__ */ $("<div><h1>timeline</h1><div></div></div>"), _l = /* @__PURE__ */ $("<div>no requests found</div>"), Sl = /* @__PURE__ */ $('<span class="start-time"></span>'), kl = /* @__PURE__ */ $("<div></div>"), Nl = /* @__PURE__ */ $('<span class="separator">|</span>'), Al = /* @__PURE__ */ $('<span class="payload"></span>'), Tl = S`
   &&& {
-    ${L()};
-    border-right: 1px solid ${$.white.alpha(0.1)};
+    ${O()};
+    border-right: 1px solid ${y.white.alpha(0.1)};
 
     > h1 {
       font-size: 16px;
       padding-left: 12px;
       padding-top: 10px;
       font-family: ${z.decorative};
-      color: ${$.secondary.var};
+      color: ${y.secondary.var};
       padding-bottom: 16px;
     }
   }
-`, Nl = S`
+`, Pl = S`
   &&& {
-    ${L()};
+    ${O()};
     flex: 1 1;
     overflow-y: auto;
   }
-`, Al = S`
+`, El = S`
   &&& {
     font-size: 13px;
-    ${L()};
+    ${O()};
 
     &.error {
-      color: ${$.error.var};
+      color: ${y.error.var};
       font-weight: 600;
     }
 
@@ -2801,7 +2826,7 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
 
       &.selected {
         opacity: 1;
-        background-color: ${$.secondary.alpha(0.16)};
+        background-color: ${y.secondary.alpha(0.16)};
       }
 
       > .start-time {
@@ -2818,38 +2843,38 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       }
     }
   }
-`, Tl = S`
+`, Ol = S`
   &&& {
     opacity: 0.4;
     font-size: 14px;
     padding: 12px;
     padding-top: 0;
   }
-`, Pl = () => {
+`, Ll = () => {
   const e = m(() => {
     const l = I.selectedCall;
-    return l ? l ? Q.calls[l] : null : Q.calls[Le.value] || null;
+    return l ? l ? Q.calls[l] : null : Q.calls[Oe.value] || null;
   }), t = m(() => {
-    const l = Bt(e()?.requests);
+    const l = Ht(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, Nl), f(s, h(G, {
+    const l = Cl.cloneNode(!0), o = l.firstChild, s = o.nextSibling;
+    return C(l, Tl), C(s, Pl), f(s, h(G, {
       get each() {
         return n();
       },
       get fallback() {
         return (() => {
-          const i = wl.cloneNode(!0);
-          return C(i, Tl), i;
+          const i = _l.cloneNode(!0);
+          return C(i, Ol), i;
         })();
       },
       children: (i) => {
-        const a = ne(i.startTime), c = a.format("HH:mm:ss"), u = a.fromNow(), p = Vt(i);
+        const a = ne(i.startTime), c = a.format("HH:mm:ss"), u = a.fromNow(), p = Ut(i);
         return (() => {
-          const d = Cl.cloneNode(!0);
-          return C(d, Al), f(d, h(F, {
+          const d = kl.cloneNode(!0);
+          return C(d, El), f(d, h(F, {
             onClick: () => {
               Ne("selectedRequest", i.id);
             },
@@ -2860,10 +2885,10 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
             },
             get children() {
               return [(() => {
-                const g = xl.cloneNode(!0);
-                return j(g, "title", u), f(g, c), g;
-              })(), m(() => !!p && [_l.cloneNode(!0), (() => {
                 const g = Sl.cloneNode(!0);
+                return j(g, "title", u), f(g, c), g;
+              })(), m(() => !!p && [Nl.cloneNode(!0), (() => {
+                const g = Al.cloneNode(!0);
                 return j(g, "title", p), f(g, p), g;
               })()])];
             }
@@ -2872,17 +2897,17 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
       }
     })), l;
   })();
-}, El = /* @__PURE__ */ y("<div></div>"), Ll = S`
+}, jl = /* @__PURE__ */ $("<div></div>"), Il = S`
   &&& {
     display: grid;
     grid-template-columns: 1fr 1fr 3fr;
   }
-`, Ol = () => (() => {
-  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 = `
+`, Ml = () => (() => {
+  const e = jl.cloneNode(!0);
+  return C(e, Il), f(e, h(Pr, {}), null), f(e, h(Ll, {}), null), f(e, h(xl, {}), null), e;
+})(), Dl = `
   font-family: ${z.primary};
-  color: ${$.textPrimary.var};
+  color: ${y.textPrimary.var};
 
   * {
     user-select: none;
@@ -2931,11 +2956,11 @@ const vt = /* @__PURE__ */ y("<div></div>"), il = /* @__PURE__ */ y('<h1><span c
   h3 {
     font-weight: normal;
   }
-`, Il = `
+`, zl = `
   display: flex;
   align-items: center;
   justify-content: center;
-`, Ml = `
+`, Rl = `
 *,
 *::before,
 *::after {
@@ -3009,26 +3034,26 @@ button {
   cursor: pointer;
   -webkit-appearance: none;
 }
-`, Dl = /* @__PURE__ */ y("<div></div>"), zl = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Rl = S`
-  ${Ml};
-  ${jl};
+`, Fl = /* @__PURE__ */ $("<div></div>"), Bl = /* @__PURE__ */ $('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Hl = S`
+  ${Rl};
+  ${Dl};
 
   position: fixed;
   inset: 32px;
   border-radius: 4px;
-  background: ${$.bgPrimary.var};
+  background: ${y.bgPrimary.var};
   display: grid;
   grid-template-columns: 51px 1fr;
 
   nav {
-    ${L()};
-    border-right: 1px solid ${$.white.alpha(0.1)};
+    ${O()};
+    border-right: 1px solid ${y.white.alpha(0.1)};
 
     button {
-      ${Il};
+      ${zl};
       width: 100%;
       aspect-ratio: 1 / 1;
-      color: ${$.bgPrimary.var};
+      color: ${y.bgPrimary.var};
       --icon-size: 30px;
 
       &::before {
@@ -3036,7 +3061,7 @@ button {
         inset: 6px;
         border-radius: 3px;
         position: absolute;
-        background: ${$.primary.var};
+        background: ${y.primary.var};
       }
     }
   }
@@ -3044,28 +3069,28 @@ button {
   > main > * {
     ${Je};
   }
-`, Fl = S`
+`, Vl = S`
   ${Je};
   position: fixed;
   inset: 0;
   backdrop-filter: blur(5px);
-`, Bl = () => [(() => {
-  const e = Dl.cloneNode(!0);
-  return _e(e, "click", Zt, !0), C(e, Fl), e;
+`, Ul = () => [(() => {
+  const e = Fl.cloneNode(!0);
+  return _e(e, "click", Zt, !0), C(e, Vl), e;
 })(), (() => {
-  const e = zl.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
-  return C(e, Rl), f(t, h(F, {
+  const e = Bl.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
+  return C(e, Hl), f(t, h(F, {
     title: "API Explorer",
     get children() {
       return h(Ee, {
         name: "network"
       });
     }
-  })), f(n, h(Ol, {})), e;
+  })), f(n, h(Ml, {})), e;
 })()];
 Pe(["click"]);
-const Hl = () => h(Bl, {});
-function Vl(e) {
+const Wl = () => h(Ul, {});
+function Zl(e) {
   let t = "";
   return e.forEach(({ family: n, weights: r, italics: l }) => {
     t += `${t ? "&" : ""}family=${n}:`, r[1] === ".." ? t += `wght@${r[0]}..${r[2]}` : (t += "ital,wght@", r.forEach((o, s) => {
@@ -3075,12 +3100,12 @@ function Vl(e) {
     }));
   }), `https://fonts.googleapis.com/css2?${t}&display=swap`;
 }
-let bt = !1;
-function Ul() {
-  if (bt)
+let wt = !1;
+function Kl() {
+  if (wt)
     return;
-  bt = !0;
-  const e = Vl([
+  wt = !0;
+  const e = Zl([
     {
       family: "Work+Sans",
       weights: [300, "..", 700]
@@ -3088,35 +3113,35 @@ 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 Ut = () => {
-}, We = !1;
-function Zl() {
-  if (ne.extend(Nn), We) {
+let Wt = () => {
+}, Ze = !1;
+function Jl() {
+  if (ne.extend(An), Ze) {
     Zt();
     return;
   }
-  We = !0, Ul(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
+  Ze = !0, Kl(), 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), Ut = yn(() => h(Hl, {}), e);
+  e.id = "dev-tools-root", document.body.appendChild(e), Wt = vn(() => h(Wl, {}), e);
 }
 function Zt() {
-  We = !1, Ut();
+  Ze = !1, Wt();
 }
-function ql({
+function no({
   callsProcessor: e,
   shortcut: t
 }) {
-  Yt(window, {
+  Gt(window, {
     [t]: (n) => {
       const r = document.activeElement;
-      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Zl());
+      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Jl());
     }
   }), $r({
     callsProcessor: e
   });
 }
 export {
-  yr as addCall,
-  Ql as addWebsocketEvent,
-  ql as initializeDevTools
+  vr as addCall,
+  to as addWebsocketEvent,
+  no as initializeDevTools
 };