app-devtools 0.3.0 → 0.5.0

package/dist/main.js

@@ -1,7 +1,7 @@
 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 D, createRoot as it, createRenderEffect as C, mergeProps as st, $PROXY as z, $TRACK as _e, getListener as Ke, batch as at, createSignal as re, createMemo as m, splitProps as ct, createComponent as p, Show as ae, For as F, Switch as dt, Match as G } from "solid-js";
 import { css as _ } from "solid-styled-components";
-import { dequal as Ke } from "dequal";
+import { dequal as Ue } from "dequal";
 import { nanoid as ut } from "nanoid";
 import { parse as ft } from "regexparam";
 import * as pt from "diff";
@@ -9,7 +9,7 @@ import gt from "tinykeys";
 const ht = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], mt = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...ht]), $t = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), yt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-}), _e = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), Se = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: "formNoValidate",
   ismap: "isMap",
@@ -49,8 +49,8 @@ function Ct(e, t, n) {
       const d = c.get(t[s]);
       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 = s, f = 1, y;
+          for (; ++g < i && g < o && !((y = c.get(t[g])) == null || y !== d + f); )
             f++;
           if (f > d - r) {
             const v = t[s];
@@ -65,7 +65,7 @@ function Ct(e, t, n) {
     }
   }
 }
-const Se = "_$DX_DELEGATE";
+const Ne = "_$DX_DELEGATE";
 function xt(e, t, n, l = {}) {
   let i;
   return it((o) => {
@@ -74,20 +74,20 @@ function xt(e, t, n, l = {}) {
     i(), 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;
 }
-function ae(e, t = window.document) {
-  const n = t[Se] || (t[Se] = /* @__PURE__ */ new Set());
+function ce(e, t = window.document) {
+  const n = t[Ne] || (t[Ne] = /* @__PURE__ */ new Set());
   for (let l = 0, i = e.length; l < i; l++) {
     const o = e[l];
     n.has(o) || (n.add(o), t.addEventListener(o, At));
   }
 }
-function k(e, t, n) {
+function P(e, t, n) {
   n == null ? e.removeAttribute(t) : e.setAttribute(t, n);
 }
 function wt(e, t, n, l) {
@@ -96,7 +96,7 @@ function wt(e, t, n, l) {
 function b(e, t) {
   t == null ? e.removeAttribute("class") : e.className = t;
 }
-function re(e, t, n, l) {
+function oe(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)) {
@@ -110,17 +110,17 @@ function _t(e, t, n = {}) {
   let o, s;
   for (o = 0, s = i.length; o < s; o++) {
     const r = i[o];
-    !r || r === "undefined" || t[r] || (Ne(e, r, !1), delete n[r]);
+    !r || r === "undefined" || t[r] || (ke(e, r, !1), delete n[r]);
   }
   for (o = 0, s = l.length; o < s; o++) {
     const r = l[o], a = !!t[r];
-    !r || r === "undefined" || n[r] === a || !a || (Ne(e, r, !0), n[r] = a);
+    !r || r === "undefined" || n[r] === a || !a || (ke(e, r, !0), n[r] = a);
   }
   return n;
 }
-function Ue(e, t, n) {
+function We(e, t, n) {
   if (!t)
-    return n ? k(e, "style") : t;
+    return n ? P(e, "style") : t;
   const l = e.style;
   if (typeof t == "string")
     return l.cssText = t;
@@ -134,12 +134,12 @@ function Ue(e, t, 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;
+  return l || C(() => i.children = U(e, t.children, i.children)), C(() => t.ref && t.ref(e)), C(() => Nt(e, t, n, !0, i, !0)), i;
 }
 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);
+    return U(e, t, l, n);
+  C((i) => U(e, t(), i, n), l);
 }
 function Nt(e, t, n, l, i = {}, o = !1) {
   t || (t = {});
@@ -147,29 +147,29 @@ function Nt(e, t, n, l, i = {}, o = !1) {
     if (!(s in t)) {
       if (s === "children")
         continue;
-      i[s] = ke(e, s, null, i[s], n, o);
+      i[s] = Ae(e, s, null, i[s], n, o);
     }
   for (const s in t) {
     if (s === "children") {
-      l || K(e, t.children);
+      l || U(e, t.children);
       continue;
     }
     const r = t[s];
-    i[s] = ke(e, s, r, i[s], n, o);
+    i[s] = Ae(e, s, r, i[s], n, o);
   }
 }
 function kt(e) {
   return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
 }
-function Ne(e, t, n) {
+function ke(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);
 }
-function ke(e, t, n, l, i, o) {
+function Ae(e, t, n, l, i, o) {
   let s, r, a;
   if (t === "style")
-    return Ue(e, n, l);
+    return We(e, n, l);
   if (t === "classList")
     return _t(e, n, l);
   if (n === l)
@@ -188,12 +188,12 @@ function ke(e, t, n, l, i, o) {
       const g = Array.isArray(l) ? l[0] : l;
       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;
+    (d || n) && (oe(e, c, n, d), d && ce([c]));
+  } else if ((a = $t.has(t)) || !i && (Se[t] || (r = mt.has(t))) || (s = e.nodeName.includes("-")))
+    t === "class" || t === "className" ? b(e, n) : s && !r && !a ? e[kt(t)] = n : e[Se[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);
+    c ? wt(e, c, t, n) : P(e, yt[t] || t, n);
   }
   return n;
 }
@@ -208,7 +208,7 @@ function At(e) {
     get() {
       return n || document;
     }
-  }), M.registry && !M.done && (M.done = !0, document.querySelectorAll("[id^=pl-]").forEach((l) => {
+  }), D.registry && !D.done && (D.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;
@@ -224,37 +224,37 @@ function At(e) {
     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 U(e, t, n, l, i) {
+  for (D.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)
+    if (D.context)
       return n;
     if (o === "number" && (t = t.toString()), s) {
       let r = n[0];
-      r && r.nodeType === 3 ? r.data = t : r = document.createTextNode(t), n = V(e, n, l, r);
+      r && r.nodeType === 3 ? r.data = t : r = document.createTextNode(t), n = Z(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 (D.context)
       return n;
-    n = V(e, n, l);
+    n = Z(e, n, l);
   } else {
     if (o === "function")
       return C(() => {
         let r = t();
         for (; typeof r == "function"; )
           r = r();
-        n = K(e, r, n, l);
+        n = U(e, r, n, l);
       }), () => 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 (me(r, t, n, i))
+        return C(() => n = U(e, r, n, l, !0)), () => n;
+      if (D.context) {
         if (!r.length)
           return n;
         for (let c = 0; c < r.length; c++)
@@ -262,18 +262,18 @@ function K(e, t, n, l, i) {
             return n = r;
       }
       if (r.length === 0) {
-        if (n = V(e, n, l), s)
+        if (n = Z(e, n, l), s)
           return n;
       } else
-        a ? n.length === 0 ? Ae(e, r, l) : Ct(e, n, r) : (n && V(e), Ae(e, r));
+        a ? n.length === 0 ? Pe(e, r, l) : Ct(e, n, r) : (n && Z(e), Pe(e, r));
       n = r;
     } else if (t instanceof Node) {
-      if (M.context && t.parentNode)
+      if (D.context && t.parentNode)
         return n = s ? [t] : t;
       if (Array.isArray(n)) {
         if (s)
-          return n = V(e, n, l, t);
-        V(e, n, null, t);
+          return n = Z(e, n, l, t);
+        Z(e, n, null, t);
       } else
         n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
       n = t;
@@ -281,7 +281,7 @@ function K(e, t, n, l, i) {
   }
   return n;
 }
-function he(e, t, n, l) {
+function me(e, t, n, l) {
   let i = !1;
   for (let o = 0, s = t.length; o < s; o++) {
     let r = t[o], a = n && n[o];
@@ -289,12 +289,12 @@ function he(e, t, n, l) {
       e.push(r);
     else if (!(r == null || r === !0 || r === !1))
       if (Array.isArray(r))
-        i = he(e, r, a) || i;
+        i = me(e, r, a) || i;
       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;
+          i = me(e, Array.isArray(r) ? r : [r], Array.isArray(a) ? a : [a]) || i;
         } else
           e.push(r), i = !0;
       else {
@@ -304,11 +304,11 @@ function he(e, t, n, l) {
   }
   return i;
 }
-function Ae(e, t, n = null) {
+function Pe(e, t, n = null) {
   for (let l = 0, i = t.length; l < i; l++)
     e.insertBefore(t[l], n);
 }
-function V(e, t, n, l) {
+function Z(e, t, n, l) {
   if (n === void 0)
     return e.textContent = "";
   const i = l || document.createTextNode("");
@@ -326,12 +326,12 @@ function V(e, t, n, l) {
     e.insertBefore(i, n);
   return [i];
 }
-var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, me = {}, Tt = {
+var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, $e = {}, Tt = {
   get exports() {
-    return me;
+    return $e;
   },
   set exports(e) {
-    me = e;
+    $e = e;
   }
 };
 (function(e, t) {
@@ -344,22 +344,22 @@ var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       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));
-          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);
+      i.en.relativeTime = s, o.fromToBase = function(c, d, g, f, y) {
+        for (var v, x, w, A = g.$locale().relativeTime || s, 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" }], ee = k.length, O = 0; O < ee; O += 1) {
+          var T = k[O];
+          T.d && (v = f ? i(c).diff(g, T.d, !0) : g.diff(c, T.d, !0));
+          var V = (n.rounding || Math.round)(Math.abs(v));
+          if (w = v > 0, V <= T.r || !T.r) {
+            V <= 1 && O > 0 && (T = k[O - 1]);
+            var pe = A[T.l];
+            y && (V = y("" + V)), x = typeof pe == "string" ? pe.replace("%d", V) : pe(V, d, T.l, w);
             break;
           }
         }
         if (d)
           return x;
-        var pe = w ? R.future : R.past;
-        return typeof pe == "function" ? pe(x) : pe.replace("%s", x);
+        var ge = w ? A.future : A.past;
+        return typeof ge == "function" ? ge(x) : ge.replace("%s", x);
       }, o.to = function(c, d) {
         return r(c, d, this, !0);
       }, o.from = function(c, d) {
@@ -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 = $e, Lt = /* @__PURE__ */ $("<button></button>"), M = (e) => (() => {
   const t = Lt.cloneNode(!0);
   return St(t, st(e, {
     onMouseDown: Ot
@@ -421,7 +421,7 @@ const jt = `<svg
 function Ft(e) {
   return zt[`/src/assets/icons/${e}.svg`];
 }
-const be = `
+const Ce = `
   position: absolute;
   width: 100%;
   height: 100%;
@@ -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;
@@ -440,10 +440,10 @@ const Ht = /* @__PURE__ */ y("<div></div>"), Vt = _`
 
     svg {
       display: block;
-      ${be};
+      ${Ce};
     }
   }
-`, ce = (e) => {
+`, de = (e) => {
   const t = Ft(e.name);
   return (() => {
     const n = Ht.cloneNode(!0);
@@ -452,16 +452,16 @@ const Ht = /* @__PURE__ */ y("<div></div>"), Vt = _`
         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 i !== l._v$ && b(n, l._v$ = i), l._v$2 = We(n, o, l._v$2), l;
     }, {
       _v$: void 0,
       _v$2: void 0
     }), n;
   })();
-}, oe = Symbol("store-raw"), q = Symbol("store-node"), Zt = Symbol("store-name");
-function We(e, t) {
-  let n = e[I];
-  if (!n && (Object.defineProperty(e, I, {
+}, le = Symbol("store-raw"), q = Symbol("store-node"), Zt = Symbol("store-name");
+function Je(e, t) {
+  let n = e[z];
+  if (!n && (Object.defineProperty(e, z, {
     value: n = new Proxy(e, Wt)
   }), !Array.isArray(e))) {
     const l = Object.keys(e), i = Object.getOwnPropertyDescriptors(e);
@@ -475,52 +475,52 @@ function We(e, t) {
   }
   return n;
 }
-function U(e) {
+function W(e) {
   let t;
-  return e != null && typeof e == "object" && (e[I] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+  return e != null && typeof e == "object" && (e[z] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
-function W(e, t = /* @__PURE__ */ new Set()) {
+function J(e, t = /* @__PURE__ */ new Set()) {
   let n, l, i, o;
-  if (n = e != null && e[oe])
+  if (n = e != null && e[le])
     return n;
-  if (!U(e) || t.has(e))
+  if (!W(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);
+      i = e[s], (l = J(i, t)) !== i && (e[s] = 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));
+      o = s[a], !r[o].get && (i = e[o], (l = J(i, t)) !== i && (e[o] = l));
   }
   return e;
 }
-function Ce(e) {
+function xe(e) {
   let t = e[q];
   return t || Object.defineProperty(e, q, {
     value: t = {}
   }), t;
 }
-function $e(e, t, n) {
-  return e[t] || (e[t] = Xe(n));
+function ye(e, t, n) {
+  return e[t] || (e[t] = Ge(n));
 }
 function Kt(e, t) {
   const n = Reflect.getOwnPropertyDescriptor(e, t);
-  return !n || n.get || !n.configurable || t === I || t === q || t === Zt || (delete n.value, delete n.writable, n.get = () => e[I][t]), n;
+  return !n || n.get || !n.configurable || t === z || t === q || t === Zt || (delete n.value, delete n.writable, n.get = () => e[z][t]), n;
 }
-function Je(e) {
-  if (Ze()) {
-    const t = Ce(e);
-    (t._ || (t._ = Xe()))();
+function Xe(e) {
+  if (Ke()) {
+    const t = xe(e);
+    (t._ || (t._ = Ge()))();
   }
 }
 function Ut(e) {
-  return Je(e), Reflect.ownKeys(e);
+  return Xe(e), Reflect.ownKeys(e);
 }
-function Xe(e) {
-  const [t, n] = ne(e, {
+function Ge(e) {
+  const [t, n] = re(e, {
     equals: !1,
     internal: !0
   });
@@ -528,24 +528,24 @@ function Xe(e) {
 }
 const Wt = {
   get(e, t, n) {
-    if (t === oe)
+    if (t === le)
       return e;
-    if (t === I)
+    if (t === z)
       return n;
-    if (t === we)
-      return Je(e), n;
-    const l = Ce(e), i = l.hasOwnProperty(t);
+    if (t === _e)
+      return Xe(e), n;
+    const l = xe(e), i = l.hasOwnProperty(t);
     let o = i ? 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)());
+      Ke() && (typeof o != "function" || e.hasOwnProperty(t)) && !(s && s.get) && (o = ye(l, t, o)());
     }
-    return U(o) ? We(o) : o;
+    return W(o) ? Je(o) : o;
   },
   has(e, t) {
-    return t === oe || t === I || t === we || t === q || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
+    return t === le || t === z || t === _e || t === q || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
   },
   set() {
     return !0;
@@ -556,33 +556,33 @@ const Wt = {
   ownKeys: Ut,
   getOwnPropertyDescriptor: Kt
 };
-function J(e, t, n, l = !1) {
+function X(e, t, n, l = !1) {
   if (!l && e[t] === n)
     return;
   const i = 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 s = xe(e), r;
+  (r = ye(s, t, i)) && r.$(() => n), Array.isArray(e) && e.length !== o && (r = ye(s, "length", o)) && r.$(e.length), (r = s._) && r.$();
 }
-function Ge(e, t) {
+function Ye(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]);
+    X(e, i, t[i]);
   }
 }
 function Jt(e, t) {
-  if (typeof t == "function" && (t = t(e)), t = W(t), Array.isArray(t)) {
+  if (typeof t == "function" && (t = t(e)), t = J(t), Array.isArray(t)) {
     if (e === t)
       return;
     let n = 0, l = t.length;
     for (; n < l; n++) {
       const i = t[n];
-      e[n] !== i && J(e, n, i);
+      e[n] !== i && X(e, n, i);
     }
-    J(e, "length", l);
+    X(e, "length", l);
   } else
-    Ge(e, t);
+    Ye(e, t);
 }
 function Y(e, t, n = []) {
   let l, i = e;
@@ -613,10 +613,10 @@ function Y(e, t, n = []) {
     i = 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(i, n), o === i) || l === void 0 && o == null || (o = J(o), l === void 0 || W(i) && W(o) && !Array.isArray(o) ? Ye(i, o) : X(e, l, o));
 }
-function Ye(...[e, t]) {
-  const n = W(e || {}), l = Array.isArray(n), i = We(n);
+function Qe(...[e, t]) {
+  const n = J(e || {}), l = Array.isArray(n), i = Je(n);
   function o(...s) {
     at(() => {
       l && s.length === 1 ? Jt(n, s[0]) : Y(n, s);
@@ -624,36 +624,36 @@ function Ye(...[e, t]) {
   }
   return [i, o];
 }
-const le = /* @__PURE__ */ new WeakMap(), Qe = {
+const ie = /* @__PURE__ */ new WeakMap(), qe = {
   get(e, t) {
-    if (t === oe)
+    if (t === le)
       return e;
     const n = e[t];
     let l;
-    return U(n) ? le.get(n) || (le.set(n, l = new Proxy(n, Qe)), l) : n;
+    return W(n) ? ie.get(n) || (ie.set(n, l = new Proxy(n, qe)), l) : n;
   },
   set(e, t, n) {
-    return J(e, t, W(n)), !0;
+    return X(e, t, J(n)), !0;
   },
   deleteProperty(e, t) {
-    return J(e, t, void 0, !0), !0;
+    return X(e, t, void 0, !0), !0;
   }
 };
 function Xt(e) {
   return (t) => {
-    if (U(t)) {
+    if (W(t)) {
       let n;
-      (n = le.get(t)) || le.set(t, n = new Proxy(t, Qe)), e(n);
+      (n = ie.get(t)) || ie.set(t, n = new Proxy(t, qe)), e(n);
     }
     return t;
   };
 }
-const [N, ie] = Ye({
+const [N, se] = Qe({
   selectedCall: null,
   selectedRequest: null,
   selectedTab: null,
   selectedSubitem: null
-}), de = `
+}), ue = `
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -672,7 +672,7 @@ const [N, ie] = Ye({
   bottom: "flex-end",
   center: "center",
   stretch: "stretch"
-}, F = ({
+}, B = ({
   justify: e = "left",
   align: t = "center",
   gap: n
@@ -716,13 +716,13 @@ function en(e) {
 function tn(e) {
   return Object.entries(e);
 }
-const ee = document.documentElement.style;
-let Pe = 1;
+const te = document.documentElement.style;
+let Te = 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] = {
+    const [i, o, s] = en(l), r = `c${Te}`;
+    Te++, te.setProperty(`--${r}-r`, String(i)), te.setProperty(`--${r}-g`, String(o)), te.setProperty(`--${r}-b`, String(s)), te.setProperty(`--${r}`, l), t[n] = {
       red: i,
       green: o,
       blue: s,
@@ -762,7 +762,7 @@ const h = nn({
   bg: "#EAEFFF",
   white: "#fff",
   black: "#000"
-}), P = {
+}), L = {
   primary: "Work Sans, sans-serif",
   decorative: '"Fira Code", monospaced'
 };
@@ -772,15 +772,15 @@ function rn(e, t, n) {
   const l = [], i = 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);
+    s && Ue(s, o) ? l.push(s) : l.push(o);
   }
   return l;
 }
-function qe(e, t) {
-  return $((n) => rn(n, typeof e == "function" ? e() : e, t));
+function et(e, t) {
+  return m((n) => rn(n, typeof e == "function" ? e() : e, t));
 }
-function xe(e) {
-  const [t, n] = ne(e);
+function we(e) {
+  const [t, n] = re(e);
   return {
     get value() {
       return t();
@@ -793,14 +793,14 @@ 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>'), Ee = /* @__PURE__ */ $("<span></span>"), ln = /* @__PURE__ */ $('<div><div class="call"></div></div>'), sn = _`
   &&& {
     font-size: 14px;
     ${S()};
 
     > .call {
       padding: 4px 12px;
-      ${F()};
+      ${B()};
       opacity: 0.8;
 
       &.selected {
@@ -810,17 +810,17 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
 
       > button {
         text-align: left;
-        ${F({
+        ${B({
   gap: 8
 })};
 
         > .tag {
           font-weight: 600;
-          font-family: ${P.decorative};
+          font-family: ${L.decorative};
         }
 
         > span {
-          ${de};
+          ${ue};
           flex-shrink: 1;
         }
       }
@@ -869,12 +869,12 @@ 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 = we(e.item.subitemsWithAlias.length < 4), i = cn(t().type, t().subType);
   return (() => {
     const o = ln.cloneNode(!0), s = o.firstChild;
-    return b(o, sn), u(s, p(L, {
+    return b(o, sn), u(s, p(M, {
       onClick: () => {
-        ie({
+        se({
           selectedCall: t().id,
           selectedSubitem: null
         });
@@ -884,19 +884,19 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
           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 c !== a._v$ && P(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;
+          const r = Ee.cloneNode(!0);
+          return u(r, () => t().name), C(() => P(r, "title", t().name)), r;
         })()];
       }
     }), null), u(s, (() => {
-      const r = $(() => t().subitemsWithAlias.length > 0);
-      return () => r() && p(L, {
+      const r = m(() => t().subitemsWithAlias.length > 0);
+      return () => r() && p(M, {
         class: "expand-button",
         get classList() {
           return {
@@ -907,21 +907,21 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
           l.value = !l.value;
         },
         get children() {
-          return p(ce, {
+          return p(de, {
             name: "caret-down"
           });
         }
       });
-    })(), null), u(o, p(se, {
+    })(), null), u(o, p(ae, {
       get when() {
         return l.value;
       },
       get children() {
-        return p(z, {
+        return p(F, {
           get each() {
             return t().subitemsWithAlias;
           },
-          children: (r) => p(L, {
+          children: (r) => p(M, {
             class: "subitem",
             get classList() {
               return {
@@ -929,13 +929,13 @@ const on = /* @__PURE__ */ y('<div class="tag"></div>'), Te = /* @__PURE__ */ y(
               };
             },
             onClick: () => {
-              ie({
+              se({
                 selectedCall: t().id,
                 selectedSubitem: r
               });
             },
             get children() {
-              const a = Te.cloneNode(!0);
+              const a = Ee.cloneNode(!0);
               return u(a, r), a;
             }
           })
@@ -951,11 +951,11 @@ function cn(e, t) {
     color: l
   };
 }
-function Ee(e) {
+function Le(e) {
   if (e == null)
     throw new Error("Value is null or undefined");
 }
-function Le(e, t) {
+function Oe(e, t) {
   try {
     return e();
   } catch (n) {
@@ -975,87 +975,92 @@ function un(e, t) {
     l[t.keys[n]] = i[++n] || null;
   return l;
 }
-const [B, fn] = Ye({
+const [H, fn] = Qe({
   calls: {}
 });
-let ye = {
+let ve = {
   callsProcessor: []
 };
 function pn(e) {
-  ye = {
-    ...ye,
+  ve = {
+    ...ve,
     ...e
   };
 }
 function Br(e) {
   const t = e.startTime || Date.now();
-  return () => {
-    const n = e.duration || Date.now() - t;
+  return ({
+    isError: n,
+    status: l,
+    response: i,
+    metadata: o,
+    tags: s
+  }) => {
+    const r = e.duration || Date.now() - t;
     fn(
-      Xt((l) => {
-        const i = Le(
+      Xt((a) => {
+        const c = Oe(
           () => 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;
+        Le(c);
+        const d = c.searchParams.toString() !== "" ? Object.fromEntries(c.searchParams.entries()) : null;
+        let g = null;
+        const f = ve.callsProcessor.find((O) => {
+          if (typeof O.match == "string") {
+            const T = dn(c.pathname, O.match);
+            return T ? (g = T, !0) : !1;
           } else
-            return x.match({
-              url: i,
+            return O.match({
+              url: c,
               type: e.type,
               subType: e.subType
             });
-        }), a = r?.callID?.({
-          url: i,
+        }), y = f?.callID?.({
+          url: c,
           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({
-          url: i,
+        }) || typeof f?.match == "string" && f.match, v = btoa(
+          y || `${c.pathname}|${e.type}${e.subType ? `|${e.subType}` : ""}`
+        ), x = f?.callName, w = typeof x == "function" ? x({
+          url: c,
           type: e.type,
           subType: e.subType
-        }) : d;
-        l.calls[c] || (l.calls[c] = {
-          name: g || typeof r?.match == "string" && r.match || i.pathname.replace(/^\//, ""),
-          path: i.pathname.replace(/^\//, ""),
+        }) : x;
+        a.calls[v] || (a.calls[v] = {
+          name: w || typeof f?.match == "string" && f.match || c.pathname.replace(/^\//, ""),
+          path: c.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 A = a.calls[v];
+        Le(A), A.requests.length > 100 && A.requests.shift();
+        const k = {
           id: ut(),
-          duration: n,
-          pathParams: s,
-          isError: e.isError,
-          metadata: e.metadata,
+          duration: r,
+          pathParams: g,
+          isError: n,
+          metadata: o,
           path: e.path.replace(/^\//, ""),
           payload: e.payload,
-          response: e.response,
-          searchParams: o,
-          status: e.status,
+          response: i,
+          searchParams: d,
           startTime: t,
           type: e.type,
           method: e.method,
           subType: e.subType,
-          code: e.status,
-          tags: e.tags || []
-        }, v = Le(
-          () => r?.payloadAlias?.(m.payload, m)
+          code: l,
+          tags: [...e.tags || [], ...s || []]
+        }, ee = Oe(
+          () => f?.payloadAlias?.(k.payload, k)
         );
-        v && (m.alias = v), f.requests.push(m);
+        ee && (k.alias = ee), A.requests.push(k);
       })
     );
   };
 }
-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 +1069,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: ${L.decorative};
       color: ${h.secondary.var};
       padding-bottom: 16px;
     }
@@ -1078,7 +1083,7 @@ const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text
   }
 `, $n = _`
   &&& {
-    ${F({
+    ${B({
   gap: 8
 })};
     margin: 0 10px;
@@ -1107,8 +1112,8 @@ 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 = [];
+  const e = we(""), t = et(() => {
+    const l = Object.entries(H.calls), i = [];
     for (const [o, s] of l.reverse()) {
       if (e.value.trim() && !s.name.includes(e.value.toLowerCase()))
         continue;
@@ -1122,14 +1127,14 @@ const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text
       });
     }
     return i;
-  }, "id"), n = $(() => N.selectedCall);
+  }, "id"), n = m(() => N.selectedCall);
   return (() => {
     const l = gn.cloneNode(!0), i = l.firstChild, o = i.nextSibling, s = o.firstChild, r = o.nextSibling;
-    return b(l, hn), b(o, $n), u(o, p(ce, {
+    return b(l, hn), b(o, $n), u(o, p(de, {
       name: "search"
     }), s), s.$$input = (a) => {
       e.value = a.currentTarget.value;
-    }, b(r, mn), u(r, p(z, {
+    }, b(r, mn), u(r, p(F, {
       get each() {
         return t();
       },
@@ -1145,8 +1150,8 @@ const gn = /* @__PURE__ */ y('<div><h1>API EXPLORER</h1><label><input type="text
     })), C(() => s.value = e.value), l;
   })();
 };
-ae(["input"]);
-function et(...e) {
+ce(["input"]);
+function tt(...e) {
   const t = [];
   for (let n = 0; n < e.length; n++) {
     const l = e[n];
@@ -1161,7 +1166,7 @@ function et(...e) {
   }
   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 +1174,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: ${L.decorative};
       font-weight: 300;
       background: ${h.bgPrimary.var};
       z-index: 1;
@@ -1195,15 +1200,15 @@ const vn = /* @__PURE__ */ y('<div><div class="content"></div></div>'), bn = /*
       margin-top: 20px;
     }
   }
-`, A = (e) => (() => {
+`, E = (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;
     })();
-  })(), n), u(n, () => e.children), C(() => b(t, et(Cn, e.class))), t;
+  })(), n), u(n, () => e.children), C(() => b(t, tt(Cn, e.class))), t;
 })(), xn = `
   user-select: text;
 
@@ -1219,9 +1224,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>'), je = /* @__PURE__ */ $('<div class="delimiter"></div>'), Me = /* @__PURE__ */ $('<div class="childs"></div>'), An = /* @__PURE__ */ $('<div class="delimiter end">]</div>'), Re = /* @__PURE__ */ $('<div class="child"></div>'), Pn = /* @__PURE__ */ $('<div class="delimiter end">}</div>'), Tn = /* @__PURE__ */ $('<div class="value" title="Shift + Click to copy value"></div>'), De = /* @__PURE__ */ $('<span class="string-quotes">"</span>'), En = /* @__PURE__ */ $("<div></div>"), Ln = _`
   &&& {
-    font-family: ${P.decorative};
+    font-family: ${L.decorative};
     font-size: 13px;
     ${xn};
     ${S({
@@ -1285,13 +1290,13 @@ const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @_
       .key {
         color: #a5d6ff;
         margin-right: 5px;
-        ${F({
+        ${B({
   align: "top"
 })};
 
         span {
           flex-shrink: 1;
-          ${de};
+          ${ue};
         }
 
         &.index {
@@ -1331,10 +1336,10 @@ const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @_
       color: ${h.white.alpha(0.5)};
     }
   }
-`, 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, {
+`, On = new Intl.NumberFormat("en-US"), K = 14, be = (e) => {
+  let [t, n] = re(!(e.indent > 0 && e.compact)), [l, i] = re(!e.compact);
+  return m(() => {
+    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(M, {
       onClick: () => {
         n(() => !t());
       },
@@ -1345,7 +1350,7 @@ const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @_
       },
       class: "expand-button",
       get children() {
-        return p(ce, {
+        return p(de, {
           name: "caret-down",
           size: 14
         });
@@ -1353,78 +1358,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 && ne(JSON.stringify(o));
+      }, u(g, s || r ? d : null, f), u(f, () => e.key || e.index), C((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;
+        return v !== y._v$ && P(g, "title", y._v$ = v), x !== y._v$2 && g.classList.toggle("index", y._v$2 = x), 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 ? [(() => {
-        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());
+        const f = je.cloneNode(!0);
+        return oe(f, "click", a ? void 0 : (y) => {
+          y.shiftKey && ne(JSON.stringify(o));
+        }, !0), P(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 = Me.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, {
+            return l() || (v = v.slice(0, K)), [m(() => v.map((w, A) => (() => {
+              const k = Re.cloneNode(!0);
+              return u(k, p(be, {
                 value: w,
                 get indent() {
                   return e.indent + 1;
                 },
-                index: R,
+                index: A,
                 get compact() {
                   return e.compact;
                 }
-              })), T;
-            })())), $((() => {
-              const w = $(() => !l() && x > Z);
-              return () => w() && p(L, {
+              })), k;
+            })())), m((() => {
+              const w = m(() => !l() && x > K);
+              return () => w() && p(M, {
                 onClick: () => {
                   i(() => !0);
                 },
                 class: "show-all",
                 get children() {
-                  return ["…show all (+", x - Z, ")"];
+                  return ["…show all (+", x - K, ")"];
                 }
               });
             })())];
-          }), 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`;
+        const f = je.cloneNode(!0);
+        return oe(f, "click", a ? void 0 : (y) => {
+          y.shiftKey && ne(JSON.stringify(o));
+        }, !0), P(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 = Me.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,
+            return l() || (v = v.slice(0, K)), [m(() => v.map(([w, A]) => (() => {
+              const k = Re.cloneNode(!0);
+              return u(k, p(be, {
+                value: A,
                 key: w,
                 get indent() {
                   return e.indent + 1;
@@ -1432,32 +1437,32 @@ 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() && x > K);
+              return () => w() && p(M, {
                 onClick: () => {
                   i(() => !0);
                 },
                 class: "show-all",
                 get children() {
-                  return ["…show all (+", x - Z, ")"];
+                  return ["…show all (+", x - K, ")"];
                 }
               });
             })())];
-          }), 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 && ne(String(o));
+        }, P(f, "data-type", typeof o), u(f, typeof o == "string" && De.cloneNode(!0), null), u(f, () => typeof o == "number" ? On.format(o) : String(o), null), u(f, typeof o == "string" && De.cloneNode(!0), null), f;
       })())();
     })())];
   });
-}, j = (e) => (() => {
+}, R = (e) => (() => {
   const t = En.cloneNode(!0);
-  return b(t, Ln), u(t, p(ve, {
+  return b(t, Ln), u(t, p(be, {
     get value() {
       return e.value;
     },
@@ -1467,15 +1472,15 @@ const _n = /* @__PURE__ */ y('<div class="key"><span></span></div>'), Sn = /* @_
     }
   })), t;
 })();
-async function te(e) {
+async function ne(e) {
   await navigator.clipboard.writeText(e), alert("Copied to clipboard");
 }
-ae(["click"]);
+ce(["click"]);
 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"
@@ -1534,20 +1539,20 @@ const Rn = /* @__PURE__ */ y("<label></label>"), Dn = /* @__PURE__ */ y('<div><d
   const t = `input${Mn()}`;
   return (() => {
     const n = Dn.cloneNode(!0), l = n.firstChild, i = l.firstChild;
-    return u(n, p(se, {
+    return u(n, p(ae, {
       get when() {
         return e.label;
       },
       get children() {
         const o = Rn.cloneNode(!0);
-        return k(o, "for", t), u(o, () => e.label), o;
+        return P(o, "for", t), u(o, () => e.label), o;
       }
     }), l), i.addEventListener("change", (o) => {
       o.currentTarget.value && e.onChange(o.currentTarget.value);
-    }), k(i, "id", t), u(i, (() => {
-      const o = $(() => !e.value);
+    }), P(i, "id", t), u(i, (() => {
+      const o = m(() => !e.value);
       return () => o() && In.cloneNode(!0);
-    })(), null), u(i, p(z, {
+    })(), null), u(i, p(F, {
       get each() {
         return e.options;
       },
@@ -1555,18 +1560,18 @@ const Rn = /* @__PURE__ */ y("<label></label>"), Dn = /* @__PURE__ */ y('<div><d
         const s = zn.cloneNode(!0);
         return u(s, () => o.label), C(() => s.value = o.value), s;
       })()
-    }), null), C(() => b(n, et(Fn, e.class))), C(() => i.value = e.value ?? ""), n;
+    }), null), C(() => b(n, tt(Fn, e.class))), C(() => i.value = e.value ?? ""), n;
   })();
 };
-function tt(e) {
+function nt(e) {
   const t = e.alias || e.payload || e.searchParams;
   return !t || Object.keys(t).length === 0 ? "" : typeof t == "string" || typeof t == "number" ? String(t) : JSON.stringify(t);
 }
-function nt(e) {
+function rt(e) {
   return e ? e.slice().reverse() : [];
 }
-function De(e, t) {
-  return Ke(e, t) ? "no changes" : pt.diffJson(
+function Ie(e, t) {
+  return Ue(e, t) ? "no changes" : pt.diffJson(
     typeof e == "object" && e !== null ? e : String(e),
     typeof t == "object" && t !== null ? t : String(t)
   );
@@ -1574,7 +1579,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>'), he = /* @__PURE__ */ $("<div></div>"), ze = /* @__PURE__ */ $("<div>No changes</div>"), Fe = /* @__PURE__ */ $('<div class="line"></div>'), Zn = _`
   &&& {
     ${S({
   gap: 14
@@ -1593,13 +1598,13 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       }
     }
   }
-`, Fe = _`
+`, Be = _`
   &&& {
     ${S({
   gap: 0
 })};
     font-size: 14px;
-    font-family: ${P.decorative};
+    font-family: ${L.decorative};
     white-space: pre;
     overflow-x: auto;
 
@@ -1633,30 +1638,30 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
     }
   }
 `, Kn = () => {
-  const e = $(() => {
+  const e = m(() => {
     const {
       selectedCall: r
     } = N;
-    return r ? B.calls[r] : Object.values(B.calls).at(-1);
-  }), t = qe(() => {
+    return r ? H.calls[r] : Object.values(H.calls).at(-1);
+  }), t = et(() => {
     const r = e();
-    return r ? nt(r.requests).map((a) => ({
+    return r ? rt(r.requests).map((a) => ({
       value: a.id,
-      label: `${Q(a.startTime).format("HH:mm:ss")} | ${Hn(tt(a), 50)}`
+      label: `${Q(a.startTime).format("HH:mm:ss")} | ${Hn(nt(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 = we(null), l = m(() => N.selectedRequest ? e()?.requests.find((r) => r.id === N.selectedRequest) : null), i = 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 = i()?.response, c = Ie(a, r);
     return c === "no changes" ? [] : c;
-  }), s = $(() => {
+  }), s = m(() => {
     if (!n.value || !N.selectedRequest)
       return [];
-    const r = Be(l()), a = Be(i()), c = De(a, r);
+    const r = He(l()), a = He(i()), c = Ie(a, r);
     return c === "no changes" ? [] : c;
   });
   return (() => {
-    const r = ge.cloneNode(!0);
+    const r = he.cloneNode(!0);
     return b(r, Zn), u(r, p(Bn, {
       get value() {
         return n.value;
@@ -1668,32 +1673,32 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
       onChange: (a) => {
         n.value = a;
       }
-    }), null), u(r, p(se, {
+    }), null), u(r, p(ae, {
       get when() {
         return n.value;
       },
       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;
+          const a = Vn.cloneNode(!0), c = a.firstChild, d = c.firstChild, g = d.nextSibling, f = c.nextSibling, y = f.nextSibling, v = y.firstChild, x = v.nextSibling;
           return u(g, () => o().filter((w) => w.added).length), u(x, () => o().filter((w) => w.removed).length), a;
-        })(), p(A, {
+        })(), p(E, {
           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, {
+            const a = he.cloneNode(!0);
+            return b(a, Be), u(a, p(F, {
               get each() {
                 return s();
               },
               get fallback() {
-                return Ie.cloneNode(!0);
+                return ze.cloneNode(!0);
               },
               children: (c) => (() => {
-                const d = ze.cloneNode(!0);
+                const d = Fe.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;
+                  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,22 +1706,22 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
               })()
             })), a;
           }
-        }), p(A, {
+        }), p(E, {
           title: "Response Diff",
           get children() {
-            const a = ge.cloneNode(!0);
-            return b(a, Fe), u(a, p(z, {
+            const a = he.cloneNode(!0);
+            return b(a, Be), u(a, p(F, {
               get each() {
                 return o();
               },
               get fallback() {
-                return Ie.cloneNode(!0);
+                return ze.cloneNode(!0);
               },
               children: (c) => (() => {
-                const d = ze.cloneNode(!0);
+                const d = Fe.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;
+                  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
@@ -1729,29 +1734,29 @@ const Vn = /* @__PURE__ */ y('<div class="changes-count"><span class="additions"
     }), null), r;
   })();
 };
-function Be(e) {
+function He(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 Ve = /* @__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};
-      ${de};
+      font-family: ${L.decorative};
+      ${ue};
     }
 
     > h2 {
       margin-top: 4px;
-      font-family: ${P.decorative};
+      font-family: ${L.decorative};
       font-size: 12px;
       opacity: 0.5;
     }
 
     .tags {
-      ${F({
+      ${B({
   gap: 8
 })};
       margin-top: 8px;
@@ -1796,7 +1801,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
   }
 `, tr = _`
   &&& {
-    ${F({
+    ${B({
   gap: 20
 })};
     color: ${h.secondary.var};
@@ -1817,9 +1822,9 @@ 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);
+    e() ? o = H.calls[e()] : o = Object.values(H.calls).at(-1);
     const s = t() && o?.requests.find((r) => r.id === t()) || o?.requests.at(-1);
     return s && o ? {
       ...s,
@@ -1828,21 +1833,21 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
     } : null;
   });
   function i(o, s) {
-    return p(L, {
+    return p(M, {
       get classList() {
         return {
           selected: n() === o
         };
       },
       onClick: () => {
-        ie("selectedTab", o);
+        se("selectedTab", o);
       },
       children: s
     });
   }
   return (() => {
-    const o = He.cloneNode(!0);
-    return b(o, er), u(o, p(se, {
+    const o = Ve.cloneNode(!0);
+    return b(o, er), u(o, p(ae, {
       get when() {
         return l();
       },
@@ -1850,8 +1855,8 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       children: (s) => [(() => {
         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);
+      })(), m((() => {
+        const r = m(() => s.callPath !== s.callName);
         return () => r() && (() => {
           const a = Xn.cloneNode(!0);
           return u(a, () => s.callPath), a;
@@ -1859,21 +1864,21 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       })()), (() => {
         const r = Wn.cloneNode(!0);
         return u(r, (() => {
-          const a = $(() => !!s.method);
+          const a = m(() => !!s.method);
           return () => a() && (() => {
             const c = Gn.cloneNode(!0);
             return u(c, () => s.method), c;
           })();
         })(), null), u(r, (() => {
-          const a = $(() => !!s.code);
+          const a = m(() => !!s.code);
           return () => a() && (() => {
             const c = Yn.cloneNode(!0);
             return u(c, () => s.code), C(() => c.classList.toggle("error", s.code >= 400)), c;
           })();
         })(), null), u(r, (() => {
-          const a = $(() => !!s.isError);
+          const a = m(() => !!s.isError);
           return () => a() && Qn.cloneNode(!0);
-        })(), null), u(r, p(z, {
+        })(), null), u(r, p(F, {
           get each() {
             return s.tags;
           },
@@ -1883,12 +1888,12 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
           })()
         }), null), r;
       })(), (() => {
-        const r = He.cloneNode(!0);
+        const r = Ve.cloneNode(!0);
         return b(r, tr), u(r, () => i("summary", "Summary"), null), u(r, (() => {
-          const a = $(() => !!s.payload);
+          const a = m(() => !!s.payload);
           return () => a() && i("payload", "Payload");
         })(), null), u(r, (() => {
-          const a = $(() => !!s.searchParams);
+          const a = m(() => !!s.searchParams);
           return () => a() && i("urlParams", "URL Params");
         })(), null), u(r, () => i("response", "Response"), null), u(r, () => i("diff", "Diff"), null), r;
       })(), (() => {
@@ -1900,40 +1905,40 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "summary";
               },
               get children() {
-                return [$(() => $(() => !!s.payload)() && p(A, {
+                return [m(() => m(() => !!s.payload)() && p(E, {
                   title: "Payload",
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return s.payload;
                       },
                       compact: !0
                     });
                   }
-                })), $(() => $(() => !!s.searchParams)() && p(A, {
+                })), m(() => m(() => !!s.searchParams)() && p(E, {
                   title: "URL Params",
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return s.searchParams;
                       },
                       compact: !0
                     });
                   }
-                })), $(() => $(() => !!s.response)() && p(A, {
+                })), m(() => m(() => !!s.response)() && p(E, {
                   title: "Response",
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return s.response;
                       },
                       compact: !0
                     });
                   }
-                })), p(A, {
+                })), p(E, {
                   title: "Stats",
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return {
                           "Duration (ms)": Math.round(s.duration),
@@ -1942,10 +1947,10 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                       }
                     });
                   }
-                }), p(A, {
+                }), p(E, {
                   title: "Metadata",
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return s.metadata;
                       }
@@ -1958,10 +1963,10 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "payload";
               },
               get children() {
-                return p(A, {
+                return p(E, {
                   title: null,
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return s.payload;
                       }
@@ -1974,10 +1979,10 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "response";
               },
               get children() {
-                return p(A, {
+                return p(E, {
                   title: null,
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return s.response;
                       }
@@ -1990,10 +1995,10 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
                 return n() === "urlParams";
               },
               get children() {
-                return p(A, {
+                return p(E, {
                   title: null,
                   get children() {
-                    return p(j, {
+                    return p(R, {
                       get value() {
                         return s.searchParams;
                       }
@@ -2014,7 +2019,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 +2028,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: ${L.decorative};
       color: ${h.secondary.var};
       padding-bottom: 16px;
     }
@@ -2046,7 +2051,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
 
     > button {
       padding: 4px 12px;
-      ${F({
+      ${B({
   gap: 8
 })};
       opacity: 0.8;
@@ -2057,7 +2062,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       }
 
       > .start-time {
-        font-family: ${P.decorative};
+        font-family: ${L.decorative};
       }
 
       > .separator {
@@ -2065,7 +2070,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       }
 
       > .payload {
-        ${de};
+        ${ue};
         flex-shrink: 1;
       }
     }
@@ -2078,16 +2083,16 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
     padding-top: 0;
   }
 `, pr = () => {
-  const e = $(() => {
+  const e = m(() => {
     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 ? i ? H.calls[i] : null : Object.values(H.calls).at(-1) || null;
+  }), t = m(() => {
+    const i = rt(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);
+  }), n = m(() => N.selectedSubitem ? t()?.filter((i) => i.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, {
+    return b(i, cr), b(s, dr), u(s, p(F, {
       get each() {
         return n();
       },
@@ -2098,12 +2103,12 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
         })();
       },
       children: (r) => {
-        const a = Q(r.startTime), c = a.format("HH:mm:ss"), d = a.fromNow(), g = tt(r);
+        const a = Q(r.startTime), c = a.format("HH:mm:ss"), d = a.fromNow(), g = nt(r);
         return (() => {
           const f = ir.cloneNode(!0);
-          return b(f, ur), u(f, p(L, {
+          return b(f, ur), u(f, p(M, {
             onClick: () => {
-              ie("selectedRequest", r.id);
+              se("selectedRequest", r.id);
             },
             get classList() {
               return {
@@ -2112,11 +2117,11 @@ 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 P(y, "title", d), u(y, c), y;
+              })(), m(() => !!g && [sr.cloneNode(!0), (() => {
+                const y = ar.cloneNode(!0);
+                return P(y, "title", g), u(y, g), y;
               })()])];
             }
           })), C(() => f.classList.toggle("error", !!r.isError)), f;
@@ -2124,7 +2129,7 @@ const He = /* @__PURE__ */ y("<div></div>"), Un = /* @__PURE__ */ y("<h1></h1>")
       }
     })), i;
   })();
-}, gr = /* @__PURE__ */ y("<div></div>"), hr = _`
+}, gr = /* @__PURE__ */ $("<div></div>"), hr = _`
   &&& {
     display: grid;
     grid-template-columns: 1.5fr 1fr 3fr;
@@ -2133,7 +2138,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: ${L.primary};
   color: ${h.textPrimary.var};
 
   * {
@@ -2262,56 +2267,56 @@ button {
   -webkit-appearance: none;
 }
 `;
-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 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, Ze = /\n+/g, I = (e, t) => {
   let n = "", l = "", i = "";
   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 + ";");
+    o[0] == "@" ? o[1] == "i" ? n = o + " " + s + ";" : l += o[1] == "f" ? I(s, o) : o + "{" + I(s, o[1] == "k" ? "" : t) + "}" : typeof s == "object" ? l += I(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 += I.p ? I.p(o, s) : o + ":" + s + ";");
   }
   return n + (t && i ? t + "{" + i + "}" : i) + l;
-}, E = {}, rt = (e) => {
+}, j = {}, ot = (e) => {
   if (typeof e == "object") {
     let t = "";
     for (let n in e)
-      t += n + rt(e[n]);
+      t += n + ot(e[n]);
     return t;
   }
   return e;
 }, _r = (e, t, n, l, i) => {
-  let o = rt(e), s = E[o] || (E[o] = ((a) => {
+  let o = ot(e), s = j[o] || (j[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 (!j[s]) {
     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();
+        d[4] ? f.shift() : d[3] ? (g = d[3].replace(Ze, " ").trim(), f.unshift(f[0][g] = f[0][g] || {})) : f[0][d[1]] = d[2].replace(Ze, " ").trim();
       return f[0];
     })(e);
-    E[s] = D(i ? { ["@keyframes " + s]: a } : a, n ? "" : "." + s);
+    j[s] = I(i ? { ["@keyframes " + s]: a } : a, n ? "" : "." + s);
   }
-  let r = n && E.g ? E.g : null;
-  return n && (E.g = E[s]), ((a, c, d, g) => {
+  let r = n && j.g ? j.g : null;
+  return n && (j.g = j[s]), ((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;
+  })(j[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;
+    s = a ? "." + a : r && typeof r == "object" ? r.props ? "" : I(r, "") : r === !1 ? "" : r;
   }
   return l + i + (s ?? "");
 }, "");
-function ue(e) {
+function fe(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);
 }
-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`
+fe.bind({ g: 1 });
+fe.bind({ k: 1 });
+const Nr = /* @__PURE__ */ $("<div></div>"), kr = /* @__PURE__ */ $('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Ar = fe`
   ${vr};
   ${$r};
 
@@ -2344,37 +2349,37 @@ const Nr = /* @__PURE__ */ y("<div></div>"), kr = /* @__PURE__ */ y('<div id="de
   }
 
   > main > * {
-    ${be};
+    ${Ce};
   }
-`, Pr = ue`
-  ${be};
+`, Pr = fe`
+  ${Ce};
   position: fixed;
   inset: 0;
 `, Tr = () => [(() => {
   const e = Nr.cloneNode(!0);
-  return re(e, "click", Or, !0), b(e, Pr), e;
+  return oe(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(M, {
     title: "API Explorer",
     get children() {
-      return p(ce, {
+      return p(de, {
         name: "network"
       });
     }
   })), u(n, p(mr, {})), e;
 })()];
-ae(["click"]);
+ce(["click"]);
 const Er = () => p(Tr, {});
-let ot = () => {
+let lt = () => {
 };
 function Lr() {
   Q.extend(Et), 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), ot = xt(() => p(Er, {}), e);
+  e.id = "dev-tools-root", document.body.appendChild(e), lt = xt(() => p(Er, {}), e);
 }
 function Or() {
-  ot();
+  lt();
 }
 function Hr({
   callsProcessor: e,