app-devtools 0.25.0 → 0.27.0

package/dist/main.js

@@ -1,23 +1,23 @@
-import de from "dayjs";
+import te from "dayjs";
 import { dequal as vt } from "dequal";
 import { produce as Zt } from "immer";
 import { parse as Wt } from "regexparam";
 import { nanoid as Kt } from "nanoid";
 import * as Xt from "diff";
-import Gt from "tinykeys";
-const U = {}, Qt = (e, t) => e === t, D = Symbol("solid-proxy"), ve = Symbol("solid-track"), be = {
-  equals: Qt
+import Yt from "tinykeys";
+const U = {}, Gt = (e, t) => e === t, D = Symbol("solid-proxy"), ve = Symbol("solid-track"), be = {
+  equals: Gt
 };
-let Jt = At;
-const Y = 1, we = 2, bt = {
+let Qt = At;
+const J = 1, we = 2, bt = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
 var P = null;
-let X = null, A = null, E = null, G = null, Ze = 0;
-function te(e, t) {
+let X = null, A = null, E = null, Y = null, Ze = 0;
+function ne(e, t) {
   const n = A, r = P, l = e.length === 0, o = l ? bt : {
     owned: null,
     cleanups: null,
@@ -26,12 +26,12 @@ function te(e, t) {
   }, s = l ? e : () => e(() => Z(() => Te(o)));
   P = o, A = null;
   try {
-    return ae(s, !0);
+    return ce(s, !0);
   } finally {
     A = n, P = r;
   }
 }
-function re(e, t) {
+function le(e, t) {
   t = t ? Object.assign({}, be, t) : be;
   const n = {
     value: e,
@@ -41,8 +41,8 @@ function re(e, t) {
   }, r = (l) => (typeof l == "function" && (l = l(n.value)), _t(n, l));
   return [Ct.bind(n), r];
 }
-function S(e, t, n) {
-  const r = St(e, t, !1, Y);
+function _(e, t, n) {
+  const r = St(e, t, !1, J);
   Ne(r);
 }
 function m(e, t, n) {
@@ -50,8 +50,8 @@ function m(e, t, n) {
   const r = St(e, t, !0, 0);
   return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, Ne(r), Ct.bind(r);
 }
-function Yt(e) {
-  return ae(e, !1);
+function Jt(e) {
+  return ce(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 === Y || e)
+    if (this.state === J || e)
       Ne(this);
     else {
       const t = E;
-      E = null, ae(() => xe(this), !1), E = t;
+      E = null, ce(() => 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 && ae(() => {
+  return (!e.comparator || !e.comparator(r, t)) && (e.value = t, e.observers && e.observers.length && ce(() => {
     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) : G.push(o), o.observers && Nt(o)), s || (o.state = Y);
+      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);
     }
     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 = Y, e.owned && e.owned.forEach(Te), e.owned = null), Tt(l);
+    e.pure && (e.state = J, 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 = Y, l) {
+function St(e, t, n, r = J, l) {
   const o = {
     fn: e,
     state: r,
@@ -147,30 +147,30 @@ 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 === Y || t)
+    if (e = n[r], e.state === J || t)
       Ne(e);
     else if (e.state === we || t) {
       const l = E;
-      E = null, ae(() => xe(e, n[0]), !1), E = l;
+      E = null, ce(() => xe(e, n[0]), !1), E = l;
     }
 }
-function ae(e, t) {
+function ce(e, t) {
   if (E)
     return e();
   let n = !1;
-  t || (E = []), G ? n = !0 : G = [], Ze++;
+  t || (E = []), Y ? n = !0 : Y = [], Ze++;
   try {
     const r = e();
     return tn(n), r;
   } catch (r) {
-    n || (G = null), E = null, Tt(r);
+    n || (Y = null), E = null, Tt(r);
   }
 }
 function tn(e) {
   if (E && (At(E), E = null), e)
     return;
-  const t = G;
-  G = null, t.length && ae(() => Jt(t), !1);
+  const t = Y;
+  Y = null, t.length && ce(() => Qt(t), !1);
 }
 function At(e) {
   for (let t = 0; t < e.length; t++)
@@ -181,14 +181,14 @@ 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 === Y || n ? l !== t && kt(l) : (l.state === we || n) && xe(l, t));
+    l.sources && (l.state === J || n ? l !== t && kt(l) : (l.state === we || n) && xe(l, t));
   }
 }
 function Nt(e) {
   const t = X;
   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) : G.push(r), r.observers && Nt(r));
+    (!r.state || t) && (r.state = we, r.pure ? E.push(r) : Y.push(r), r.observers && Nt(r));
   }
 }
 function Te(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] = te((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] = ne((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] = te(p);
+          r[u] = a[u], l[u] = ne(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] = te(p);
+          u in b ? (l[u] = b[u], o[u] = w[u], i && (i[u] = k[u], i[u](u))) : l[u] = ne(p);
         l = l.slice(0, s = d), r = a.slice(0);
       }
       return l;
     });
     function p(d) {
       if (o[u] = d, i) {
-        const [g, v] = re(u);
+        const [g, v] = le(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] = te((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] = ne((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] = te(u));
+        a < r.length && r[a] !== c[a] ? s[a](() => c[a]) : a >= r.length && (l[a] = ne(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] = re(c[a]);
+      const [d, g] = le(c[a]);
       return s[a] = g, t(d, a);
     }
   };
@@ -372,7 +372,7 @@ function sn(...e) {
     }
   return n;
 }
-function Q(e) {
+function G(e) {
   const t = "fallback" in e && {
     fallback: () => e.fallback
   };
@@ -420,7 +420,7 @@ function cn(e) {
     return t = n || u, u ? Z(() => c(i)) : c;
   }, void 0, void 0);
 }
-function ce(e) {
+function ue(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), {
@@ -482,10 +482,10 @@ function mn(e, t, n) {
     }
   }
 }
-const Ge = "_$DX_DELEGATE";
+const Ye = "_$DX_DELEGATE";
 function $n(e, t, n, r = {}) {
   let l;
-  return te((o) => {
+  return ne((o) => {
     l = o, t === document ? e() : f(t, e(), t.firstChild ? null : void 0, n);
   }, r.owner), () => {
     l(), t.textContent = "";
@@ -498,7 +498,7 @@ function y(e, t, n) {
   return n && (l = l.firstChild), l;
 }
 function Pe(e, t = window.document) {
-  const n = t[Ge] || (t[Ge] = /* @__PURE__ */ new Set());
+  const n = t[Ye] || (t[Ye] = /* @__PURE__ */ new Set());
   for (let r = 0, l = e.length; r < l; r++) {
     const o = e[r];
     n.has(o) || (n.add(o), t.addEventListener(o, Cn));
@@ -527,11 +527,11 @@ function vn(e, t, n = {}) {
   let o, s;
   for (o = 0, s = l.length; o < s; o++) {
     const i = l[o];
-    !i || i === "undefined" || t[i] || (Qe(e, i, !1), delete n[i]);
+    !i || i === "undefined" || t[i] || (Ge(e, i, !1), delete n[i]);
   }
   for (o = 0, s = r.length; o < s; o++) {
     const i = r[o], a = !!t[i];
-    !i || i === "undefined" || n[i] === a || !a || (Qe(e, i, !0), n[i] = a);
+    !i || i === "undefined" || n[i] === a || !a || (Ge(e, i, !0), n[i] = a);
   }
   return n;
 }
@@ -551,12 +551,12 @@ function Pt(e, t, n) {
 }
 function bn(e, t = {}, n, r) {
   const l = {};
-  return r || S(() => l.children = le(e, t.children, l.children)), S(() => t.ref && t.ref(e)), S(() => wn(e, t, n, !0, l, !0)), l;
+  return r || _(() => l.children = oe(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 le(e, t, r, n);
-  S((l) => le(e, t(), l, n), r);
+    return oe(e, t, r, n);
+  _((l) => oe(e, t(), l, n), r);
 }
 function wn(e, t, n, r, l = {}, o = !1) {
   t || (t = {});
@@ -564,26 +564,26 @@ function wn(e, t, n, r, l = {}, o = !1) {
     if (!(s in t)) {
       if (s === "children")
         continue;
-      l[s] = Je(e, s, null, l[s], n, o);
+      l[s] = Qe(e, s, null, l[s], n, o);
     }
   for (const s in t) {
     if (s === "children") {
-      r || le(e, t.children);
+      r || oe(e, t.children);
       continue;
     }
     const i = t[s];
-    l[s] = Je(e, s, i, l[s], n, o);
+    l[s] = Qe(e, s, i, l[s], n, o);
   }
 }
 function xn(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function Qe(e, t, n) {
+function Ge(e, t, n) {
   const r = t.trim().split(/\s+/);
   for (let l = 0, o = r.length; l < o; l++)
     e.classList.toggle(r[l], n);
 }
-function Je(e, t, n, r, l, o) {
+function Qe(e, t, n, r, l, o) {
   let s, i, a;
   if (t === "style")
     return Pt(e, n, r);
@@ -641,7 +641,7 @@ function Cn(e) {
     n = n._$host || n.parentNode || n.host;
   }
 }
-function le(e, t, n, r, l) {
+function oe(e, t, n, r, l) {
   for (U.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
     n = n();
   if (t === n)
@@ -661,16 +661,16 @@ function le(e, t, n, r, l) {
     n = q(e, n, r);
   } else {
     if (o === "function")
-      return S(() => {
+      return _(() => {
         let i = t();
         for (; typeof i == "function"; )
           i = i();
-        n = le(e, i, n, r);
+        n = oe(e, i, n, r);
       }), () => n;
     if (Array.isArray(t)) {
       const i = [], a = n && Array.isArray(n);
       if (ze(i, t, n, l))
-        return S(() => n = le(e, i, n, r, !0)), () => n;
+        return _(() => n = oe(e, i, n, r, !0)), () => n;
       if (U.context) {
         if (!i.length)
           return n;
@@ -682,7 +682,7 @@ function le(e, t, n, r, l) {
         if (n = q(e, n, r), s)
           return n;
       } else
-        a ? n.length === 0 ? Ye(e, i, r) : mn(e, n, i) : (n && q(e), Ye(e, i));
+        a ? n.length === 0 ? Je(e, i, r) : mn(e, n, i) : (n && q(e), Je(e, i));
       n = i;
     } else if (t instanceof Node) {
       if (U.context && t.parentNode)
@@ -721,7 +721,7 @@ function ze(e, t, n, r) {
   }
   return l;
 }
-function Ye(e, t, n = null) {
+function Je(e, t, n = null) {
   for (let r = 0, l = t.length; r < l; r++)
     e.insertBefore(t[r], n);
 }
@@ -891,13 +891,13 @@ let Dn = { data: "" }, Rn = (e) => typeof window == "object" ? ((e ? e.querySele
   }
   return r + l + (s ?? "");
 }, "");
-function _(e) {
+function S(e) {
   let t = this || {}, n = e.call ? e(t.p) : e;
   return Bn(n.unshift ? n.raw ? Hn(n, [].slice.call(arguments, 1), t.p) : n.reduce((r, l) => Object.assign(r, l && l.call ? l(t.p) : l), {}) : n, Rn(t.target), t.g, t.o, t.k);
 }
-_.bind({ g: 1 });
-_.bind({ k: 1 });
-const Vn = /* @__PURE__ */ y("<div></div>"), Un = _`
+S.bind({ g: 1 });
+S.bind({ k: 1 });
+const Vn = /* @__PURE__ */ y("<div></div>"), Un = S`
   &&& {
     position: relative;
     color: currentColor;
@@ -913,7 +913,7 @@ const Vn = /* @__PURE__ */ y("<div></div>"), Un = _`
   const t = In(e.name);
   return (() => {
     const n = Vn.cloneNode(!0);
-    return n.innerHTML = t, S((r) => {
+    return n.innerHTML = t, _((r) => {
       const l = `icon ${e.class || ""} ${Un}`, o = {
         color: e.color,
         "--icon-size": e.size && Mn(e.size)
@@ -941,25 +941,25 @@ function Lt(e, t) {
   }
   return n;
 }
-function oe(e) {
+function ie(e) {
   let t;
   return e != null && typeof e == "object" && (e[D] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
-function ie(e, t = /* @__PURE__ */ new Set()) {
+function se(e, t = /* @__PURE__ */ new Set()) {
   let n, r, l, o;
   if (n = e != null && e[Se])
     return n;
-  if (!oe(e) || t.has(e))
+  if (!ie(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 = ie(l, t)) !== l && (e[s] = r);
+      l = e[s], (r = se(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 = ie(l, t)) !== l && (e[o] = r));
+      o = s[a], !i[o].get && (l = e[o], (r = se(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] = re(e, {
+  const [t, n] = le(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 oe(o) ? Lt(o) : o;
+    return ie(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 se(e, t, n, r = !1) {
+function ae(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];
-    se(e, l, t[l]);
+    ae(e, l, t[l]);
   }
 }
-function Gn(e, t) {
-  if (typeof t == "function" && (t = t(e)), t = ie(t), Array.isArray(t)) {
+function Yn(e, t) {
+  if (typeof t == "function" && (t = t(e)), t = se(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 && se(e, n, l);
+      e[n] !== l && ae(e, n, l);
     }
-    se(e, "length", r);
+    ae(e, "length", r);
   } else
     It(e, t);
 }
-function ue(e, t, n = []) {
+function de(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++)
-        ue(e, [r[a]].concat(t), n);
+        de(e, [r[a]].concat(t), n);
       return;
     } else if (i && s === "function") {
       for (let a = 0; a < e.length; a++)
-        r(e[a], a) && ue(e, [a].concat(t), n);
+        r(e[a], a) && de(e, [a].concat(t), n);
       return;
     } else if (i && s === "object") {
       const {
@@ -1070,22 +1070,22 @@ function ue(e, t, n = []) {
         by: u = 1
       } = r;
       for (let p = a; p <= c; p += u)
-        ue(e, [p].concat(t), n);
+        de(e, [p].concat(t), n);
       return;
     } else if (t.length > 1) {
-      ue(e[r], t, [r].concat(n));
+      de(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 = ie(o), r === void 0 || oe(l) && oe(o) && !Array.isArray(o) ? It(l, o) : se(e, r, o));
+  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));
 }
 function Mt(...[e, t]) {
-  const n = ie(e || {}), r = Array.isArray(n), l = Lt(n);
+  const n = se(e || {}), r = Array.isArray(n), l = Lt(n);
   function o(...s) {
-    Yt(() => {
-      r && s.length === 1 ? Gn(n, s[0]) : ue(n, s);
+    Jt(() => {
+      r && s.length === 1 ? Yn(n, s[0]) : de(n, s);
     });
   }
   return [l, o];
@@ -1096,18 +1096,18 @@ const ke = /* @__PURE__ */ new WeakMap(), Dt = {
       return e;
     const n = e[t];
     let r;
-    return oe(n) ? ke.get(n) || (ke.set(n, r = new Proxy(n, Dt)), r) : n;
+    return ie(n) ? ke.get(n) || (ke.set(n, r = new Proxy(n, Dt)), r) : n;
   },
   set(e, t, n) {
-    return se(e, t, ie(n)), !0;
+    return ae(e, t, se(n)), !0;
   },
   deleteProperty(e, t) {
-    return se(e, t, void 0, !0), !0;
+    return ae(e, t, void 0, !0), !0;
   }
 };
-function Qn(e) {
+function Gn(e) {
   return (t) => {
-    if (oe(t)) {
+    if (ie(t)) {
       let n;
       (n = ke.get(t)) || ke.set(t, n = new Proxy(t, Dt)), e(n);
     }
@@ -1126,14 +1126,14 @@ const [I, Ae] = Mt({
   white-space: nowrap;
   word-wrap: norma;
   max-width: 100%;
-`, Jn = {
+`, Qn = {
   left: "flex-start",
   center: "center",
   right: "flex-end",
   spaceBetween: "space-between",
   spaceAround: "space-around",
   spaceEvenly: "space-evenly"
-}, Yn = {
+}, Jn = {
   top: "flex-start",
   bottom: "flex-end",
   center: "center",
@@ -1146,8 +1146,8 @@ const [I, Ae] = Mt({
     display: flex;
     column-gap: ${n}px;
     flex-direction: row;
-    justify-content: ${Jn[e]};
-    align-items: ${Yn[t]};
+    justify-content: ${Qn[e]};
+    align-items: ${Jn[t]};
   `, qn = {
   top: "flex-start",
   center: "center",
@@ -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] = re(e);
+  const [t, n] = le(e);
   return {
     get value() {
       return t();
@@ -1265,7 +1265,7 @@ 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 = _`
+const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y("<span></span>"), ir = /* @__PURE__ */ y('<div><div class="call"></div></div>'), sr = S`
   &&& {
     font-size: 14px;
     ${L()};
@@ -1357,7 +1357,7 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
       get children() {
         return [(() => {
           const i = or.cloneNode(!0);
-          return f(i, () => l.icon), S((a) => {
+          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;
           }, {
@@ -1366,7 +1366,7 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
           }), i;
         })(), (() => {
           const i = tt.cloneNode(!0);
-          return f(i, () => t().name), S(() => j(i, "title", t().name)), i;
+          return f(i, () => t().name), _(() => j(i, "title", t().name)), i;
         })()];
       }
     }), null), f(s, (() => {
@@ -1392,7 +1392,7 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
         return r.value;
       },
       get children() {
-        return h(Q, {
+        return h(G, {
           get each() {
             return t().subitemsWithAlias;
           },
@@ -1416,7 +1416,7 @@ const or = /* @__PURE__ */ y('<div class="tag"></div>'), tt = /* @__PURE__ */ y(
           })
         });
       }
-    }), null), S(() => s.classList.toggle("selected", n() === t().id)), o;
+    }), null), _(() => s.classList.toggle("selected", n() === t().id)), o;
   })();
 };
 function cr(e, t) {
@@ -1476,27 +1476,27 @@ function hr(e, t) {
     r[t.keys[n]] = l[++n] || null;
   return r;
 }
-function ne(e) {
+function re(e) {
   var t, n, r;
   if (Array.isArray(e)) {
     for (n = Array(t = e.length); t--; )
-      n[t] = (r = e[t]) && typeof r == "object" ? ne(r) : r;
+      n[t] = (r = e[t]) && typeof r == "object" ? re(r) : r;
     return n;
   }
   if (Object.prototype.toString.call(e) === "[object Object]") {
     n = {};
     for (t in e)
       t === "__proto__" ? Object.defineProperty(n, t, {
-        value: ne(e[t]),
+        value: re(e[t]),
         configurable: !0,
         enumerable: !0,
         writable: !0
-      }) : n[t] = (r = e[t]) && typeof r == "object" ? ne(r) : r;
+      }) : n[t] = (r = e[t]) && typeof r == "object" ? re(r) : r;
     return n;
   }
   return e;
 }
-const [J, gr] = Mt({
+const [Q, gr] = Mt({
   calls: {}
 }), Le = ge("");
 let He = {
@@ -1538,7 +1538,7 @@ function $r(e) {
   }) => {
     const i = e.duration || Date.now() - t;
     gr(
-      Qn((a) => {
+      Gn((a) => {
         const c = rt(
           () => new URL(e.path, "http://localhost")
         );
@@ -1579,10 +1579,10 @@ function $r(e) {
           duration: i,
           pathParams: p,
           isError: n,
-          metadata: ne(o),
-          response: ne(l),
+          metadata: re(o),
+          response: re(l),
           path: e.path.replace(/^\//, ""),
-          payload: ne(e.payload),
+          payload: re(e.payload),
           searchParams: u,
           startTime: t,
           type: e.type,
@@ -1651,7 +1651,7 @@ function it({
     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 = _`
+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`
   &&& {
     ${L()};
     border-right: 1px solid ${$.white.alpha(0.1)};
@@ -1665,14 +1665,14 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       padding-bottom: 12px;
     }
   }
-`, Sr = _`
+`, Sr = S`
   &&& {
     ${L()};
     flex: 1 1;
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, kr = _`
+`, kr = S`
   &&& {
     ${B({
   gap: 8
@@ -1702,7 +1702,7 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       }
     }
   }
-`, Ar = _`
+`, Ar = S`
   &&& {
     ${B({
   gap: 16
@@ -1727,7 +1727,7 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
   }
 `, V = ge("api"), Nr = () => {
   const e = ge(""), t = Rt(() => {
-    const [r = "", l = ""] = e.value.split(">"), o = Object.entries(J.calls), s = [];
+    const [r = "", l = ""] = e.value.split(">"), o = Object.entries(Q.calls), s = [];
     for (const [a, c] of o.reverse()) {
       const u = /* @__PURE__ */ new Set();
       if (!(V.value === "api" && c.type !== "fetch" && c.type !== "mutation") && !(V.value === "ws" && c.type !== "ws")) {
@@ -1760,7 +1760,7 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
       name: "search"
     }), u), u.$$input = (d) => {
       e.value = d.currentTarget.value;
-    }, C(p, Sr), f(p, h(Q, {
+    }, C(p, Sr), f(p, h(G, {
       get each() {
         return t();
       },
@@ -1773,14 +1773,14 @@ const Cr = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><div><button>API</button
           return n();
         }
       })
-    })), S((d) => {
+    })), _((d) => {
       const g = V.value === "api", v = V.value === "ws", b = V.value === "all";
       return g !== d._v$ && s.classList.toggle("active", d._v$ = g), v !== d._v$2 && i.classList.toggle("active", d._v$2 = v), b !== d._v$3 && a.classList.toggle("active", d._v$3 = b), d;
     }, {
       _v$: void 0,
       _v$2: void 0,
       _v$3: void 0
-    }), S(() => u.value = e.value), r;
+    }), _(() => u.value = e.value), r;
   })();
 };
 Pe(["click", "input"]);
@@ -1799,7 +1799,7 @@ function Ft(...e) {
   }
   return t.join(" ");
 }
-const Tr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Pr = /* @__PURE__ */ y("<h1></h1>"), Er = _`
+const Tr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Pr = /* @__PURE__ */ y("<h1></h1>"), Er = S`
   &&& {
     ${L()};
 
@@ -1841,8 +1841,8 @@ const Tr = /* @__PURE__ */ y('<div><div class="content"></div></div>'), Pr = /*
       const l = Pr.cloneNode(!0);
       return f(l, () => e.title), l;
     })();
-  })(), n), f(n, () => e.children), S(() => 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 = _`
+  })(), 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`
   &&& {
     display: grid;
     grid-template-columns: auto 1fr;
@@ -1905,7 +1905,7 @@ 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 = _`
+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`
   &&& {
     font-family: ${R.decorative};
     font-size: 13px;
@@ -2018,7 +2018,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
     }
   }
 `, ee = 14, Ve = (e) => {
-  let [t, n] = re(!(e.indent > 0 && e.compact)), [r, l] = re(!e.compact);
+  let [t, n] = le(!(e.indent > 0 && e.compact)), [r, l] = le(!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: () => {
@@ -2041,7 +2041,7 @@ const Rr = /* @__PURE__ */ y('<div class="key"><span></span></div>'), zr = /* @_
       const p = Rr.cloneNode(!0), d = p.firstChild;
       return p.$$click = (g) => {
         g.shiftKey && ye(o);
-      }, f(p, s || i ? u : null, d), f(d, () => e.key || e.index), S((g) => {
+      }, 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;
         return v !== g._v$ && j(p, "title", g._v$ = v), b !== g._v$2 && p.classList.toggle("index", g._v$2 = b), g;
@@ -2161,7 +2161,7 @@ let Kr = 0;
 function Xr() {
   return Kr++;
 }
-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>'), Yr = /* @__PURE__ */ y("<option></option>"), qr = _`
+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`
   &&& {
     ${L({
   align: "left"
@@ -2219,29 +2219,29 @@ const Gr = /* @__PURE__ */ y("<label></label>"), Qr = /* @__PURE__ */ y('<div><d
 `, el = (e) => {
   const t = `input${Xr()}`;
   return (() => {
-    const n = Qr.cloneNode(!0), r = n.firstChild, l = r.firstChild;
+    const n = Gr.cloneNode(!0), r = n.firstChild, l = r.firstChild;
     return f(n, h(fe, {
       get when() {
         return e.label;
       },
       get children() {
-        const o = Gr.cloneNode(!0);
+        const o = Yr.cloneNode(!0);
         return j(o, "for", t), f(o, () => e.label), o;
       }
     }), r), l.addEventListener("change", (o) => {
       o.currentTarget.value && e.onChange(o.currentTarget.value);
     }), j(l, "id", t), f(l, (() => {
       const o = m(() => !e.value);
-      return () => o() && Jr.cloneNode(!0);
-    })(), null), f(l, h(Q, {
+      return () => o() && Qr.cloneNode(!0);
+    })(), null), f(l, h(G, {
       get each() {
         return e.options;
       },
       children: (o) => (() => {
-        const s = Yr.cloneNode(!0);
-        return f(s, () => o.label), S(() => s.value = o.value), s;
+        const s = Jr.cloneNode(!0);
+        return f(s, () => o.label), _(() => s.value = o.value), s;
       })()
-    }), null), S(() => C(n, Ft(qr, e.class))), S(() => l.value = e.value ?? ""), n;
+    }), null), _(() => C(n, Ft(qr, e.class))), _(() => l.value = e.value ?? ""), n;
   })();
 };
 function Ht(e) {
@@ -2257,7 +2257,7 @@ function ft(e, t) {
 function tl(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 = _`
+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`
   &&& {
     ${L({
   gap: 14
@@ -2276,7 +2276,7 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       }
     }
   }
-`, gt = _`
+`, gt = S`
   &&& {
     ${L({
   gap: 0
@@ -2320,12 +2320,12 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
     const {
       selectedCall: a
     } = I;
-    return a ? J.calls[a] : J.calls[Le.value];
+    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(() => {
     const a = e();
     return a ? zt(a.requests).map((c) => ({
       value: c.id,
-      label: `${de(c.startTime).format("HH:mm:ss")} | ${tl(Ht(c), 50)}`
+      label: `${te(c.startTime).format("HH:mm:ss")} | ${tl(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())
@@ -2365,7 +2365,7 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
           },
           get children() {
             const c = Me.cloneNode(!0);
-            return C(c, gt), f(c, h(Q, {
+            return C(c, gt), f(c, h(G, {
               get each() {
                 return i();
               },
@@ -2374,7 +2374,7 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               },
               children: (u) => (() => {
                 const p = ht.cloneNode(!0);
-                return f(p, () => u.value), S((d) => {
+                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;
                 }, {
@@ -2388,7 +2388,7 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
           title: "Response Diff",
           get children() {
             const c = Me.cloneNode(!0);
-            return C(c, gt), f(c, h(Q, {
+            return C(c, gt), f(c, h(G, {
               get each() {
                 return s();
               },
@@ -2397,7 +2397,7 @@ const nl = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               },
               children: (u) => (() => {
                 const p = ht.cloneNode(!0);
-                return f(p, () => u.value), S((d) => {
+                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;
                 }, {
@@ -2415,7 +2415,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 = _`
+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`
   &&& {
     ${L()};
     padding-left: 10px;
@@ -2433,6 +2433,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       }
 
       span.type {
+        text-transform: capitalize;
         color: ${$.secondary.var};
       }
     }
@@ -2488,7 +2489,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       padding-bottom: 20px;
     }
   }
-`, ml = _`
+`, $l = S`
   &&& {
     ${B({
   gap: 20
@@ -2510,10 +2511,10 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       }
     }
   }
-`, $l = () => {
+`, yl = () => {
   const e = m(() => I.selectedCall), t = m(() => I.selectedRequest), n = m(() => I.selectedTab || "summary"), r = m(() => {
     let o;
-    e() ? o = J.calls[e()] : o = J.calls[Le.value];
+    e() ? o = Q.calls[e()] : o = Q.calls[Le.value];
     const s = t() && o?.requests.find((i) => i.id === t()) || o?.requests.at(-1);
     return s && o ? {
       ...s,
@@ -2536,14 +2537,14 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
   }
   return (() => {
     const o = $t.cloneNode(!0);
-    return C(o, gl), f(o, h(fe, {
+    return C(o, ml), f(o, h(fe, {
       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, (() => {
+        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);
         })(), null), f(i, () => s.alias, null), i;
@@ -2565,12 +2566,12 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
           const a = m(() => !!s.code);
           return () => a() && (() => {
             const c = dl.cloneNode(!0);
-            return f(c, () => s.code), S(() => c.classList.toggle("error", s.code >= 400)), c;
+            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(Q, {
+        })(), null), f(i, h(G, {
           get each() {
             return s.tags;
           },
@@ -2581,7 +2582,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
         }), null), i;
       })(), (() => {
         const i = $t.cloneNode(!0);
-        return C(i, ml), f(i, () => l("summary", "Summary"), null), f(i, (() => {
+        return C(i, $l), f(i, () => l("summary", "Summary"), null), f(i, (() => {
           const a = m(() => !!s.payload);
           return () => a() && l("payload", "Payload");
         })(), null), f(i, (() => {
@@ -2592,7 +2593,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
         const i = sl.cloneNode(!0);
         return f(i, h(cn, {
           get children() {
-            return [h(ce, {
+            return [h(ue, {
               get when() {
                 return n() === "summary";
               },
@@ -2636,11 +2637,14 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                           name: "Duration",
                           value: (() => {
                             const a = hl.cloneNode(!0), c = a.firstChild;
-                            return f(a, () => Bt(s.duration, 0), c), S(() => a.style.setProperty("color", s.duration < 500 ? $.success.var : s.duration > 1e3 ? $.error.var : void 0)), a;
+                            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: `${de(s.startTime).format("HH:mm:ss")} (${de(s.startTime).fromNow()})`
+                          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;
+                          })()
                         }];
                       }
                     });
@@ -2663,7 +2667,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 })];
               }
-            }), h(ce, {
+            }), h(ue, {
               get when() {
                 return n() === "payload";
               },
@@ -2679,7 +2683,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(ce, {
+            }), h(ue, {
               get when() {
                 return n() === "response";
               },
@@ -2695,7 +2699,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(ce, {
+            }), h(ue, {
               get when() {
                 return n() === "urlParams";
               },
@@ -2711,7 +2715,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
                   }
                 });
               }
-            }), h(ce, {
+            }), h(ue, {
               get when() {
                 return n() === "diff";
               },
@@ -2724,7 +2728,7 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       })()]
     })), o;
   })();
-}, yl = /* @__PURE__ */ y("<div><h1>timeline</h1><div></div></div>"), vl = /* @__PURE__ */ y("<div>no requests found</div>"), bl = /* @__PURE__ */ y('<span class="start-time"></span>'), wl = /* @__PURE__ */ y("<div></div>"), xl = /* @__PURE__ */ y('<span class="separator">|</span>'), Cl = /* @__PURE__ */ y('<span class="payload"></span>'), _l = _`
+}, 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`
   &&& {
     ${L()};
     border-right: 1px solid ${$.white.alpha(0.1)};
@@ -2738,13 +2742,13 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       padding-bottom: 16px;
     }
   }
-`, Sl = _`
+`, kl = S`
   &&& {
     ${L()};
     flex: 1 1;
     overflow-y: auto;
   }
-`, kl = _`
+`, Al = S`
   &&& {
     font-size: 13px;
     ${L()};
@@ -2780,38 +2784,38 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
       }
     }
   }
-`, Al = _`
+`, Nl = S`
   &&& {
     opacity: 0.4;
     font-size: 14px;
     padding: 12px;
     padding-top: 0;
   }
-`, Nl = () => {
+`, Tl = () => {
   const e = m(() => {
     const l = I.selectedCall;
-    return l ? l ? J.calls[l] : null : J.calls[Le.value] || null;
+    return l ? l ? Q.calls[l] : null : Q.calls[Le.value] || null;
   }), t = m(() => {
     const l = zt(e()?.requests);
     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 = yl.cloneNode(!0), o = l.firstChild, s = o.nextSibling;
-    return C(l, _l), C(s, Sl), f(s, h(Q, {
+    const l = vl.cloneNode(!0), o = l.firstChild, s = o.nextSibling;
+    return C(l, Sl), C(s, kl), f(s, h(G, {
       get each() {
         return n();
       },
       get fallback() {
         return (() => {
-          const i = vl.cloneNode(!0);
-          return C(i, Al), i;
+          const i = bl.cloneNode(!0);
+          return C(i, Nl), i;
         })();
       },
       children: (i) => {
-        const a = de(i.startTime), c = a.format("HH:mm:ss"), u = a.fromNow(), p = Ht(i);
+        const a = te(i.startTime), c = a.format("HH:mm:ss"), u = a.fromNow(), p = Ht(i);
         return (() => {
-          const d = wl.cloneNode(!0);
-          return C(d, kl), f(d, h(F, {
+          const d = xl.cloneNode(!0);
+          return C(d, Al), f(d, h(F, {
             onClick: () => {
               Ae("selectedRequest", i.id);
             },
@@ -2822,27 +2826,27 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
             },
             get children() {
               return [(() => {
-                const g = bl.cloneNode(!0);
+                const g = wl.cloneNode(!0);
                 return j(g, "title", u), f(g, c), g;
-              })(), m(() => !!p && [xl.cloneNode(!0), (() => {
-                const g = Cl.cloneNode(!0);
+              })(), m(() => !!p && [Cl.cloneNode(!0), (() => {
+                const g = _l.cloneNode(!0);
                 return j(g, "title", p), f(g, p), g;
               })()])];
             }
-          })), S(() => d.classList.toggle("error", !!i.isError)), d;
+          })), _(() => d.classList.toggle("error", !!i.isError)), d;
         })();
       }
     })), l;
   })();
-}, Tl = /* @__PURE__ */ y("<div></div>"), Pl = _`
+}, Pl = /* @__PURE__ */ y("<div></div>"), El = S`
   &&& {
     display: grid;
     grid-template-columns: 1fr 1fr 3fr;
   }
-`, El = () => (() => {
-  const e = Tl.cloneNode(!0);
-  return C(e, Pl), f(e, h(Nr, {}), null), f(e, h(Nl, {}), null), f(e, h($l, {}), null), e;
-})(), Ll = `
+`, 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 = `
   font-family: ${R.primary};
   color: ${$.textPrimary.var};
 
@@ -2893,11 +2897,11 @@ const $t = /* @__PURE__ */ y("<div></div>"), ol = /* @__PURE__ */ y('<h1><span c
   h3 {
     font-weight: normal;
   }
-`, Ol = `
+`, jl = `
   display: flex;
   align-items: center;
   justify-content: center;
-`, jl = `
+`, Il = `
 *,
 *::before,
 *::after {
@@ -2971,9 +2975,9 @@ button {
   cursor: pointer;
   -webkit-appearance: none;
 }
-`, Il = /* @__PURE__ */ y("<div></div>"), Ml = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Dl = _`
-  ${jl};
-  ${Ll};
+`, Ml = /* @__PURE__ */ y("<div></div>"), Dl = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Rl = S`
+  ${Il};
+  ${Ol};
 
   position: fixed;
   inset: 32px;
@@ -2987,7 +2991,7 @@ button {
     border-right: 1px solid ${$.white.alpha(0.1)};
 
     button {
-      ${Ol};
+      ${jl};
       width: 100%;
       aspect-ratio: 1 / 1;
       color: ${$.bgPrimary.var};
@@ -3006,28 +3010,28 @@ button {
   > main > * {
     ${We};
   }
-`, Rl = _`
+`, zl = S`
   ${We};
   position: fixed;
   inset: 0;
   backdrop-filter: blur(5px);
-`, zl = () => [(() => {
-  const e = Il.cloneNode(!0);
-  return _e(e, "click", Ut, !0), C(e, Rl), e;
+`, Fl = () => [(() => {
+  const e = Ml.cloneNode(!0);
+  return _e(e, "click", Ut, !0), C(e, zl), e;
 })(), (() => {
-  const e = Ml.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
-  return C(e, Dl), f(t, h(F, {
+  const e = Dl.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
+  return C(e, Rl), f(t, h(F, {
     title: "API Explorer",
     get children() {
       return h(Ee, {
         name: "network"
       });
     }
-  })), f(n, h(El, {})), e;
+  })), f(n, h(Ll, {})), e;
 })()];
 Pe(["click"]);
-const Fl = () => h(zl, {});
-function Bl(e) {
+const Bl = () => h(Fl, {});
+function Hl(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) => {
@@ -3038,11 +3042,11 @@ function Bl(e) {
   }), `https://fonts.googleapis.com/css2?${t}&display=swap`;
 }
 let yt = !1;
-function Hl() {
+function Vl() {
   if (yt)
     return;
   yt = !0;
-  const e = Bl([
+  const e = Hl([
     {
       family: "Work+Sans",
       weights: [300, "..", 700]
@@ -3052,14 +3056,14 @@ function Hl() {
 }
 let Vt = () => {
 }, Ue = !1;
-function Vl() {
-  if (de.extend(kn), Ue) {
+function Ul() {
+  if (te.extend(kn), Ue) {
     Ut();
     return;
   }
-  Ue = !0, Hl(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
+  Ue = !0, Vl(), 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(Fl, {}), e);
+  e.id = "dev-tools-root", document.body.appendChild(e), Vt = $n(() => h(Bl, {}), e);
 }
 function Ut() {
   Ue = !1, Vt();
@@ -3068,10 +3072,10 @@ function Jl({
   callsProcessor: e,
   shortcut: t
 }) {
-  Gt(window, {
+  Yt(window, {
     [t]: (n) => {
       const r = document.activeElement;
-      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Vl());
+      r instanceof HTMLElement && (r.isContentEditable || r.tagName === "INPUT" || r.tagName === "TEXTAREA") || (n.preventDefault(), Ul());
     }
   }), mr({
     callsProcessor: e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-devtools",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "",
   "packageManager": "pnpm@6.29.1",
   "license": "MIT",