app-devtools 0.2.0 → 0.4.0

package/dist/main.js

@@ -1,5 +1,5 @@
 import Q from "dayjs";
-import { sharedConfig as M, createRoot as it, createRenderEffect as C, mergeProps as st, $PROXY as I, $TRACK as we, getListener as Ze, batch as at, createSignal as ne, createMemo as $, splitProps as ct, createComponent as p, Show as se, For as z, Switch as dt, Match as G } from "solid-js";
+import { sharedConfig as R, createRoot as it, createRenderEffect as x, mergeProps as st, $PROXY as I, $TRACK as we, getListener as Ze, batch as at, createSignal as ne, createMemo as m, splitProps as ct, createComponent as p, Show as se, For as z, Switch as dt, Match as G } from "solid-js";
 import { css as _ } from "solid-styled-components";
 import { dequal as Ke } from "dequal";
 import { nanoid as ut } from "nanoid";
@@ -21,24 +21,24 @@ const ht = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "con
   xml: "http://www.w3.org/XML/1998/namespace"
 };
 function Ct(e, t, n) {
-  let l = n.length, i = t.length, o = l, s = 0, r = 0, a = t[i - 1].nextSibling, c = null;
-  for (; s < i || r < o; ) {
-    if (t[s] === n[r]) {
-      s++, r++;
+  let l = n.length, s = t.length, o = l, i = 0, r = 0, a = t[s - 1].nextSibling, c = null;
+  for (; i < s || r < o; ) {
+    if (t[i] === n[r]) {
+      i++, r++;
       continue;
     }
-    for (; t[i - 1] === n[o - 1]; )
-      i--, o--;
-    if (i === s) {
+    for (; t[s - 1] === n[o - 1]; )
+      s--, o--;
+    if (s === i) {
       const d = o < l ? r ? n[r - 1].nextSibling : n[o - r] : a;
       for (; r < o; )
         e.insertBefore(n[r++], d);
     } else if (o === r)
-      for (; s < i; )
-        (!c || !c.has(t[s])) && t[s].remove(), s++;
-    else if (t[s] === n[o - 1] && n[r] === t[i - 1]) {
-      const d = t[--i].nextSibling;
-      e.insertBefore(n[r++], t[s++].nextSibling), e.insertBefore(n[--o], d), t[i] = n[o];
+      for (; i < s; )
+        (!c || !c.has(t[i])) && t[i].remove(), i++;
+    else if (t[i] === n[o - 1] && n[r] === t[s - 1]) {
+      const d = t[--s].nextSibling;
+      e.insertBefore(n[r++], t[i++].nextSibling), e.insertBefore(n[--o], d), t[s] = n[o];
     } else {
       if (!c) {
         c = /* @__PURE__ */ new Map();
@@ -46,48 +46,48 @@ function Ct(e, t, n) {
         for (; g < o; )
           c.set(n[g], g++);
       }
-      const d = c.get(t[s]);
+      const d = c.get(t[i]);
       if (d != null)
         if (r < d && d < o) {
-          let g = s, f = 1, m;
-          for (; ++g < i && g < o && !((m = c.get(t[g])) == null || m !== d + f); )
+          let g = i, f = 1, y;
+          for (; ++g < s && g < o && !((y = c.get(t[g])) == null || y !== d + f); )
             f++;
           if (f > d - r) {
-            const v = t[s];
+            const v = t[i];
             for (; r < d; )
               e.insertBefore(n[r++], v);
           } else
-            e.replaceChild(n[r++], t[s++]);
+            e.replaceChild(n[r++], t[i++]);
         } else
-          s++;
+          i++;
       else
-        t[s++].remove();
+        t[i++].remove();
     }
   }
 }
 const Se = "_$DX_DELEGATE";
 function xt(e, t, n, l = {}) {
-  let i;
+  let s;
   return it((o) => {
-    i = o, t === document ? e() : u(t, e(), t.firstChild ? null : void 0, n);
+    s = o, t === document ? e() : u(t, e(), t.firstChild ? null : void 0, n);
   }, l.owner), () => {
-    i(), t.textContent = "";
+    s(), t.textContent = "";
   };
 }
-function y(e, t, n) {
+function $(e, t, n) {
   const l = document.createElement("template");
   l.innerHTML = e;
-  let i = l.content.firstChild;
-  return n && (i = i.firstChild), i;
+  let s = l.content.firstChild;
+  return n && (s = s.firstChild), s;
 }
 function ae(e, t = window.document) {
   const n = t[Se] || (t[Se] = /* @__PURE__ */ new Set());
-  for (let l = 0, i = e.length; l < i; l++) {
+  for (let l = 0, s = e.length; l < s; l++) {
     const o = e[l];
     n.has(o) || (n.add(o), t.addEventListener(o, At));
   }
 }
-function k(e, t, n) {
+function A(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
 function wt(e, t, n, l) {
@@ -100,19 +100,19 @@ function re(e, t, n, l) {
   if (l)
     Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
   else if (Array.isArray(n)) {
-    const i = n[0];
-    e.addEventListener(t, n[0] = (o) => i.call(e, n[1], o));
+    const s = n[0];
+    e.addEventListener(t, n[0] = (o) => s.call(e, n[1], o));
   } else
     e.addEventListener(t, n);
 }
 function _t(e, t, n = {}) {
-  const l = Object.keys(t || {}), i = Object.keys(n);
-  let o, s;
-  for (o = 0, s = i.length; o < s; o++) {
-    const r = i[o];
+  const l = Object.keys(t || {}), s = Object.keys(n);
+  let o, i;
+  for (o = 0, i = s.length; o < i; o++) {
+    const r = s[o];
     !r || r === "undefined" || t[r] || (Ne(e, r, !1), delete n[r]);
   }
-  for (o = 0, s = l.length; o < s; o++) {
+  for (o = 0, i = l.length; o < i; o++) {
     const r = l[o], a = !!t[r];
     !r || r === "undefined" || n[r] === a || !a || (Ne(e, r, !0), n[r] = a);
   }
@@ -120,42 +120,42 @@ function _t(e, t, n = {}) {
 }
 function Ue(e, t, n) {
   if (!t)
-    return n ? k(e, "style") : t;
+    return n ? A(e, "style") : t;
   const l = e.style;
   if (typeof t == "string")
     return l.cssText = t;
   typeof n == "string" && (l.cssText = n = void 0), n || (n = {}), t || (t = {});
-  let i, o;
+  let s, o;
   for (o in n)
     t[o] == null && l.removeProperty(o), delete n[o];
   for (o in t)
-    i = t[o], i !== n[o] && (l.setProperty(o, i), n[o] = i);
+    s = t[o], s !== n[o] && (l.setProperty(o, s), n[o] = s);
   return n;
 }
 function St(e, t = {}, n, l) {
-  const i = {};
-  return l || C(() => i.children = K(e, t.children, i.children)), C(() => t.ref && t.ref(e)), C(() => Nt(e, t, n, !0, i, !0)), i;
+  const s = {};
+  return l || x(() => s.children = K(e, t.children, s.children)), x(() => t.ref && t.ref(e)), x(() => Nt(e, t, n, !0, s, !0)), s;
 }
 function u(e, t, n, l) {
   if (n !== void 0 && !l && (l = []), typeof t != "function")
     return K(e, t, l, n);
-  C((i) => K(e, t(), i, n), l);
+  x((s) => K(e, t(), s, n), l);
 }
-function Nt(e, t, n, l, i = {}, o = !1) {
+function Nt(e, t, n, l, s = {}, o = !1) {
   t || (t = {});
-  for (const s in i)
-    if (!(s in t)) {
-      if (s === "children")
+  for (const i in s)
+    if (!(i in t)) {
+      if (i === "children")
         continue;
-      i[s] = ke(e, s, null, i[s], n, o);
+      s[i] = ke(e, i, null, s[i], n, o);
     }
-  for (const s in t) {
-    if (s === "children") {
+  for (const i in t) {
+    if (i === "children") {
       l || K(e, t.children);
       continue;
     }
-    const r = t[s];
-    i[s] = ke(e, s, r, i[s], n, o);
+    const r = t[i];
+    s[i] = ke(e, i, r, s[i], n, o);
   }
 }
 function kt(e) {
@@ -163,11 +163,11 @@ function kt(e) {
 }
 function Ne(e, t, n) {
   const l = t.trim().split(/\s+/);
-  for (let i = 0, o = l.length; i < o; i++)
-    e.classList.toggle(l[i], n);
+  for (let s = 0, o = l.length; s < o; s++)
+    e.classList.toggle(l[s], n);
 }
-function ke(e, t, n, l, i, o) {
-  let s, r, a;
+function ke(e, t, n, l, s, o) {
+  let i, r, a;
   if (t === "style")
     return Ue(e, n, l);
   if (t === "classList")
@@ -189,11 +189,11 @@ function ke(e, t, n, l, i, o) {
       e.removeEventListener(c, g);
     }
     (d || n) && (re(e, c, n, d), d && ae([c]));
-  } else if ((a = $t.has(t)) || !i && (_e[t] || (r = mt.has(t))) || (s = e.nodeName.includes("-")))
-    t === "class" || t === "className" ? b(e, n) : s && !r && !a ? e[kt(t)] = n : e[_e[t] || t] = n;
+  } else if ((a = $t.has(t)) || !s && (_e[t] || (r = mt.has(t))) || (i = e.nodeName.includes("-")))
+    t === "class" || t === "className" ? b(e, n) : i && !r && !a ? e[kt(t)] = n : e[_e[t] || t] = n;
   else {
-    const c = i && t.indexOf(":") > -1 && bt[t.split(":")[0]];
-    c ? wt(e, c, t, n) : k(e, yt[t] || t, n);
+    const c = s && t.indexOf(":") > -1 && bt[t.split(":")[0]];
+    c ? wt(e, c, t, n) : A(e, yt[t] || t, n);
   }
   return n;
 }
@@ -208,43 +208,43 @@ function At(e) {
     get() {
       return n || document;
     }
-  }), M.registry && !M.done && (M.done = !0, document.querySelectorAll("[id^=pl-]").forEach((l) => {
+  }), R.registry && !R.done && (R.done = !0, document.querySelectorAll("[id^=pl-]").forEach((l) => {
     for (; l && l.nodeType !== 8 && l.nodeValue !== "pl-" + e; ) {
-      let i = l.nextSibling;
-      l.remove(), l = i;
+      let s = l.nextSibling;
+      l.remove(), l = s;
     }
     l && l.remove();
   })); n; ) {
     const l = n[t];
     if (l && !n.disabled) {
-      const i = n[`${t}Data`];
-      if (i !== void 0 ? l.call(n, i, e) : l.call(n, e), e.cancelBubble)
+      const s = n[`${t}Data`];
+      if (s !== void 0 ? l.call(n, s, e) : l.call(n, e), e.cancelBubble)
         return;
     }
     n = n._$host || n.parentNode || n.host;
   }
 }
-function K(e, t, n, l, i) {
-  for (M.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
+function K(e, t, n, l, s) {
+  for (R.context && !n && (n = [...e.childNodes]); typeof n == "function"; )
     n = n();
   if (t === n)
     return n;
-  const o = typeof t, s = l !== void 0;
-  if (e = s && n[0] && n[0].parentNode || e, o === "string" || o === "number") {
-    if (M.context)
+  const o = typeof t, i = l !== void 0;
+  if (e = i && n[0] && n[0].parentNode || e, o === "string" || o === "number") {
+    if (R.context)
       return n;
-    if (o === "number" && (t = t.toString()), s) {
+    if (o === "number" && (t = t.toString()), i) {
       let r = n[0];
       r && r.nodeType === 3 ? r.data = t : r = document.createTextNode(t), n = V(e, n, l, r);
     } else
       n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
   } else if (t == null || o === "boolean") {
-    if (M.context)
+    if (R.context)
       return n;
     n = V(e, n, l);
   } else {
     if (o === "function")
-      return C(() => {
+      return x(() => {
         let r = t();
         for (; typeof r == "function"; )
           r = r();
@@ -252,9 +252,9 @@ function K(e, t, n, l, i) {
       }), () => n;
     if (Array.isArray(t)) {
       const r = [], a = n && Array.isArray(n);
-      if (he(r, t, n, i))
-        return C(() => n = K(e, r, n, l, !0)), () => n;
-      if (M.context) {
+      if (he(r, t, n, s))
+        return x(() => n = K(e, r, n, l, !0)), () => n;
+      if (R.context) {
         if (!r.length)
           return n;
         for (let c = 0; c < r.length; c++)
@@ -262,16 +262,16 @@ function K(e, t, n, l, i) {
             return n = r;
       }
       if (r.length === 0) {
-        if (n = V(e, n, l), s)
+        if (n = V(e, n, l), i)
           return n;
       } else
         a ? n.length === 0 ? Ae(e, r, l) : Ct(e, n, r) : (n && V(e), Ae(e, r));
       n = r;
     } else if (t instanceof Node) {
-      if (M.context && t.parentNode)
-        return n = s ? [t] : t;
+      if (R.context && t.parentNode)
+        return n = i ? [t] : t;
       if (Array.isArray(n)) {
-        if (s)
+        if (i)
           return n = V(e, n, l, t);
         V(e, n, null, t);
       } else
@@ -282,49 +282,49 @@ function K(e, t, n, l, i) {
   return n;
 }
 function he(e, t, n, l) {
-  let i = !1;
-  for (let o = 0, s = t.length; o < s; o++) {
+  let s = !1;
+  for (let o = 0, i = t.length; o < i; o++) {
     let r = t[o], a = n && n[o];
     if (r instanceof Node)
       e.push(r);
     else if (!(r == null || r === !0 || r === !1))
       if (Array.isArray(r))
-        i = he(e, r, a) || i;
+        s = he(e, r, a) || s;
       else if (typeof r == "function")
         if (l) {
           for (; typeof r == "function"; )
             r = r();
-          i = he(e, Array.isArray(r) ? r : [r], Array.isArray(a) ? a : [a]) || i;
+          s = he(e, Array.isArray(r) ? r : [r], Array.isArray(a) ? a : [a]) || s;
         } else
-          e.push(r), i = !0;
+          e.push(r), s = !0;
       else {
         const c = String(r);
         a && a.nodeType === 3 && a.data === c ? e.push(a) : e.push(document.createTextNode(c));
       }
   }
-  return i;
+  return s;
 }
 function Ae(e, t, n = null) {
-  for (let l = 0, i = t.length; l < i; l++)
+  for (let l = 0, s = t.length; l < s; l++)
     e.insertBefore(t[l], n);
 }
 function V(e, t, n, l) {
   if (n === void 0)
     return e.textContent = "";
-  const i = l || document.createTextNode("");
+  const s = l || document.createTextNode("");
   if (t.length) {
     let o = !1;
-    for (let s = t.length - 1; s >= 0; s--) {
-      const r = t[s];
-      if (i !== r) {
+    for (let i = t.length - 1; i >= 0; i--) {
+      const r = t[i];
+      if (s !== r) {
         const a = r.parentNode === e;
-        !o && !s ? a ? e.replaceChild(i, r) : e.insertBefore(i, n) : a && r.remove();
+        !o && !i ? a ? e.replaceChild(s, r) : e.insertBefore(s, n) : a && r.remove();
       } else
         o = !0;
     }
   } else
-    e.insertBefore(i, n);
-  return [i];
+    e.insertBefore(s, n);
+  return [s];
 }
 var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, me = {}, Tt = {
   get exports() {
@@ -338,35 +338,35 @@ var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   (function(n, l) {
     e.exports = l();
   })(Pt, function() {
-    return function(n, l, i) {
+    return function(n, l, s) {
       n = n || {};
-      var o = l.prototype, s = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      var o = l.prototype, i = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
       function r(c, d, g, f) {
         return o.fromToBase(c, d, g, f);
       }
-      i.en.relativeTime = s, o.fromToBase = function(c, d, g, f, m) {
-        for (var v, x, w, R = g.$locale().relativeTime || s, T = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], lt = T.length, X = 0; X < lt; X += 1) {
-          var O = T[X];
-          O.d && (v = f ? i(c).diff(g, O.d, !0) : g.diff(c, O.d, !0));
+      s.en.relativeTime = i, o.fromToBase = function(c, d, g, f, y) {
+        for (var v, C, w, P = g.$locale().relativeTime || i, k = n.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], lt = k.length, X = 0; X < lt; X += 1) {
+          var j = k[X];
+          j.d && (v = f ? s(c).diff(g, j.d, !0) : g.diff(c, j.d, !0));
           var H = (n.rounding || Math.round)(Math.abs(v));
-          if (w = v > 0, H <= O.r || !O.r) {
-            H <= 1 && X > 0 && (O = T[X - 1]);
-            var fe = R[O.l];
-            m && (H = m("" + H)), x = typeof fe == "string" ? fe.replace("%d", H) : fe(H, d, O.l, w);
+          if (w = v > 0, H <= j.r || !j.r) {
+            H <= 1 && X > 0 && (j = k[X - 1]);
+            var fe = P[j.l];
+            y && (H = y("" + H)), C = typeof fe == "string" ? fe.replace("%d", H) : fe(H, d, j.l, w);
             break;
           }
         }
         if (d)
-          return x;
-        var pe = w ? R.future : R.past;
-        return typeof pe == "function" ? pe(x) : pe.replace("%s", x);
+          return C;
+        var pe = w ? P.future : P.past;
+        return typeof pe == "function" ? pe(C) : pe.replace("%s", C);
       }, o.to = function(c, d) {
         return r(c, d, this, !0);
       }, o.from = function(c, d) {
         return r(c, d, this);
       };
       var a = function(c) {
-        return c.$u ? i.utc() : i();
+        return c.$u ? s.utc() : s();
       };
       o.toNow = function(c) {
         return this.to(a(this), c);
@@ -376,7 +376,7 @@ var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     };
   });
 })(Tt);
-const Et = me, Lt = /* @__PURE__ */ y("<button></button>"), L = (e) => (() => {
+const Et = me, Lt = /* @__PURE__ */ $("<button></button>"), O = (e) => (() => {
   const t = Lt.cloneNode(!0);
   return St(t, st(e, {
     onMouseDown: Ot
@@ -431,7 +431,7 @@ const be = `
 function Bt(e, t = "px") {
   return typeof e == "string" ? String(e) : Array.isArray(e) ? e.map((n) => `${n}${t}`).join(" ") : `${e}${t}`;
 }
-const Ht = /* @__PURE__ */ y("<div></div>"), Vt = _`
+const Ht = /* @__PURE__ */ $("<div></div>"), Vt = _`
   &&& {
     position: relative;
     color: currentColor;
@@ -447,12 +447,12 @@ const Ht = /* @__PURE__ */ y("<div></div>"), Vt = _`
   const t = Ft(e.name);
   return (() => {
     const n = Ht.cloneNode(!0);
-    return n.innerHTML = t, C((l) => {
-      const i = `icon ${e.class || ""} ${Vt}`, o = {
+    return n.innerHTML = t, x((l) => {
+      const s = `icon ${e.class || ""} ${Vt}`, o = {
         color: e.color,
         "--icon-size": e.size && Bt(e.size)
       };
-      return i !== l._v$ && b(n, l._v$ = i), l._v$2 = Ue(n, o, l._v$2), l;
+      return s !== l._v$ && b(n, l._v$ = s), l._v$2 = Ue(n, o, l._v$2), l;
     }, {
       _v$: void 0,
       _v$2: void 0
@@ -464,12 +464,12 @@ function We(e, t) {
   if (!n && (Object.defineProperty(e, I, {
     value: n = new Proxy(e, Wt)
   }), !Array.isArray(e))) {
-    const l = Object.keys(e), i = Object.getOwnPropertyDescriptors(e);
-    for (let o = 0, s = l.length; o < s; o++) {
+    const l = Object.keys(e), s = Object.getOwnPropertyDescriptors(e);
+    for (let o = 0, i = l.length; o < i; o++) {
       const r = l[o];
-      i[r].get && Object.defineProperty(e, r, {
-        enumerable: i[r].enumerable,
-        get: i[r].get.bind(n)
+      s[r].get && Object.defineProperty(e, r, {
+        enumerable: s[r].enumerable,
+        get: s[r].get.bind(n)
       });
     }
   }
@@ -480,20 +480,20 @@ function U(e) {
   return e != null && typeof e == "object" && (e[I] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
 function W(e, t = /* @__PURE__ */ new Set()) {
-  let n, l, i, o;
+  let n, l, s, o;
   if (n = e != null && e[oe])
     return n;
   if (!U(e) || t.has(e))
     return e;
   if (Array.isArray(e)) {
     Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
-    for (let s = 0, r = e.length; s < r; s++)
-      i = e[s], (l = W(i, t)) !== i && (e[s] = l);
+    for (let i = 0, r = e.length; i < r; i++)
+      s = e[i], (l = W(s, t)) !== s && (e[i] = l);
   } else {
     Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
-    const s = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
-    for (let a = 0, c = s.length; a < c; a++)
-      o = s[a], !r[o].get && (i = e[o], (l = W(i, t)) !== i && (e[o] = l));
+    const i = Object.keys(e), r = Object.getOwnPropertyDescriptors(e);
+    for (let a = 0, c = i.length; a < c; a++)
+      o = i[a], !r[o].get && (s = e[o], (l = W(s, t)) !== s && (e[o] = l));
   }
   return e;
 }
@@ -534,13 +534,13 @@ const Wt = {
       return n;
     if (t === we)
       return Je(e), n;
-    const l = Ce(e), i = l.hasOwnProperty(t);
-    let o = i ? l[t]() : e[t];
+    const l = Ce(e), s = l.hasOwnProperty(t);
+    let o = s ? l[t]() : e[t];
     if (t === q || t === "__proto__")
       return o;
-    if (!i) {
-      const s = Object.getOwnPropertyDescriptor(e, t);
-      Ze() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = $e(l, t, o)());
+    if (!s) {
+      const i = Object.getOwnPropertyDescriptor(e, t);
+      Ze() && (typeof o != "function" || e.hasOwnProperty(t)) && !(i && i.get) && (o = $e(l, t, o)());
     }
     return U(o) ? We(o) : o;
   },
@@ -559,16 +559,16 @@ const Wt = {
 function J(e, t, n, l = !1) {
   if (!l && e[t] === n)
     return;
-  const i = e[t], o = e.length;
+  const s = e[t], o = e.length;
   n === void 0 ? delete e[t] : e[t] = n;
-  let s = Ce(e), r;
-  (r = $e(s, t, i)) && r.$(() => n), Array.isArray(e) && e.length !== o && (r = $e(s, "length", o)) && r.$(e.length), (r = s._) && r.$();
+  let i = Ce(e), r;
+  (r = $e(i, t, s)) && r.$(() => n), Array.isArray(e) && e.length !== o && (r = $e(i, "length", o)) && r.$(e.length), (r = i._) && r.$();
 }
 function Ge(e, t) {
   const n = Object.keys(t);
   for (let l = 0; l < n.length; l += 1) {
-    const i = n[l];
-    J(e, i, t[i]);
+    const s = n[l];
+    J(e, s, t[s]);
   }
 }
 function Jt(e, t) {
@@ -577,27 +577,27 @@ function Jt(e, t) {
       return;
     let n = 0, l = t.length;
     for (; n < l; n++) {
-      const i = t[n];
-      e[n] !== i && J(e, n, i);
+      const s = t[n];
+      e[n] !== s && J(e, n, s);
     }
     J(e, "length", l);
   } else
     Ge(e, t);
 }
 function Y(e, t, n = []) {
-  let l, i = e;
+  let l, s = e;
   if (t.length > 1) {
     l = t.shift();
-    const s = typeof l, r = Array.isArray(e);
+    const i = typeof l, r = Array.isArray(e);
     if (Array.isArray(l)) {
       for (let a = 0; a < l.length; a++)
         Y(e, [l[a]].concat(t), n);
       return;
-    } else if (r && s === "function") {
+    } else if (r && i === "function") {
       for (let a = 0; a < e.length; a++)
         l(e[a], a) && Y(e, [a].concat(t), n);
       return;
-    } else if (r && s === "object") {
+    } else if (r && i === "object") {
       const {
         from: a = 0,
         to: c = e.length - 1,
@@ -610,19 +610,19 @@ function Y(e, t, n = []) {
       Y(e[l], t, [l].concat(n));
       return;
     }
-    i = e[l], n = [l].concat(n);
+    s = e[l], n = [l].concat(n);
   }
   let o = t[0];
-  typeof o == "function" && (o = o(i, n), o === i) || l === void 0 && o == null || (o = W(o), l === void 0 || U(i) && U(o) && !Array.isArray(o) ? Ge(i, o) : J(e, l, o));
+  typeof o == "function" && (o = o(s, n), o === s) || l === void 0 && o == null || (o = W(o), l === void 0 || U(s) && U(o) && !Array.isArray(o) ? Ge(s, o) : J(e, l, o));
 }
 function Ye(...[e, t]) {
-  const n = W(e || {}), l = Array.isArray(n), i = We(n);
-  function o(...s) {
+  const n = W(e || {}), l = Array.isArray(n), s = We(n);
+  function o(...i) {
     at(() => {
-      l && s.length === 1 ? Jt(n, s[0]) : Y(n, s);
+      l && i.length === 1 ? Jt(n, i[0]) : Y(n, i);
     });
   }
-  return [i, o];
+  return [s, o];
 }
 const le = /* @__PURE__ */ new WeakMap(), Qe = {
   get(e, t) {
@@ -710,7 +710,7 @@ function en(e) {
     throw new Error("Invalid hex value");
   return (e.replace(
     /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
-    (t, n, l, i) => `#${n}${n}${l}${l}${i}${i}`
+    (t, n, l, s) => `#${n}${n}${l}${l}${s}${s}`
   ).substring(1).match(/.{2}/g) || []).map((t) => parseInt(t, 16));
 }
 function tn(e) {
@@ -721,11 +721,11 @@ let Pe = 1;
 function nn(e) {
   const t = {};
   for (const [n, l] of tn(e)) {
-    const [i, o, s] = en(l), r = `c${Pe}`;
-    Pe++, ee.setProperty(`--${r}-r`, String(i)), ee.setProperty(`--${r}-g`, String(o)), ee.setProperty(`--${r}-b`, String(s)), ee.setProperty(`--${r}`, l), t[n] = {
-      red: i,
+    const [s, o, i] = en(l), r = `c${Pe}`;
+    Pe++, ee.setProperty(`--${r}-r`, String(s)), ee.setProperty(`--${r}-g`, String(o)), ee.setProperty(`--${r}-b`, String(i)), ee.setProperty(`--${r}`, l), t[n] = {
+      red: s,
       green: o,
-      blue: s,
+      blue: i,
       var: `var(--${r})`,
       raw: l,
       alpha: (a) => `rgba(var(--${r}-r), var(--${r}-g), var(--${r}-b), ${a})`,
@@ -762,22 +762,22 @@ const h = nn({
   bg: "#EAEFFF",
   white: "#fff",
   black: "#000"
-}), P = {
+}), E = {
   primary: "Work Sans, sans-serif",
   decorative: '"Fira Code", monospaced'
 };
 function rn(e, t, n) {
   if (!e)
     return t;
-  const l = [], i = new Map(e.map((o) => [o[n], o]));
+  const l = [], s = new Map(e.map((o) => [o[n], o]));
   for (const o of t) {
-    const s = i.get(o[n]);
-    s && Ke(s, o) ? l.push(s) : l.push(o);
+    const i = s.get(o[n]);
+    i && Ke(i, o) ? l.push(i) : l.push(o);
   }
   return l;
 }
 function qe(e, t) {
-  return $((n) => rn(n, typeof e == "function" ? e() : e, t));
+  return m((n) => rn(n, typeof e == "function" ? e() : e, t));
 }
 function xe(e) {
   const [t, n] = ne(e);
@@ -793,7 +793,7 @@ function xe(e) {
     }
   };
 }
-const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y("<span></span>"), ln = /* @__PURE__ */ y('<div><div class="call"></div></div>'), sn = _`
+const on = /* @__PURE__ */ $('<div class="tag"></div>'), Te = /* @__PURE__ */ $("<span></span>"), ln = /* @__PURE__ */ $('<div><div class="call"></div></div>'), sn = _`
   &&& {
     font-size: 14px;
     ${S()};
@@ -816,7 +816,7 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
 
         > .tag {
           font-weight: 600;
-          font-family: ${P.decorative};
+          font-family: ${E.decorative};
         }
 
         > span {
@@ -869,10 +869,10 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
 `, an = (e) => {
   const t = () => e.item, n = () => e.currentCallId;
   ct(e, ["item", "currentCallId"])[1];
-  const l = xe(e.item.subitemsWithAlias.length < 4), i = cn(t().type, t().subType);
+  const l = xe(e.item.subitemsWithAlias.length < 4), s = cn(t().type, t().subType);
   return (() => {
-    const o = ln.cloneNode(!0), s = o.firstChild;
-    return b(o, sn), u(s, p(L, {
+    const o = ln.cloneNode(!0), i = o.firstChild;
+    return b(o, sn), u(i, p(O, {
       onClick: () => {
         ie({
           selectedCall: t().id,
@@ -882,21 +882,21 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
       get children() {
         return [(() => {
           const r = on.cloneNode(!0);
-          return u(r, () => i.icon), C((a) => {
-            const c = `${t().type}${t().subType ? ` (${t().subType})` : ""}`, d = i.color;
-            return c !== a._v$ && k(r, "title", a._v$ = c), d !== a._v$2 && r.style.setProperty("color", a._v$2 = d), a;
+          return u(r, () => s.icon), x((a) => {
+            const c = `${t().type}${t().subType ? ` (${t().subType})` : ""}`, d = s.color;
+            return c !== a._v$ && A(r, "title", a._v$ = c), d !== a._v$2 && r.style.setProperty("color", a._v$2 = d), a;
           }, {
             _v$: void 0,
             _v$2: void 0
           }), r;
         })(), (() => {
           const r = Te.cloneNode(!0);
-          return u(r, () => t().name), C(() => k(r, "title", t().name)), r;
+          return u(r, () => t().name), x(() => A(r, "title", t().name)), r;
         })()];
       }
-    }), null), u(s, (() => {
-      const r = $(() => t().subitemsWithAlias.length > 0);
-      return () => r() && p(L, {
+    }), null), u(i, (() => {
+      const r = m(() => t().subitemsWithAlias.length > 0);
+      return () => r() && p(O, {
         class: "expand-button",
         get classList() {
           return {
@@ -921,7 +921,7 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
           get each() {
             return t().subitemsWithAlias;
           },
-          children: (r) => p(L, {
+          children: (r) => p(O, {
             class: "subitem",
             get classList() {
               return {
@@ -941,7 +941,7 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
           })
         });
       }
-    }), null), C(() => s.classList.toggle("selected", n() ? n() === t().id : e.index === 0)), o;
+    }), null), x(() => i.classList.toggle("selected", n() ? n() === t().id : e.index === 0)), o;
   })();
 };
 function cn(e, t) {
@@ -968,11 +968,11 @@ function dn(e, t) {
 }
 function un(e, t) {
   let n = 0;
-  const l = {}, i = t.pattern.exec(e);
-  if (!i)
+  const l = {}, s = t.pattern.exec(e);
+  if (!s)
     return null;
   for (; n < t.keys.length; )
-    l[t.keys[n]] = i[++n] || null;
+    l[t.keys[n]] = s[++n] || null;
   return l;
 }
 const [B, fn] = Ye({
@@ -989,73 +989,72 @@ function pn(e) {
 }
 function Br(e) {
   const t = e.startTime || Date.now();
-  return () => {
-    const n = e.duration || Date.now() - t;
+  return ({ isError: n, status: l }) => {
+    const s = e.duration || Date.now() - t;
     fn(
-      Xt((l) => {
+      Xt((o) => {
         const i = Le(
           () => new URL(e.path, "http://localhost")
         );
         Ee(i);
-        const o = i.searchParams.toString() !== "" ? Object.fromEntries(i.searchParams.entries()) : null;
-        let s = null;
-        const r = ye.callsProcessor.find((x) => {
-          if (typeof x.match == "string") {
-            const w = dn(i.pathname, x.match);
-            return w ? (s = w, !0) : !1;
+        const r = i.searchParams.toString() !== "" ? Object.fromEntries(i.searchParams.entries()) : null;
+        let a = null;
+        const c = ye.callsProcessor.find((P) => {
+          if (typeof P.match == "string") {
+            const k = dn(i.pathname, P.match);
+            return k ? (a = k, !0) : !1;
           } else
-            return x.match({
+            return P.match({
               url: i,
               type: e.type,
               subType: e.subType
             });
-        }), a = r?.callID?.({
+        }), d = c?.callID?.({
           url: i,
           type: e.type,
           subType: e.subType
-        }) || typeof r?.match == "string" && r.match, c = btoa(
-          a || `${i.pathname}|${e.type}${e.subType ? `|${e.subType}` : ""}`
-        ), d = r?.callName, g = typeof d == "function" ? d({
+        }) || typeof c?.match == "string" && c.match, g = btoa(
+          d || `${i.pathname}|${e.type}${e.subType ? `|${e.subType}` : ""}`
+        ), f = c?.callName, y = typeof f == "function" ? f({
           url: i,
           type: e.type,
           subType: e.subType
-        }) : d;
-        l.calls[c] || (l.calls[c] = {
-          name: g || typeof r?.match == "string" && r.match || i.pathname.replace(/^\//, ""),
+        }) : f;
+        o.calls[g] || (o.calls[g] = {
+          name: y || typeof c?.match == "string" && c.match || i.pathname.replace(/^\//, ""),
           path: i.pathname.replace(/^\//, ""),
           lastRequestStartTime: t,
           requests: [],
           type: e.type,
           subType: e.subType
         });
-        const f = l.calls[c];
-        Ee(f), f.requests.length > 100 && f.requests.shift();
-        const m = {
+        const v = o.calls[g];
+        Ee(v), v.requests.length > 100 && v.requests.shift();
+        const C = {
           id: ut(),
-          duration: n,
-          pathParams: s,
-          isError: e.isError,
+          duration: s,
+          pathParams: a,
+          isError: n,
           metadata: e.metadata,
           path: e.path.replace(/^\//, ""),
           payload: e.payload,
           response: e.response,
-          searchParams: o,
-          status: e.status,
+          searchParams: r,
           startTime: t,
           type: e.type,
           method: e.method,
           subType: e.subType,
-          code: e.status,
+          code: l,
           tags: e.tags || []
-        }, v = Le(
-          () => r?.payloadAlias?.(m.payload, m)
+        }, w = Le(
+          () => c?.payloadAlias?.(C.payload, C)
         );
-        v && (m.alias = v), f.requests.push(m);
+        w && (C.alias = w), v.requests.push(C);
       })
     );
   };
 }
-const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'), hn = _`
+const gn = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'), hn = _`
   &&& {
     ${S()};
     border-right: 1px solid ${h.white.alpha(0.1)};
@@ -1064,7 +1063,7 @@ const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text
       font-size: 18px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${P.decorative};
+      font-family: ${E.decorative};
       color: ${h.secondary.var};
       padding-bottom: 16px;
     }
@@ -1108,26 +1107,26 @@ const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text
   }
 `, yn = () => {
   const e = xe(""), t = qe(() => {
-    const l = Object.entries(B.calls), i = [];
-    for (const [o, s] of l.reverse()) {
-      if (e.value.trim() && !s.name.includes(e.value.toLowerCase()))
+    const l = Object.entries(B.calls), s = [];
+    for (const [o, i] of l.reverse()) {
+      if (e.value.trim() && !i.name.includes(e.value.toLowerCase()))
         continue;
       const r = /* @__PURE__ */ new Set();
-      for (const a of s.requests)
+      for (const a of i.requests)
         a.alias && r.add(a.alias);
-      i.push({
+      s.push({
         id: o,
         subitemsWithAlias: [...r],
-        ...s
+        ...i
       });
     }
-    return i;
-  }, "id"), n = $(() => N.selectedCall);
+    return s;
+  }, "id"), n = m(() => N.selectedCall);
   return (() => {
-    const l = gn.cloneNode(!0), i = l.firstChild, o = i.nextSibling, s = o.firstChild, r = o.nextSibling;
+    const l = gn.cloneNode(!0), s = l.firstChild, o = s.nextSibling, i = o.firstChild, r = o.nextSibling;
     return b(l, hn), b(o, $n), u(o, p(ce, {
       name: "search"
-    }), s), s.$$input = (a) => {
+    }), i), i.$$input = (a) => {
       e.value = a.currentTarget.value;
     }, b(r, mn), u(r, p(z, {
       get each() {
@@ -1142,7 +1141,7 @@ const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text
           return n();
         }
       })
-    })), C(() => s.value = e.value), l;
+    })), x(() => i.value = e.value), l;
   })();
 };
 ae(["input"]);
@@ -1152,16 +1151,16 @@ function et(...e) {
     const l = e[n];
     if (!l)
       continue;
-    const i = typeof l;
-    if (i === "string" || i === "number")
+    const s = typeof l;
+    if (s === "string" || s === "number")
       t.push(l);
-    else if (i === "object")
-      for (let o = 0, s = Object.keys(l); o < s.length; o++)
-        l[s[o]] && t.push(s[o]);
+    else if (s === "object")
+      for (let o = 0, i = Object.keys(l); o < i.length; o++)
+        l[i[o]] && t.push(i[o]);
   }
   return t.join(" ");
 }
-const vn = /* @__PURE__ */ y('<div><div class="content"></div></div>'), bn = /* @__PURE__ */ y("<h1></h1>"), Cn = _`
+const vn = /* @__PURE__ */ $('<div><div class="content"></div></div>'), bn = /* @__PURE__ */ $("<h1></h1>"), Cn = _`
   &&& {
     ${S()};
 
@@ -1169,7 +1168,7 @@ const vn = /* @__PURE__ */ y('<div><div class="content"></div></div>'), bn = /*
       font-size: 14px;
       color: ${h.secondary.var};
       letter-spacing: 0.08em;
-      font-family: ${P.decorative};
+      font-family: ${E.decorative};
       font-weight: 300;
       background: ${h.bgPrimary.var};
       z-index: 1;
@@ -1195,15 +1194,15 @@ const vn = /* @__PURE__ */ y('<div><div class="content"></div></div>'), bn = /*
       margin-top: 20px;
     }
   }
-`, A = (e) => (() => {
+`, T = (e) => (() => {
   const t = vn.cloneNode(!0), n = t.firstChild;
   return u(t, (() => {
-    const l = $(() => !!e.title);
+    const l = m(() => !!e.title);
     return () => l() && (() => {
-      const i = bn.cloneNode(!0);
-      return u(i, () => e.title), i;
+      const s = bn.cloneNode(!0);
+      return u(s, () => e.title), s;
     })();
-  })(), n), u(n, () => e.children), C(() => b(t, et(Cn, e.class))), t;
+  })(), n), u(n, () => e.children), x(() => b(t, et(Cn, e.class))), t;
 })(), xn = `
   user-select: text;
 
@@ -1219,9 +1218,9 @@ function wn(e) {
     -webkit-box-orient: vertical;
   `;
 }
-const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @__PURE__ */ y('<div class="collapsed"></div>'), Nn = /* @__PURE__ */ y('<div class="delimiter">[]</div>'), kn = /* @__PURE__ */ y('<div class="delimiter">{}</div>'), Oe = /* @__PURE__ */ y('<div class="delimiter"></div>'), je = /* @__PURE__ */ y('<div class="childs"></div>'), An = /* @__PURE__ */ y('<div class="delimiter end">]</div>'), Me = /* @__PURE__ */ y('<div class="child"></div>'), Pn = /* @__PURE__ */ y('<div class="delimiter end">}</div>'), Tn = /* @__PURE__ */ y('<div class="value" title="Shift + Click to copy value"></div>'), Re = /* @__PURE__ */ y('<span class="string-quotes">"</span>'), En = /* @__PURE__ */ y("<div></div>"), Ln = _`
+const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @__PURE__ */ $('<div class="collapsed"></div>'), Nn = /* @__PURE__ */ $('<div class="delimiter">[]</div>'), kn = /* @__PURE__ */ $('<div class="delimiter">{}</div>'), Oe = /* @__PURE__ */ $('<div class="delimiter"></div>'), je = /* @__PURE__ */ $('<div class="childs"></div>'), An = /* @__PURE__ */ $('<div class="delimiter end">]</div>'), Me = /* @__PURE__ */ $('<div class="child"></div>'), Pn = /* @__PURE__ */ $('<div class="delimiter end">}</div>'), Tn = /* @__PURE__ */ $('<div class="value" title="Shift + Click to copy value"></div>'), Re = /* @__PURE__ */ $('<span class="string-quotes">"</span>'), En = /* @__PURE__ */ $("<div></div>"), Ln = _`
   &&& {
-    font-family: ${P.decorative};
+    font-family: ${E.decorative};
     font-size: 13px;
     ${xn};
     ${S({
@@ -1332,9 +1331,9 @@ const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @_
     }
   }
 `, On = new Intl.NumberFormat("en-US"), Z = 14, ve = (e) => {
-  let [t, n] = ne(!(e.indent > 0 && e.compact)), [l, i] = ne(!e.compact);
-  return $(() => {
-    const o = e.value, s = Array.isArray(o), r = !s && typeof o == "object" && o !== null, a = e.key !== void 0 || e.index !== void 0, c = s && o.length > 0 || r && Object.keys(o).length > 0, d = c && p(L, {
+  let [t, n] = ne(!(e.indent > 0 && e.compact)), [l, s] = ne(!e.compact);
+  return m(() => {
+    const o = e.value, i = Array.isArray(o), r = !i && typeof o == "object" && o !== null, a = e.key !== void 0 || e.index !== void 0, c = i && o.length > 0 || r && Object.keys(o).length > 0, d = c && p(O, {
       onClick: () => {
         n(() => !t());
       },
@@ -1353,78 +1352,78 @@ const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @_
     });
     return [a && (() => {
       const g = _n.cloneNode(!0), f = g.firstChild;
-      return g.$$click = (m) => {
-        m.shiftKey && te(JSON.stringify(o));
-      }, u(g, s || r ? d : null, f), u(f, () => e.key || e.index), C((m) => {
+      return g.$$click = (y) => {
+        y.shiftKey && te(JSON.stringify(o));
+      }, u(g, i || r ? d : null, f), u(f, () => e.key || e.index), x((y) => {
         const v = `${e.key ? `${e.key}
-` : ""}Shift + Click to copy value`, x = e.index !== void 0;
-        return v !== m._v$ && k(g, "title", m._v$ = v), x !== m._v$2 && g.classList.toggle("index", m._v$2 = x), m;
+` : ""}Shift + Click to copy value`, C = e.index !== void 0;
+        return v !== y._v$ && A(g, "title", y._v$ = v), C !== y._v$2 && g.classList.toggle("index", y._v$2 = C), y;
       }, {
         _v$: void 0,
         _v$2: void 0
       }), g;
-    })(), $((() => {
-      const g = $(() => !!(a && c && !t()));
+    })(), m((() => {
+      const g = m(() => !!(a && c && !t()));
       return () => g() ? (() => {
         const f = Sn.cloneNode(!0);
-        return u(f, () => s ? `[…] ${o.length} items` : `{…} ${Object.keys(o).length} properties`), f;
-      })() : (() => s && o.length === 0 ? Nn.cloneNode(!0) : r && Object.keys(o).length === 0 ? kn.cloneNode(!0) : s ? [(() => {
+        return u(f, () => i ? `[…] ${o.length} items` : `{…} ${Object.keys(o).length} properties`), f;
+      })() : (() => i && o.length === 0 ? Nn.cloneNode(!0) : r && Object.keys(o).length === 0 ? kn.cloneNode(!0) : i ? [(() => {
         const f = Oe.cloneNode(!0);
-        return re(f, "click", a ? void 0 : (m) => {
-          m.shiftKey && te(JSON.stringify(o));
-        }, !0), k(f, "title", a ? void 0 : "Shift + Click to copy value"), u(f, !a && d, null), u(f, () => t() ? "[" : `[…] ${o.length} items`, null), f;
-      })(), $((() => {
-        const f = $(() => !!t());
+        return re(f, "click", a ? void 0 : (y) => {
+          y.shiftKey && te(JSON.stringify(o));
+        }, !0), A(f, "title", a ? void 0 : "Shift + Click to copy value"), u(f, !a && d, null), u(f, () => t() ? "[" : `[…] ${o.length} items`, null), f;
+      })(), m((() => {
+        const f = m(() => !!t());
         return () => f() && [(() => {
-          const m = je.cloneNode(!0);
-          return u(m, () => {
+          const y = je.cloneNode(!0);
+          return u(y, () => {
             let v = o;
-            const x = v.length;
-            return l() || (v = v.slice(0, Z)), [$(() => v.map((w, R) => (() => {
-              const T = Me.cloneNode(!0);
-              return u(T, p(ve, {
+            const C = v.length;
+            return l() || (v = v.slice(0, Z)), [m(() => v.map((w, P) => (() => {
+              const k = Me.cloneNode(!0);
+              return u(k, p(ve, {
                 value: w,
                 get indent() {
                   return e.indent + 1;
                 },
-                index: R,
+                index: P,
                 get compact() {
                   return e.compact;
                 }
-              })), T;
-            })())), $((() => {
-              const w = $(() => !l() && x > Z);
-              return () => w() && p(L, {
+              })), k;
+            })())), m((() => {
+              const w = m(() => !l() && C > Z);
+              return () => w() && p(O, {
                 onClick: () => {
-                  i(() => !0);
+                  s(() => !0);
                 },
                 class: "show-all",
                 get children() {
-                  return ["…show all (+", x - Z, ")"];
+                  return ["…show all (+", C - Z, ")"];
                 }
               });
             })())];
-          }), m;
+          }), y;
         })(), An.cloneNode(!0)];
       })())] : r ? [(() => {
         const f = Oe.cloneNode(!0);
-        return re(f, "click", a ? void 0 : (m) => {
-          m.shiftKey && te(JSON.stringify(o));
-        }, !0), k(f, "title", a ? void 0 : "Shift + Click to copy value"), u(f, !a && d, null), u(f, (() => {
-          const m = $(() => !!t());
-          return () => m() ? "{" : `{…} ${Object.keys(o).length} properties`;
+        return re(f, "click", a ? void 0 : (y) => {
+          y.shiftKey && te(JSON.stringify(o));
+        }, !0), A(f, "title", a ? void 0 : "Shift + Click to copy value"), u(f, !a && d, null), u(f, (() => {
+          const y = m(() => !!t());
+          return () => y() ? "{" : `{…} ${Object.keys(o).length} properties`;
         })(), null), f;
-      })(), $((() => {
-        const f = $(() => !!t());
+      })(), m((() => {
+        const f = m(() => !!t());
         return () => f() && [(() => {
-          const m = je.cloneNode(!0);
-          return u(m, () => {
+          const y = je.cloneNode(!0);
+          return u(y, () => {
             let v = Object.entries(o);
-            const x = v.length;
-            return l() || (v = v.slice(0, Z)), [$(() => v.map(([w, R]) => (() => {
-              const T = Me.cloneNode(!0);
-              return u(T, p(ve, {
-                value: R,
+            const C = v.length;
+            return l() || (v = v.slice(0, Z)), [m(() => v.map(([w, P]) => (() => {
+              const k = Me.cloneNode(!0);
+              return u(k, p(ve, {
+                value: P,
                 key: w,
                 get indent() {
                   return e.indent + 1;
@@ -1432,30 +1431,30 @@ const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @_
                 get compact() {
                   return e.compact;
                 }
-              })), T;
-            })())), $((() => {
-              const w = $(() => !l() && x > Z);
-              return () => w() && p(L, {
+              })), k;
+            })())), m((() => {
+              const w = m(() => !l() && C > Z);
+              return () => w() && p(O, {
                 onClick: () => {
-                  i(() => !0);
+                  s(() => !0);
                 },
                 class: "show-all",
                 get children() {
-                  return ["…show all (+", x - Z, ")"];
+                  return ["…show all (+", C - Z, ")"];
                 }
               });
             })())];
-          }), m;
+          }), y;
         })(), Pn.cloneNode(!0)];
       })())] : (() => {
         const f = Tn.cloneNode(!0);
-        return f.$$click = (m) => {
-          m.shiftKey && te(String(o));
-        }, k(f, "data-type", typeof o), u(f, typeof o == "string" && Re.cloneNode(!0), null), u(f, () => typeof o == "number" ? On.format(o) : String(o), null), u(f, typeof o == "string" && Re.cloneNode(!0), null), f;
+        return f.$$click = (y) => {
+          y.shiftKey && te(String(o));
+        }, A(f, "data-type", typeof o), u(f, typeof o == "string" && Re.cloneNode(!0), null), u(f, () => typeof o == "number" ? On.format(o) : String(o), null), u(f, typeof o == "string" && Re.cloneNode(!0), null), f;
       })())();
     })())];
   });
-}, j = (e) => (() => {
+}, M = (e) => (() => {
   const t = En.cloneNode(!0);
   return b(t, Ln), u(t, p(ve, {
     get value() {
@@ -1475,7 +1474,7 @@ let jn = 0;
 function Mn() {
   return jn++;
 }
-const Rn = /* @__PURE__ */ y("<label></label>"), Dn = /* @__PURE__ */ y('<div><div class="inputContainer"><select></select></div></div>'), In = /* @__PURE__ */ y('<option value="">-- select an option --</option>'), zn = /* @__PURE__ */ y("<option></option>"), Fn = _`
+const Rn = /* @__PURE__ */ $("<label></label>"), Dn = /* @__PURE__ */ $('<div><div class="inputContainer"><select></select></div></div>'), In = /* @__PURE__ */ $('<option value="">-- select an option --</option>'), zn = /* @__PURE__ */ $("<option></option>"), Fn = _`
   &&& {
     ${S({
   align: "left"
@@ -1533,29 +1532,29 @@ const Rn = /* @__PURE__ */ y("<label></label>"), Dn = /* @__PURE__ */ y('<div><d
 `, Bn = (e) => {
   const t = `input${Mn()}`;
   return (() => {
-    const n = Dn.cloneNode(!0), l = n.firstChild, i = l.firstChild;
+    const n = Dn.cloneNode(!0), l = n.firstChild, s = l.firstChild;
     return u(n, p(se, {
       get when() {
         return e.label;
       },
       get children() {
         const o = Rn.cloneNode(!0);
-        return k(o, "for", t), u(o, () => e.label), o;
+        return A(o, "for", t), u(o, () => e.label), o;
       }
-    }), l), i.addEventListener("change", (o) => {
+    }), l), s.addEventListener("change", (o) => {
       o.currentTarget.value && e.onChange(o.currentTarget.value);
-    }), k(i, "id", t), u(i, (() => {
-      const o = $(() => !e.value);
+    }), A(s, "id", t), u(s, (() => {
+      const o = m(() => !e.value);
       return () => o() && In.cloneNode(!0);
-    })(), null), u(i, p(z, {
+    })(), null), u(s, p(z, {
       get each() {
         return e.options;
       },
       children: (o) => (() => {
-        const s = zn.cloneNode(!0);
-        return u(s, () => o.label), C(() => s.value = o.value), s;
+        const i = zn.cloneNode(!0);
+        return u(i, () => o.label), x(() => i.value = o.value), i;
       })()
-    }), null), C(() => b(n, et(Fn, e.class))), C(() => i.value = e.value ?? ""), n;
+    }), null), x(() => b(n, et(Fn, e.class))), x(() => s.value = e.value ?? ""), n;
   })();
 };
 function tt(e) {
@@ -1574,7 +1573,7 @@ function De(e, t) {
 function Hn(e, t) {
   return e.length > t ? `${e.slice(0, t)}...` : e;
 }
-const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'), ge = /* @__PURE__ */ y("<div></div>"), Ie = /* @__PURE__ */ y("<div>No changes</div>"), ze = /* @__PURE__ */ y('<div class="line"></div>'), Zn = _`
+const Vn = /* @__PURE__ */ $('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'), ge = /* @__PURE__ */ $("<div></div>"), Ie = /* @__PURE__ */ $("<div>No changes</div>"), ze = /* @__PURE__ */ $('<div class="line"></div>'), Zn = _`
   &&& {
     ${S({
   gap: 14
@@ -1599,7 +1598,7 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
   gap: 0
 })};
     font-size: 14px;
-    font-family: ${P.decorative};
+    font-family: ${E.decorative};
     white-space: pre;
     overflow-x: auto;
 
@@ -1633,7 +1632,7 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
     }
   }
 `, Kn = () => {
-  const e = $(() => {
+  const e = m(() => {
     const {
       selectedCall: r
     } = N;
@@ -1644,15 +1643,15 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       value: a.id,
       label: `${Q(a.startTime).format("HH:mm:ss")} | ${Hn(tt(a), 50)}`
     })).filter((a) => a.value !== N.selectedRequest) : [];
-  }, "value"), n = xe(null), l = $(() => N.selectedRequest ? e()?.requests.find((r) => r.id === N.selectedRequest) : null), i = $(() => n.value ? e()?.requests.find((r) => r.id === n.value) : null), o = $(() => {
+  }, "value"), n = xe(null), l = m(() => N.selectedRequest ? e()?.requests.find((r) => r.id === N.selectedRequest) : null), s = m(() => n.value ? e()?.requests.find((r) => r.id === n.value) : null), o = m(() => {
     if (!n.value || !N.selectedRequest)
       return [];
-    const r = l()?.response, a = i()?.response, c = De(a, r);
+    const r = l()?.response, a = s()?.response, c = De(a, r);
     return c === "no changes" ? [] : c;
-  }), s = $(() => {
+  }), i = m(() => {
     if (!n.value || !N.selectedRequest)
       return [];
-    const r = Be(l()), a = Be(i()), c = De(a, r);
+    const r = Be(l()), a = Be(s()), c = De(a, r);
     return c === "no changes" ? [] : c;
   });
   return (() => {
@@ -1674,26 +1673,26 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       },
       get children() {
         return [(() => {
-          const a = Vn.cloneNode(!0), c = a.firstChild, d = c.firstChild, g = d.nextSibling, f = c.nextSibling, m = f.nextSibling, v = m.firstChild, x = v.nextSibling;
-          return u(g, () => o().filter((w) => w.added).length), u(x, () => o().filter((w) => w.removed).length), a;
-        })(), p(A, {
+          const a = Vn.cloneNode(!0), c = a.firstChild, d = c.firstChild, g = d.nextSibling, f = c.nextSibling, y = f.nextSibling, v = y.firstChild, C = v.nextSibling;
+          return u(g, () => o().filter((w) => w.added).length), u(C, () => o().filter((w) => w.removed).length), a;
+        })(), p(T, {
           get title() {
-            return $(() => !!l()?.payload)() ? "Payload Diff" : l()?.searchParams ? "Search Params Diff" : "Path Params Diff";
+            return m(() => !!l()?.payload)() ? "Payload Diff" : l()?.searchParams ? "Search Params Diff" : "Path Params Diff";
           },
           get children() {
             const a = ge.cloneNode(!0);
             return b(a, Fe), u(a, p(z, {
               get each() {
-                return s();
+                return i();
               },
               get fallback() {
                 return Ie.cloneNode(!0);
               },
               children: (c) => (() => {
                 const d = ze.cloneNode(!0);
-                return u(d, () => c.value), C((g) => {
-                  const f = !!c.added, m = !!c.removed;
-                  return f !== g._v$ && d.classList.toggle("added", g._v$ = f), m !== g._v$2 && d.classList.toggle("removed", g._v$2 = m), g;
+                return u(d, () => c.value), x((g) => {
+                  const f = !!c.added, y = !!c.removed;
+                  return f !== g._v$ && d.classList.toggle("added", g._v$ = f), y !== g._v$2 && d.classList.toggle("removed", g._v$2 = y), g;
                 }, {
                   _v$: void 0,
                   _v$2: void 0
@@ -1701,7 +1700,7 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               })()
             })), a;
           }
-        }), p(A, {
+        }), p(T, {
           title: "Response Diff",
           get children() {
             const a = ge.cloneNode(!0);
@@ -1714,9 +1713,9 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               },
               children: (c) => (() => {
                 const d = ze.cloneNode(!0);
-                return u(d, () => c.value), C((g) => {
-                  const f = !!c.added, m = !!c.removed;
-                  return f !== g._v$3 && d.classList.toggle("added", g._v$3 = f), m !== g._v$4 && d.classList.toggle("removed", g._v$4 = m), g;
+                return u(d, () => c.value), x((g) => {
+                  const f = !!c.added, y = !!c.removed;
+                  return f !== g._v$3 && d.classList.toggle("added", g._v$3 = f), y !== g._v$4 && d.classList.toggle("removed", g._v$4 = y), g;
                 }, {
                   _v$3: void 0,
                   _v$4: void 0
@@ -1732,20 +1731,20 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
 function Be(e) {
   return e ? e.payload || e.searchParams || e.pathParams : null;
 }
-const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>"), Wn = /* @__PURE__ */ y('<div class="tags"></div>'), Jn = /* @__PURE__ */ y('<div class="details"></div>'), Xn = /* @__PURE__ */ y("<h2></h2>"), Gn = /* @__PURE__ */ y('<div class="method"></div>'), Yn = /* @__PURE__ */ y('<div class="code"></div>'), Qn = /* @__PURE__ */ y('<div class="tag error">Has Error</div>'), qn = /* @__PURE__ */ y('<div class="tag"></div>'), er = _`
+const He = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>"), Wn = /* @__PURE__ */ $('<div class="tags"></div>'), Jn = /* @__PURE__ */ $('<div class="details"></div>'), Xn = /* @__PURE__ */ $("<h2></h2>"), Gn = /* @__PURE__ */ $('<div class="method"></div>'), Yn = /* @__PURE__ */ $('<div class="code"></div>'), Qn = /* @__PURE__ */ $('<div class="tag error">Has Error</div>'), qn = /* @__PURE__ */ $('<div class="tag"></div>'), er = _`
   &&& {
     ${S()};
     padding-left: 10px;
 
     > h1 {
       margin-top: 12px;
-      font-family: ${P.decorative};
+      font-family: ${E.decorative};
       ${de};
     }
 
     > h2 {
       margin-top: 4px;
-      font-family: ${P.decorative};
+      font-family: ${E.decorative};
       font-size: 12px;
       opacity: 0.5;
     }
@@ -1817,18 +1816,18 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
     }
   }
 `, nr = () => {
-  const e = $(() => N.selectedCall), t = $(() => N.selectedRequest), n = $(() => N.selectedTab || "summary"), l = $(() => {
+  const e = m(() => N.selectedCall), t = m(() => N.selectedRequest), n = m(() => N.selectedTab || "summary"), l = m(() => {
     let o;
     e() ? o = B.calls[e()] : o = Object.values(B.calls).at(-1);
-    const s = t() && o?.requests.find((r) => r.id === t()) || o?.requests.at(-1);
-    return s && o ? {
-      ...s,
+    const i = t() && o?.requests.find((r) => r.id === t()) || o?.requests.at(-1);
+    return i && o ? {
+      ...i,
       callName: o.name,
       callPath: o.path
     } : null;
   });
-  function i(o, s) {
-    return p(L, {
+  function s(o, i) {
+    return p(O, {
       get classList() {
         return {
           selected: n() === o
@@ -1837,7 +1836,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       onClick: () => {
         ie("selectedTab", o);
       },
-      children: s
+      children: i
     });
   }
   return (() => {
@@ -1847,35 +1846,35 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
         return l();
       },
       keyed: !0,
-      children: (s) => [(() => {
+      children: (i) => [(() => {
         const r = Un.cloneNode(!0);
-        return u(r, () => s.callName, null), u(r, () => s.alias && ` | ${s.alias}`, null), r;
-      })(), $((() => {
-        const r = $(() => s.callPath !== s.callName);
+        return u(r, () => i.callName, null), u(r, () => i.alias && ` | ${i.alias}`, null), r;
+      })(), m((() => {
+        const r = m(() => i.callPath !== i.callName);
         return () => r() && (() => {
           const a = Xn.cloneNode(!0);
-          return u(a, () => s.callPath), a;
+          return u(a, () => i.callPath), a;
         })();
       })()), (() => {
         const r = Wn.cloneNode(!0);
         return u(r, (() => {
-          const a = $(() => !!s.method);
+          const a = m(() => !!i.method);
           return () => a() && (() => {
             const c = Gn.cloneNode(!0);
-            return u(c, () => s.method), c;
+            return u(c, () => i.method), c;
           })();
         })(), null), u(r, (() => {
-          const a = $(() => !!s.code);
+          const a = m(() => !!i.code);
           return () => a() && (() => {
             const c = Yn.cloneNode(!0);
-            return u(c, () => s.code), C(() => c.classList.toggle("error", s.code >= 400)), c;
+            return u(c, () => i.code), x(() => c.classList.toggle("error", i.code >= 400)), c;
           })();
         })(), null), u(r, (() => {
-          const a = $(() => !!s.isError);
+          const a = m(() => !!i.isError);
           return () => a() && Qn.cloneNode(!0);
         })(), null), u(r, p(z, {
           get each() {
-            return s.tags;
+            return i.tags;
           },
           children: (a) => (() => {
             const c = qn.cloneNode(!0);
@@ -1884,13 +1883,13 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
         }), null), r;
       })(), (() => {
         const r = He.cloneNode(!0);
-        return b(r, tr), u(r, () => i("summary", "Summary"), null), u(r, (() => {
-          const a = $(() => !!s.payload);
-          return () => a() && i("payload", "Payload");
+        return b(r, tr), u(r, () => s("summary", "Summary"), null), u(r, (() => {
+          const a = m(() => !!i.payload);
+          return () => a() && s("payload", "Payload");
         })(), null), u(r, (() => {
-          const a = $(() => !!s.searchParams);
-          return () => a() && i("urlParams", "URL Params");
-        })(), null), u(r, () => i("response", "Response"), null), u(r, () => i("diff", "Diff"), null), r;
+          const a = m(() => !!i.searchParams);
+          return () => a() && s("urlParams", "URL Params");
+        })(), null), u(r, () => s("response", "Response"), null), u(r, () => s("diff", "Diff"), null), r;
       })(), (() => {
         const r = Jn.cloneNode(!0);
         return u(r, p(dt, {
@@ -1900,54 +1899,54 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "summary";
               },
               get children() {
-                return [$(() => $(() => !!s.payload)() && p(A, {
+                return [m(() => m(() => !!i.payload)() && p(T, {
                   title: "Payload",
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
-                        return s.payload;
+                        return i.payload;
                       },
                       compact: !0
                     });
                   }
-                })), $(() => $(() => !!s.searchParams)() && p(A, {
+                })), m(() => m(() => !!i.searchParams)() && p(T, {
                   title: "URL Params",
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
-                        return s.searchParams;
+                        return i.searchParams;
                       },
                       compact: !0
                     });
                   }
-                })), $(() => $(() => !!s.response)() && p(A, {
+                })), m(() => m(() => !!i.response)() && p(T, {
                   title: "Response",
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
-                        return s.response;
+                        return i.response;
                       },
                       compact: !0
                     });
                   }
-                })), p(A, {
+                })), p(T, {
                   title: "Stats",
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
                         return {
-                          "Duration (ms)": Math.round(s.duration),
-                          "Start Time": `${Q(s.startTime).format("HH:mm:ss")} (${Q(s.startTime).fromNow()})`
+                          "Duration (ms)": Math.round(i.duration),
+                          "Start Time": `${Q(i.startTime).format("HH:mm:ss")} (${Q(i.startTime).fromNow()})`
                         };
                       }
                     });
                   }
-                }), p(A, {
+                }), p(T, {
                   title: "Metadata",
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
-                        return s.metadata;
+                        return i.metadata;
                       }
                     });
                   }
@@ -1958,12 +1957,12 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "payload";
               },
               get children() {
-                return p(A, {
+                return p(T, {
                   title: null,
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
-                        return s.payload;
+                        return i.payload;
                       }
                     });
                   }
@@ -1974,12 +1973,12 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "response";
               },
               get children() {
-                return p(A, {
+                return p(T, {
                   title: null,
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
-                        return s.response;
+                        return i.response;
                       }
                     });
                   }
@@ -1990,12 +1989,12 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "urlParams";
               },
               get children() {
-                return p(A, {
+                return p(T, {
                   title: null,
                   get children() {
-                    return p(j, {
+                    return p(M, {
                       get value() {
-                        return s.searchParams;
+                        return i.searchParams;
                       }
                     });
                   }
@@ -2014,7 +2013,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       })()]
     })), o;
   })();
-}, rr = /* @__PURE__ */ y("<div><h1>timeline</h1><div></div></div>"), or = /* @__PURE__ */ y("<div>no requests found</div>"), lr = /* @__PURE__ */ y('<span class="start-time"></span>'), ir = /* @__PURE__ */ y("<div></div>"), sr = /* @__PURE__ */ y('<span class="separator">|</span>'), ar = /* @__PURE__ */ y('<span class="payload"></span>'), cr = _`
+}, rr = /* @__PURE__ */ $("<div><h1>timeline</h1><div></div></div>"), or = /* @__PURE__ */ $("<div>no requests found</div>"), lr = /* @__PURE__ */ $('<span class="start-time"></span>'), ir = /* @__PURE__ */ $("<div></div>"), sr = /* @__PURE__ */ $('<span class="separator">|</span>'), ar = /* @__PURE__ */ $('<span class="payload"></span>'), cr = _`
   &&& {
     ${S()};
     border-right: 1px solid ${h.white.alpha(0.1)};
@@ -2023,7 +2022,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       font-size: 16px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${P.decorative};
+      font-family: ${E.decorative};
       color: ${h.secondary.var};
       padding-bottom: 16px;
     }
@@ -2057,7 +2056,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       }
 
       > .start-time {
-        font-family: ${P.decorative};
+        font-family: ${E.decorative};
       }
 
       > .separator {
@@ -2078,16 +2077,16 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
     padding-top: 0;
   }
 `, pr = () => {
-  const e = $(() => {
-    const i = N.selectedCall;
-    return i ? i ? B.calls[i] : null : Object.values(B.calls).at(-1) || null;
-  }), t = $(() => {
-    const i = nt(e()?.requests);
-    return i.length === 0 ? null : i;
-  }), n = $(() => N.selectedSubitem ? t()?.filter((i) => i.alias === N.selectedSubitem) : t()), l = $(() => N.selectedRequest || n()?.[0]?.id);
+  const e = m(() => {
+    const s = N.selectedCall;
+    return s ? s ? B.calls[s] : null : Object.values(B.calls).at(-1) || null;
+  }), t = m(() => {
+    const s = nt(e()?.requests);
+    return s.length === 0 ? null : s;
+  }), n = m(() => N.selectedSubitem ? t()?.filter((s) => s.alias === N.selectedSubitem) : t()), l = m(() => N.selectedRequest || n()?.[0]?.id);
   return (() => {
-    const i = rr.cloneNode(!0), o = i.firstChild, s = o.nextSibling;
-    return b(i, cr), b(s, dr), u(s, p(z, {
+    const s = rr.cloneNode(!0), o = s.firstChild, i = o.nextSibling;
+    return b(s, cr), b(i, dr), u(i, p(z, {
       get each() {
         return n();
       },
@@ -2101,7 +2100,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
         const a = Q(r.startTime), c = a.format("HH:mm:ss"), d = a.fromNow(), g = tt(r);
         return (() => {
           const f = ir.cloneNode(!0);
-          return b(f, ur), u(f, p(L, {
+          return b(f, ur), u(f, p(O, {
             onClick: () => {
               ie("selectedRequest", r.id);
             },
@@ -2112,19 +2111,19 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
             },
             get children() {
               return [(() => {
-                const m = lr.cloneNode(!0);
-                return k(m, "title", d), u(m, c), m;
-              })(), $(() => !!g && [sr.cloneNode(!0), (() => {
-                const m = ar.cloneNode(!0);
-                return k(m, "title", g), u(m, g), m;
+                const y = lr.cloneNode(!0);
+                return A(y, "title", d), u(y, c), y;
+              })(), m(() => !!g && [sr.cloneNode(!0), (() => {
+                const y = ar.cloneNode(!0);
+                return A(y, "title", g), u(y, g), y;
               })()])];
             }
-          })), C(() => f.classList.toggle("error", !!r.isError)), f;
+          })), x(() => f.classList.toggle("error", !!r.isError)), f;
         })();
       }
-    })), i;
+    })), s;
   })();
-}, gr = /* @__PURE__ */ y("<div></div>"), hr = _`
+}, gr = /* @__PURE__ */ $("<div></div>"), hr = _`
   &&& {
     display: grid;
     grid-template-columns: 1.5fr 1fr 3fr;
@@ -2133,7 +2132,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
   const e = gr.cloneNode(!0);
   return b(e, hr), u(e, p(yn, {}), null), u(e, p(pr, {}), null), u(e, p(nr, {}), null), e;
 })(), $r = `
-  font-family: ${P.primary};
+  font-family: ${E.primary};
   color: ${h.textPrimary.var};
 
   * {
@@ -2263,13 +2262,13 @@ button {
 }
 `;
 let br = { data: "" }, Cr = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || br, xr = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, wr = /\/\*[^]*?\*\/|  +/g, Ve = /\n+/g, D = (e, t) => {
-  let n = "", l = "", i = "";
+  let n = "", l = "", s = "";
   for (let o in e) {
-    let s = e[o];
-    o[0] == "@" ? o[1] == "i" ? n = o + " " + s + ";" : l += o[1] == "f" ? D(s, o) : o + "{" + D(s, o[1] == "k" ? "" : t) + "}" : typeof s == "object" ? l += D(s, t ? t.replace(/([^,])+/g, (r) => o.replace(/(^:.*)|([^,])+/g, (a) => /&/.test(a) ? a.replace(/&/g, r) : r ? r + " " + a : a)) : o) : s != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), i += D.p ? D.p(o, s) : o + ":" + s + ";");
+    let i = e[o];
+    o[0] == "@" ? o[1] == "i" ? n = o + " " + i + ";" : l += o[1] == "f" ? D(i, o) : o + "{" + D(i, o[1] == "k" ? "" : t) + "}" : typeof i == "object" ? l += D(i, t ? t.replace(/([^,])+/g, (r) => o.replace(/(^:.*)|([^,])+/g, (a) => /&/.test(a) ? a.replace(/&/g, r) : r ? r + " " + a : a)) : o) : i != null && (o = /^--/.test(o) ? o : o.replace(/[A-Z]/g, "-$&").toLowerCase(), s += D.p ? D.p(o, i) : o + ":" + i + ";");
   }
-  return n + (t && i ? t + "{" + i + "}" : i) + l;
-}, E = {}, rt = (e) => {
+  return n + (t && s ? t + "{" + s + "}" : s) + l;
+}, L = {}, rt = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let n in e)
@@ -2277,41 +2276,41 @@ let br = { data: "" }, Cr = (e) => typeof window == "object" ? ((e ? e.querySele
     return t;
   }
   return e;
-}, _r = (e, t, n, l, i) => {
-  let o = rt(e), s = E[o] || (E[o] = ((a) => {
+}, _r = (e, t, n, l, s) => {
+  let o = rt(e), i = L[o] || (L[o] = ((a) => {
     let c = 0, d = 11;
     for (; c < a.length; )
       d = 101 * d + a.charCodeAt(c++) >>> 0;
     return "go" + d;
   })(o));
-  if (!E[s]) {
+  if (!L[i]) {
     let a = o !== e ? e : ((c) => {
       let d, g, f = [{}];
       for (; d = xr.exec(c.replace(wr, "")); )
         d[4] ? f.shift() : d[3] ? (g = d[3].replace(Ve, " ").trim(), f.unshift(f[0][g] = f[0][g] || {})) : f[0][d[1]] = d[2].replace(Ve, " ").trim();
       return f[0];
     })(e);
-    E[s] = D(i ? { ["@keyframes " + s]: a } : a, n ? "" : "." + s);
+    L[i] = D(s ? { ["@keyframes " + i]: a } : a, n ? "" : "." + i);
   }
-  let r = n && E.g ? E.g : null;
-  return n && (E.g = E[s]), ((a, c, d, g) => {
+  let r = n && L.g ? L.g : null;
+  return n && (L.g = L[i]), ((a, c, d, g) => {
     g ? c.data = c.data.replace(g, a) : c.data.indexOf(a) === -1 && (c.data = d ? a + c.data : c.data + a);
-  })(E[s], t, l, r), s;
-}, Sr = (e, t, n) => e.reduce((l, i, o) => {
-  let s = t[o];
-  if (s && s.call) {
-    let r = s(n), a = r && r.props && r.props.className || /^go/.test(r) && r;
-    s = a ? "." + a : r && typeof r == "object" ? r.props ? "" : D(r, "") : r === !1 ? "" : r;
+  })(L[i], t, l, r), i;
+}, Sr = (e, t, n) => e.reduce((l, s, o) => {
+  let i = t[o];
+  if (i && i.call) {
+    let r = i(n), a = r && r.props && r.props.className || /^go/.test(r) && r;
+    i = a ? "." + a : r && typeof r == "object" ? r.props ? "" : D(r, "") : r === !1 ? "" : r;
   }
-  return l + i + (s ?? "");
+  return l + s + (i ?? "");
 }, "");
 function ue(e) {
   let t = this || {}, n = e.call ? e(t.p) : e;
-  return _r(n.unshift ? n.raw ? Sr(n, [].slice.call(arguments, 1), t.p) : n.reduce((l, i) => Object.assign(l, i && i.call ? i(t.p) : i), {}) : n, Cr(t.target), t.g, t.o, t.k);
+  return _r(n.unshift ? n.raw ? Sr(n, [].slice.call(arguments, 1), t.p) : n.reduce((l, s) => Object.assign(l, s && s.call ? s(t.p) : s), {}) : n, Cr(t.target), t.g, t.o, t.k);
 }
 ue.bind({ g: 1 });
 ue.bind({ k: 1 });
-const Nr = /* @__PURE__ */ y("<div></div>"), kr = /* @__PURE__ */ y('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Ar = ue`
+const Nr = /* @__PURE__ */ $("<div></div>"), kr = /* @__PURE__ */ $('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Ar = ue`
   ${vr};
   ${$r};
 
@@ -2355,7 +2354,7 @@ const Nr = /* @__PURE__ */ y("<div></div>"), kr = /* @__PURE__ */ y('<div id="de
   return re(e, "click", Or, !0), b(e, Pr), e;
 })(), (() => {
   const e = kr.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
-  return b(e, Ar), u(t, p(L, {
+  return b(e, Ar), u(t, p(O, {
     title: "API Explorer",
     get children() {
       return p(ce, {