app-devtools 0.5.0 → 0.7.0

package/dist/main.js

@@ -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"
-}), Se = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), Ne = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: "formNoValidate",
   ismap: "isMap",
@@ -65,7 +65,7 @@ function Ct(e, t, n) {
     }
   }
 }
-const Ne = "_$DX_DELEGATE";
+const Se = "_$DX_DELEGATE";
 function xt(e, t, n, l = {}) {
   let i;
   return it((o) => {
@@ -81,7 +81,7 @@ function $(e, t, n) {
   return n && (i = i.firstChild), i;
 }
 function ce(e, t = window.document) {
-  const n = t[Ne] || (t[Ne] = /* @__PURE__ */ new Set());
+  const n = t[Se] || (t[Se] = /* @__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));
@@ -132,16 +132,16 @@ function We(e, t, n) {
     i = t[o], i !== n[o] && (l.setProperty(o, i), n[o] = i);
   return n;
 }
-function St(e, t = {}, n, l) {
+function Nt(e, t = {}, n, l) {
   const 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;
+  return l || C(() => i.children = U(e, t.children, i.children)), C(() => t.ref && t.ref(e)), C(() => St(e, t, n, !0, i, !0)), i;
 }
 function u(e, t, n, l) {
   if (n !== void 0 && !l && (l = []), typeof t != "function")
     return U(e, t, l, n);
   C((i) => U(e, t(), i, n), l);
 }
-function Nt(e, t, n, l, i = {}, o = !1) {
+function St(e, t, n, l, i = {}, o = !1) {
   t || (t = {});
   for (const s in i)
     if (!(s in t)) {
@@ -189,8 +189,8 @@ function Ae(e, t, n, l, i, o) {
       e.removeEventListener(c, g);
     }
     (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 if ((a = $t.has(t)) || !i && (Ne[t] || (r = mt.has(t))) || (s = e.nodeName.includes("-")))
+    t === "class" || t === "className" ? b(e, n) : s && !r && !a ? e[kt(t)] = n : e[Ne[t] || t] = n;
   else {
     const c = i && t.indexOf(":") > -1 && bt[t.split(":")[0]];
     c ? wt(e, c, t, n) : P(e, yt[t] || t, n);
@@ -378,7 +378,7 @@ var Pt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 })(Tt);
 const Et = $e, Lt = /* @__PURE__ */ $("<button></button>"), M = (e) => (() => {
   const t = Lt.cloneNode(!0);
-  return St(t, st(e, {
+  return Nt(t, st(e, {
     onMouseDown: Ot
   }), !1, !1), t;
 })();
@@ -648,7 +648,7 @@ function Xt(e) {
     return t;
   };
 }
-const [N, se] = Qe({
+const [S, se] = Qe({
   selectedCall: null,
   selectedRequest: null,
   selectedTab: null,
@@ -694,7 +694,7 @@ const [N, se] = Qe({
   right: "flex-end",
   center: "center",
   stretch: "stretch"
-}, S = ({
+}, N = ({
   justify: e = "top",
   align: t = "stretch",
   gap: n = 0
@@ -796,7 +796,7 @@ function we(e) {
 const on = /* @__PURE__ */ $('<div class="tag"></div>'), Ee = /* @__PURE__ */ $("<span></span>"), ln = /* @__PURE__ */ $('<div><div class="call"></div></div>'), sn = _`
   &&& {
     font-size: 14px;
-    ${S()};
+    ${N()};
 
     > .call {
       padding: 4px 12px;
@@ -925,7 +925,7 @@ const on = /* @__PURE__ */ $('<div class="tag"></div>'), Ee = /* @__PURE__ */ $(
             class: "subitem",
             get classList() {
               return {
-                selected: n() === t().id && N.selectedSubitem === r
+                selected: n() === t().id && S.selectedSubitem === r
               };
             },
             onClick: () => {
@@ -975,19 +975,31 @@ function un(e, t) {
     l[t.keys[n]] = i[++n] || null;
   return l;
 }
-const [H, fn] = Qe({
+function tt(e) {
+  return e ? e.slice().reverse() : [];
+}
+function fn(...e) {
+  const t = [];
+  for (const n of e)
+    n != null && t.push(...n);
+  return t;
+}
+function pn(e) {
+  return e.filter((t) => t != null);
+}
+const [H, gn] = Qe({
   calls: {}
 });
 let ve = {
   callsProcessor: []
 };
-function pn(e) {
+function hn(e) {
   ve = {
     ...ve,
     ...e
   };
 }
-function Br(e) {
+function Vr(e) {
   const t = e.startTime || Date.now();
   return ({
     isError: n,
@@ -997,7 +1009,7 @@ function Br(e) {
     tags: s
   }) => {
     const r = e.duration || Date.now() - t;
-    fn(
+    gn(
       Xt((a) => {
         const c = Oe(
           () => new URL(e.path, "http://localhost")
@@ -1051,7 +1063,9 @@ function Br(e) {
           method: e.method,
           subType: e.subType,
           code: l,
-          tags: [...e.tags || [], ...s || []]
+          tags: pn(
+            fn(e.tags, s)
+          )
         }, ee = Oe(
           () => f?.payloadAlias?.(k.payload, k)
         );
@@ -1060,9 +1074,9 @@ function Br(e) {
     );
   };
 }
-const gn = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'), hn = _`
+const mn = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'), $n = _`
   &&& {
-    ${S()};
+    ${N()};
     border-right: 1px solid ${h.white.alpha(0.1)};
 
     > h1 {
@@ -1074,14 +1088,14 @@ const gn = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><label><input type="text
       padding-bottom: 16px;
     }
   }
-`, mn = _`
+`, yn = _`
   &&& {
-    ${S()};
+    ${N()};
     flex: 1 1;
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, $n = _`
+`, vn = _`
   &&& {
     ${B({
   gap: 8
@@ -1111,7 +1125,7 @@ const gn = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><label><input type="text
       }
     }
   }
-`, yn = () => {
+`, bn = () => {
   const e = we(""), t = et(() => {
     const l = Object.entries(H.calls), i = [];
     for (const [o, s] of l.reverse()) {
@@ -1127,14 +1141,14 @@ const gn = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><label><input type="text
       });
     }
     return i;
-  }, "id"), n = m(() => N.selectedCall);
+  }, "id"), n = m(() => S.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(de, {
+    const l = mn.cloneNode(!0), i = l.firstChild, o = i.nextSibling, s = o.firstChild, r = o.nextSibling;
+    return b(l, $n), b(o, vn), u(o, p(de, {
       name: "search"
     }), s), s.$$input = (a) => {
       e.value = a.currentTarget.value;
-    }, b(r, mn), u(r, p(F, {
+    }, b(r, yn), u(r, p(F, {
       get each() {
         return t();
       },
@@ -1151,7 +1165,7 @@ const gn = /* @__PURE__ */ $('<div><h1>API EXPLORER</h1><label><input type="text
   })();
 };
 ce(["input"]);
-function tt(...e) {
+function nt(...e) {
   const t = [];
   for (let n = 0; n < e.length; n++) {
     const l = e[n];
@@ -1166,9 +1180,9 @@ function tt(...e) {
   }
   return t.join(" ");
 }
-const vn = /* @__PURE__ */ $('<div><div class="content"></div></div>'), bn = /* @__PURE__ */ $("<h1></h1>"), Cn = _`
+const Cn = /* @__PURE__ */ $('<div><div class="content"></div></div>'), xn = /* @__PURE__ */ $("<h1></h1>"), wn = _`
   &&& {
-    ${S()};
+    ${N()};
 
     > h1 {
       font-size: 14px;
@@ -1201,22 +1215,22 @@ const vn = /* @__PURE__ */ $('<div><div class="content"></div></div>'), bn = /*
     }
   }
 `, E = (e) => (() => {
-  const t = vn.cloneNode(!0), n = t.firstChild;
+  const t = Cn.cloneNode(!0), n = t.firstChild;
   return u(t, (() => {
     const l = m(() => !!e.title);
     return () => l() && (() => {
-      const i = bn.cloneNode(!0);
+      const i = xn.cloneNode(!0);
       return u(i, () => e.title), i;
     })();
-  })(), n), u(n, () => e.children), C(() => b(t, tt(Cn, e.class))), t;
-})(), xn = `
+  })(), n), u(n, () => e.children), C(() => b(t, nt(wn, e.class))), t;
+})(), _n = `
   user-select: text;
 
   *, *::before, *::after {
     user-select: text;
   }
 `;
-function wn(e) {
+function Nn(e) {
   return `
     display: -webkit-box;
     overflow: hidden;
@@ -1224,12 +1238,12 @@ function wn(e) {
     -webkit-box-orient: vertical;
   `;
 }
-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 = _`
+const Sn = /* @__PURE__ */ $('<div class="key"><span></span></div>'), kn = /* @__PURE__ */ $('<div class="collapsed"></div>'), An = /* @__PURE__ */ $('<div class="delimiter">[]</div>'), Pn = /* @__PURE__ */ $('<div class="delimiter">{}</div>'), je = /* @__PURE__ */ $('<div class="delimiter"></div>'), Me = /* @__PURE__ */ $('<div class="childs"></div>'), Tn = /* @__PURE__ */ $('<div class="delimiter end">]</div>'), Re = /* @__PURE__ */ $('<div class="child"></div>'), En = /* @__PURE__ */ $('<div class="delimiter end">}</div>'), Ln = /* @__PURE__ */ $('<div class="value" title="Shift + Click to copy value"></div>'), De = /* @__PURE__ */ $('<span class="string-quotes">"</span>'), On = /* @__PURE__ */ $("<div></div>"), jn = _`
   &&& {
     font-family: ${L.decorative};
     font-size: 13px;
-    ${xn};
-    ${S({
+    ${_n};
+    ${N({
   gap: 2
 })};
     padding-left: 8px;
@@ -1252,7 +1266,7 @@ const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @_
     }
 
     .childs {
-      ${S({
+      ${N({
   gap: 2
 })};
     }
@@ -1316,7 +1330,7 @@ const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @_
 
     .value {
       word-wrap: break-word;
-      ${wn(5)};
+      ${Nn(5)};
     }
 
     [data-type='number'] {
@@ -1336,7 +1350,7 @@ const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @_
       color: ${h.white.alpha(0.5)};
     }
   }
-`, On = new Intl.NumberFormat("en-US"), K = 14, be = (e) => {
+`, Mn = 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, {
@@ -1357,7 +1371,7 @@ const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @_
       }
     });
     return [a && (() => {
-      const g = _n.cloneNode(!0), f = g.firstChild;
+      const g = Sn.cloneNode(!0), f = g.firstChild;
       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) => {
@@ -1371,9 +1385,9 @@ const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @_
     })(), m((() => {
       const g = m(() => !!(a && c && !t()));
       return () => g() ? (() => {
-        const f = Sn.cloneNode(!0);
+        const f = kn.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 ? [(() => {
+      })() : (() => s && o.length === 0 ? An.cloneNode(!0) : r && Object.keys(o).length === 0 ? Pn.cloneNode(!0) : s ? [(() => {
         const f = je.cloneNode(!0);
         return oe(f, "click", a ? void 0 : (y) => {
           y.shiftKey && ne(JSON.stringify(o));
@@ -1410,7 +1424,7 @@ const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @_
               });
             })())];
           }), y;
-        })(), An.cloneNode(!0)];
+        })(), Tn.cloneNode(!0)];
       })())] : r ? [(() => {
         const f = je.cloneNode(!0);
         return oe(f, "click", a ? void 0 : (y) => {
@@ -1451,18 +1465,18 @@ const _n = /* @__PURE__ */ $('<div class="key"><span></span></div>'), Sn = /* @_
               });
             })())];
           }), y;
-        })(), Pn.cloneNode(!0)];
+        })(), En.cloneNode(!0)];
       })())] : (() => {
-        const f = Tn.cloneNode(!0);
+        const f = Ln.cloneNode(!0);
         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;
+        }, P(f, "data-type", typeof o), u(f, typeof o == "string" && De.cloneNode(!0), null), u(f, () => typeof o == "number" ? Mn.format(o) : String(o), null), u(f, typeof o == "string" && De.cloneNode(!0), null), f;
       })())();
     })())];
   });
 }, R = (e) => (() => {
-  const t = En.cloneNode(!0);
-  return b(t, Ln), u(t, p(be, {
+  const t = On.cloneNode(!0);
+  return b(t, jn), u(t, p(be, {
     get value() {
       return e.value;
     },
@@ -1476,13 +1490,13 @@ async function ne(e) {
   await navigator.clipboard.writeText(e), alert("Copied to clipboard");
 }
 ce(["click"]);
-let jn = 0;
-function Mn() {
-  return jn++;
+let Rn = 0;
+function Dn() {
+  return Rn++;
 }
-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 = _`
+const In = /* @__PURE__ */ $("<label></label>"), zn = /* @__PURE__ */ $('<div><div class="inputContainer"><select></select></div></div>'), Fn = /* @__PURE__ */ $('<option value="">-- select an option --</option>'), Bn = /* @__PURE__ */ $("<option></option>"), Hn = _`
   &&& {
-    ${S({
+    ${N({
   align: "left"
 })};
     width: 100%;
@@ -1503,7 +1517,7 @@ const Rn = /* @__PURE__ */ $("<label></label>"), Dn = /* @__PURE__ */ $('<div><d
       position: relative;
       width: 100%;
       overflow: hidden;
-      ${S({
+      ${N({
   align: "left"
 })};
     }
@@ -1535,53 +1549,50 @@ const Rn = /* @__PURE__ */ $("<label></label>"), Dn = /* @__PURE__ */ $('<div><d
       background: ${h.white.var};
     }
   }
-`, Bn = (e) => {
-  const t = `input${Mn()}`;
+`, Vn = (e) => {
+  const t = `input${Dn()}`;
   return (() => {
-    const n = Dn.cloneNode(!0), l = n.firstChild, i = l.firstChild;
+    const n = zn.cloneNode(!0), l = n.firstChild, i = l.firstChild;
     return u(n, p(ae, {
       get when() {
         return e.label;
       },
       get children() {
-        const o = Rn.cloneNode(!0);
+        const o = In.cloneNode(!0);
         return P(o, "for", t), u(o, () => e.label), o;
       }
     }), l), i.addEventListener("change", (o) => {
       o.currentTarget.value && e.onChange(o.currentTarget.value);
     }), P(i, "id", t), u(i, (() => {
       const o = m(() => !e.value);
-      return () => o() && In.cloneNode(!0);
+      return () => o() && Fn.cloneNode(!0);
     })(), null), u(i, p(F, {
       get each() {
         return e.options;
       },
       children: (o) => (() => {
-        const s = zn.cloneNode(!0);
+        const s = Bn.cloneNode(!0);
         return u(s, () => o.label), C(() => s.value = o.value), s;
       })()
-    }), null), C(() => b(n, tt(Fn, e.class))), C(() => i.value = e.value ?? ""), n;
+    }), null), C(() => b(n, nt(Hn, e.class))), C(() => i.value = e.value ?? ""), n;
   })();
 };
-function nt(e) {
+function rt(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 rt(e) {
-  return e ? e.slice().reverse() : [];
-}
 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)
   );
 }
-function Hn(e, t) {
+function Zn(e, t) {
   return e.length > t ? `${e.slice(0, t)}...` : e;
 }
-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 = _`
+const Kn = /* @__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>'), Un = _`
   &&& {
-    ${S({
+    ${N({
   gap: 14
 })};
 
@@ -1600,7 +1611,7 @@ const Vn = /* @__PURE__ */ $('<div class="changes-count"><span class="additions"
   }
 `, Be = _`
   &&& {
-    ${S({
+    ${N({
   gap: 0
 })};
     font-size: 14px;
@@ -1637,32 +1648,32 @@ const Vn = /* @__PURE__ */ $('<div class="changes-count"><span class="additions"
       }
     }
   }
-`, Kn = () => {
+`, Wn = () => {
   const e = m(() => {
     const {
       selectedCall: r
-    } = N;
+    } = S;
     return r ? H.calls[r] : Object.values(H.calls).at(-1);
   }), t = et(() => {
     const r = e();
-    return r ? rt(r.requests).map((a) => ({
+    return r ? tt(r.requests).map((a) => ({
       value: a.id,
-      label: `${Q(a.startTime).format("HH:mm:ss")} | ${Hn(nt(a), 50)}`
-    })).filter((a) => a.value !== N.selectedRequest) : [];
-  }, "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)
+      label: `${Q(a.startTime).format("HH:mm:ss")} | ${Zn(rt(a), 50)}`
+    })).filter((a) => a.value !== S.selectedRequest) : [];
+  }, "value"), n = we(null), l = m(() => S.selectedRequest ? e()?.requests.find((r) => r.id === S.selectedRequest) : null), i = m(() => n.value ? e()?.requests.find((r) => r.id === n.value) : null), o = m(() => {
+    if (!n.value || !S.selectedRequest)
       return [];
     const r = l()?.response, a = i()?.response, c = Ie(a, r);
     return c === "no changes" ? [] : c;
   }), s = m(() => {
-    if (!n.value || !N.selectedRequest)
+    if (!n.value || !S.selectedRequest)
       return [];
     const r = He(l()), a = He(i()), c = Ie(a, r);
     return c === "no changes" ? [] : c;
   });
   return (() => {
     const r = he.cloneNode(!0);
-    return b(r, Zn), u(r, p(Bn, {
+    return b(r, Un), u(r, p(Vn, {
       get value() {
         return n.value;
       },
@@ -1679,7 +1690,7 @@ const Vn = /* @__PURE__ */ $('<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, y = f.nextSibling, v = y.firstChild, x = v.nextSibling;
+          const a = Kn.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(E, {
           get title() {
@@ -1737,9 +1748,9 @@ const Vn = /* @__PURE__ */ $('<div class="changes-count"><span class="additions"
 function He(e) {
   return e ? e.payload || e.searchParams || e.pathParams : null;
 }
-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 = _`
+const Ve = /* @__PURE__ */ $("<div></div>"), Jn = /* @__PURE__ */ $("<h1></h1>"), Xn = /* @__PURE__ */ $('<div class="tags"></div>'), Gn = /* @__PURE__ */ $('<div class="details"></div>'), Yn = /* @__PURE__ */ $("<h2></h2>"), Qn = /* @__PURE__ */ $('<div class="method"></div>'), qn = /* @__PURE__ */ $('<div class="code"></div>'), er = /* @__PURE__ */ $('<div class="tag error">Has Error</div>'), tr = /* @__PURE__ */ $('<div class="tag"></div>'), nr = _`
   &&& {
-    ${S()};
+    ${N()};
     padding-left: 10px;
 
     > h1 {
@@ -1791,7 +1802,7 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
     > .details {
       margin-top: 14px;
       padding-right: 10px;
-      ${S({
+      ${N({
   gap: 8
 })};
       flex: 1 1;
@@ -1799,7 +1810,7 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
       padding-bottom: 20px;
     }
   }
-`, tr = _`
+`, rr = _`
   &&& {
     ${B({
   gap: 20
@@ -1821,8 +1832,8 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
       }
     }
   }
-`, nr = () => {
-  const e = m(() => N.selectedCall), t = m(() => N.selectedRequest), n = m(() => N.selectedTab || "summary"), l = m(() => {
+`, or = () => {
+  const e = m(() => S.selectedCall), t = m(() => S.selectedRequest), n = m(() => S.selectedTab || "summary"), l = m(() => {
     let o;
     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);
@@ -1847,49 +1858,49 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
   }
   return (() => {
     const o = Ve.cloneNode(!0);
-    return b(o, er), u(o, p(ae, {
+    return b(o, nr), u(o, p(ae, {
       get when() {
         return l();
       },
       keyed: !0,
       children: (s) => [(() => {
-        const r = Un.cloneNode(!0);
+        const r = Jn.cloneNode(!0);
         return u(r, () => s.callName, null), u(r, () => s.alias && ` | ${s.alias}`, null), r;
       })(), m((() => {
         const r = m(() => s.callPath !== s.callName);
         return () => r() && (() => {
-          const a = Xn.cloneNode(!0);
+          const a = Yn.cloneNode(!0);
           return u(a, () => s.callPath), a;
         })();
       })()), (() => {
-        const r = Wn.cloneNode(!0);
+        const r = Xn.cloneNode(!0);
         return u(r, (() => {
           const a = m(() => !!s.method);
           return () => a() && (() => {
-            const c = Gn.cloneNode(!0);
+            const c = Qn.cloneNode(!0);
             return u(c, () => s.method), c;
           })();
         })(), null), u(r, (() => {
           const a = m(() => !!s.code);
           return () => a() && (() => {
-            const c = Yn.cloneNode(!0);
+            const c = qn.cloneNode(!0);
             return u(c, () => s.code), C(() => c.classList.toggle("error", s.code >= 400)), c;
           })();
         })(), null), u(r, (() => {
           const a = m(() => !!s.isError);
-          return () => a() && Qn.cloneNode(!0);
+          return () => a() && er.cloneNode(!0);
         })(), null), u(r, p(F, {
           get each() {
             return s.tags;
           },
           children: (a) => (() => {
-            const c = qn.cloneNode(!0);
+            const c = tr.cloneNode(!0);
             return u(c, a), c;
           })()
         }), null), r;
       })(), (() => {
         const r = Ve.cloneNode(!0);
-        return b(r, tr), u(r, () => i("summary", "Summary"), null), u(r, (() => {
+        return b(r, rr), u(r, () => i("summary", "Summary"), null), u(r, (() => {
           const a = m(() => !!s.payload);
           return () => a() && i("payload", "Payload");
         })(), null), u(r, (() => {
@@ -1897,7 +1908,7 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
           return () => a() && i("urlParams", "URL Params");
         })(), null), u(r, () => i("response", "Response"), null), u(r, () => i("diff", "Diff"), null), r;
       })(), (() => {
-        const r = Jn.cloneNode(!0);
+        const r = Gn.cloneNode(!0);
         return u(r, p(dt, {
           get children() {
             return [p(G, {
@@ -2011,7 +2022,7 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
                 return n() === "diff";
               },
               get children() {
-                return p(Kn, {});
+                return p(Wn, {});
               }
             })];
           }
@@ -2019,9 +2030,9 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
       })()]
     })), o;
   })();
-}, 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 = _`
+}, lr = /* @__PURE__ */ $("<div><h1>timeline</h1><div></div></div>"), ir = /* @__PURE__ */ $("<div>no requests found</div>"), sr = /* @__PURE__ */ $('<span class="start-time"></span>'), ar = /* @__PURE__ */ $("<div></div>"), cr = /* @__PURE__ */ $('<span class="separator">|</span>'), dr = /* @__PURE__ */ $('<span class="payload"></span>'), ur = _`
   &&& {
-    ${S()};
+    ${N()};
     border-right: 1px solid ${h.white.alpha(0.1)};
 
     > h1 {
@@ -2033,16 +2044,16 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
       padding-bottom: 16px;
     }
   }
-`, dr = _`
+`, fr = _`
   &&& {
-    ${S()};
+    ${N()};
     flex: 1 1;
     overflow-y: auto;
   }
-`, ur = _`
+`, pr = _`
   &&& {
     font-size: 13px;
-    ${S()};
+    ${N()};
 
     &.error {
       color: ${h.error.var};
@@ -2075,38 +2086,38 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
       }
     }
   }
-`, fr = _`
+`, gr = _`
   &&& {
     opacity: 0.4;
     font-size: 14px;
     padding: 12px;
     padding-top: 0;
   }
-`, pr = () => {
+`, hr = () => {
   const e = m(() => {
-    const i = N.selectedCall;
+    const i = S.selectedCall;
     return i ? i ? H.calls[i] : null : Object.values(H.calls).at(-1) || null;
   }), t = m(() => {
-    const i = rt(e()?.requests);
+    const i = tt(e()?.requests);
     return i.length === 0 ? null : i;
-  }), n = m(() => N.selectedSubitem ? t()?.filter((i) => i.alias === N.selectedSubitem) : t()), l = m(() => N.selectedRequest || n()?.[0]?.id);
+  }), n = m(() => S.selectedSubitem ? t()?.filter((i) => i.alias === S.selectedSubitem) : t()), l = m(() => S.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(F, {
+    const i = lr.cloneNode(!0), o = i.firstChild, s = o.nextSibling;
+    return b(i, ur), b(s, fr), u(s, p(F, {
       get each() {
         return n();
       },
       get fallback() {
         return (() => {
-          const r = or.cloneNode(!0);
-          return b(r, fr), r;
+          const r = ir.cloneNode(!0);
+          return b(r, gr), r;
         })();
       },
       children: (r) => {
-        const a = Q(r.startTime), c = a.format("HH:mm:ss"), d = a.fromNow(), g = nt(r);
+        const a = Q(r.startTime), c = a.format("HH:mm:ss"), d = a.fromNow(), g = rt(r);
         return (() => {
-          const f = ir.cloneNode(!0);
-          return b(f, ur), u(f, p(M, {
+          const f = ar.cloneNode(!0);
+          return b(f, pr), u(f, p(M, {
             onClick: () => {
               se("selectedRequest", r.id);
             },
@@ -2117,10 +2128,10 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
             },
             get children() {
               return [(() => {
-                const y = lr.cloneNode(!0);
+                const y = sr.cloneNode(!0);
                 return P(y, "title", d), u(y, c), y;
-              })(), m(() => !!g && [sr.cloneNode(!0), (() => {
-                const y = ar.cloneNode(!0);
+              })(), m(() => !!g && [cr.cloneNode(!0), (() => {
+                const y = dr.cloneNode(!0);
                 return P(y, "title", g), u(y, g), y;
               })()])];
             }
@@ -2129,15 +2140,15 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
       }
     })), i;
   })();
-}, gr = /* @__PURE__ */ $("<div></div>"), hr = _`
+}, mr = /* @__PURE__ */ $("<div></div>"), $r = _`
   &&& {
     display: grid;
     grid-template-columns: 1.5fr 1fr 3fr;
   }
-`, mr = () => (() => {
-  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 = `
+`, yr = () => (() => {
+  const e = mr.cloneNode(!0);
+  return b(e, $r), u(e, p(bn, {}), null), u(e, p(hr, {}), null), u(e, p(or, {}), null), e;
+})(), vr = `
   font-family: ${L.primary};
   color: ${h.textPrimary.var};
 
@@ -2188,11 +2199,11 @@ const Ve = /* @__PURE__ */ $("<div></div>"), Un = /* @__PURE__ */ $("<h1></h1>")
   h3 {
     font-weight: normal;
   }
-`, yr = `
+`, br = `
   display: flex;
   align-items: center;
   justify-content: center;
-`, vr = `
+`, Cr = `
 *,
 *::before,
 *::after {
@@ -2267,7 +2278,7 @@ 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, Ze = /\n+/g, I = (e, t) => {
+let xr = { data: "" }, wr = (e) => typeof window == "object" ? ((e ? e.querySelector("#_goober") : window._goober) || Object.assign((e || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : e || xr, _r = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, Nr = /\/\*[^]*?\*\/|  +/g, Ze = /\n+/g, I = (e, t) => {
   let n = "", l = "", i = "";
   for (let o in e) {
     let s = e[o];
@@ -2282,7 +2293,7 @@ let br = { data: "" }, Cr = (e) => typeof window == "object" ? ((e ? e.querySele
     return t;
   }
   return e;
-}, _r = (e, t, n, l, i) => {
+}, Sr = (e, t, n, l, i) => {
   let o = ot(e), s = j[o] || (j[o] = ((a) => {
     let c = 0, d = 11;
     for (; c < a.length; )
@@ -2292,7 +2303,7 @@ let br = { data: "" }, Cr = (e) => typeof window == "object" ? ((e ? e.querySele
   if (!j[s]) {
     let a = o !== e ? e : ((c) => {
       let d, g, f = [{}];
-      for (; d = xr.exec(c.replace(wr, "")); )
+      for (; d = _r.exec(c.replace(Nr, "")); )
         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);
@@ -2302,7 +2313,7 @@ let br = { data: "" }, Cr = (e) => typeof window == "object" ? ((e ? e.querySele
   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);
   })(j[s], t, l, r), s;
-}, Sr = (e, t, n) => e.reduce((l, i, o) => {
+}, kr = (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;
@@ -2312,13 +2323,13 @@ let br = { data: "" }, Cr = (e) => typeof window == "object" ? ((e ? e.querySele
 }, "");
 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);
+  return Sr(n.unshift ? n.raw ? kr(n, [].slice.call(arguments, 1), t.p) : n.reduce((l, i) => Object.assign(l, i && i.call ? i(t.p) : i), {}) : n, wr(t.target), t.g, t.o, t.k);
 }
 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`
+const Ar = /* @__PURE__ */ $("<div></div>"), Pr = /* @__PURE__ */ $('<div id="dev-tools-root-element"><nav></nav><main></main></div>'), Tr = fe`
+  ${Cr};
   ${vr};
-  ${$r};
 
   position: fixed;
   inset: 32px;
@@ -2328,11 +2339,11 @@ const Nr = /* @__PURE__ */ $("<div></div>"), kr = /* @__PURE__ */ $('<div id="de
   grid-template-columns: 51px 1fr;
 
   nav {
-    ${S()};
+    ${N()};
     border-right: 1px solid ${h.white.alpha(0.1)};
 
     button {
-      ${yr};
+      ${br};
       width: 100%;
       aspect-ratio: 1 / 1;
       color: ${h.bgPrimary.var};
@@ -2351,37 +2362,37 @@ const Nr = /* @__PURE__ */ $("<div></div>"), kr = /* @__PURE__ */ $('<div id="de
   > main > * {
     ${Ce};
   }
-`, Pr = fe`
+`, Er = fe`
   ${Ce};
   position: fixed;
   inset: 0;
-`, Tr = () => [(() => {
-  const e = Nr.cloneNode(!0);
-  return oe(e, "click", Or, !0), b(e, Pr), e;
+`, Lr = () => [(() => {
+  const e = Ar.cloneNode(!0);
+  return oe(e, "click", Mr, !0), b(e, Er), e;
 })(), (() => {
-  const e = kr.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
-  return b(e, Ar), u(t, p(M, {
+  const e = Pr.cloneNode(!0), t = e.firstChild, n = t.nextSibling;
+  return b(e, Tr), u(t, p(M, {
     title: "API Explorer",
     get children() {
       return p(de, {
         name: "network"
       });
     }
-  })), u(n, p(mr, {})), e;
+  })), u(n, p(yr, {})), e;
 })()];
 ce(["click"]);
-const Er = () => p(Tr, {});
+const Or = () => p(Lr, {});
 let lt = () => {
 };
-function Lr() {
+function jr() {
   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), lt = xt(() => p(Er, {}), e);
+  e.id = "dev-tools-root", document.body.appendChild(e), lt = xt(() => p(Or, {}), e);
 }
-function Or() {
+function Mr() {
   lt();
 }
-function Hr({
+function Zr({
   callsProcessor: e,
   shortcut: t = "$mod+D"
 }) {
@@ -2389,13 +2400,13 @@ function Hr({
     [t]: (n) => {
       n.preventDefault();
       const l = document.activeElement;
-      l instanceof HTMLElement && (l.isContentEditable || l.tagName === "INPUT" || l.tagName === "TEXTAREA") || Lr();
+      l instanceof HTMLElement && (l.isContentEditable || l.tagName === "INPUT" || l.tagName === "TEXTAREA") || jr();
     }
-  }), pn({
+  }), hn({
     callsProcessor: e
   });
 }
 export {
-  Br as addCall,
-  Hr as initializeDevTools
+  Vr as addCall,
+  Zr as initializeDevTools
 };