app-devtools 0.26.0 → 0.28.0

package/dist/main.js

@@ -1,4 +1,4 @@
-import te from "dayjs";
+import ne from "dayjs";
 import { dequal as vt } from "dequal";
 import { produce as Zt } from "immer";
 import { parse as Wt } from "regexparam";
@@ -9,7 +9,7 @@ const U = {}, Gt = (e, t) => e === t, D = Symbol("solid-proxy"), ve = Symbol("so
   equals: Gt
 };
 let Qt = At;
-const J = 1, we = 2, bt = {
+const q = 1, we = 2, bt = {
   owned: null,
   cleanups: null,
   context: null,
@@ -17,7 +17,7 @@ const J = 1, we = 2, bt = {
 };
 var P = null;
 let X = null, A = null, E = null, Y = null, Ze = 0;
-function ne(e, t) {
+function re(e, t) {
   const n = A, r = P, l = e.length === 0, o = l ? bt : {
     owned: null,
     cleanups: null,
@@ -26,12 +26,12 @@ function ne(e, t) {
   }, s = l ? e : () => e(() => Z(() => Te(o)));
   P = o, A = null;
   try {
-    return ce(s, !0);
+    return ue(s, !0);
   } finally {
     A = n, P = r;
   }
 }
-function le(e, t) {
+function oe(e, t) {
   t = t ? Object.assign({}, be, t) : be;
   const n = {
     value: e,
@@ -42,7 +42,7 @@ function le(e, t) {
   return [Ct.bind(n), r];
 }
 function _(e, t, n) {
-  const r = St(e, t, !1, J);
+  const r = St(e, t, !1, q);
   Ne(r);
 }
 function m(e, t, n) {
@@ -51,7 +51,7 @@ function m(e, t, n) {
   return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, Ne(r), Ct.bind(r);
 }
 function Jt(e) {
-  return ce(e, !1);
+  return ue(e, !1);
 }
 function Z(e) {
   if (A === null)
@@ -80,11 +80,11 @@ function qt(e) {
 function Ct() {
   const e = X;
   if (this.sources && (this.state || e))
-    if (this.state === J || e)
+    if (this.state === q || e)
       Ne(this);
     else {
       const t = E;
-      E = null, ce(() => xe(this), !1), E = t;
+      E = null, ue(() => xe(this), !1), E = t;
     }
   if (A) {
     const t = this.observers ? this.observers.length : 0;
@@ -94,10 +94,10 @@ function Ct() {
 }
 function _t(e, t, n) {
   let r = e.value;
-  return (!e.comparator || !e.comparator(r, t)) && (e.value = t, e.observers && e.observers.length && ce(() => {
+  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 = J);
+      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);
     }
     if (E.length > 1e6)
       throw E = [], new Error();
@@ -115,11 +115,11 @@ function en(e, t, n) {
   try {
     r = e.fn(t);
   } catch (l) {
-    e.pure && (e.state = J, 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), Tt(l);
   }
   (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? _t(e, r) : e.value = r, e.updatedAt = n);
 }
-function St(e, t, n, r = J, l) {
+function St(e, t, n, r = q, l) {
   const o = {
     fn: e,
     state: r,
@@ -147,14 +147,14 @@ function kt(e) {
   for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < Ze); )
     (e.state || t) && n.push(e);
   for (let r = n.length - 1; r >= 0; r--)
-    if (e = n[r], e.state === J || t)
+    if (e = n[r], e.state === q || t)
       Ne(e);
     else if (e.state === we || t) {
       const l = E;
-      E = null, ce(() => xe(e, n[0]), !1), E = l;
+      E = null, ue(() => xe(e, n[0]), !1), E = l;
     }
 }
-function ce(e, t) {
+function ue(e, t) {
   if (E)
     return e();
   let n = !1;
@@ -170,7 +170,7 @@ function tn(e) {
   if (E && (At(E), E = null), e)
     return;
   const t = Y;
-  Y = null, t.length && ce(() => Qt(t), !1);
+  Y = null, t.length && ue(() => Qt(t), !1);
 }
 function At(e) {
   for (let t = 0; t < e.length; t++)
@@ -181,7 +181,7 @@ function xe(e, t) {
   e.state = 0;
   for (let r = 0; r < e.sources.length; r += 1) {
     const l = e.sources[r];
-    l.sources && (l.state === J || n ? l !== t && kt(l) : (l.state === we || n) && xe(l, t));
+    l.sources && (l.state === q || n ? l !== t && kt(l) : (l.state === we || n) && xe(l, t));
   }
 }
 function Nt(e) {
@@ -244,10 +244,10 @@ function rn(e, t, n = {}) {
     return a[ve], Z(() => {
       let d = a.length, g, v, b, w, k, x, N, T, O;
       if (d === 0)
-        s !== 0 && (Ce(o), o = [], r = [], l = [], s = 0, i && (i = [])), n.fallback && (r = [Re], l[0] = ne((H) => (o[0] = H, n.fallback())), s = 1);
+        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);
       else if (s === 0) {
         for (l = new Array(d), u = 0; u < d; u++)
-          r[u] = a[u], l[u] = ne(p);
+          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++)
@@ -259,14 +259,14 @@ function rn(e, t, n = {}) {
         for (c = x; c <= N; 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] = ne(p);
+          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);
       }
       return l;
     });
     function p(d) {
       if (o[u] = d, i) {
-        const [g, v] = le(u);
+        const [g, v] = oe(u);
         return i[u] = v, t(a[u], g);
       }
       return t(a[u]);
@@ -279,16 +279,16 @@ function ln(e, t, n = {}) {
     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] = ne((p) => (o[0] = p, n.fallback())), i = 1), l;
+        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++)
-        a < r.length && r[a] !== c[a] ? s[a](() => c[a]) : a >= r.length && (l[a] = ne(u));
+        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]();
       return i = s.length = o.length = c.length, r = c.slice(0), l = l.slice(0, i);
     });
     function u(p) {
       o[a] = p;
-      const [d, g] = le(c[a]);
+      const [d, g] = oe(c[a]);
       return s[a] = g, t(d, a);
     }
   };
@@ -372,7 +372,7 @@ function sn(...e) {
     }
   return n;
 }
-function G(e) {
+function Q(e) {
   const t = "fallback" in e && {
     fallback: () => e.fallback
   };
@@ -384,7 +384,7 @@ function an(e) {
   };
   return m(ln(() => e.each, e.children, t || void 0));
 }
-function fe(e) {
+function G(e) {
   let t = !1;
   const n = e.keyed, r = m(() => e.when, void 0, {
     equals: (l, o) => t ? l === o : !l == !o
@@ -420,7 +420,7 @@ function cn(e) {
     return t = n || u, u ? Z(() => c(i)) : c;
   }, void 0, void 0);
 }
-function ue(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), {
@@ -485,7 +485,7 @@ function mn(e, t, n) {
 const Ye = "_$DX_DELEGATE";
 function $n(e, t, n, r = {}) {
   let l;
-  return ne((o) => {
+  return re((o) => {
     l = o, t === document ? e() : f(t, e(), t.firstChild ? null : void 0, n);
   }, r.owner), () => {
     l(), t.textContent = "";
@@ -551,12 +551,12 @@ function Pt(e, t, n) {
 }
 function bn(e, t = {}, n, r) {
   const l = {};
-  return r || _(() => l.children = oe(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)), _(() => wn(e, t, n, !0, l, !0)), l;
 }
 function f(e, t, n, r) {
   if (n !== void 0 && !r && (r = []), typeof t != "function")
-    return oe(e, t, r, n);
-  _((l) => oe(e, t(), l, n), r);
+    return ie(e, t, r, n);
+  _((l) => ie(e, t(), l, n), r);
 }
 function wn(e, t, n, r, l = {}, o = !1) {
   t || (t = {});
@@ -568,7 +568,7 @@ function wn(e, t, n, r, l = {}, o = !1) {
     }
   for (const s in t) {
     if (s === "children") {
-      r || oe(e, t.children);
+      r || ie(e, t.children);
       continue;
     }
     const i = t[s];
@@ -641,7 +641,7 @@ function Cn(e) {
     n = n._$host || n.parentNode || n.host;
   }
 }
-function oe(e, t, n, r, l) {
+function ie(e, t, n, r, l) {
   for (U.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
     n = n();
   if (t === n)
@@ -652,25 +652,25 @@ function oe(e, t, n, r, l) {
       return n;
     if (o === "number" && (t = t.toString()), s) {
       let i = n[0];
-      i && i.nodeType === 3 ? i.data = t : i = document.createTextNode(t), n = q(e, n, r, i);
+      i && i.nodeType === 3 ? i.data = t : i = document.createTextNode(t), n = ee(e, n, r, i);
     } else
       n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
   } else if (t == null || o === "boolean") {
     if (U.context)
       return n;
-    n = q(e, n, r);
+    n = ee(e, n, r);
   } else {
     if (o === "function")
       return _(() => {
         let i = t();
         for (; typeof i == "function"; )
           i = i();
-        n = oe(e, i, n, r);
+        n = ie(e, i, n, r);
       }), () => n;
     if (Array.isArray(t)) {
       const i = [], a = n && Array.isArray(n);
       if (ze(i, t, n, l))
-        return _(() => n = oe(e, i, n, r, !0)), () => n;
+        return _(() => n = ie(e, i, n, r, !0)), () => n;
       if (U.context) {
         if (!i.length)
           return n;
@@ -679,18 +679,18 @@ function oe(e, t, n, r, l) {
             return n = i;
       }
       if (i.length === 0) {
-        if (n = q(e, n, r), s)
+        if (n = ee(e, n, r), s)
           return n;
       } else
-        a ? n.length === 0 ? Je(e, i, r) : mn(e, n, i) : (n && q(e), Je(e, i));
+        a ? n.length === 0 ? Je(e, i, r) : mn(e, n, i) : (n && ee(e), Je(e, i));
       n = i;
     } else if (t instanceof Node) {
       if (U.context && t.parentNode)
         return n = s ? [t] : t;
       if (Array.isArray(n)) {
         if (s)
-          return n = q(e, n, r, t);
-        q(e, n, null, t);
+          return n = ee(e, n, r, t);
+        ee(e, n, null, t);
       } else
         n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
       n = t;
@@ -725,7 +725,7 @@ function Je(e, t, n = null) {
   for (let r = 0, l = t.length; r < l; r++)
     e.insertBefore(t[r], n);
 }
-function q(e, t, n, r) {
+function ee(e, t, n, r) {
   if (n === void 0)
     return e.textContent = "";
   const l = r || document.createTextNode("");
@@ -941,25 +941,25 @@ function Lt(e, t) {
   }
   return n;
 }
-function ie(e) {
+function se(e) {
   let t;
   return e != null && typeof e == "object" && (e[D] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
-function se(e, t = /* @__PURE__ */ new Set()) {
+function ae(e, t = /* @__PURE__ */ new Set()) {
   let n, r, l, o;
   if (n = e != null && e[Se])
     return n;
-  if (!ie(e) || t.has(e))
+  if (!se(e) || t.has(e))
     return e;
   if (Array.isArray(e)) {
     Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
     for (let s = 0, i = e.length; s < i; s++)
-      l = e[s], (r = se(l, t)) !== l && (e[s] = r);
+      l = e[s], (r = ae(l, t)) !== l && (e[s] = r);
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
     const s = Object.keys(e), i = Object.getOwnPropertyDescriptors(e);
     for (let a = 0, c = s.length; a < c; a++)
-      o = s[a], !i[o].get && (l = e[o], (r = se(l, t)) !== l && (e[o] = r));
+      o = s[a], !i[o].get && (l = e[o], (r = ae(l, t)) !== l && (e[o] = r));
   }
   return e;
 }
@@ -986,7 +986,7 @@ function Kn(e) {
   return Ot(e), Reflect.ownKeys(e);
 }
 function jt(e) {
-  const [t, n] = le(e, {
+  const [t, n] = oe(e, {
     equals: !1,
     internal: !0
   });
@@ -1008,7 +1008,7 @@ const Xn = {
       const s = Object.getOwnPropertyDescriptor(e, t);
       xt() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = Be(r, t, o)());
     }
-    return ie(o) ? Lt(o) : o;
+    return se(o) ? Lt(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);
@@ -1022,7 +1022,7 @@ const Xn = {
   ownKeys: Kn,
   getOwnPropertyDescriptor: Wn
 };
-function ae(e, t, n, r = !1) {
+function ce(e, t, n, r = !1) {
   if (!r && e[t] === n)
     return;
   const l = e[t], o = e.length;
@@ -1034,34 +1034,34 @@ function It(e, t) {
   const n = Object.keys(t);
   for (let r = 0; r < n.length; r += 1) {
     const l = n[r];
-    ae(e, l, t[l]);
+    ce(e, l, t[l]);
   }
 }
 function Yn(e, t) {
-  if (typeof t == "function" && (t = t(e)), t = se(t), Array.isArray(t)) {
+  if (typeof t == "function" && (t = t(e)), t = ae(t), Array.isArray(t)) {
     if (e === t)
       return;
     let n = 0, r = t.length;
     for (; n < r; n++) {
       const l = t[n];
-      e[n] !== l && ae(e, n, l);
+      e[n] !== l && ce(e, n, l);
     }
-    ae(e, "length", r);
+    ce(e, "length", r);
   } else
     It(e, t);
 }
-function de(e, t, n = []) {
+function fe(e, t, n = []) {
   let r, l = e;
   if (t.length > 1) {
     r = t.shift();
     const s = typeof r, i = Array.isArray(e);
     if (Array.isArray(r)) {
       for (let a = 0; a < r.length; a++)
-        de(e, [r[a]].concat(t), n);
+        fe(e, [r[a]].concat(t), n);
       return;
     } else if (i && s === "function") {
       for (let a = 0; a < e.length; a++)
-        r(e[a], a) && de(e, [a].concat(t), n);
+        r(e[a], a) && fe(e, [a].concat(t), n);
       return;
     } else if (i && s === "object") {
       const {
@@ -1070,22 +1070,22 @@ function de(e, t, n = []) {
         by: u = 1
       } = r;
       for (let p = a; p <= c; p += u)
-        de(e, [p].concat(t), n);
+        fe(e, [p].concat(t), n);
       return;
     } else if (t.length > 1) {
-      de(e[r], t, [r].concat(n));
+      fe(e[r], t, [r].concat(n));
       return;
     }
     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 = se(o), r === void 0 || ie(l) && ie(o) && !Array.isArray(o) ? It(l, o) : ae(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) ? It(l, o) : ce(e, r, o));
 }
 function Mt(...[e, t]) {
-  const n = se(e || {}), r = Array.isArray(n), l = Lt(n);
+  const n = ae(e || {}), r = Array.isArray(n), l = Lt(n);
   function o(...s) {
     Jt(() => {
-      r && s.length === 1 ? Yn(n, s[0]) : de(n, s);
+      r && s.length === 1 ? Yn(n, s[0]) : fe(n, s);
     });
   }
   return [l, o];
@@ -1096,18 +1096,18 @@ const ke = /* @__PURE__ */ new WeakMap(), Dt = {
       return e;
     const n = e[t];
     let r;
-    return ie(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, Dt)), r) : n;
   },
   set(e, t, n) {
-    return ae(e, t, se(n)), !0;
+    return ce(e, t, ae(n)), !0;
   },
   deleteProperty(e, t) {
-    return ae(e, t, void 0, !0), !0;
+    return ce(e, t, void 0, !0), !0;
   }
 };
 function Gn(e) {
   return (t) => {
-    if (ie(t)) {
+    if (se(t)) {
       let n;
       (n = ke.get(t)) || ke.set(t, n = new Proxy(t, Dt)), e(n);
     }
@@ -1246,7 +1246,7 @@ function Rt(e, t) {
   return m((n) => lr(n, typeof e == "function" ? e() : e, t));
 }
 function ge(e) {
-  const [t, n] = le(e);
+  const [t, n] = oe(e);
   return {
     get value() {
       return t();
@@ -1265,7 +1265,15 @@ function ge(e) {
     }
   };
 }
-const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y("<span></span>"), ir = /* @__PURE__ */ y('<div><div class="call"></div></div>'), sr = S`
+function or(e) {
+  const t = m(e);
+  return {
+    get value() {
+      return t();
+    }
+  };
+}
+const ir = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y("<span></span>"), sr = /* @__PURE__ */ y('<div><div class="call"></div></div>'), ar = S`
   &&& {
     font-size: 14px;
     ${L()};
@@ -1342,11 +1350,11 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
       }
     }
   }
-`, ar = (e) => {
-  const t = m(() => e.item), n = m(() => e.currentCallId), r = ge(e.item.subitemsWithAlias.length < 4), l = cr(t().type, t().subType);
+`, cr = (e) => {
+  const t = m(() => e.item), n = m(() => e.currentCallId), r = ge(e.item.subitemsWithAlias.length < 4), l = ur(t().type, t().subType);
   return (() => {
-    const o = ir.cloneNode(!0), s = o.firstChild;
-    return C(o, sr), f(s, h(F, {
+    const o = sr.cloneNode(!0), s = o.firstChild;
+    return C(o, ar), f(s, h(F, {
       onClick: () => {
         Ae({
           selectedCall: t().id,
@@ -1356,7 +1364,7 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
       class: "call-button",
       get children() {
         return [(() => {
-          const i = or.cloneNode(!0);
+          const i = ir.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;
@@ -1387,12 +1395,12 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
           });
         }
       });
-    })(), null), f(o, h(fe, {
+    })(), null), f(o, h(G, {
       get when() {
         return r.value;
       },
       get children() {
-        return h(G, {
+        return h(Q, {
           get each() {
             return t().subitemsWithAlias;
           },
@@ -1419,7 +1427,7 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
     }), null), _(() => s.classList.toggle("selected", n() === t().id)), o;
   })();
 };
-function cr(e, t) {
+function ur(e, t) {
   if (e === "ws")
     return {
       icon: t === "send" ? "S" : "R",
@@ -1440,16 +1448,16 @@ function cr(e, t) {
 function zt(e) {
   return e ? e.slice().reverse() : [];
 }
-function ur(...e) {
+function dr(...e) {
   const t = [];
   for (const n of e)
     n != null && t.push(...n);
   return t;
 }
-function dr(e) {
+function fr(e) {
   return e.filter((t) => t != null);
 }
-function fr(e) {
+function pr(e) {
   return e.filter((t) => t !== !1);
 }
 function nt(e) {
@@ -1463,11 +1471,11 @@ function rt(e, t) {
     return t && t(n), null;
   }
 }
-function pr(e, t) {
+function hr(e, t) {
   const n = Wt(t);
-  return hr(e, n);
+  return gr(e, n);
 }
-function hr(e, t) {
+function gr(e, t) {
   let n = 0;
   const r = {}, l = t.pattern.exec(e);
   if (!l)
@@ -1476,46 +1484,46 @@ function hr(e, t) {
     r[t.keys[n]] = l[++n] || null;
   return r;
 }
-function re(e) {
+function le(e) {
   var t, n, r;
   if (Array.isArray(e)) {
     for (n = Array(t = e.length); t--; )
-      n[t] = (r = e[t]) && typeof r == "object" ? re(r) : r;
+      n[t] = (r = e[t]) && typeof r == "object" ? le(r) : r;
     return n;
   }
   if (Object.prototype.toString.call(e) === "[object Object]") {
     n = {};
     for (t in e)
       t === "__proto__" ? Object.defineProperty(n, t, {
-        value: re(e[t]),
+        value: le(e[t]),
         configurable: !0,
         enumerable: !0,
         writable: !0
-      }) : n[t] = (r = e[t]) && typeof r == "object" ? re(r) : r;
+      }) : n[t] = (r = e[t]) && typeof r == "object" ? le(r) : r;
     return n;
   }
   return e;
 }
-const [Q, gr] = Mt({
+const [J, mr] = Mt({
   calls: {}
 }), Le = ge("");
 let He = {
   callsProcessor: []
 };
-function mr(e) {
+function $r(e) {
   He = {
     ...He,
     ...e
   };
 }
-function Ql({
+function Jl({
   type: e,
   response: t,
   payload: n,
   event: r,
   startTime: l
 }) {
-  $r({
+  yr({
     type: "ws",
     path: r,
     payload: n,
@@ -1527,7 +1535,7 @@ function Ql({
     response: t
   });
 }
-function $r(e) {
+function yr(e) {
   const t = e.startTime || Date.now();
   return ({
     isError: n,
@@ -1537,7 +1545,7 @@ function $r(e) {
     tags: s
   }) => {
     const i = e.duration || Date.now() - t;
-    gr(
+    mr(
       Gn((a) => {
         const c = rt(
           () => new URL(e.path, "http://localhost")
@@ -1549,7 +1557,7 @@ function $r(e) {
           if (typeof N.match == "string") {
             if (N.matchType && N.matchType !== e.type || N.matchSubType && e.subType && N.matchSubType.includes(e.subType))
               return !1;
-            const T = pr(c.pathname, N.match);
+            const T = hr(c.pathname, N.match);
             return T ? (p = T, !0) : !1;
           } else
             return N.match({
@@ -1579,18 +1587,18 @@ function $r(e) {
           duration: i,
           pathParams: p,
           isError: n,
-          metadata: re(o),
-          response: re(l),
+          metadata: le(o),
+          response: le(l),
           path: e.path.replace(/^\//, ""),
-          payload: re(e.payload),
+          payload: le(e.payload),
           searchParams: u,
           startTime: t,
           type: e.type,
           method: e.method,
           subType: e.subType,
           code: r,
-          tags: dr(
-            ur(e.tags, s)
+          tags: fr(
+            dr(e.tags, s)
           )
         }, x = rt(
           () => d?.payloadAlias?.(k.payload, k)
@@ -1600,29 +1608,29 @@ function $r(e) {
     );
   };
 }
-const yr = {
+const vr = {
   short: 160,
   medium: 240,
   long: 360
-}, vr = {
+}, br = {
   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"
 }, lt = (e) => e !== void 0 ? `${e}ms` : "";
-function br(e = {}) {
+function wr(e = {}) {
   const { properties: t, duration: n, ease: r, delay: l } = e;
   return `
     transition: ${lt(
-    typeof n == "number" ? n : yr[n || "medium"]
-  )} ${vr[r || "inOut"]} ${lt(l)};
+    typeof n == "number" ? n : vr[n || "medium"]
+  )} ${br[r || "inOut"]} ${lt(l)};
     ${t ? `
     transition-property: ${t.join(", ") || ""};
     ` : ""}
   `;
 }
 const ot = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
-function wr(e, t) {
+function xr(e, t) {
   const n = ot(String(t)).indexOf(
     ot(String(e))
   );
@@ -1631,7 +1639,7 @@ function wr(e, t) {
     matchedIndex: n
   };
 }
-function xr(e, t, { lowerFirst: n } = {}) {
+function Cr(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;
@@ -1644,14 +1652,14 @@ function it({
 }) {
   const r = [];
   for (const l of e) {
-    const o = wr(t, n(l));
+    const o = xr(t, n(l));
     o.matched && r.push({ item: l, matchedIndex: o.matchedIndex });
   }
-  return xr(r, (l) => l.matchedIndex, {
+  return Cr(r, (l) => l.matchedIndex, {
     lowerFirst: !0
   }).map(({ item: l }) => l);
 }
-const Cr = /* @__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>'), _r = S`
+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`
   &&& {
     ${L()};
     border-right: 1px solid ${$.white.alpha(0.1)};
@@ -1665,14 +1673,14 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       padding-bottom: 12px;
     }
   }
-`, Sr = S`
+`, kr = S`
   &&& {
     ${L()};
     flex: 1 1;
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, kr = S`
+`, Ar = S`
   &&& {
     ${B({
   gap: 8
@@ -1702,7 +1710,7 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       }
     }
   }
-`, Ar = S`
+`, Nr = S`
   &&& {
     ${B({
   gap: 16
@@ -1713,7 +1721,7 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
     > button {
       font-size: 14px;
       opacity: 0.5;
-      ${br()};
+      ${wr()};
 
       &:hover {
         opacity: 1;
@@ -1725,9 +1733,9 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       }
     }
   }
-`, V = ge("api"), Nr = () => {
+`, V = ge("api"), Tr = () => {
   const e = ge(""), t = Rt(() => {
-    const [r = "", l = ""] = e.value.split(">"), o = Object.entries(Q.calls), s = [];
+    const [r = "", l = ""] = e.value.split(">"), o = Object.entries(J.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")) {
@@ -1755,16 +1763,16 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
     });
   }, "id"), n = m(() => I.selectedCall);
   return (() => {
-    const r = Cr.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, _r), C(o, Ar), s.$$click = () => V.set("api"), i.$$click = () => V.set("ws"), a.$$click = () => V.set("all"), C(c, kr), f(c, h(Ee, {
+    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, {
       name: "search"
     }), u), u.$$input = (d) => {
       e.value = d.currentTarget.value;
-    }, C(p, Sr), f(p, h(G, {
+    }, C(p, kr), f(p, h(Q, {
       get each() {
         return t();
       },
-      children: (d, g) => h(ar, {
+      children: (d, g) => h(cr, {
         get index() {
           return g();
         },
@@ -1799,7 +1807,7 @@ function Ft(...e) {
   }
   return t.join(" ");
 }
-const Tr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Pr = /* @__PURE__ */ y("<h1></h1>"), Er = S`
+const Pr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Er = /* @__PURE__ */ y("<h1></h1>"), Lr = S`
   &&& {
     ${L()};
 
@@ -1834,15 +1842,15 @@ const Tr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Pr = /*
     }
   }
 `, M = (e) => (() => {
-  const t = Tr.cloneNode(!0), n = t.firstChild;
+  const t = Pr.cloneNode(!0), n = t.firstChild;
   return f(t, (() => {
     const r = m(() => !!e.title);
     return () => r() && (() => {
-      const l = Pr.cloneNode(!0);
+      const l = Er.cloneNode(!0);
       return f(l, () => e.title), l;
     })();
-  })(), n), f(n, () => e.children), _(() => C(t, Ft(Er, e.class))), t;
-})(), Lr = /* @__PURE__ */ y("<div></div>"), Or = /* @__PURE__ */ y('<div class="row"><div class="name"></div><div class="value"></div></div>'), jr = S`
+  })(), n), f(n, () => e.children), _(() => C(t, Ft(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;
     grid-template-columns: auto 1fr;
@@ -1870,25 +1878,25 @@ const Tr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Pr = /*
       opacity: 0.7;
     }
   }
-`, Ir = (e) => (() => {
-  const t = Lr.cloneNode(!0);
-  return C(t, jr), f(t, h(an, {
+`, Mr = (e) => (() => {
+  const t = Or.cloneNode(!0);
+  return C(t, Ir), f(t, h(an, {
     get each() {
-      return fr(e.rows);
+      return pr(e.rows);
     },
     children: (n) => (() => {
-      const r = Or.cloneNode(!0), l = r.firstChild, o = l.nextSibling;
+      const r = jr.cloneNode(!0), l = r.firstChild, o = l.nextSibling;
       return f(l, () => n().name), f(o, () => n().value), r;
     })()
   })), t;
-})(), Mr = `
+})(), Dr = `
   user-select: text;
 
   *, *::before, *::after {
     user-select: text;
   }
 `;
-function Dr(e) {
+function Rr(e) {
   return `
     display: -webkit-box;
     overflow: hidden;
@@ -1905,11 +1913,11 @@ function Bt(e, t) {
     })
   ).get(t)).format(e);
 }
-const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @__PURE__ */ y('<div class="collapsed"></div>'), Fr = /* @__PURE__ */ y('<div class="delimiter">[]</div>'), Br = /* @__PURE__ */ y('<div class="delimiter">{}</div>'), at = /* @__PURE__ */ y('<div class="delimiter"></div>'), ct = /* @__PURE__ */ y('<div class="childs"></div>'), Hr = /* @__PURE__ */ y('<div class="delimiter end">]</div>'), ut = /* @__PURE__ */ y('<div class="child"></div>'), Vr = /* @__PURE__ */ y('<div class="delimiter end">}</div>'), Ur = /* @__PURE__ */ y('<div class="value" title="Shift + Click to copy value"></div>'), dt = /* @__PURE__ */ y('<span class="string-quotes">"</span>'), Zr = /* @__PURE__ */ y("<div></div>"), Wr = S`
+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`
   &&& {
     font-family: ${R.decorative};
     font-size: 13px;
-    ${Mr};
+    ${Dr};
     ${L({
   gap: 2
 })};
@@ -1997,7 +2005,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
 
     .value {
       word-wrap: break-word;
-      ${Dr(5)};
+      ${Rr(5)};
     }
 
     [data-type='number'] {
@@ -2017,8 +2025,8 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
       color: ${$.white.alpha(0.5)};
     }
   }
-`, ee = 14, Ve = (e) => {
-  let [t, n] = le(!(e.indent > 0 && e.compact)), [r, l] = le(!e.compact);
+`, te = 14, Ve = (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, {
       onClick: () => {
@@ -2038,7 +2046,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
       }
     });
     return [a && (() => {
-      const p = Rr.cloneNode(!0), d = p.firstChild;
+      const p = zr.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) => {
@@ -2052,9 +2060,9 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
     })(), m((() => {
       const p = m(() => !!(a && c && !t()));
       return () => p() ? (() => {
-        const d = zr.cloneNode(!0);
+        const d = Fr.cloneNode(!0);
         return f(d, () => s ? `[…] ${o.length} items` : `{…} ${Object.keys(o).length} properties`), d;
-      })() : (() => s && o.length === 0 ? Fr.cloneNode(!0) : i && Object.keys(o).length === 0 ? Br.cloneNode(!0) : s ? [(() => {
+      })() : (() => s && o.length === 0 ? Br.cloneNode(!0) : i && Object.keys(o).length === 0 ? Hr.cloneNode(!0) : s ? [(() => {
         const d = at.cloneNode(!0);
         return _e(d, "click", a ? void 0 : (g) => {
           g.shiftKey && ye(o);
@@ -2066,7 +2074,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
           return f(g, () => {
             let v = o;
             const b = v.length;
-            return r() || (v = v.slice(0, ee)), [m(() => v.map((w, k) => (() => {
+            return r() || (v = v.slice(0, te)), [m(() => v.map((w, k) => (() => {
               const x = ut.cloneNode(!0);
               return f(x, h(Ve, {
                 value: w,
@@ -2079,19 +2087,19 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
                 }
               })), x;
             })())), m((() => {
-              const w = m(() => !r() && b > ee);
+              const w = m(() => !r() && b > te);
               return () => w() && h(F, {
                 onClick: () => {
                   l(() => !0);
                 },
                 class: "show-all",
                 get children() {
-                  return ["…show all (+", b - ee, ")"];
+                  return ["…show all (+", b - te, ")"];
                 }
               });
             })())];
           }), g;
-        })(), Hr.cloneNode(!0)];
+        })(), Vr.cloneNode(!0)];
       })())] : i ? [(() => {
         const d = at.cloneNode(!0);
         return _e(d, "click", a ? void 0 : (g) => {
@@ -2107,7 +2115,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
           return f(g, () => {
             let v = Object.entries(o);
             const b = v.length;
-            return r() || (v = v.slice(0, ee)), [m(() => v.map(([w, k]) => (() => {
+            return r() || (v = v.slice(0, te)), [m(() => v.map(([w, k]) => (() => {
               const x = ut.cloneNode(!0);
               return f(x, h(Ve, {
                 value: k,
@@ -2120,21 +2128,21 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
                 }
               })), x;
             })())), m((() => {
-              const w = m(() => !r() && b > ee);
+              const w = m(() => !r() && b > te);
               return () => w() && h(F, {
                 onClick: () => {
                   l(() => !0);
                 },
                 class: "show-all",
                 get children() {
-                  return ["…show all (+", b - ee, ")"];
+                  return ["…show all (+", b - te, ")"];
                 }
               });
             })())];
           }), g;
-        })(), Vr.cloneNode(!0)];
+        })(), Ur.cloneNode(!0)];
       })())] : (() => {
-        const d = Ur.cloneNode(!0);
+        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;
@@ -2142,8 +2150,8 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
     })())];
   });
 }, W = (e) => (() => {
-  const t = Zr.cloneNode(!0);
-  return C(t, Wr), f(t, h(Ve, {
+  const t = Wr.cloneNode(!0);
+  return C(t, Kr), f(t, h(Ve, {
     get value() {
       return e.value;
     },
@@ -2157,11 +2165,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 Kr = 0;
-function Xr() {
-  return Kr++;
+let Xr = 0;
+function Yr() {
+  return Xr++;
 }
-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>'), Jr = /* @__PURE__ */ y("<option></option>"), qr = S`
+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`
   &&& {
     ${L({
   align: "left"
@@ -2216,32 +2224,32 @@ const Yr = /* @__PURE__ */ y("<label></label>"), Gr = /* @__PURE__ */ y('<div><d
       background: ${$.white.var};
     }
   }
-`, el = (e) => {
-  const t = `input${Xr()}`;
+`, tl = (e) => {
+  const t = `input${Yr()}`;
   return (() => {
-    const n = Gr.cloneNode(!0), r = n.firstChild, l = r.firstChild;
-    return f(n, h(fe, {
+    const n = Qr.cloneNode(!0), r = n.firstChild, l = r.firstChild;
+    return f(n, h(G, {
       get when() {
         return e.label;
       },
       get children() {
-        const o = Yr.cloneNode(!0);
+        const o = Gr.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);
-    })(), null), f(l, h(G, {
+      return () => o() && Jr.cloneNode(!0);
+    })(), null), f(l, h(Q, {
       get each() {
         return e.options;
       },
       children: (o) => (() => {
-        const s = Jr.cloneNode(!0);
+        const s = qr.cloneNode(!0);
         return f(s, () => o.label), _(() => s.value = o.value), s;
       })()
-    }), null), _(() => C(n, Ft(qr, e.class))), _(() => l.value = e.value ?? ""), n;
+    }), null), _(() => C(n, Ft(el, e.class))), _(() => l.value = e.value ?? ""), n;
   })();
 };
 function Ht(e) {
@@ -2254,10 +2262,10 @@ function ft(e, t) {
     typeof t == "object" && t !== null ? t : String(t)
   );
 }
-function tl(e, t) {
+function nl(e, t) {
   return e.length > t ? `${e.slice(0, t)}...` : e;
 }
-const nl = /* @__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>'), rl = 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>"), pt = /* @__PURE__ */ y("<div>No changes</div>"), ht = /* @__PURE__ */ y('<div class="line"></div>'), ll = S`
   &&& {
     ${L({
   gap: 14
@@ -2315,32 +2323,32 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       }
     }
   }
-`, ll = () => {
+`, ol = () => {
   const e = m(() => {
     const {
       selectedCall: a
     } = I;
-    return a ? Q.calls[a] : Q.calls[Le.value];
-  }), t = m(() => I.selectedRequest ? e()?.requests.find((a) => a.id === I.selectedRequest) : e()?.requests.at(-1) || null), n = m(() => t()?.id), r = Rt(() => {
+    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(() => {
     const a = e();
     return a ? zt(a.requests).map((c) => ({
       value: c.id,
-      label: `${te(c.startTime).format("HH:mm:ss")} | ${tl(Ht(c), 50)}`
+      label: `${ne(c.startTime).format("HH:mm:ss")} | ${nl(Ht(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()?.response, c = o()?.response, u = ft(c, a);
+    const a = t.value?.response, c = o()?.response, u = ft(c, a);
     return u === "no changes" ? [] : u;
   }), i = m(() => {
     if (!l.value || !n())
       return [];
-    const a = mt(t()), c = mt(o()), u = ft(c, a);
+    const a = mt(t.value), c = mt(o()), u = ft(c, a);
     return u === "no changes" ? [] : u;
   });
   return (() => {
     const a = Me.cloneNode(!0);
-    return C(a, rl), f(a, h(el, {
+    return C(a, ll), f(a, h(tl, {
       get value() {
         return l.value;
       },
@@ -2351,61 +2359,75 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       onChange: (c) => {
         l.value = c;
       }
-    }), null), f(a, h(fe, {
+    }), null), f(a, h(G, {
       get when() {
         return l.value;
       },
       get children() {
         return [(() => {
-          const c = nl.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 = 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(M, {
-          get title() {
-            return m(() => !!t()?.payload)() ? "Payload Diff" : t()?.searchParams ? "Search Params Diff" : "Path Params Diff";
+        })(), h(G, {
+          get when() {
+            return t.value?.payload || t.value?.searchParams || t.value?.pathParams;
           },
           get children() {
-            const c = Me.cloneNode(!0);
-            return C(c, gt), f(c, h(G, {
-              get each() {
-                return i();
+            return h(M, {
+              get title() {
+                return t.value?.payload ? "Payload Diff" : t.value?.searchParams ? "Search Params Diff" : t.value?.pathParams ? "Path Params Diff" : "Payload";
               },
-              get fallback() {
-                return pt.cloneNode(!0);
-              },
-              children: (u) => (() => {
-                const p = ht.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;
-                }, {
-                  _v$: void 0,
-                  _v$2: void 0
-                }), p;
-              })()
-            })), c;
+              get children() {
+                const c = Me.cloneNode(!0);
+                return C(c, gt), f(c, h(Q, {
+                  get each() {
+                    return i();
+                  },
+                  get fallback() {
+                    return pt.cloneNode(!0);
+                  },
+                  children: (u) => (() => {
+                    const p = ht.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;
+                    }, {
+                      _v$: void 0,
+                      _v$2: void 0
+                    }), p;
+                  })()
+                })), c;
+              }
+            });
           }
-        }), h(M, {
-          title: "Response Diff",
+        }), h(G, {
+          get when() {
+            return t.value?.response !== void 0;
+          },
           get children() {
-            const c = Me.cloneNode(!0);
-            return C(c, gt), f(c, h(G, {
-              get each() {
-                return s();
-              },
-              get fallback() {
-                return pt.cloneNode(!0);
-              },
-              children: (u) => (() => {
-                const p = ht.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;
-                }, {
-                  _v$3: void 0,
-                  _v$4: void 0
-                }), p;
-              })()
-            })), c;
+            return h(M, {
+              title: "Response Diff",
+              get children() {
+                const c = Me.cloneNode(!0);
+                return C(c, gt), f(c, h(Q, {
+                  get each() {
+                    return s();
+                  },
+                  get fallback() {
+                    return pt.cloneNode(!0);
+                  },
+                  children: (u) => (() => {
+                    const p = ht.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;
+                    }, {
+                      _v$3: void 0,
+                      _v$4: void 0
+                    }), p;
+                  })()
+                })), c;
+              }
+            });
           }
         })];
       }
@@ -2415,7 +2437,7 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
 function mt(e) {
   return e ? e.payload || e.searchParams || e.pathParams : null;
 }
-const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span class="type"></span><span class="separator">|</span></h1>'), il = /* @__PURE__ */ y('<div class="tags"></div>'), sl = /* @__PURE__ */ y('<div class="details"></div>'), al = /* @__PURE__ */ y("<span>|</span>"), cl = /* @__PURE__ */ y("<h2></h2>"), ul = /* @__PURE__ */ y('<div class="method"></div>'), dl = /* @__PURE__ */ y('<div class="code"></div>'), fl = /* @__PURE__ */ y('<div class="tag error">Has Error</div>'), pl = /* @__PURE__ */ y('<div class="tag"></div>'), hl = /* @__PURE__ */ y("<span> ms</span>"), gl = /* @__PURE__ */ y("<span></span>"), ml = S`
+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`
   &&& {
     ${L()};
     padding-left: 10px;
@@ -2433,6 +2455,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       }
 
       span.type {
+        text-transform: capitalize;
         color: ${$.secondary.var};
       }
     }
@@ -2488,7 +2511,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       padding-bottom: 20px;
     }
   }
-`, $l = S`
+`, yl = S`
   &&& {
     ${B({
   gap: 20
@@ -2510,10 +2533,10 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       }
     }
   }
-`, yl = () => {
+`, vl = () => {
   const e = m(() => I.selectedCall), t = m(() => I.selectedRequest), n = m(() => I.selectedTab || "summary"), r = m(() => {
     let o;
-    e() ? o = Q.calls[e()] : o = Q.calls[Le.value];
+    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,
@@ -2536,52 +2559,52 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
   }
   return (() => {
     const o = $t.cloneNode(!0);
-    return C(o, ml), f(o, h(fe, {
+    return C(o, $l), f(o, h(G, {
       get when() {
         return r();
       },
       keyed: !0,
       children: (s) => [(() => {
-        const i = ol.cloneNode(!0), a = i.firstChild;
-        return a.nextSibling, f(a, () => s.type === "ws" ? "WS" : "API"), f(i, () => s.callName, null), f(i, (() => {
+        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() && al.cloneNode(!0);
+          return () => c() && cl.cloneNode(!0);
         })(), null), f(i, () => s.alias, null), i;
       })(), m((() => {
         const i = m(() => s.callPath !== s.callName);
         return () => i() && (() => {
-          const a = cl.cloneNode(!0);
+          const a = ul.cloneNode(!0);
           return f(a, () => s.callPath), a;
         })();
       })()), (() => {
-        const i = il.cloneNode(!0);
+        const i = sl.cloneNode(!0);
         return f(i, (() => {
           const a = m(() => !!s.method);
           return () => a() && (() => {
-            const c = ul.cloneNode(!0);
+            const c = dl.cloneNode(!0);
             return f(c, () => s.method), c;
           })();
         })(), null), f(i, (() => {
           const a = m(() => !!s.code);
           return () => a() && (() => {
-            const c = dl.cloneNode(!0);
+            const c = fl.cloneNode(!0);
             return f(c, () => s.code), _(() => c.classList.toggle("error", s.code >= 400)), c;
           })();
         })(), null), f(i, (() => {
           const a = m(() => !!s.isError);
-          return () => a() && fl.cloneNode(!0);
-        })(), null), f(i, h(G, {
+          return () => a() && pl.cloneNode(!0);
+        })(), null), f(i, h(Q, {
           get each() {
             return s.tags;
           },
           children: (a) => (() => {
-            const c = pl.cloneNode(!0);
+            const c = hl.cloneNode(!0);
             return f(c, a), c;
           })()
         }), null), i;
       })(), (() => {
         const i = $t.cloneNode(!0);
-        return C(i, $l), f(i, () => l("summary", "Summary"), null), f(i, (() => {
+        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, (() => {
@@ -2589,10 +2612,10 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
           return () => a() && l("urlParams", "URL Params");
         })(), null), f(i, () => l("response", "Response"), null), f(i, () => l("diff", "Diff"), null), i;
       })(), (() => {
-        const i = sl.cloneNode(!0);
+        const i = al.cloneNode(!0);
         return f(i, h(cn, {
           get children() {
-            return [h(ue, {
+            return [h(de, {
               get when() {
                 return n() === "summary";
               },
@@ -2630,25 +2653,25 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                 })), h(M, {
                   title: "Stats",
                   get children() {
-                    return h(Ir, {
+                    return h(Mr, {
                       get rows() {
                         return [s.type !== "ws" && {
                           name: "Duration",
                           value: (() => {
-                            const a = hl.cloneNode(!0), c = a.firstChild;
+                            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;
                           })()
                         }, {
                           name: "Start Time",
                           value: (() => {
-                            const a = gl.cloneNode(!0);
-                            return f(a, () => `${te(s.startTime).format("HH:mm:ss")} (${te(s.startTime).fromNow()})`), _(() => j(a, "title", te(s.startTime).format("YYYY-MM-DD HH:mm:ss.SSS"))), a;
+                            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;
                           })()
                         }];
                       }
                     });
                   }
-                }), h(fe, {
+                }), h(G, {
                   get when() {
                     return s.type !== "ws";
                   },
@@ -2666,7 +2689,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 })];
               }
-            }), h(ue, {
+            }), h(de, {
               get when() {
                 return n() === "payload";
               },
@@ -2682,7 +2705,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(ue, {
+            }), h(de, {
               get when() {
                 return n() === "response";
               },
@@ -2698,7 +2721,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(ue, {
+            }), h(de, {
               get when() {
                 return n() === "urlParams";
               },
@@ -2714,12 +2737,12 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(ue, {
+            }), h(de, {
               get when() {
                 return n() === "diff";
               },
               get children() {
-                return h(ll, {});
+                return h(ol, {});
               }
             })];
           }
@@ -2727,7 +2750,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       })()]
     })), o;
   })();
-}, vl = /* @__PURE__ */ y("<div><h1>timeline</h1><div></div></div>"), bl = /* @__PURE__ */ y("<div>no requests found</div>"), wl = /* @__PURE__ */ y('<span class="start-time"></span>'), xl = /* @__PURE__ */ y("<div></div>"), Cl = /* @__PURE__ */ y('<span class="separator">|</span>'), _l = /* @__PURE__ */ y('<span class="payload"></span>'), Sl = 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`
   &&& {
     ${L()};
     border-right: 1px solid ${$.white.alpha(0.1)};
@@ -2741,13 +2764,13 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       padding-bottom: 16px;
     }
   }
-`, kl = S`
+`, Al = S`
   &&& {
     ${L()};
     flex: 1 1;
     overflow-y: auto;
   }
-`, Al = S`
+`, Nl = S`
   &&& {
     font-size: 13px;
     ${L()};
@@ -2783,38 +2806,38 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       }
     }
   }
-`, Nl = S`
+`, Tl = S`
   &&& {
     opacity: 0.4;
     font-size: 14px;
     padding: 12px;
     padding-top: 0;
   }
-`, Tl = () => {
+`, Pl = () => {
   const e = m(() => {
     const l = I.selectedCall;
-    return l ? l ? Q.calls[l] : null : Q.calls[Le.value] || null;
+    return l ? l ? J.calls[l] : null : J.calls[Le.value] || null;
   }), t = m(() => {
     const l = zt(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 = vl.cloneNode(!0), o = l.firstChild, s = o.nextSibling;
-    return C(l, Sl), C(s, kl), f(s, h(G, {
+    const l = bl.cloneNode(!0), o = l.firstChild, s = o.nextSibling;
+    return C(l, kl), C(s, Al), f(s, h(Q, {
       get each() {
         return n();
       },
       get fallback() {
         return (() => {
-          const i = bl.cloneNode(!0);
-          return C(i, Nl), i;
+          const i = wl.cloneNode(!0);
+          return C(i, Tl), i;
         })();
       },
       children: (i) => {
-        const a = te(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 = Ht(i);
         return (() => {
-          const d = xl.cloneNode(!0);
-          return C(d, Al), f(d, h(F, {
+          const d = Cl.cloneNode(!0);
+          return C(d, Nl), f(d, h(F, {
             onClick: () => {
               Ae("selectedRequest", i.id);
             },
@@ -2825,10 +2848,10 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
             },
             get children() {
               return [(() => {
-                const g = wl.cloneNode(!0);
+                const g = xl.cloneNode(!0);
                 return j(g, "title", u), f(g, c), g;
-              })(), m(() => !!p && [Cl.cloneNode(!0), (() => {
-                const g = _l.cloneNode(!0);
+              })(), m(() => !!p && [_l.cloneNode(!0), (() => {
+                const g = Sl.cloneNode(!0);
                 return j(g, "title", p), f(g, p), g;
               })()])];
             }
@@ -2837,15 +2860,15 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       }
     })), l;
   })();
-}, Pl = /* @__PURE__ */ y("<div></div>"), El = S`
+}, El = /* @__PURE__ */ y("<div></div>"), Ll = S`
   &&& {
     display: grid;
     grid-template-columns: 1fr 1fr 3fr;
   }
-`, Ll = () => (() => {
-  const e = Pl.cloneNode(!0);
-  return C(e, El), f(e, h(Nr, {}), null), f(e, h(Tl, {}), null), f(e, h(yl, {}), null), e;
-})(), Ol = `
+`, 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 = `
   font-family: ${R.primary};
   color: ${$.textPrimary.var};
 
@@ -2896,11 +2919,11 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
   h3 {
     font-weight: normal;
   }
-`, jl = `
+`, Il = `
   display: flex;
   align-items: center;
   justify-content: center;
-`, Il = `
+`, Ml = `
 *,
 *::before,
 *::after {
@@ -2974,9 +2997,9 @@ button {
   cursor: pointer;
   -webkit-appearance: none;
 }
-`, Ml = /* @__PURE__ */ y("<div></div>"), Dl = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Rl = S`
-  ${Il};
-  ${Ol};
+`, Dl = /* @__PURE__ */ y("<div></div>"), Rl = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), zl = S`
+  ${Ml};
+  ${jl};
 
   position: fixed;
   inset: 32px;
@@ -2990,7 +3013,7 @@ button {
     border-right: 1px solid ${$.white.alpha(0.1)};
 
     button {
-      ${jl};
+      ${Il};
       width: 100%;
       aspect-ratio: 1 / 1;
       color: ${$.bgPrimary.var};
@@ -3009,28 +3032,28 @@ button {
   > main > * {
     ${We};
   }
-`, zl = S`
+`, Fl = S`
   ${We};
   position: fixed;
   inset: 0;
   backdrop-filter: blur(5px);
-`, Fl = () => [(() => {
-  const e = Ml.cloneNode(!0);
-  return _e(e, "click", Ut, !0), C(e, zl), e;
+`, Bl = () => [(() => {
+  const e = Dl.cloneNode(!0);
+  return _e(e, "click", Ut, !0), C(e, Fl), e;
 })(), (() => {
-  const e = Dl.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
-  return C(e, Rl), f(t, h(F, {
+  const e = Rl.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
+  return C(e, zl), f(t, h(F, {
     title: "API Explorer",
     get children() {
       return h(Ee, {
         name: "network"
       });
     }
-  })), f(n, h(Ll, {})), e;
+  })), f(n, h(Ol, {})), e;
 })()];
 Pe(["click"]);
-const Bl = () => h(Fl, {});
-function Hl(e) {
+const Hl = () => h(Bl, {});
+function Vl(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) => {
@@ -3041,11 +3064,11 @@ function Hl(e) {
   }), `https://fonts.googleapis.com/css2?${t}&display=swap`;
 }
 let yt = !1;
-function Vl() {
+function Ul() {
   if (yt)
     return;
   yt = !0;
-  const e = Hl([
+  const e = Vl([
     {
       family: "Work+Sans",
       weights: [300, "..", 700]
@@ -3055,33 +3078,33 @@ function Vl() {
 }
 let Vt = () => {
 }, Ue = !1;
-function Ul() {
-  if (te.extend(kn), Ue) {
+function Zl() {
+  if (ne.extend(kn), Ue) {
     Ut();
     return;
   }
-  Ue = !0, Vl(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
+  Ue = !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(Bl, {}), e);
+  e.id = "dev-tools-root", document.body.appendChild(e), Vt = $n(() => h(Hl, {}), e);
 }
 function Ut() {
   Ue = !1, Vt();
 }
-function Jl({
+function ql({
   callsProcessor: e,
   shortcut: t
 }) {
   Yt(window, {
     [t]: (n) => {
       const r = document.activeElement;
-      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Ul());
+      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Zl());
     }
-  }), mr({
+  }), $r({
     callsProcessor: e
   });
 }
 export {
-  $r as addCall,
-  Ql as addWebsocketEvent,
-  Jl as initializeDevTools
+  yr as addCall,
+  Jl as addWebsocketEvent,
+  ql as initializeDevTools
 };