app-devtools 1.0.2 → 1.1.0

package/dist/main.js

@@ -32,7 +32,7 @@ function h(e) {
 function g(e) {
 	m.context = e;
 }
-var _ = (e, t) => e === t, v = Symbol("solid-proxy"), y = typeof Proxy == "function", b = Symbol("solid-track"), ee = { equals: _ }, te = null, ne = Te, x = 1, re = 2, ie = {
+var _ = (e, t) => e === t, v = Symbol("solid-proxy"), y = typeof Proxy == "function", ee = Symbol("solid-track"), b = { equals: _ }, te = null, ne = Te, x = 1, re = 2, ie = {
 	owned: null,
 	cleanups: null,
 	context: null,
@@ -53,7 +53,7 @@ function oe(e, t) {
 	}
 }
 function D(e, t) {
-	t = t ? Object.assign({}, ee, t) : ee;
+	t = t ? Object.assign({}, b, t) : b;
 	let n = {
 		value: e,
 		observers: null,
@@ -71,7 +71,7 @@ function se(e, t, n) {
 	i && (r.suspense = i), (!n || !n.render) && (r.user = !0), E ? E.push(r) : ye(r);
 }
 function k(e, t, n) {
-	n = n ? Object.assign({}, ee, n) : ee;
+	n = n ? Object.assign({}, b, n) : b;
 	let r = xe(e, t, !0, 0);
 	return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, ye(r), _e.bind(r);
 }
@@ -340,7 +340,7 @@ function Le(e, t, n = {}) {
 	let r = [], i = [], a = [], o = 0, s = t.length > 1 ? [] : null;
 	return ue(() => Ie(a)), () => {
 		let c = e() || [], l = c.length, u, d;
-		return c[b], le(() => {
+		return c[ee], le(() => {
 			let e, t, p, m, h, g, _, v, y;
 			if (l === 0) o !== 0 && (Ie(a), a = [], r = [], i = [], o = 0, s &&= []), n.fallback && (r = [Fe], i[0] = oe((e) => (a[0] = e, n.fallback())), o = 1);
 			else if (o === 0) {
@@ -369,7 +369,7 @@ function Re(e, t, n = {}) {
 	let r = [], i = [], a = [], o = [], s = 0, c;
 	return ue(() => Ie(a)), () => {
 		let l = e() || [], u = l.length;
-		return l[b], le(() => {
+		return l[ee], le(() => {
 			if (u === 0) return s !== 0 && (Ie(a), a = [], r = [], i = [], s = 0, o = []), n.fallback && (r = [Fe], i[0] = oe((e) => (a[0] = e, n.fallback())), s = 1), i;
 			for (r[0] === Fe && (a[0](), a = [], r = [], i = [], s = 0), c = 0; c < u; c++) c < r.length && r[c] !== l[c] ? o[c](() => l[c]) : c >= r.length && (i[c] = oe(d));
 			for (; c < r.length; c++) a[c]();
@@ -1435,7 +1435,7 @@ var yn = {
 	get(e, t, n) {
 		if (t === sn) return e;
 		if (t === v) return n;
-		if (t === b) return _n(e), n;
+		if (t === ee) return _n(e), n;
 		let r = mn(e, cn), i = r[t], a = i ? i() : e[t];
 		if (t === cn || t === ln || t === "__proto__") return a;
 		if (!i) {
@@ -1445,7 +1445,7 @@ var yn = {
 		return fn(a) ? dn(a) : a;
 	},
 	has(e, t) {
-		return t === sn || t === v || t === b || t === cn || t === ln || t === "__proto__" ? !0 : (de() && hn(mn(e, ln), t)(), t in e);
+		return t === sn || t === v || t === ee || t === cn || t === ln || t === "__proto__" ? !0 : (de() && hn(mn(e, ln), t)(), t in e);
 	},
 	set() {
 		return !0;
@@ -1526,7 +1526,7 @@ var En = /* @__PURE__ */ new WeakMap(), Dn = {
 	get(e, t) {
 		if (t === sn) return e;
 		let n = e[t];
-		if (t === v || t === b || t === cn || t === ln || t === "__proto__") return n;
+		if (t === v || t === ee || t === cn || t === ln || t === "__proto__") return n;
 		let r;
 		return fn(n) ? En.get(n) || (En.set(n, r = new Proxy(n, Dn)), r) : n;
 	},
@@ -2044,7 +2044,10 @@ function Tr(e) {
 function Er() {
 	wr({ logs: [] });
 }
-function Dr(e, t = (e) => e) {
+function Dr(e) {
+	wr("logs", (t) => t.filter((t) => t.id !== e));
+}
+function Or(e, t = (e) => e) {
 	return {
 		time: e.time,
 		timeISO: new Date(e.time).toISOString(),
@@ -2056,19 +2059,19 @@ function Dr(e, t = (e) => e) {
 }
 //#endregion
 //#region src/utils/copyToClipboard.ts
-async function Or(e) {
+async function kr(e) {
 	let t = typeof e == "string" ? e : typeof e == "object" && e ? JSON.stringify(e, null, 2) : String(e);
 	await navigator.clipboard.writeText(t), dr("Copied to clipboard");
 }
 //#endregion
 //#region src/utils/downloadJson.ts
-function kr(e, t) {
+function Ar(e, t) {
 	let n = new Blob([JSON.stringify(e, null, 2)], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
 	i.href = r, i.download = `${t}-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.json`, i.click(), URL.revokeObjectURL(r);
 }
 //#endregion
 //#region src/components/ExportHistoryDialog.tsx
-var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("<div class=empty>no requests to export"), Mr = /*#__PURE__*/ P("<h2>Calls to include"), Nr = /*#__PURE__*/ P("<div class=select-buttons>"), Pr = /*#__PURE__*/ P("<div class=calls-list>"), Fr = /*#__PURE__*/ P("<div class=options><label><input type=checkbox><span>Include responses</span></label><label><input type=checkbox><span>Privacy mode</span><span class=description>values are replaced by type descriptions"), Ir = /*#__PURE__*/ P("<div class=actions>"), Lr = /*#__PURE__*/ P("<label><input type=checkbox><span></span><span class=count> request"), Rr = /*#__PURE__*/ P("<label><input type=checkbox><span>Include logs</span><span class=count> logs"), zr = en(!1), Br = B`
+var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("<div class=empty>no requests to export"), Nr = /*#__PURE__*/ P("<h2>Calls to include"), Pr = /*#__PURE__*/ P("<div class=select-buttons>"), Fr = /*#__PURE__*/ P("<div class=calls-list>"), Ir = /*#__PURE__*/ P("<div class=options><label><input type=checkbox><span>Include responses</span></label><label><input type=checkbox><span>Privacy mode</span><span class=description>values are replaced by type descriptions"), Lr = /*#__PURE__*/ P("<div class=actions>"), Rr = /*#__PURE__*/ P("<label><input type=checkbox><span></span><span class=count> request"), zr = /*#__PURE__*/ P("<label><input type=checkbox><span>Include logs</span><span class=count> logs"), Br = en(!1), Vr = B`
   &&& {
     position: absolute;
     inset: 0;
@@ -2076,7 +2079,7 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
     background: ${G.black.alpha(.5)};
     ${U({ justify: "center" })};
   }
-`, Vr = B`
+`, Hr = B`
   &&& {
     ${W({ align: "stretch" })};
     width: 480px;
@@ -2182,7 +2185,7 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
       font-size: 13px;
     }
   }
-`, Hr = () => {
+`, Ur = () => {
 	let e = {};
 	for (let t of Object.keys(H.calls)) e[t] = !0;
 	let [t, n] = Tn(e), [r, i] = D(!0), [a, o] = D(!0), [s, c] = D(!1), l = k(() => Object.entries(H.calls));
@@ -2225,22 +2228,22 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
 					...r() ? { response: u(e.response) } : {}
 				}))
 			})),
-			...a() && Cr.logs.length > 0 ? { logs: Cr.logs.map((e) => Dr(e, u)) } : {}
+			...a() && Cr.logs.length > 0 ? { logs: Cr.logs.map((e) => Or(e, u)) } : {}
 		};
 	}
 	function f() {
-		kr(d(), "devtools-history"), dr("History downloaded"), zr.value = !1;
+		Ar(d(), "devtools-history"), dr("History downloaded"), Br.value = !1;
 	}
 	return (() => {
-		var e = Ar(), u = e.firstChild;
+		var e = jr(), u = e.firstChild;
 		return u.firstChild, e.$$click = (e) => {
-			e.target === e.currentTarget && (zr.value = !1);
-		}, I(e, Br), I(u, Vr), R(u, (() => {
+			e.target === e.currentTarget && (Br.value = !1);
+		}, I(e, Vr), I(u, Hr), R(u, (() => {
 			var e = N(() => l().length === 0);
-			return () => e() ? jr() : [
-				Mr(),
+			return () => e() ? Mr() : [
+				Nr(),
 				(() => {
-					var e = Nr();
+					var e = Pr();
 					return R(e, A(z, {
 						onClick: () => {
 							for (let [e] of l()) n(e, !0);
@@ -2254,13 +2257,13 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
 					}), null), e;
 				})(),
 				(() => {
-					var e = Pr();
+					var e = Fr();
 					return R(e, A(j, {
 						get each() {
 							return l();
 						},
 						children: ([e, r]) => (() => {
-							var i = Lr(), a = i.firstChild, o = a.nextSibling, s = o.nextSibling, c = s.firstChild;
+							var i = Rr(), a = i.firstChild, o = a.nextSibling, s = o.nextSibling, c = s.firstChild;
 							return a.addEventListener("change", (t) => {
 								n(e, t.currentTarget.checked);
 							}), R(o, () => r.name), R(s, () => r.requests.length, c), R(s, () => r.requests.length === 1 ? "" : "s", null), O(() => a.checked = !!t[e]), i;
@@ -2268,13 +2271,13 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
 					})), e;
 				})(),
 				(() => {
-					var e = Fr(), t = e.firstChild, n = t.firstChild, l = t.nextSibling, u = l.firstChild;
+					var e = Ir(), t = e.firstChild, n = t.firstChild, l = t.nextSibling, u = l.firstChild;
 					return n.addEventListener("change", (e) => {
 						i(() => e.currentTarget.checked);
 					}), R(e, (() => {
 						var e = N(() => Cr.logs.length > 0);
 						return () => e() && (() => {
-							var e = Rr(), t = e.firstChild, n = t.nextSibling.nextSibling, r = n.firstChild;
+							var e = zr(), t = e.firstChild, n = t.nextSibling.nextSibling, r = n.firstChild;
 							return t.addEventListener("change", (e) => {
 								o(() => e.currentTarget.checked);
 							}), R(n, () => Cr.logs.length, r), O(() => t.checked = a()), e;
@@ -2284,10 +2287,10 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
 					}), O(() => n.checked = r()), O(() => u.checked = s()), e;
 				})(),
 				(() => {
-					var e = Ir();
+					var e = Lr();
 					return R(e, A(z, {
 						onClick: () => {
-							zr.value = !1;
+							Br.value = !1;
 						},
 						children: "Cancel"
 					}), null), R(e, A(z, {
@@ -2298,8 +2301,8 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
 					}), null), R(e, A(z, {
 						class: "primary",
 						onClick: () => {
-							Or(JSON.stringify(d(), null, 2)).then(() => {
-								zr.value = !1;
+							kr(JSON.stringify(d(), null, 2)).then(() => {
+								Br.value = !1;
 							});
 						},
 						get children() {
@@ -2314,7 +2317,7 @@ var Ar = /*#__PURE__*/ P("<div><div><h1>export history"), jr = /*#__PURE__*/ P("
 it(["click"]);
 //#endregion
 //#region src/components/Toast.tsx
-var Ur = /*#__PURE__*/ P("<div>"), Wr = B`
+var Wr = /*#__PURE__*/ P("<div>"), Gr = B`
   &&& {
     position: absolute;
     bottom: 16px;
@@ -2331,15 +2334,15 @@ var Ur = /*#__PURE__*/ P("<div>"), Wr = B`
     box-shadow: ${cr.hardShadow};
     pointer-events: none;
   }
-`, Gr = () => A(M, {
+`, Kr = () => A(M, {
 	get when() {
 		return lr.value;
 	},
 	get children() {
-		var e = Ur();
-		return I(e, Wr), R(e, () => lr.value), e;
+		var e = Wr();
+		return I(e, Gr), R(e, () => lr.value), e;
 	}
-}), Kr = /*#__PURE__*/ P("<div>"), qr = B`
+}), qr = /*#__PURE__*/ P("<div>"), Jr = B`
   &&& {
     position: relative;
     z-index: 10;
@@ -2362,13 +2365,13 @@ var Ur = /*#__PURE__*/ P("<div>"), Wr = B`
     }
   }
 `;
-function Jr(e) {
+function Yr(e) {
 	return Array.isArray(e);
 }
-function Yr(e) {
-	return Jr(e) && e.every((e) => typeof e == "number" && Number.isFinite(e));
+function Xr(e) {
+	return Yr(e) && e.every((e) => typeof e == "number" && Number.isFinite(e));
 }
-function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
+function Zr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 	let r = `app-devtools-panels-${e}`;
 	function i(e) {
 		let t = e.reduce((e, t) => e + t, 0);
@@ -2379,7 +2382,7 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 			let e = window.localStorage.getItem(r);
 			if (!e) return null;
 			let n = JSON.parse(e);
-			return !Yr(n) || n.length !== t.length ? null : i(n);
+			return !Xr(n) || n.length !== t.length ? null : i(n);
 		} catch {
 			return null;
 		}
@@ -2396,7 +2399,7 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 	function l(e) {
 		let r = en(!1);
 		return (() => {
-			var a = Kr();
+			var a = qr();
 			return a.$$pointerdown = (t) => {
 				let i = t.currentTarget.parentElement;
 				if (!i) return;
@@ -2416,7 +2419,7 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 				a.addEventListener("pointermove", d), a.addEventListener("pointerup", f), a.addEventListener("pointercancel", f);
 			}, a.$$dblclick = () => {
 				s.value = i(t), o(s.value);
-			}, I(a, qr), O(() => a.classList.toggle("dragging", !!r.value)), a;
+			}, I(a, Jr), O(() => a.classList.toggle("dragging", !!r.value)), a;
 		})();
 	}
 	return {
@@ -2427,13 +2430,108 @@ function Xr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 it(["dblclick", "pointerdown"]);
 //#endregion
 //#region src/stores/uiStore.ts
-var Zr = en(!1), [q, Qr] = Tn({
+var Qr = en(!1), [q, $r] = Tn({
 	selectedPage: "explorer",
 	selectedCall: null,
 	selectedRequest: null,
 	selectedTab: null,
 	selectedSubitem: null
-}), J = "\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: norma;\n  max-width: 100%;\n", $r = /*#__PURE__*/ P("<div class=tag>"), ei = /*#__PURE__*/ P("<span>"), ti = /*#__PURE__*/ P("<div><div class=call>"), ni = B`
+}), J = "\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  word-wrap: norma;\n  max-width: 100%;\n", ei = B`
+  font-size: 10px;
+  font-family: ${K.decorative};
+  font-weight: 600;
+  text-transform: uppercase;
+  border-radius: 4px;
+  padding: 1px 4px;
+  flex-shrink: 0;
+  color: ${G.white.alpha(.85)};
+  background: ${G.white.alpha(.12)};
+
+  &.get {
+    color: ${G.secondary.var};
+    background: ${G.secondary.alpha(.14)};
+  }
+
+  &.post {
+    color: ${G.success.var};
+    background: ${G.success.alpha(.14)};
+  }
+
+  &.put,
+  &.patch {
+    color: ${G.warning.var};
+    background: ${G.warning.alpha(.14)};
+  }
+
+  &.delete {
+    color: ${G.error.var};
+    background: ${G.error.alpha(.14)};
+  }
+
+  &.mutation {
+    color: #a78bfa;
+    background: rgba(167, 139, 250, 0.14);
+  }
+
+  &.ws-send {
+    color: ${G.primary.var};
+    background: ${G.primary.alpha(.14)};
+  }
+
+  &.ws-receive {
+    color: ${G.secondary.var};
+    background: ${G.secondary.alpha(.14)};
+  }
+`, ti = [
+	"get",
+	"post",
+	"put",
+	"patch",
+	"delete"
+];
+function ni({ type: e, subType: t, method: n }) {
+	if (e === "ws") return t === "send" ? {
+		label: "↑ send",
+		class: "ws-send",
+		description: "websocket (send)"
+	} : {
+		label: "↓ recv",
+		class: "ws-receive",
+		description: "websocket (receive)"
+	};
+	if (n) {
+		let t = n.toLowerCase();
+		return {
+			label: n,
+			class: ti.includes(t) ? t : "",
+			description: `${e} (${n})`
+		};
+	}
+	return e === "mutation" ? t === "create" ? {
+		label: "create",
+		class: "post",
+		description: "mutation (create)"
+	} : t === "update" ? {
+		label: "update",
+		class: "put",
+		description: "mutation (update)"
+	} : t === "delete" ? {
+		label: "delete",
+		class: "delete",
+		description: "mutation (delete)"
+	} : {
+		label: t || "mut",
+		class: "mutation",
+		description: `mutation${t ? ` (${t})` : ""}`
+	} : {
+		label: "fetch",
+		class: "",
+		description: "fetch"
+	};
+}
+//#endregion
+//#region src/pages/api-explorer/ApiExplorerMenuItem.tsx
+var ri = /*#__PURE__*/ P("<div>"), ii = /*#__PURE__*/ P("<span>"), ai = /*#__PURE__*/ P("<div><div class=call>"), oi = B`
   &&& {
     font-size: 14px;
     ${W()};
@@ -2453,11 +2551,6 @@ var Zr = en(!1), [q, Qr] = Tn({
         ${U({ gap: 8 })};
         flex: 1 1;
 
-        > .tag {
-          font-weight: 600;
-          font-family: ${K.decorative};
-        }
-
         > span {
           ${J};
           flex-shrink: 1;
@@ -2508,31 +2601,35 @@ var Zr = en(!1), [q, Qr] = Tn({
       }
     }
   }
-`, ri = (e) => {
-	let t = k(() => e.item), n = k(() => e.currentCallId), r = en(e.item.subitemsWithAlias.length < 4), i = ai(t().type, t().subType);
+`, si = (e) => {
+	let t = k(() => e.item), n = k(() => e.currentCallId), r = en(e.item.subitemsWithAlias.length < 4), i = ni({
+		type: e.item.type,
+		subType: e.item.subType,
+		method: e.item.requests.at(-1)?.method
+	});
 	return (() => {
-		var e = ti(), a = e.firstChild;
-		return I(e, ni), R(a, A(z, {
+		var e = ai(), a = e.firstChild;
+		return I(e, oi), R(a, A(z, {
 			onClick: () => {
-				Qr({
+				$r({
 					selectedCall: t().id,
 					selectedSubitem: null,
-					selectedRequest: ii(t())
+					selectedRequest: ci(t())
 				});
 			},
 			class: "call-button",
 			get children() {
 				return [(() => {
-					var e = $r();
-					return R(e, () => i.icon), O((n) => {
-						var r = `${t().type}${t().subType ? ` (${t().subType})` : ""}`, a = i.color;
-						return r !== n.e && F(e, "title", n.e = r), a !== n.t && L(e, "color", n.t = a), n;
+					var e = ri();
+					return R(e, () => i.label), O((t) => {
+						var n = `${ei} ${i.class}`, r = i.description;
+						return n !== t.e && I(e, t.e = n), r !== t.t && F(e, "title", t.t = r), t;
 					}, {
 						e: void 0,
 						t: void 0
 					}), e;
 				})(), (() => {
-					var e = ei();
+					var e = ii();
 					return R(e, () => t().name), O(() => F(e, "title", t().name)), e;
 				})()];
 			}
@@ -2565,14 +2662,14 @@ var Zr = en(!1), [q, Qr] = Tn({
 							return { selected: n() === t().id && q.selectedSubitem === e };
 						},
 						onClick: () => {
-							Qr({
+							$r({
 								selectedCall: t().id,
 								selectedSubitem: e,
-								selectedRequest: ii(t(), e)
+								selectedRequest: ci(t(), e)
 							});
 						},
 						get children() {
-							var t = ei();
+							var t = ii();
 							return R(t, e), t;
 						}
 					})
@@ -2581,41 +2678,26 @@ var Zr = en(!1), [q, Qr] = Tn({
 		}), null), O(() => a.classList.toggle("selected", n() === t().id)), e;
 	})();
 };
-function ii(e, t) {
+function ci(e, t) {
 	let n = t ? e.requests.filter((e) => e.alias === t) : e.requests;
 	return (n.findLast((e) => e.status !== "pending") || n.at(-1))?.id ?? null;
 }
-function ai(e, t) {
-	if (e === "ws") return {
-		icon: t === "send" ? "S" : "R",
-		color: "#6EE7B7"
-	};
-	if (e === "fetch") return {
-		icon: "F",
-		color: "#FDE047"
-	};
-	let n = "";
-	return n = t ? t === "create" ? "C" : t === "update" ? "U" : t === "delete" ? "D" : t[0]?.toUpperCase() || "?" : "M", {
-		icon: n,
-		color: "#A78BFA"
-	};
-}
 //#endregion
 //#region src/style/helpers/transition.ts
-var oi = {
+var li = {
 	short: 160,
 	medium: 240,
 	long: 360
-}, si = {
+}, ui = {
 	inOut: "cubic-bezier(0.4, 0.0, 0.2, 1)",
 	out: "cubic-bezier(0.0, 0.0, 0.2, 1)",
 	in: "cubic-bezier(0.4, 0.0, 1, 1)",
 	linear: "linear"
-}, ci = (e) => e === void 0 ? "" : `${e}ms`;
-function li(e = {}) {
+}, di = (e) => e === void 0 ? "" : `${e}ms`;
+function fi(e = {}) {
 	let { properties: t, duration: n, ease: r, delay: i } = e;
 	return `
-    transition: ${ci(typeof n == "number" ? n : oi[n || "medium"])} ${si[r || "inOut"]} ${ci(i)};
+    transition: ${di(typeof n == "number" ? n : li[n || "medium"])} ${ui[r || "inOut"]} ${di(i)};
     ${t ? `
     transition-property: ${t.join(", ") || ""};
     ` : ""}
@@ -2623,11 +2705,11 @@ function li(e = {}) {
 }
 //#endregion
 //#region utils/normalizeString.ts
-var ui = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+var pi = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
 //#endregion
 //#region utils/searchQueryMatch.ts
-function di(e, t) {
-	let n = ui(String(t)).indexOf(ui(String(e)));
+function mi(e, t) {
+	let n = pi(String(t)).indexOf(pi(String(e)));
 	return {
 		matched: n !== -1,
 		matchedIndex: n
@@ -2635,7 +2717,7 @@ function di(e, t) {
 }
 //#endregion
 //#region utils/sortBy.ts
-function fi(e, t, { lowerFirst: n } = {}) {
+function hi(e, t, { lowerFirst: n } = {}) {
 	return [...e].sort((e, r) => {
 		let i = t(e), a = t(r);
 		return i < a ? n ? -1 : 1 : i > a ? n ? 1 : -1 : 0;
@@ -2643,20 +2725,20 @@ function fi(e, t, { lowerFirst: n } = {}) {
 }
 //#endregion
 //#region utils/searchItems.ts
-function pi({ items: e, searchQuery: t, getStringToMatch: n }) {
+function gi({ items: e, searchQuery: t, getStringToMatch: n }) {
 	let r = [];
 	for (let i of e) {
-		let e = di(t, n(i));
+		let e = mi(t, n(i));
 		e.matched && r.push({
 			item: i,
 			matchedIndex: e.matchedIndex
 		});
 	}
-	return fi(r, (e) => e.matchedIndex, { lowerFirst: !0 }).map(({ item: e }) => e);
+	return hi(r, (e) => e.matchedIndex, { lowerFirst: !0 }).map(({ item: e }) => e);
 }
 //#endregion
 //#region src/pages/api-explorer/ApiExplorerMenu.tsx
-var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><button>WebSocket</button><button>All</button></div><label><input type=text placeholder=Search></label><div>"), hi = B`
+var _i = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><button>WebSocket</button><button>All</button></div><label><input type=text placeholder=Search></label><div>"), vi = B`
   &&& {
     ${W()};
     border-right: 1px solid ${G.white.alpha(.1)};
@@ -2670,14 +2752,14 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
       padding-bottom: 12px;
     }
   }
-`, gi = B`
+`, yi = B`
   &&& {
     ${W()};
     flex: 1 1;
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, _i = B`
+`, bi = B`
   &&& {
     ${U({ gap: 8 })};
     margin: 0 10px;
@@ -2705,7 +2787,7 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
       }
     }
   }
-`, vi = B`
+`, xi = B`
   &&& {
     ${U({ gap: 16 })};
     padding-left: 15px;
@@ -2714,7 +2796,7 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
     > button {
       font-size: 14px;
       opacity: 0.5;
-      ${li()};
+      ${fi()};
 
       &:hover {
         opacity: 1;
@@ -2726,16 +2808,16 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
       }
     }
   }
-`, yi = en("api"), bi = () => {
+`, Si = en("api"), Ci = () => {
 	let e = en(""), t = en(!1), n = /* @__PURE__ */ new Map(), r = $t(() => {
 		let [r = "", i = ""] = e.value.split(">"), a = Object.entries(H.calls), o = [];
 		for (let [e, t] of a) {
 			let n = /* @__PURE__ */ new Set();
-			if (!(yi.value === "api" && t.type !== "fetch" && t.type !== "mutation") && !(yi.value === "ws" && t.type !== "ws")) {
+			if (!(Si.value === "api" && t.type !== "fetch" && t.type !== "mutation") && !(Si.value === "ws" && t.type !== "ws")) {
 				for (let e of t.requests) e.alias && n.add(e.alias);
 				o.push({
 					id: e,
-					subitemsWithAlias: pi({
+					subitemsWithAlias: gi({
 						items: [...n],
 						searchQuery: i.trim(),
 						getStringToMatch(e) {
@@ -2749,7 +2831,7 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
 		return t.value ? o.sort((e, t) => {
 			let r = n.get(e.id), i = n.get(t.id);
 			return r !== void 0 && i !== void 0 ? r - i : r === void 0 && i === void 0 ? t.lastRequestStartTime - e.lastRequestStartTime : r === void 0 ? 1 : -1;
-		}) : (o.sort((e, t) => t.lastRequestStartTime - e.lastRequestStartTime), n = new Map(o.map((e, t) => [e.id, t]))), pi({
+		}) : (o.sort((e, t) => t.lastRequestStartTime - e.lastRequestStartTime), n = new Map(o.map((e, t) => [e.id, t]))), gi({
 			items: o,
 			searchQuery: r.trim(),
 			getStringToMatch(e) {
@@ -2758,18 +2840,18 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
 		});
 	}, "id"), i = k(() => q.selectedCall);
 	return (() => {
-		var n = mi(), a = n.firstChild.nextSibling, o = a.firstChild, s = o.nextSibling, c = s.nextSibling, l = a.nextSibling, u = l.firstChild, d = l.nextSibling;
-		return I(n, hi), I(a, vi), o.$$click = () => yi.set("api"), s.$$click = () => yi.set("ws"), c.$$click = () => yi.set("all"), I(l, _i), R(l, A(V, { name: "search" }), u), u.$$input = (t) => {
+		var n = _i(), a = n.firstChild.nextSibling, o = a.firstChild, s = o.nextSibling, c = s.nextSibling, l = a.nextSibling, u = l.firstChild, d = l.nextSibling;
+		return I(n, vi), I(a, xi), o.$$click = () => Si.set("api"), s.$$click = () => Si.set("ws"), c.$$click = () => Si.set("all"), I(l, bi), R(l, A(V, { name: "search" }), u), u.$$input = (t) => {
 			e.value = t.currentTarget.value;
 		}, d.addEventListener("mouseleave", () => {
 			t.value = !1;
 		}), d.addEventListener("mouseenter", () => {
 			t.value = !0;
-		}), I(d, gi), R(d, A(j, {
+		}), I(d, yi), R(d, A(j, {
 			get each() {
 				return r();
 			},
-			children: (e, t) => A(ri, {
+			children: (e, t) => A(si, {
 				get index() {
 					return t();
 				},
@@ -2779,7 +2861,7 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
 				}
 			})
 		})), O((e) => {
-			var t = yi.value === "api", n = yi.value === "ws", r = yi.value === "all";
+			var t = Si.value === "api", n = Si.value === "ws", r = Si.value === "all";
 			return t !== e.e && o.classList.toggle("active", e.e = t), n !== e.t && s.classList.toggle("active", e.t = n), r !== e.a && c.classList.toggle("active", e.a = r), e;
 		}, {
 			e: void 0,
@@ -2791,10 +2873,10 @@ var mi = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
 it(["click", "input"]);
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/typeGuards-CjiEoecn.mjs
-function xi(e) {
+function wi(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Si(e) {
+function Ti(e) {
 	if (!e || typeof e != "object") return !1;
 	let t = Object.getPrototypeOf(e);
 	if (t === null) return !0;
@@ -2805,10 +2887,10 @@ function Si(e) {
 }
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/assertions--46HN4J7.mjs
-var Ci = xi;
+var Ei = wi;
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/arrayUtils.mjs
-function wi(e, t, n = "asc") {
+function Di(e, t, n = "asc") {
 	let r = Array.isArray(n) || typeof n == "string" ? n : n.order ?? "asc";
 	return [...e].sort((e, n) => {
 		let i = t(e), a = t(n), o = Array.isArray(i) ? i : [i], s = Array.isArray(a) ? a : [a];
@@ -2824,8 +2906,8 @@ function wi(e, t, n = "asc") {
 }
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/filterObjectOrArrayKeys.mjs
-var Ti = /^(id_|key_|id-|key-)|(_id|_key|-id|-key)$/i;
-function Ei(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0, sortKeys: i = "simpleValuesFirst", sortPatterns: a }) {
+var Oi = /^(id_|key_|id-|key-)|(_id|_key|-id|-key)$/i;
+function ki(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0, sortKeys: i = "simpleValuesFirst", sortPatterns: a }) {
 	function o(e, t) {
 		let n = t.split("."), r = e;
 		for (let e of n) {
@@ -2850,13 +2932,13 @@ function Ei(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
 			default: return !1;
 		}
 	}
-	let c = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], l = c(t), u = c(n), d = l.length > 0, f = u.length > 0, p = l.flatMap(Ai), m = u.flatMap(Ai), { filterOnlyPatterns: h, combinedPatterns: g } = ki(p), _ = h.map(ji), v = m.map(ji), y = c(a).flatMap(Ai).map(ji), b = e;
+	let c = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], l = c(t), u = c(n), d = l.length > 0, f = u.length > 0, p = l.flatMap(Ni), m = u.flatMap(Ni), { filterOnlyPatterns: h, combinedPatterns: g } = Mi(p), _ = h.map(Pi), v = m.map(Pi), y = c(a).flatMap(Ni).map(Pi), ee = e;
 	if (g.length > 0) {
 		let t = /* @__PURE__ */ new Map();
 		for (let { filterPart: e, fieldPart: n } of g) t.has(e) || t.set(e, []), t.get(e).push(n);
 		let i = Array.isArray(e) ? [] : {};
 		for (let [a, o] of t) {
-			let t = Ei(Ei(e, {
+			let t = ki(ki(e, {
 				filterKeys: [a],
 				rejectKeys: n,
 				rejectEmptyObjectsInArray: r
@@ -2867,9 +2949,9 @@ function Ei(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
 			Array.isArray(i) && Array.isArray(t) ? i.push(...t) : !Array.isArray(i) && !Array.isArray(t) && Object.assign(i, t);
 		}
 		if (h.length === 0) return i;
-		b = i;
+		ee = i;
 	}
-	function ee(e, t, n) {
+	function b(e, t, n) {
 		function r(i, a) {
 			if (a >= t.length) return i === e.length;
 			let o = t[a];
@@ -2904,15 +2986,15 @@ function Ei(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
 		}
 		return r(0, 0);
 	}
-	let te = (e, t) => _.some((n) => ee(e, n, t)), ne = (e, t) => v.some((n) => ee(e, n, t));
+	let te = (e, t) => _.some((n) => b(e, n, t)), ne = (e, t) => v.some((n) => b(e, n, t));
 	function x(e) {
-		for (let t = 0; t < y.length; t++) if (ee(e, y[t])) return t;
+		for (let t = 0; t < y.length; t++) if (b(e, y[t])) return t;
 		return y.length;
 	}
 	function re(e, t, n) {
-		return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() : wi(wi(e, (e) => e), (e) => {
+		return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() : Di(Di(e, (e) => e), (e) => {
 			let n = t[e];
-			return n == null || Array.isArray(n) && n.length === 0 ? 0 : Si(n) ? 1.99 + Object.keys(n).length * -.001 : Array.isArray(n) ? n.every((e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e == null) ? 1.9 + n.length * -.001 : 1.5 + n.length * -.01 : e === "id" || e === "key" ? 5 : Ti.test(e) ? 4.5 : typeof n == "boolean" ? 4 : typeof n == "number" ? 3.5 : typeof n == "string" && n.length < 20 ? 3 : 2;
+			return n == null || Array.isArray(n) && n.length === 0 ? 0 : Ti(n) ? 1.99 + Object.keys(n).length * -.001 : Array.isArray(n) ? n.every((e) => typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e == null) ? 1.9 + n.length * -.001 : 1.5 + n.length * -.01 : e === "id" || e === "key" ? 5 : Oi.test(e) ? 4.5 : typeof n == "boolean" ? 4 : typeof n == "number" ? 3.5 : typeof n == "string" && n.length < 20 ? 3 : 2;
 		}, "desc");
 	}
 	function ie(e, t, n) {
@@ -2941,16 +3023,16 @@ function Ei(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
 				}), a = e[n];
 				if (f && ne(r, a)) continue;
 				let c = d ? te(r, a) : !0, l = s || c;
-				if (Si(a) || Array.isArray(a)) {
+				if (Ti(a) || Array.isArray(a)) {
 					let e = S(a, r, l, i, !1, !0);
 					e !== void 0 && o.push(e);
 				} else l && o.push(a);
 			}
 			i.delete(e);
-			let c = r ? o.filter((e) => !(Si(e) && Object.keys(e).length === 0)) : o;
+			let c = r ? o.filter((e) => !(Ti(e) && Object.keys(e).length === 0)) : o;
 			return c.length === 0 && !n && !a ? void 0 : c;
 		}
-		if (Si(e)) {
+		if (Ti(e)) {
 			if (i.has(e)) throw TypeError("Circular references are not supported");
 			i.add(e);
 			let s = {}, c = n || !d, l = ie(Object.keys(e), e, t);
@@ -2961,19 +3043,19 @@ function Ei(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
 				});
 				if (f && ne(r)) continue;
 				let a = e[n], o = d ? te(r) : !0, l = c || o;
-				if (Si(a) || Array.isArray(a)) {
+				if (Ti(a) || Array.isArray(a)) {
 					let e = S(a, r, l, i, !1, !1);
-					if (e === void 0 || Array.isArray(e) && e.length === 0 && !l || Si(e) && Object.keys(e).length === 0 && !l) continue;
+					if (e === void 0 || Array.isArray(e) && e.length === 0 && !l || Ti(e) && Object.keys(e).length === 0 && !l) continue;
 					s[n] = e;
 				} else l && (s[n] = a);
 			}
 			return i.delete(e), Object.keys(s).length === 0 && !n && !a ? o && !r ? {} : void 0 : s;
 		}
 		return n || !d ? e : void 0;
-	}, C = S(b, [], !d, /* @__PURE__ */ new WeakSet(), !0, !1);
-	return C === void 0 ? Array.isArray(b) ? [] : {} : C;
+	}, C = S(ee, [], !d, /* @__PURE__ */ new WeakSet(), !0, !1);
+	return C === void 0 ? Array.isArray(ee) ? [] : {} : C;
 }
-function Di(e) {
+function Ai(e) {
 	let t = [], n = "AND", r = e.startsWith("i"), i = r ? e.slice(1) : e, a = i.includes("&&"), o = i.includes(" || ");
 	if (a && o) throw Error("Mixing && and || operators in the same filter is not supported. Use separate filter patterns instead.");
 	let s = i.split("&&").map((e) => e.trim());
@@ -2981,11 +3063,11 @@ function Di(e) {
 		n = "OR";
 		let i = e.split(" || ").map((e) => e.trim());
 		for (let e of i) {
-			let n = Oi(e, r);
+			let n = ji(e, r);
 			n && t.push(n);
 		}
 	} else {
-		let n = Oi(e, r);
+		let n = ji(e, r);
 		n && t.push(n);
 	}
 	return t.length === 0 ? null : {
@@ -2994,7 +3076,7 @@ function Di(e) {
 		logic: n
 	};
 }
-function Oi(e, t = !1) {
+function ji(e, t = !1) {
 	let n = e.startsWith("%") ? e.slice(1) : e, r = null, i = -1, a = 0;
 	for (let [e, t] of [
 		["!*=", "!*="],
@@ -3031,7 +3113,7 @@ function Oi(e, t = !1) {
 		caseInsensitive: t
 	};
 }
-function ki(e) {
+function Mi(e) {
 	let t = [], n = [];
 	for (let r of e) {
 		let e = r.match(/^(.+\[[i%][^[\]]*\])\.(.+)$/);
@@ -3048,7 +3130,7 @@ function ki(e) {
 		combinedPatterns: n
 	};
 }
-function Ai(e) {
+function Ni(e) {
 	function t(e) {
 		let n = e.indexOf("(");
 		if (n === -1) return [e];
@@ -3065,7 +3147,7 @@ function Ai(e) {
 	}
 	return t(e);
 }
-function ji(e) {
+function Pi(e) {
 	let t = [], n = 0, r = e.length, i = (e) => {
 		e.length !== 0 && t.push({
 			type: "KEY",
@@ -3083,7 +3165,7 @@ function ji(e) {
 			if (a.startsWith("%") || a.startsWith("i%")) {
 				let e;
 				e = a.startsWith("i%") ? `i${a.slice(2)}` : a.startsWith("%") ? a.slice(1) : a;
-				let n = Di(e);
+				let n = Ai(e);
 				n && t.push(n);
 			} else if (a === "*") t.push({ type: "INDEX_ANY" });
 			else if (a.includes("-")) {
@@ -3129,74 +3211,74 @@ function ji(e) {
 }
 //#endregion
 //#region src/components/JsonViewer/jsonSearch.ts
-function Mi(e) {
+function Fi(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-var Ni = "Key filter syntax:\nSeparate patterns with commas or new lines.\n\nRoot key: prop\nAny depth: **prop\nExact path: prop.nested\nSecond level: *.prop\n\nArrays:\nprop[0]\nprop[*].nested\nprop[0-2]\nprop[4-*]\n\nGroups:\nprop.(id|name|status)\n(users|admins)[*].name\n\nArray value filters:\nusers[%name=\"John\"]\nusers[%name*=\"oh\"]\nusers[i%name=\"john\"]\nusers[%age=30 && %role=\"admin\"]", Pi = /[\n,]/, Fi = "__original_index", Ii = { matched: !1 };
-function Li(e) {
+var Ii = "Key filter syntax:\nSeparate patterns with commas or new lines.\n\nRoot key: prop\nAny depth: **prop\nExact path: prop.nested\nSecond level: *.prop\n\nArrays:\nprop[0]\nprop[*].nested\nprop[0-2]\nprop[4-*]\n\nGroups:\nprop.(id|name|status)\n(users|admins)[*].name\n\nArray value filters:\nusers[%name=\"John\"]\nusers[%name*=\"oh\"]\nusers[i%name=\"john\"]\nusers[%age=30 && %role=\"admin\"]", Li = /[\n,]/, Ri = "__original_index", zi = { matched: !1 };
+function Bi(e) {
 	return e === null ? "null" : typeof e == "string" ? JSON.stringify(e) : typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "bigint" ? `${e.toString()}n` : e === void 0 ? "undefined" : typeof e == "symbol" ? e.toString() : typeof e == "function" ? "[Function]" : "[Object]";
 }
-function Ri(e) {
-	return Mi(e) || Array.isArray(e) && e.every(Mi);
+function Vi(e) {
+	return Fi(e) || Array.isArray(e) && e.every(Fi);
 }
-function zi(e) {
-	return e.split(Pi).map((e) => e.trim()).filter((e) => e.length > 0);
+function Hi(e) {
+	return e.split(Li).map((e) => e.trim()).filter((e) => e.length > 0);
 }
-function Bi(e) {
-	return Mi(e) && Object.keys(e).length === 0;
+function Ui(e) {
+	return Fi(e) && Object.keys(e).length === 0;
 }
-function Vi(e) {
+function Wi(e) {
 	return e.match.matched;
 }
-function Hi(e, t) {
-	return Mi(e) ? {
-		[Fi]: t,
+function Gi(e, t) {
+	return Fi(e) ? {
+		[Ri]: t,
 		...e
 	} : {
-		[Fi]: t,
+		[Ri]: t,
 		value: e
 	};
 }
-function Ui(e, t, n) {
-	return n ? Hi(e, t) : e;
+function Ki(e, t, n) {
+	return n ? Gi(e, t) : e;
 }
-function Wi(e, t) {
+function qi(e, t) {
 	if (Array.isArray(e)) {
 		let n = [];
 		for (let [r, i] of e.entries()) {
-			let e = Wi(i, t);
-			Bi(e) || n.push({
+			let e = qi(i, t);
+			Ui(e) || n.push({
 				index: r,
 				value: e
 			});
 		}
 		let r = n.length !== e.length;
-		return n.map((e) => r ? Ui(e.value, e.index, t) : e.value);
+		return n.map((e) => r ? Ki(e.value, e.index, t) : e.value);
 	}
-	if (Mi(e)) {
+	if (Fi(e)) {
 		let n = {};
 		for (let [r, i] of Object.entries(e)) {
-			let e = Wi(i, t);
-			Bi(e) || (n[r] = e);
+			let e = qi(i, t);
+			Ui(e) || (n[r] = e);
 		}
 		return n;
 	}
 	return e;
 }
-function Gi(e, t, n) {
+function Ji(e, t, n) {
 	let r = t.toLowerCase();
 	function i(e, t) {
 		if (Array.isArray(e)) {
 			let r = e.map((e, n) => ({
 				index: n,
 				match: i(e, [...t, `[${n}]`])
-			})).filter(Vi), a = r.length !== e.length, o = r.map((e) => a ? Ui(e.match.value, e.index, n) : e.match.value);
+			})).filter(Wi), a = r.length !== e.length, o = r.map((e) => a ? Ki(e.match.value, e.index, n) : e.match.value);
 			return r.length > 0 ? {
 				matched: !0,
 				value: o
-			} : Ii;
+			} : zi;
 		}
-		if (Mi(e)) {
+		if (Fi(e)) {
 			let n = {};
 			for (let [a, o] of Object.entries(e)) {
 				let e = [...t, a];
@@ -3210,16 +3292,16 @@ function Gi(e, t, n) {
 			return Object.keys(n).length > 0 ? {
 				matched: !0,
 				value: n
-			} : Ii;
+			} : zi;
 		}
-		return Li(e).toLowerCase().includes(r) ? {
+		return Bi(e).toLowerCase().includes(r) ? {
 			matched: !0,
 			value: e
-		} : Ii;
+		} : zi;
 	}
 	return i(e, []);
 }
-function Ki(e, t, n, r) {
+function Yi(e, t, n, r) {
 	let i = t.trim();
 	if (!i) return {
 		value: e,
@@ -3227,7 +3309,7 @@ function Ki(e, t, n, r) {
 		message: void 0
 	};
 	if (n === "text") {
-		let t = Gi(e, i, r);
+		let t = Ji(e, i, r);
 		return t.matched ? {
 			value: t.value,
 			isEmpty: !1,
@@ -3238,14 +3320,14 @@ function Ki(e, t, n, r) {
 			message: void 0
 		};
 	}
-	if (!Ri(e)) return {
+	if (!Vi(e)) return {
 		value: void 0,
 		isEmpty: !0,
 		message: "Key filters support objects and arrays of objects."
 	};
-	let a = zi(i), o;
+	let a = Hi(i), o;
 	try {
-		o = Ei(e, {
+		o = ki(e, {
 			filterKeys: a,
 			rejectEmptyObjectsInArray: !1,
 			sortKeys: !1
@@ -3257,32 +3339,32 @@ function Ki(e, t, n, r) {
 			message: e instanceof Error ? e.message : "Invalid key filter"
 		};
 	}
-	let s = Wi(o, r);
+	let s = qi(o, r);
 	return {
 		value: s,
-		isEmpty: Array.isArray(s) && s.length === 0 || Mi(s) && Object.keys(s).length === 0,
+		isEmpty: Array.isArray(s) && s.length === 0 || Fi(s) && Object.keys(s).length === 0,
 		message: void 0
 	};
 }
 //#endregion
 //#region src/style/helpers/allowTextSelection.ts
-var qi = "\n  user-select: text;\n\n  *, *::before, *::after {\n    user-select: text;\n  }\n", Ji = /* @__PURE__ */ new Map();
+var Xi = "\n  user-select: text;\n\n  *, *::before, *::after {\n    user-select: text;\n  }\n", Zi = /* @__PURE__ */ new Map();
 function Y(e, t) {
 	let n = JSON.stringify(t);
-	return (Ji.get(n) ?? Ji.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
+	return (Zi.get(n) ?? Zi.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
 }
 //#endregion
 //#region utils/objectUtils.ts
-function Yi(e) {
+function Qi(e) {
 	return typeof e == "object" && !!e;
 }
 //#endregion
 //#region src/components/JsonViewer/JsonViewer.tsx
-var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div class=collapsed>"), Qi = /*#__PURE__*/ P("<div class=delimiter>[]"), $i = /*#__PURE__*/ P("<div class=delimiter>{}"), ea = /*#__PURE__*/ P("<div class=delimiter>"), ta = /*#__PURE__*/ P("<div class=childs>"), na = /*#__PURE__*/ P("<div class=\"delimiter end\">"), ra = /*#__PURE__*/ P("<div class=child>"), ia = /*#__PURE__*/ P("<div class=value>"), aa = /*#__PURE__*/ P("<span class=string-quotes>\""), oa = /*#__PURE__*/ P("<div>"), sa = /*#__PURE__*/ P("<div><label><input type=text>"), ca = /*#__PURE__*/ P("<div>No matches"), la = /*#__PURE__*/ P("<span> · id: "), ua = B`
+var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div class=collapsed>"), ta = /*#__PURE__*/ P("<div class=delimiter>[]"), na = /*#__PURE__*/ P("<div class=delimiter>{}"), ra = /*#__PURE__*/ P("<div class=delimiter>"), ia = /*#__PURE__*/ P("<div class=childs>"), aa = /*#__PURE__*/ P("<div class=\"delimiter end\">"), oa = /*#__PURE__*/ P("<div class=child>"), sa = /*#__PURE__*/ P("<div class=value>"), ca = /*#__PURE__*/ P("<span class=string-quotes>\""), la = /*#__PURE__*/ P("<div>"), ua = /*#__PURE__*/ P("<div><label><input type=text>"), da = /*#__PURE__*/ P("<div>No matches"), fa = /*#__PURE__*/ P("<span> · id: "), pa = B`
   &&& {
     ${W({ gap: 4 })};
   }
-`, da = B`
+`, ma = B`
   &&& {
     ${U({ gap: 6 })};
     position: sticky;
@@ -3331,7 +3413,7 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
       --icon-size: 14px;
       font-size: 12px;
       white-space: nowrap;
-      ${li()};
+      ${fi()};
 
       &:hover {
         background: ${G.white.alpha(.08)};
@@ -3344,23 +3426,23 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
       }
     }
   }
-`, fa = B`
+`, ha = B`
   &&& {
     font-size: 12px;
     color: ${G.warning.var};
     padding: 2px 0;
   }
-`, pa = B`
+`, ga = B`
   &&& {
     font-size: 13px;
     opacity: 0.5;
     padding: 6px 0;
   }
-`, ma = B`
+`, _a = B`
   &&& {
     font-family: ${K.decorative};
     font-size: 13px;
-    ${qi};
+    ${Xi};
     ${W({ gap: 2 })};
     padding-left: 8px;
 
@@ -3496,19 +3578,19 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
       display: inline-flex;
     }
   }
-`, ha = 14, ga = 600, _a = (e) => A(z, {
+`, va = 14, ya = 600, ba = (e) => A(z, {
 	class: "copy-value",
 	title: "Copy value",
 	onClick: (t) => {
-		t.stopPropagation(), Or(e.value);
+		t.stopPropagation(), kr(e.value);
 	},
 	get children() {
 		return A(V, { name: "copy" });
 	}
-}), va = (e) => {
-	let [t, n] = D(e.ctx.getInitialExpanded(e.indent)), [r, i] = D(!e.ctx.compact), a = e.indent >= 2 ? 5 : ha;
+}), xa = (e) => {
+	let [t, n] = D(e.ctx.getInitialExpanded(e.indent)), [r, i] = D(!e.ctx.compact), a = e.indent >= 2 ? 5 : va;
 	return N(() => {
-		let o = e.value, s = Array.isArray(o), c = !s && Yi(o), l = e.key !== void 0 || e.index !== void 0, u = s && o.length > 0 || c && Object.keys(o).length > 0, d = u && A(z, {
+		let o = e.value, s = Array.isArray(o), c = !s && Qi(o), l = e.key !== void 0 || e.index !== void 0, u = s && o.length > 0 || c && Object.keys(o).length > 0, d = u && A(z, {
 			onClick: () => {
 				n(() => !t());
 			},
@@ -3524,9 +3606,9 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 			}
 		});
 		return [l && (() => {
-			var t = Xi(), n = t.firstChild;
+			var t = $i(), n = t.firstChild;
 			return t.$$click = (e) => {
-				e.shiftKey && Or(o);
+				e.shiftKey && kr(o);
 			}, R(t, s || c ? d : null, n), R(n, () => e.key || e.index), O((n) => {
 				var r = `${e.key ? `${e.key}\n` : ""}Shift + Click to copy value`, i = e.index !== void 0;
 				return r !== n.e && F(t, "title", n.e = r), i !== n.t && t.classList.toggle("index", n.t = i), n;
@@ -3535,30 +3617,30 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 				t: void 0
 			}), t;
 		})(), N(() => N(() => !!(l && u && !t()))() ? (() => {
-			var e = Zi();
+			var e = ea();
 			return e.$$click = () => {
 				n(() => !0);
-			}, R(e, () => s ? `[…] ${o.length} items` : [N(() => `{…} ${Object.keys(o).length} props`), N(() => Ca(o))], null), R(e, A(_a, { value: o }), null), e;
+			}, R(e, () => s ? `[…] ${o.length} items` : [N(() => `{…} ${Object.keys(o).length} props`), N(() => Ea(o))], null), R(e, A(ba, { value: o }), null), e;
 		})() : (() => {
-			if (s && o.length === 0) return Qi();
-			if (c && Object.keys(o).length === 0) return $i();
+			if (s && o.length === 0) return ta();
+			if (c && Object.keys(o).length === 0) return na();
 			if (s || c) {
 				let c = s ? o.map((e) => [null, e]) : Object.entries(o), u = s ? ["[", "]"] : ["{", "}"], f = s ? `[…] ${c.length} items` : `{…} ${c.length} properties`;
 				return [(() => {
-					var e = ea();
+					var e = ra();
 					return st(e, "click", l ? void 0 : (e) => {
-						e.shiftKey ? Or(o) : t() || n(() => !0);
+						e.shiftKey ? kr(o) : t() || n(() => !0);
 					}, !0), F(e, "title", l ? void 0 : "Shift + Click to copy value"), R(e, !l && d, null), R(e, (() => {
 						var e = N(() => !!t());
 						return () => e() ? u[0] : f;
-					})(), null), R(e, A(_a, { value: o }), null), e;
+					})(), null), R(e, A(ba, { value: o }), null), e;
 				})(), N(() => N(() => !!t())() && [(() => {
-					var t = ta();
+					var t = ia();
 					return R(t, () => {
 						let t = c, n = t.length;
 						return r() || (t = t.slice(0, a)), [N(() => t.map(([t, n], r) => (() => {
-							var i = ra();
-							return R(i, A(va, {
+							var i = oa();
+							return R(i, A(xa, {
 								value: n,
 								get indent() {
 									return e.indent + 1;
@@ -3584,29 +3666,29 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 						}))];
 					}), t;
 				})(), (() => {
-					var e = na();
+					var e = aa();
 					return R(e, () => u[1]), e;
 				})()])];
 			}
-			return A(ya, { value: o });
+			return A(Sa, { value: o });
 		})())];
 	});
-}, ya = (e) => {
-	let [t, n] = D(typeof e.value == "string" && e.value.length > ga);
+}, Sa = (e) => {
+	let [t, n] = D(typeof e.value == "string" && e.value.length > ya);
 	return (() => {
-		var r = ia();
+		var r = sa();
 		return r.$$click = (r) => {
-			r.shiftKey ? Or(typeof e.value == "string" ? e.value : String(e.value)) : t() && n(() => !1);
+			r.shiftKey ? kr(typeof e.value == "string" ? e.value : String(e.value)) : t() && n(() => !1);
 		}, R(r, (() => {
 			var t = N(() => typeof e.value == "string");
-			return () => t() && aa();
+			return () => t() && ca();
 		})(), null), R(r, (() => {
 			var t = N(() => typeof e.value == "number");
-			return () => t() ? Y(e.value) : N(() => typeof e.value == "string")() ? e.value : Li(e.value);
+			return () => t() ? Y(e.value) : N(() => typeof e.value == "string")() ? e.value : Bi(e.value);
 		})(), null), R(r, (() => {
 			var t = N(() => typeof e.value == "string");
-			return () => t() && aa();
-		})(), null), R(r, A(_a, { get value() {
+			return () => t() && ca();
+		})(), null), R(r, A(ba, { get value() {
 			return e.value;
 		} }), null), O((n) => {
 			var i = !!t(), a = typeof e.value, o = t() ? "Click to show full value\nShift + Click to copy value" : "Shift + Click to copy value";
@@ -3628,7 +3710,7 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 	function _(e) {
 		u(() => e), f(() => !0), m(() => p() + 1);
 	}
-	let v = k(() => Ki(e.value, e.search ? r() : "", a(), s())), y = k(() => Sa(v().value)), b = k(() => {
+	let v = k(() => Yi(e.value, e.search ? r() : "", a(), s())), y = k(() => Ta(v().value)), ee = k(() => {
 		let t = r().trim() !== "", n = l(), i = !!e.compact, a = d() ? null : y();
 		return {
 			compact: i,
@@ -3638,17 +3720,17 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 		};
 	});
 	return (() => {
-		var n = oa();
-		return I(n, ua), R(n, (() => {
+		var n = la();
+		return I(n, pa), R(n, (() => {
 			var n = N(() => !!e.search);
 			return () => n() && (() => {
-				var n = sa(), r = n.firstChild, i = r.firstChild;
-				return I(n, da), R(r, A(V, { name: "search" }), i), i.$$input = (e) => g(e.currentTarget.value), R(n, A(z, {
+				var n = ua(), r = n.firstChild, i = r.firstChild;
+				return I(n, ma), R(r, A(V, { name: "search" }), i), i.$$input = (e) => g(e.currentTarget.value), R(n, A(z, {
 					class: "toolbar-button",
 					get classList() {
 						return { active: a() === "keys" };
 					},
-					title: Ni,
+					title: Ii,
 					onClick: () => {
 						o(() => a() === "keys" ? "text" : "keys");
 					},
@@ -3704,7 +3786,7 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 					class: "toolbar-button",
 					title: "Copy visible value as JSON",
 					onClick: () => {
-						Or(v().value);
+						kr(v().value);
 					},
 					get children() {
 						return A(V, { name: "copy" });
@@ -3714,26 +3796,26 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 		})(), null), R(n, (() => {
 			var e = N(() => !!v().message);
 			return () => e() && (() => {
-				var e = oa();
-				return I(e, fa), R(e, () => v().message), e;
+				var e = la();
+				return I(e, ha), R(e, () => v().message), e;
 			})();
 		})(), null), R(n, (() => {
 			var e = N(() => !!v().isEmpty);
 			return () => e() ? (() => {
-				var e = ca();
-				return I(e, pa), e;
+				var e = da();
+				return I(e, ga), e;
 			})() : A(M, {
 				get when() {
 					return {
 						revision: p(),
 						result: v(),
-						treeCtx: b()
+						treeCtx: ee()
 					};
 				},
 				keyed: !0,
 				children: ({ result: e, treeCtx: t }) => (() => {
-					var n = oa();
-					return I(n, ma), R(n, A(va, {
+					var n = la();
+					return I(n, _a), R(n, A(xa, {
 						get value() {
 							return e.value;
 						},
@@ -3744,43 +3826,43 @@ var Xi = /*#__PURE__*/ P("<div class=key><span>"), Zi = /*#__PURE__*/ P("<div cl
 			});
 		})(), null), n;
 	})();
-}, ba = 500, xa = 30;
-function Sa(e) {
+}, Ca = 500, wa = 30;
+function Ta(e) {
 	let t = [e], n = 0, r = 0;
-	for (; t.length > 0 && r < xa;) {
+	for (; t.length > 0 && r < wa;) {
 		let e = [];
 		for (let i of t) {
-			let t = Array.isArray(i) ? i : Yi(i) ? Object.values(i) : null;
+			let t = Array.isArray(i) ? i : Qi(i) ? Object.values(i) : null;
 			if (t) {
-				for (let i of t) if (e.push(i), n + e.length > ba) return Math.max(r, 1);
+				for (let i of t) if (e.push(i), n + e.length > Ca) return Math.max(r, 1);
 			}
 		}
 		n += e.length, t = e, r += 1;
 	}
 	return null;
 }
-function Ca(e) {
+function Ea(e) {
 	if ("id" in e) return (() => {
-		var t = la();
+		var t = fa();
 		return t.firstChild, R(t, () => String(e.id), null), t;
 	})();
 	let t = Object.keys(e);
 	for (let n of t) if (n.startsWith("id_")) {
 		let t = e[n];
 		if (typeof t == "string" || typeof t == "number") return (() => {
-			var e = la();
+			var e = fa();
 			return e.firstChild, R(e, t, null), e;
 		})();
 	}
 	return "key" in e ? (() => {
-		var t = la();
+		var t = fa();
 		return t.firstChild, R(t, () => String(e.key), null), t;
 	})() : "";
 }
 it(["click", "input"]);
 //#endregion
 //#region utils/cx.ts
-function wa(...e) {
+function Da(...e) {
 	let t = [];
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
@@ -3793,7 +3875,7 @@ function wa(...e) {
 }
 //#endregion
 //#region src/components/Section.tsx
-var Ta = /*#__PURE__*/ P("<div><div class=content>"), Ea = /*#__PURE__*/ P("<h1>"), Da = B`
+var Oa = /*#__PURE__*/ P("<div><div class=content>"), ka = /*#__PURE__*/ P("<h1>"), Aa = B`
   &&& {
     ${W()};
 
@@ -3828,15 +3910,15 @@ var Ta = /*#__PURE__*/ P("<div><div class=content>"), Ea = /*#__PURE__*/ P("<h1>
     }
   }
 `, Z = (e) => (() => {
-	var t = Ta(), n = t.firstChild;
+	var t = Oa(), n = t.firstChild;
 	return R(t, (() => {
 		var t = N(() => !!e.title);
 		return () => t() && (() => {
-			var t = Ea();
+			var t = ka();
 			return R(t, () => e.title), t;
 		})();
-	})(), n), R(n, () => e.children), O(() => I(t, wa(Da, e.class))), t;
-})(), Oa = /*#__PURE__*/ P("<div>"), ka = /*#__PURE__*/ P("<div class=row><div class=name></div><div class=value>"), Aa = B`
+	})(), n), R(n, () => e.children), O(() => I(t, Da(Aa, e.class))), t;
+})(), ja = /*#__PURE__*/ P("<div>"), Ma = /*#__PURE__*/ P("<div class=row><div class=name></div><div class=value>"), Na = B`
   &&& {
     display: grid;
     grid-template-columns: auto 1fr;
@@ -3864,24 +3946,24 @@ var Ta = /*#__PURE__*/ P("<div><div class=content>"), Ea = /*#__PURE__*/ P("<h1>
       opacity: 0.7;
     }
   }
-`, ja = (e) => (() => {
-	var t = Oa();
-	return I(t, Aa), R(t, A(Ge, {
+`, Pa = (e) => (() => {
+	var t = ja();
+	return I(t, Na), R(t, A(Ge, {
 		get each() {
 			return qt(e.rows);
 		},
 		children: (e) => (() => {
-			var t = ka(), n = t.firstChild, r = n.nextSibling;
+			var t = Ma(), n = t.firstChild, r = n.nextSibling;
 			return R(n, () => e().name), R(r, () => e().value), t;
 		})()
 	})), t;
-})(), Ma = [{
+})(), Fa = [{
 	type: "json",
 	name: "payload"
-}], Na = 0, Pa = "app-devtools-caller-history";
-function Fa(e) {
+}], Ia = 0, La = "app-devtools-caller-history";
+function Ra(e) {
 	if (typeof e.payloadText == "string") return e.payloadText === "" ? {} : { payload: e.payloadText };
-	if (Ra(e.inputValues)) {
+	if (Va(e.inputValues)) {
 		let t = {};
 		for (let [n, r] of Object.entries(e.inputValues)) {
 			if (typeof r != "string") return null;
@@ -3891,18 +3973,18 @@ function Fa(e) {
 	}
 	return null;
 }
-function Ia() {
+function za() {
 	try {
-		let e = window.sessionStorage.getItem(Pa);
+		let e = window.sessionStorage.getItem(La);
 		if (!e) return [];
 		let t = JSON.parse(e);
-		if (!za(t)) return [];
+		if (!Ha(t)) return [];
 		let n = [];
-		for (let e of t) if (Ra(e) && typeof e.path == "string" && typeof e.method == "string") {
-			let t = Fa(e);
+		for (let e of t) if (Va(e) && typeof e.path == "string" && typeof e.method == "string") {
+			let t = Ra(e);
 			if (!t) continue;
-			Na += 1, n.push({
-				id: Na,
+			Ia += 1, n.push({
+				id: Ia,
 				path: e.path,
 				method: e.method,
 				inputValues: t,
@@ -3914,9 +3996,9 @@ function Ia() {
 		return [];
 	}
 }
-function La(e) {
+function Ba(e) {
 	try {
-		window.sessionStorage.setItem(Pa, JSON.stringify(e.slice(0, 5).map(({ path: e, method: t, inputValues: n, callerName: r }) => ({
+		window.sessionStorage.setItem(La, JSON.stringify(e.slice(0, 5).map(({ path: e, method: t, inputValues: n, callerName: r }) => ({
 			path: e,
 			method: t,
 			inputValues: n,
@@ -3924,10 +4006,10 @@ function La(e) {
 		}))));
 	} catch {}
 }
-function Ra(e) {
+function Va(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function za(e) {
+function Ha(e) {
 	return Array.isArray(e);
 }
 var [Q, $] = Tn({
@@ -3939,20 +4021,20 @@ var [Q, $] = Tn({
 	isLoading: !1,
 	sendError: null,
 	selectedResultId: null,
-	history: Ia(),
+	history: za(),
 	resultsHistory: []
 });
-function Ba(e) {
+function Ua(e) {
 	$("callers", e);
 }
-var Va = [
+var Wa = [
 	"GET",
 	"POST",
 	"PUT",
 	"PATCH",
 	"DELETE"
-], Ha = 30, Ua = 30, Wa = 0;
-function Ga(e) {
+], Ga = 30, Ka = 30, qa = 0;
+function Ja(e) {
 	let t = e.trim();
 	if (t === "") return null;
 	try {
@@ -3961,34 +4043,34 @@ function Ga(e) {
 		return `Invalid JSON: ${e instanceof Error ? e.message : String(e)}`;
 	}
 }
-function Ka(e) {
+function Ya(e) {
 	return e === void 0 ? "" : typeof e == "string" ? e : e.value;
 }
-function qa(e) {
+function Xa(e) {
 	let t = {};
 	for (let n of e) {
 		let e = Q.inputValues[n.name] ?? "";
-		n.type === "json" ? e = e.trim() : n.type === "select" && e === "" && (e = Ka(n.options[0])), t[n.name] = e;
+		n.type === "json" ? e = e.trim() : n.type === "select" && e === "" && (e = Ya(n.options[0])), t[n.name] = e;
 	}
 	return t;
 }
-function Ja(e, t) {
+function Za(e, t) {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
 	for (let r of n) if ((e[r] ?? "").trim() !== (t[r] ?? "").trim()) return !1;
 	return !0;
 }
-async function Ya() {
+async function Qa() {
 	if (Q.isLoading) return;
 	let e = Q.callers[Q.selectedCallerIdx];
 	if (!e) return;
-	let t = Q.path.trim(), n = Q.method, r = e.name, i = !e.inputs, a = e.inputs ?? Ma;
+	let t = Q.path.trim(), n = Q.method, r = e.name, i = !e.inputs, a = e.inputs ?? Fa;
 	if (!t) {
 		$("sendError", "The request path is empty");
 		return;
 	}
-	let o = qa(a);
+	let o = Xa(a);
 	for (let e of a) if (e.type === "json") {
-		let t = Ga(o[e.name] ?? "");
+		let t = Ja(o[e.name] ?? "");
 		if (t) {
 			$("sendError", `${e.name}: ${t}`);
 			return;
@@ -4008,18 +4090,18 @@ async function Ya() {
 		s = e;
 	}
 	let c = Q.history[0];
-	(!c || c.path !== t || c.method !== n || c.callerName !== r || !Ja(c.inputValues, o)) && (Na += 1, $("history", (e) => [{
-		id: Na,
+	(!c || c.path !== t || c.method !== n || c.callerName !== r || !Za(c.inputValues, o)) && (Ia += 1, $("history", (e) => [{
+		id: Ia,
 		path: t,
 		method: n,
 		inputValues: o,
 		callerName: r
-	}, ...e].slice(0, Ha)), La(Q.history)), $({ isLoading: !0 });
+	}, ...e].slice(0, Ga)), Ba(Q.history)), $({ isLoading: !0 });
 	let l = Date.now();
 	function u(e) {
-		Wa += 1;
+		qa += 1;
 		let i = {
-			id: Wa,
+			id: qa,
 			path: t,
 			method: n,
 			inputValues: o,
@@ -4031,7 +4113,7 @@ async function Ya() {
 		$({
 			isLoading: !1,
 			selectedResultId: i.id
-		}), $("resultsHistory", (e) => [i, ...e].slice(0, Ua));
+		}), $("resultsHistory", (e) => [i, ...e].slice(0, Ka));
 	}
 	try {
 		let r = await e.call({
@@ -4054,19 +4136,19 @@ async function Ya() {
 		});
 	}
 }
-function Xa(e) {
+function $a(e) {
 	let t = Q.callers.findIndex((t) => t.name === e);
 	t !== -1 && $("selectedCallerIdx", t);
 }
-function Za(e) {
+function eo(e) {
 	$({
 		path: e.path,
 		method: e.method,
 		inputValues: { ...e.inputValues },
 		sendError: null
-	}), Xa(e.callerName);
+	}), $a(e.callerName);
 }
-function Qa(e) {
+function to(e) {
 	let t = Q.callers[Q.selectedCallerIdx], n = e.method || "POST", r = e.path;
 	$({
 		method: n,
@@ -4077,75 +4159,75 @@ function Qa(e) {
 			payload: e.payload
 		}) : e.payload === void 0 || e.payload === null ? {} : { payload: JSON.stringify(e.payload, null, 2) },
 		sendError: null
-	}), Qr("selectedPage", "caller");
+	}), $r("selectedPage", "caller");
 }
 //#endregion
 //#region src/utils/getUnusedResponseData.ts
-var $a = Symbol("wildcard");
-function eo(e) {
+var no = Symbol("wildcard");
+function ro(e) {
 	let t = [];
 	for (let n of e.split(".")) {
 		let e = n.indexOf("["), r = e === -1 ? n : n.slice(0, e);
 		r && t.push(r);
 		for (let e of n.matchAll(/\[(\*|\d+)\]/g)) {
 			let n = e[1];
-			n === "*" ? t.push($a) : n !== void 0 && t.push(Number(n));
+			n === "*" ? t.push(no) : n !== void 0 && t.push(Number(n));
 		}
 	}
 	return t;
 }
-function to(e) {
+function io(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function no(e) {
+function ao(e) {
 	return Array.isArray(e);
 }
-function ro(e, t, n) {
+function oo(e, t, n) {
 	let r = t[n];
 	if (r === void 0) return e;
-	if (r === $a) return no(e) ? e.map((e) => ro(e, t, n + 1)) : void 0;
-	if (typeof r == "number") return no(e) ? ro(e[r], t, n + 1) : void 0;
-	if (to(e)) return ro(e[r], t, n + 1);
+	if (r === no) return ao(e) ? e.map((e) => oo(e, t, n + 1)) : void 0;
+	if (typeof r == "number") return ao(e) ? oo(e[r], t, n + 1) : void 0;
+	if (io(e)) return oo(e[r], t, n + 1);
 }
-function io(e, t) {
-	return ro(e, eo(t), 0);
+function so(e, t) {
+	return oo(e, ro(t), 0);
 }
-function ao(e, t) {
+function co(e, t) {
 	let n = {};
-	for (let r of t) n[r] = io(e, r);
+	for (let r of t) n[r] = so(e, r);
 	return n;
 }
-function oo(e, t) {
+function lo(e, t) {
 	let n = 0;
 	for (let r of t) {
-		let t = io(e, r);
+		let t = so(e, r);
 		t !== void 0 && (n += nn(() => JSON.stringify(t).length) || 0);
 	}
 	return n;
 }
 //#endregion
 //#region src/utils/requestToCurl.ts
-function so(e) {
+function uo(e) {
 	return `'${e.replaceAll("'", "'\\''")}'`;
 }
-function co(e, t = {}) {
-	let n = e.path.startsWith("http://") || e.path.startsWith("https://") ? e.path : `${window.location.origin}/${e.path}`, r = e.method?.toUpperCase() || (e.payload !== void 0 && e.payload !== null ? "POST" : "GET"), i = [`curl ${so(n)}`];
+function fo(e, t = {}) {
+	let n = e.path.startsWith("http://") || e.path.startsWith("https://") ? e.path : `${window.location.origin}/${e.path}`, r = e.method?.toUpperCase() || (e.payload !== void 0 && e.payload !== null ? "POST" : "GET"), i = [`curl ${uo(n)}`];
 	r !== "GET" && i.push(`-X ${r}`);
 	let a = Object.entries(e.headers || {});
 	for (let [e, n] of a) {
 		let r = t.maskSensitiveData && !zn(e) ? "<masked>" : n;
-		i.push(`-H ${so(`${e}: ${r}`)}`);
+		i.push(`-H ${uo(`${e}: ${r}`)}`);
 	}
 	if (e.payload !== void 0 && e.payload !== null && r !== "GET") {
-		a.some(([e]) => e.toLowerCase() === "content-type") || i.push(`-H ${so("Content-Type: application/json")}`);
+		a.some(([e]) => e.toLowerCase() === "content-type") || i.push(`-H ${uo("Content-Type: application/json")}`);
 		let n = t.maskSensitiveData ? Un(e.payload).value : e.payload;
-		i.push(`--data ${so(JSON.stringify(n))}`);
+		i.push(`--data ${uo(JSON.stringify(n))}`);
 	}
 	return i.join(" \\\n  ");
 }
 //#endregion
 //#region src/pages/api-explorer/RequestDetails.tsx
-var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item><div class=warning-content><span>"), fo = /*#__PURE__*/ P("<h1><span class=type></span><span class=separator>|"), po = /*#__PURE__*/ P("<div class=tags><div class=actions>"), mo = /*#__PURE__*/ P("<div class=details>"), ho = /*#__PURE__*/ P("<span class=separator>|"), go = /*#__PURE__*/ P("<h2>"), _o = /*#__PURE__*/ P("<div class=method>"), vo = /*#__PURE__*/ P("<div class=code>"), yo = /*#__PURE__*/ P("<div class=\"tag error\">Has Error"), bo = /*#__PURE__*/ P("<div class=\"tag warning\">"), xo = /*#__PURE__*/ P("<div class=\"tag pending\">Pending"), So = /*#__PURE__*/ P("<div class=tag>"), Co = /*#__PURE__*/ P("<div class=backdrop>"), wo = /*#__PURE__*/ P("<div class=menu>"), To = /*#__PURE__*/ P("<span>pending…"), Eo = /*#__PURE__*/ P("<span> ms"), Do = /*#__PURE__*/ P("<span>"), Oo = B`
+var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item><div class=warning-content><span>"), ho = /*#__PURE__*/ P("<h1><span class=type></span><span class=separator>|"), go = /*#__PURE__*/ P("<div class=tags><div class=actions>"), _o = /*#__PURE__*/ P("<div class=details>"), vo = /*#__PURE__*/ P("<span class=separator>|"), yo = /*#__PURE__*/ P("<h2>"), bo = /*#__PURE__*/ P("<div class=method>"), xo = /*#__PURE__*/ P("<div class=code>"), So = /*#__PURE__*/ P("<div class=\"tag error\">Has Error"), Co = /*#__PURE__*/ P("<div class=\"tag warning\">"), wo = /*#__PURE__*/ P("<div class=\"tag pending\">Pending"), To = /*#__PURE__*/ P("<div class=tag>"), Eo = /*#__PURE__*/ P("<div class=backdrop>"), Do = /*#__PURE__*/ P("<div class=menu>"), Oo = /*#__PURE__*/ P("<span>pending…"), ko = /*#__PURE__*/ P("<span> ms"), Ao = /*#__PURE__*/ P("<span>"), jo = B`
   &&& {
     ${W()};
     padding-left: 10px;
@@ -4247,7 +4329,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
       padding-bottom: 20px;
     }
   }
-`, ko = B`
+`, Mo = B`
   &&& {
     ${W({ align: "left" })};
     gap: 6px;
@@ -4272,7 +4354,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
       }
     }
   }
-`, Ao = B`
+`, No = B`
   &&& {
     position: relative;
 
@@ -4309,11 +4391,11 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
       }
     }
   }
-`, jo = B`
+`, Po = B`
   &&& {
     --json-toolbar-bleed: 10px;
   }
-`, Mo = B`
+`, Fo = B`
   &&& {
     ${U({ gap: 20 })};
     color: ${G.secondary.var};
@@ -4333,7 +4415,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
       }
     }
   }
-`, No = () => {
+`, Io = () => {
 	let t = k(() => q.selectedCall), n = k(() => q.selectedRequest), r = k(() => q.selectedTab || "summary"), i = tn(() => {
 		let e;
 		e = t() ? H.calls[t()] : H.calls[Jn.value];
@@ -4350,21 +4432,21 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 				return { selected: _.value === e };
 			},
 			onClick: () => {
-				Qr("selectedTab", e);
+				$r("selectedTab", e);
 			},
 			children: t
 		});
 	}
 	let o = tn(() => {
 		let e = i.value;
-		return e ? Zr.value ? e.headers ?? null : Rn(e) : null;
+		return e ? Qr.value ? e.headers ?? null : Rn(e) : null;
 	}), s = tn(() => {
 		let e = i.value;
 		return e?.payload ? Un(e.payload) : null;
-	}), c = tn(() => Zr.value ? i.value?.payload : s.value?.value), l = en(!1);
+	}), c = tn(() => Qr.value ? i.value?.payload : s.value?.value), l = en(!1);
 	function u(e) {
 		let t = i.value;
-		t && Or(co(t, { maskSensitiveData: e })), l.value = !1;
+		t && kr(fo(t, { maskSensitiveData: e })), l.value = !1;
 	}
 	function d(e) {
 		return Y(e, {
@@ -4377,7 +4459,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 	let f = tn(() => i.value?.response ? d(JSON.stringify(i.value.response).length) : !1);
 	function p() {
 		let e = i.value;
-		e && Or({
+		e && kr({
 			call: e.callName,
 			path: e.path,
 			method: e.method,
@@ -4392,9 +4474,9 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 			duration: e.duration,
 			tags: e.tags,
 			warnings: e.warnings,
-			payload: Zr.value ? e.payload : Un(e.payload).value,
+			payload: Qr.value ? e.payload : Un(e.payload).value,
 			searchParams: e.searchParams,
-			headers: (Zr.value ? e.headers : Rn(e)) ?? void 0,
+			headers: (Qr.value ? e.headers : Rn(e)) ?? void 0,
 			response: e.response,
 			unusedResponseData: e.unusedResponseData,
 			metadata: e.metadata
@@ -4402,11 +4484,11 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 	}
 	function m(e) {
 		return (() => {
-			var t = lo();
-			return I(t, ko), R(t, A(j, {
+			var t = po();
+			return I(t, Mo), R(t, A(j, {
 				each: e,
 				children: (e) => (() => {
-					var t = uo(), n = t.firstChild, r = n.firstChild;
+					var t = mo(), n = t.firstChild, r = n.firstChild;
 					return R(t, A(V, { name: "alert-triangle" }), n), R(r, () => e.message), R(n, (() => {
 						var t = N(() => e.details !== void 0);
 						return () => t() && A(X, {
@@ -4422,11 +4504,11 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 	}
 	let h = tn(() => {
 		let e = i.value;
-		return e?.unusedResponseData?.length ? ao(e.response, e.unusedResponseData) : null;
+		return e?.unusedResponseData?.length ? co(e.response, e.unusedResponseData) : null;
 	}), g = tn(() => {
 		let e = i.value;
 		if (!e?.unusedResponseData?.length || !e.response) return !1;
-		let t = oo(e.response, e.unusedResponseData);
+		let t = lo(e.response, e.unusedResponseData);
 		if (t === 0) return !1;
 		let n = JSON.stringify(e.response).length, r = n > 0 ? Math.round(t / n * 100) : 0;
 		return `${d(t)} (${r}% of response)`;
@@ -4435,45 +4517,45 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 		return !e || r() === "payload" && !e.payload || r() === "urlParams" && !e.searchParams || r() === "unusedData" && !h.value || r() === "warnings" && !e.warnings?.length || r() === "metadata" && !e.metadata || r() === "headers" && !o.value ? "summary" : r();
 	});
 	return (() => {
-		var t = lo();
-		return I(t, Oo), R(t, (() => {
+		var t = po();
+		return I(t, jo), R(t, (() => {
 			var t = N(() => !!i.value);
 			return () => t() && [
 				(() => {
-					var e = fo(), t = e.firstChild;
+					var e = ho(), t = e.firstChild;
 					return t.nextSibling, R(t, (() => {
 						var e = N(() => i.value.type === "ws");
 						return () => e() ? `WS ${i.value.subType}` : "API";
 					})()), R(e, () => i.value.callName, null), R(e, (() => {
 						var e = N(() => !!i.value.alias);
-						return () => e() && ho();
+						return () => e() && vo();
 					})(), null), R(e, () => i.value.alias, null), e;
 				})(),
 				N(() => N(() => i.value.callPath !== i.value.callName)() && (() => {
-					var e = go();
+					var e = yo();
 					return R(e, () => i.value.callPath), e;
 				})()),
 				(() => {
-					var e = po(), t = e.firstChild;
+					var e = go(), t = e.firstChild;
 					return R(e, (() => {
 						var e = N(() => !!i.value.method);
 						return () => e() && (() => {
-							var e = _o();
+							var e = bo();
 							return R(e, () => i.value.method), e;
 						})();
 					})(), t), R(e, (() => {
 						var e = N(() => !!i.value.code);
 						return () => e() && (() => {
-							var e = vo();
+							var e = xo();
 							return R(e, () => i.value.code), O(() => e.classList.toggle("error", i.value.code >= 400)), e;
 						})();
 					})(), t), R(e, (() => {
 						var e = N(() => !!i.value.isError);
-						return () => e() && yo();
+						return () => e() && So();
 					})(), t), R(e, (() => {
 						var e = N(() => !!i.value.warnings?.length);
 						return () => e() && (() => {
-							var e = bo();
+							var e = Co();
 							return R(e, A(V, { name: "alert-triangle" }), null), R(e, (() => {
 								var e = N(() => i.value.warnings.length === 1);
 								return () => e() ? "Has Warning" : `${i.value.warnings.length} Warnings`;
@@ -4481,13 +4563,13 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 						})();
 					})(), t), R(e, (() => {
 						var e = N(() => i.value.status === "pending");
-						return () => e() && xo();
+						return () => e() && wo();
 					})(), t), R(e, A(j, {
 						get each() {
 							return i.value.tags;
 						},
 						children: (e) => (() => {
-							var t = So();
+							var t = To();
 							return R(t, e), t;
 						})()
 					}), t), R(t, A(z, {
@@ -4500,8 +4582,8 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 					}), null), R(t, (() => {
 						var e = N(() => i.value.type !== "ws");
 						return () => e() && (() => {
-							var e = lo();
-							return I(e, Ao), R(e, A(z, {
+							var e = po();
+							return I(e, No), R(e, A(z, {
 								class: "action-button",
 								title: "Copy request as cURL",
 								onClick: () => {
@@ -4517,12 +4599,12 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 							}), null), R(e, (() => {
 								var e = N(() => !!l.value);
 								return () => e() && [(() => {
-									var e = Co();
+									var e = Eo();
 									return e.$$click = () => {
 										l.value = !1;
 									}, e;
 								})(), (() => {
-									var e = wo();
+									var e = Do();
 									return R(e, A(z, {
 										title: "Sensitive header values and payload fields are masked",
 										onClick: () => u(!0),
@@ -4542,7 +4624,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 							title: "Modify and resend this request in the caller tab",
 							onClick: () => {
 								let e = i.value;
-								e && Qa(e);
+								e && to(e);
 							},
 							get children() {
 								return [A(V, { name: "send" }), "Modify request"];
@@ -4551,8 +4633,8 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 					})(), null), e;
 				})(),
 				(() => {
-					var e = lo();
-					return I(e, Mo), R(e, () => a("summary", "Summary"), null), R(e, (() => {
+					var e = po();
+					return I(e, Fo), R(e, () => a("summary", "Summary"), null), R(e, (() => {
 						var e = N(() => !!i.value.payload);
 						return () => e() && a("payload", "Payload");
 					})(), null), R(e, (() => {
@@ -4573,7 +4655,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 					})(), null), e;
 				})(),
 				(() => {
-					var t = mo();
+					var t = _o();
 					return R(t, A(Ke, { get children() {
 						return [
 							A(qe, {
@@ -4635,22 +4717,22 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 										A(Z, {
 											title: "Stats",
 											get children() {
-												return A(ja, { get rows() {
+												return A(Pa, { get rows() {
 													return [
 														i.value.type !== "ws" && {
 															name: "Duration",
 															value: i.value.status === "pending" ? (() => {
-																var e = To();
+																var e = Oo();
 																return O((t) => L(e, "color", G.secondary.var)), e;
 															})() : (() => {
-																var e = Eo(), t = e.firstChild;
+																var e = ko(), t = e.firstChild;
 																return R(e, () => Y(i.value.duration, { maximumFractionDigits: 0 }), t), O((t) => L(e, "color", i.value.duration < 500 ? G.success.var : i.value.duration > 1e3 ? G.error.var : void 0)), e;
 															})()
 														},
 														{
 															name: "Start Time",
 															value: (() => {
-																var t = Do();
+																var t = Ao();
 																return R(t, () => `${e(i.value.startTime).format("HH:mm:ss")} (${e(i.value.startTime).fromNow()})`), O(() => F(t, "title", e(i.value.startTime).format("YYYY-MM-DD HH:mm:ss.SSS"))), t;
 															})()
 														},
@@ -4661,7 +4743,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 														!!g.value && {
 															name: "Unused Data Size",
 															value: (() => {
-																var e = Do();
+																var e = Ao();
 																return R(e, () => g.value), O((t) => L(e, "color", G.warning.var)), e;
 															})()
 														}
@@ -4705,7 +4787,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 								get children() {
 									return A(Z, {
 										title: null,
-										class: jo,
+										class: Po,
 										get children() {
 											return A(X, {
 												get value() {
@@ -4724,7 +4806,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 								get children() {
 									return A(Z, {
 										title: null,
-										class: jo,
+										class: Po,
 										get children() {
 											return A(X, {
 												get value() {
@@ -4743,7 +4825,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 								get children() {
 									return A(Z, {
 										title: null,
-										class: jo,
+										class: Po,
 										get children() {
 											return A(X, {
 												get value() {
@@ -4762,7 +4844,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 								get children() {
 									return A(Z, {
 										title: null,
-										class: jo,
+										class: Po,
 										get children() {
 											return A(X, {
 												get value() {
@@ -4781,7 +4863,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 								get children() {
 									return A(Z, {
 										title: null,
-										class: jo,
+										class: Po,
 										get children() {
 											return m(i.value.warnings || []);
 										}
@@ -4795,7 +4877,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 								get children() {
 									return A(Z, {
 										title: null,
-										class: jo,
+										class: Po,
 										get children() {
 											return A(X, {
 												get value() {
@@ -4814,7 +4896,7 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 								get children() {
 									return A(Z, {
 										title: null,
-										class: jo,
+										class: Po,
 										get children() {
 											return A(X, {
 												get value() {
@@ -4836,13 +4918,13 @@ var lo = /*#__PURE__*/ P("<div>"), uo = /*#__PURE__*/ P("<div class=warning-item
 it(["click"]);
 //#endregion
 //#region src/pages/api-explorer/getRequestPayload.tsx
-function Po(e) {
+function Lo(e) {
 	let 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);
 }
 //#endregion
 //#region src/pages/api-explorer/Timeline.tsx
-var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<div>no requests found"), Lo = /*#__PURE__*/ P("<div><span> · "), Ro = /*#__PURE__*/ P("<span class=start-time>"), zo = /*#__PURE__*/ P("<div>"), Bo = /*#__PURE__*/ P("<span class=pending-indicator>pending"), Vo = /*#__PURE__*/ P("<span class=separator>|"), Ho = /*#__PURE__*/ P("<span class=payload>"), Uo = B`
+var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<div>no requests found"), Bo = /*#__PURE__*/ P("<div><span> · "), Vo = /*#__PURE__*/ P("<span class=start-time>"), Ho = /*#__PURE__*/ P("<span>"), Uo = /*#__PURE__*/ P("<div>"), Wo = /*#__PURE__*/ P("<span class=pending-indicator>pending"), Go = /*#__PURE__*/ P("<span class=separator>|"), Ko = /*#__PURE__*/ P("<span class=payload>"), qo = B`
   &&& {
     ${W()};
     border-right: 1px solid ${G.white.alpha(.1)};
@@ -4856,13 +4938,13 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
       padding-bottom: 16px;
     }
   }
-`, Wo = B`
+`, Jo = B`
   &&& {
     ${W()};
     flex: 1 1;
     overflow-y: auto;
   }
-`, Go = B`
+`, Yo = B`
   &&& {
     font-size: 13px;
     ${W()};
@@ -4916,7 +4998,7 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
       }
     }
   }
-`, Ko = B`
+`, Xo = B`
   &&& {
     ${U({ gap: 8 })};
     padding: 2px 12px;
@@ -4936,14 +5018,14 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
       flex-shrink: 1;
     }
   }
-`, qo = B`
+`, Zo = B`
   &&& {
     opacity: 0.4;
     font-size: 14px;
     padding: 12px;
     padding-top: 0;
   }
-`, Jo = () => {
+`, Qo = () => {
 	let t = k(() => {
 		let e = q.selectedCall;
 		return e ? e ? H.calls[e] : null : H.calls[Jn.value] || null;
@@ -4966,28 +5048,28 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
 		return t.sort((e, t) => t.time - e.time);
 	}), a = k(() => q.selectedRequest || r()?.[0]?.id);
 	return (() => {
-		var t = Fo(), n = t.firstChild.nextSibling;
-		return I(t, Uo), I(n, Wo), R(n, A(j, {
+		var t = Ro(), n = t.firstChild.nextSibling;
+		return I(t, qo), I(n, Jo), R(n, A(j, {
 			get each() {
 				return i();
 			},
 			get fallback() {
 				return (() => {
-					var e = Io();
-					return I(e, qo), e;
+					var e = zo();
+					return I(e, Zo), e;
 				})();
 			},
 			children: (t) => {
 				if (t.itemType === "marker") return (() => {
-					var n = Lo(), r = n.firstChild, i = r.firstChild;
-					return I(n, Ko), R(r, () => t.marker.label, i), R(r, () => e(t.marker.time).format("HH:mm:ss"), null), O(() => F(n, "title", e(t.marker.time).format("HH:mm:ss.SSS"))), n;
+					var n = Bo(), r = n.firstChild, i = r.firstChild;
+					return I(n, Xo), R(r, () => t.marker.label, i), R(r, () => e(t.marker.time).format("HH:mm:ss"), null), O(() => F(n, "title", e(t.marker.time).format("HH:mm:ss.SSS"))), n;
 				})();
-				let n = t.request, r = e(n.startTime), i = r.format("HH:mm:ss"), o = r.fromNow(), s = Po(n);
+				let n = t.request, r = e(n.startTime), i = r.format("HH:mm:ss"), o = r.fromNow(), s = Lo(n), c = ni(n);
 				return (() => {
-					var e = zo();
-					return I(e, Go), R(e, A(z, {
+					var e = Uo();
+					return I(e, Yo), R(e, A(z, {
 						onClick: () => {
-							Qr("selectedRequest", n.id);
+							$r("selectedRequest", n.id);
 						},
 						get classList() {
 							return { selected: n.id === a() };
@@ -4995,12 +5077,22 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
 						get children() {
 							return [
 								(() => {
-									var e = Ro();
+									var e = Vo();
 									return F(e, "title", o), R(e, i), e;
 								})(),
-								N(() => N(() => n.status === "pending")() && Bo()),
-								N(() => !!s && [Vo(), (() => {
+								(() => {
 									var e = Ho();
+									return R(e, () => c.label), O((t) => {
+										var n = `${ei} ${c.class}`, r = c.description;
+										return n !== t.e && I(e, t.e = n), r !== t.t && F(e, "title", t.t = r), t;
+									}, {
+										e: void 0,
+										t: void 0
+									}), e;
+								})(),
+								N(() => N(() => n.status === "pending")() && Wo()),
+								N(() => !!s && [Go(), (() => {
+									var e = Ko();
 									return F(e, "title", s), R(e, s), e;
 								})()])
 							];
@@ -5017,12 +5109,12 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
 			}
 		})), t;
 	})();
-}, Yo = /*#__PURE__*/ P("<div>"), Xo = B`
+}, $o = /*#__PURE__*/ P("<div>"), es = B`
   &&& {
     display: grid;
   }
-`, Zo = () => {
-	let e = Xr({
+`, ts = () => {
+	let e = Zr({
 		storageKey: "api-explorer",
 		initialSizes: [
 			1,
@@ -5033,7 +5125,7 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
 	return se(() => {
 		if (q.selectedCall) return;
 		let e = null;
-		for (let [t, n] of Object.entries(H.calls)) for (let r of n.requests) {
+		for (let [t, n] of Object.entries(H.calls)) if (n.type !== "ws") for (let r of n.requests) {
 			if (r.status === "pending") continue;
 			let n = r.startTime + r.duration;
 			(!e || n > e.loadedTime) && (e = {
@@ -5042,21 +5134,21 @@ var Fo = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), Io = /*#__PURE__*/ P("<
 				loadedTime: n
 			});
 		}
-		e && Qr({
+		e && $r({
 			selectedCall: e.callID,
 			selectedRequest: e.requestID
 		});
 	}), (() => {
-		var t = Yo();
-		return I(t, Xo), R(t, A(bi, {}), null), R(t, A(e.Handle, { index: 0 }), null), R(t, A(Jo, {}), null), R(t, A(e.Handle, { index: 1 }), null), R(t, A(No, {}), null), O((n) => L(t, "grid-template-columns", e.gridTemplateColumns())), t;
+		var t = $o();
+		return I(t, es), R(t, A(Ci, {}), null), R(t, A(e.Handle, { index: 0 }), null), R(t, A(Qo, {}), null), R(t, A(e.Handle, { index: 1 }), null), R(t, A(Io, {}), null), O((n) => L(t, "grid-template-columns", e.gridTemplateColumns())), t;
 	})();
-}, Qo = 0;
-function $o() {
-	return Qo++;
+}, ns = 0;
+function rs() {
+	return ns++;
 }
 //#endregion
 //#region src/components/Select.tsx
-var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=inputContainer><select>"), ns = /*#__PURE__*/ P("<option value>-- select an option --"), rs = /*#__PURE__*/ P("<option>"), is = B`
+var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=inputContainer><select>"), os = /*#__PURE__*/ P("<option value>-- select an option --"), ss = /*#__PURE__*/ P("<option>"), cs = B`
   &&& {
     ${W({ align: "left" })};
     width: 100%;
@@ -5107,39 +5199,39 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
       background: ${G.white.var};
     }
   }
-`, as = (e) => {
-	let t = `input${$o()}`;
+`, ls = (e) => {
+	let t = `input${rs()}`;
 	return (() => {
-		var n = ts(), r = n.firstChild, i = r.firstChild;
+		var n = as(), r = n.firstChild, i = r.firstChild;
 		return R(n, A(M, {
 			get when() {
 				return e.label;
 			},
 			get children() {
-				var n = es();
+				var n = is();
 				return F(n, "for", t), R(n, () => e.label), n;
 			}
 		}), r), i.addEventListener("change", (t) => {
 			t.currentTarget.value && e.onChange(t.currentTarget.value);
 		}), F(i, "id", t), R(i, (() => {
 			var t = N(() => !e.value);
-			return () => t() && ns();
+			return () => t() && os();
 		})(), null), R(i, A(j, {
 			get each() {
 				return e.options;
 			},
 			children: (e) => (() => {
-				var t = rs();
+				var t = ss();
 				return R(t, () => e.label), O(() => t.value = e.value), t;
 			})()
-		}), null), O(() => I(n, wa(is, e.class))), O(() => i.value = e.value ?? ""), n;
+		}), null), O(() => I(n, Da(cs, e.class))), O(() => i.value = e.value ?? ""), n;
 	})();
-}, os = /*#__PURE__*/ P("<div><div><h1>history</h1><div class=entries></div></div><div>"), ss = /*#__PURE__*/ P("<div class=empty>no requests sent yet"), cs = /*#__PURE__*/ P("<span class=sender>"), ls = /*#__PURE__*/ P("<span class=method-row><span class=method>"), us = /*#__PURE__*/ P("<span class=path>"), ds = /*#__PURE__*/ P("<div class=empty-state><div>No request callers configured.</div><div>Pass a <code>requestCallers</code> array to <code>initializeDevTools()</code> to enable calling requests from here using your app data fetching mechanisms."), fs = /*#__PURE__*/ P("<div class=form-row><input class=path-input placeholder=\"request path, e.g. /v3/tables\">"), ps = /*#__PURE__*/ P("<div class=input-error>"), ms = /*#__PURE__*/ P("<div><div class=results-list><div class=title>results</div><div class=entries>"), hs = /*#__PURE__*/ P("<div class=input-label>"), gs = /*#__PURE__*/ P("<input class=text-input>"), _s = /*#__PURE__*/ P("<textarea>"), vs = /*#__PURE__*/ P("<span class=row-meta><span class=status></span><span> ms</span><span class=time>"), ys = /*#__PURE__*/ P("<span class=row-sender>via "), bs = /*#__PURE__*/ P("<span class=sender>via "), xs = /*#__PURE__*/ P("<div class=result-detail><div class=detail-header><span class=method></span><span class=path></span></div><div class=detail-meta><span class=status></span><span> ms</span><span class=time></span></div><div class=detail-label>response"), Ss = /*#__PURE__*/ P("<div class=detail-label> sent"), Cs = /*#__PURE__*/ P("<pre class=input-value>"), ws = /*#__PURE__*/ P("<div class=result-error>"), Ts = B`
+}, us = /*#__PURE__*/ P("<div><div><h1>history</h1><div class=entries></div></div><div>"), ds = /*#__PURE__*/ P("<div class=empty>no requests sent yet"), fs = /*#__PURE__*/ P("<span class=sender>"), ps = /*#__PURE__*/ P("<span class=method-row><span class=method>"), ms = /*#__PURE__*/ P("<span class=path>"), hs = /*#__PURE__*/ P("<div class=empty-state><div>No request callers configured.</div><div>Pass a <code>requestCallers</code> array to <code>initializeDevTools()</code> to enable calling requests from here using your app data fetching mechanisms."), gs = /*#__PURE__*/ P("<div class=form-row><input class=path-input placeholder=\"request path, e.g. /v3/tables\">"), _s = /*#__PURE__*/ P("<div class=input-error>"), vs = /*#__PURE__*/ P("<div><div class=results-list><div class=title>results</div><div class=entries>"), ys = /*#__PURE__*/ P("<div class=input-label>"), bs = /*#__PURE__*/ P("<input class=text-input>"), xs = /*#__PURE__*/ P("<textarea>"), Ss = /*#__PURE__*/ P("<span class=row-meta><span class=status></span><span> ms</span><span class=time>"), Cs = /*#__PURE__*/ P("<span class=row-sender>via "), ws = /*#__PURE__*/ P("<span class=sender>via "), Ts = /*#__PURE__*/ P("<div class=result-detail><div class=detail-header><span class=method></span><span class=path></span></div><div class=detail-meta><span class=status></span><span> ms</span><span class=time></span></div><div class=detail-label>response"), Es = /*#__PURE__*/ P("<div class=detail-label> sent"), Ds = /*#__PURE__*/ P("<pre class=input-value>"), Os = /*#__PURE__*/ P("<div class=result-error>"), ks = B`
   &&& {
     display: grid;
     overflow: hidden;
   }
-`, Es = B`
+`, As = B`
   &&& {
     ${W()};
     border-right: 1px solid ${G.white.alpha(.1)};
@@ -5203,7 +5295,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
       }
     }
   }
-`, Ds = B`
+`, js = B`
   &&& {
     ${W({ align: "stretch" })};
     padding: 12px 16px 0;
@@ -5314,7 +5406,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
       }
     }
   }
-`, Os = B`
+`, Ms = B`
   &&& {
     display: grid;
     flex: 1 1 0;
@@ -5464,16 +5556,16 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
       }
     }
   }
-`, ks = () => {
-	let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods || Va), r = k(() => t()?.inputs ?? Ma), i = Xr({
+`, Ns = () => {
+	let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods || Wa), r = k(() => t()?.inputs ?? Fa), i = Zr({
 		storageKey: "caller",
 		initialSizes: [1, 4]
-	}), a = Xr({
+	}), a = Zr({
 		storageKey: "caller-results",
 		initialSizes: [1, 2.5]
 	}), o = k(() => {
 		for (let e of r()) if (e.type === "json") {
-			let t = Ga(Q.inputValues[e.name] ?? "");
+			let t = Ja(Q.inputValues[e.name] ?? "");
 			if (t) return t;
 		}
 		return null;
@@ -5481,54 +5573,54 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 		let e = Q.path.trim(), t = Q.method;
 		return Q.resultsHistory.filter((n) => n.path === e && n.method === t);
 	}), c = k(() => {
-		let e = Q.path.trim(), n = Q.method, i = t()?.name, a = qa(r());
-		return Q.history.find((t) => t.path === e && t.method === n && (!t.callerName || t.callerName === i) && Ja(t.inputValues, a))?.id;
+		let e = Q.path.trim(), n = Q.method, i = t()?.name, a = Xa(r());
+		return Q.history.find((t) => t.path === e && t.method === n && (!t.callerName || t.callerName === i) && Za(t.inputValues, a))?.id;
 	}), l = k(() => {
 		let e = s();
 		return e.find((e) => e.id === Q.selectedResultId) ?? e[0];
 	});
 	return (() => {
-		var t = os(), u = t.firstChild, d = u.firstChild.nextSibling, f = u.nextSibling;
-		return I(t, Ts), I(u, Es), R(d, A(j, {
+		var t = us(), u = t.firstChild, d = u.firstChild.nextSibling, f = u.nextSibling;
+		return I(t, ks), I(u, As), R(d, A(j, {
 			get each() {
 				return Q.history;
 			},
 			get fallback() {
-				return ss();
+				return ds();
 			},
 			children: (e) => A(z, {
 				get classList() {
 					return { selected: e.id === c() };
 				},
 				onClick: () => {
-					Za(e);
+					eo(e);
 				},
 				get children() {
 					return [(() => {
-						var t = ls(), n = t.firstChild;
+						var t = ps(), n = t.firstChild;
 						return R(n, () => e.method), R(t, A(M, {
 							get when() {
 								return e.callerName;
 							},
 							get children() {
-								var t = cs();
+								var t = fs();
 								return R(t, () => e.callerName), t;
 							}
 						}), null), t;
 					})(), (() => {
-						var t = us();
+						var t = ms();
 						return R(t, () => e.path), t;
 					})()];
 				}
 			})
-		})), R(t, A(i.Handle, { index: 0 }), f), I(f, Ds), R(f, (() => {
+		})), R(t, A(i.Handle, { index: 0 }), f), I(f, js), R(f, (() => {
 			var t = N(() => Q.callers.length === 0);
-			return () => t() ? ds() : [
+			return () => t() ? hs() : [
 				(() => {
-					var e = fs(), t = e.firstChild;
+					var e = gs(), t = e.firstChild;
 					return R(e, (() => {
 						var e = N(() => Q.callers.length > 1);
-						return () => e() && A(as, {
+						return () => e() && A(ls, {
 							class: "caller-select",
 							get value() {
 								return String(Q.selectedCallerIdx);
@@ -5543,7 +5635,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 								$("selectedCallerIdx", Number(e));
 							}
 						});
-					})(), t), R(e, A(as, {
+					})(), t), R(e, A(ls, {
 						class: "method-select",
 						get value() {
 							return Q.method;
@@ -5558,7 +5650,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 							$("method", e);
 						}
 					}), t), t.$$keydown = (e) => {
-						e.key === "Enter" && Ya();
+						e.key === "Enter" && Qa();
 					}, t.$$input = (e) => {
 						$({
 							path: e.currentTarget.value,
@@ -5570,7 +5662,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 							return Q.isLoading || !!o();
 						},
 						onClick: () => {
-							Ya();
+							Qa();
 						},
 						get children() {
 							return [A(V, { name: "play" }), N(() => Q.isLoading ? "Sending…" : "Send")];
@@ -5587,9 +5679,9 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 							$("inputValues", e.name, t);
 						}
 						if (e.type === "select") return [(() => {
-							var t = hs();
+							var t = ys();
 							return R(t, () => e.label ?? e.name), t;
-						})(), A(as, {
+						})(), A(ls, {
 							class: "input-select",
 							get value() {
 								return t() || (typeof e.options[0] == "string" ? e.options[0] : e.options[0]?.value) || "";
@@ -5603,22 +5695,22 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 							onChange: n
 						})];
 						if (e.type === "string") return [(() => {
-							var t = hs();
+							var t = ys();
 							return R(t, () => e.label ?? e.name), t;
 						})(), (() => {
-							var r = gs();
+							var r = bs();
 							return r.$$input = (e) => {
 								n(e.currentTarget.value);
 							}, O(() => F(r, "placeholder", e.placeholder)), O(() => r.value = t()), r;
 						})()];
-						let r = k(() => Ga(t()));
+						let r = k(() => Ja(t()));
 						return [
 							(() => {
-								var t = hs();
+								var t = ys();
 								return R(t, () => e.label ?? `${e.name} (json)`), t;
 							})(),
 							(() => {
-								var i = _s();
+								var i = xs();
 								return i.$$input = (e) => {
 									n(e.currentTarget.value);
 								}, O((t) => {
@@ -5634,7 +5726,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 									return r();
 								},
 								get children() {
-									var e = ps();
+									var e = _s();
 									return R(e, r), e;
 								}
 							})
@@ -5646,7 +5738,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 						return Q.sendError;
 					},
 					get children() {
-						var e = ps();
+						var e = _s();
 						return R(e, () => Q.sendError), e;
 					}
 				}),
@@ -5655,8 +5747,8 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 						return s().length > 0;
 					},
 					get children() {
-						var t = ms(), n = t.firstChild.firstChild.nextSibling;
-						return I(t, Os), R(n, A(j, {
+						var t = vs(), n = t.firstChild.firstChild.nextSibling;
+						return I(t, Ms), R(n, A(j, {
 							get each() {
 								return s();
 							},
@@ -5670,7 +5762,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 								},
 								get children() {
 									return [(() => {
-										var n = vs(), r = n.firstChild, i = r.nextSibling, a = i.firstChild, o = i.nextSibling;
+										var n = Ss(), r = n.firstChild, i = r.nextSibling, a = i.firstChild, o = i.nextSibling;
 										return R(r, () => t.isError ? "error" : "success", null), R(r, (() => {
 											var e = N(() => t.status !== void 0);
 											return () => e() && ` · ${t.status}`;
@@ -5686,7 +5778,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 											return t.callerName;
 										},
 										get children() {
-											var e = ys();
+											var e = Cs();
 											return e.firstChild, R(e, () => t.callerName, null), e;
 										}
 									})];
@@ -5697,22 +5789,22 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 								return l();
 							},
 							keyed: !0,
-							children: (e) => A(As, { result: e })
+							children: (e) => A(Ps, { result: e })
 						}), null), O((e) => L(t, "grid-template-columns", a.gridTemplateColumns())), t;
 					}
 				})
 			];
 		})()), O((e) => L(t, "grid-template-columns", i.gridTemplateColumns())), t;
 	})();
-}, As = (t) => {
+}, Ps = (t) => {
 	let n = k(() => Object.entries(t.result.inputValues).filter(([, e]) => e !== ""));
 	return (() => {
-		var r = xs(), i = r.firstChild, a = i.firstChild, o = a.nextSibling, s = i.nextSibling, c = s.firstChild, l = c.nextSibling, u = l.firstChild, d = l.nextSibling, f = s.nextSibling;
+		var r = Ts(), i = r.firstChild, a = i.firstChild, o = a.nextSibling, s = i.nextSibling, c = s.firstChild, l = c.nextSibling, u = l.firstChild, d = l.nextSibling, f = s.nextSibling;
 		return R(a, () => t.result.method), R(o, () => t.result.path), R(i, A(z, {
 			class: "modify-button",
 			title: "Load this request into the form",
 			onClick: () => {
-				Za(t.result);
+				eo(t.result);
 			},
 			children: "modify"
 		}), null), R(c, () => t.result.isError ? "error" : "success", null), R(c, (() => {
@@ -5723,7 +5815,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 				return t.result.callerName;
 			},
 			get children() {
-				var e = bs();
+				var e = ws();
 				return e.firstChild, R(e, () => t.result.callerName, null), e;
 			}
 		}), d), R(d, () => e(t.result.startTime).format("YYYY-MM-DD HH:mm:ss")), R(r, A(j, {
@@ -5731,16 +5823,16 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 				return n();
 			},
 			children: ([e, t]) => [(() => {
-				var t = Ss(), n = t.firstChild;
+				var t = Es(), n = t.firstChild;
 				return R(t, e, n), t;
 			})(), (() => {
-				var e = Cs();
+				var e = Ds();
 				return R(e, t), e;
 			})()]
 		}), f), R(r, (() => {
 			var e = N(() => t.result.error !== null);
 			return () => e() ? (() => {
-				var e = ws();
+				var e = Os();
 				return R(e, () => t.result.error), e;
 			})() : A(X, {
 				get value() {
@@ -5760,7 +5852,7 @@ var es = /*#__PURE__*/ P("<label>"), ts = /*#__PURE__*/ P("<div><div class=input
 it(["input", "keydown"]);
 //#endregion
 //#region src/pages/logs/LogsPage.tsx
-var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=search><input type=text placeholder=\"Search logs\"></label></div><div class=list>"), Ms = /*#__PURE__*/ P("<div class=empty>"), Ns = /*#__PURE__*/ P("<div class=marker><span class=time></span><span class=label></span><div class=line>"), Ps = /*#__PURE__*/ P("<span class=time>"), Fs = /*#__PURE__*/ P("<span class=badge>"), Is = /*#__PURE__*/ P("<span class=message>"), Ls = /*#__PURE__*/ P("<span class=copy title=\"Copy log as JSON\">"), Rs = /*#__PURE__*/ P("<div class=log>"), zs = /*#__PURE__*/ P("<span class=category>"), Bs = /*#__PURE__*/ P("<div class=details>"), Vs = /*#__PURE__*/ P("<div class=no-details>no details attached"), Hs = B`
+var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=search><input type=text placeholder=\"Search logs\"></label></div><div class=list>"), Is = /*#__PURE__*/ P("<div class=empty>"), Ls = /*#__PURE__*/ P("<div class=marker><span class=time></span><span class=label></span><div class=line>"), Rs = /*#__PURE__*/ P("<span class=time>"), zs = /*#__PURE__*/ P("<span class=badge>"), Bs = /*#__PURE__*/ P("<span class=message>"), Vs = /*#__PURE__*/ P("<span class=copy title=\"Copy log as JSON\">"), Hs = /*#__PURE__*/ P("<span class=delete title=\"Delete log\">"), Us = /*#__PURE__*/ P("<div class=log>"), Ws = /*#__PURE__*/ P("<span class=category>"), Gs = /*#__PURE__*/ P("<div class=details>"), Ks = /*#__PURE__*/ P("<div class=no-details>no details attached"), qs = B`
   &&& {
     ${W({ align: "stretch" })};
     padding: 12px 16px;
@@ -5943,7 +6035,8 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
           &:hover {
             background: ${G.white.alpha(.05)};
 
-            .copy {
+            .copy,
+            .delete {
               opacity: 1;
             }
           }
@@ -5979,7 +6072,8 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
             ${J};
           }
 
-          .copy {
+          .copy,
+          .delete {
             ${U()};
             flex-shrink: 0;
             padding: 2px;
@@ -5993,6 +6087,11 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
               background: ${G.white.alpha(.1)};
             }
           }
+
+          .delete:hover {
+            color: ${G.error.var};
+            background: ${G.error.alpha(.12)};
+          }
         }
 
         &.expanded > .row .message {
@@ -6010,11 +6109,11 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
       }
     }
   }
-`, Us = [
+`, Js = [
 	"error",
 	"warning",
 	"info"
-], Ws = "__all-categories__", Gs = () => {
+], Ys = "__all-categories__", Xs = () => {
 	let [t, n] = D(null), [r, i] = D(""), [a, o] = D(""), [s, c] = D(null), l = k(() => {
 		let e = /* @__PURE__ */ new Set();
 		for (let t of Cr.logs) t.category && e.add(t.category);
@@ -6051,12 +6150,12 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 				time: e.time,
 				timeISO: new Date(e.time).toISOString()
 			})) } : {},
-			logs: d().map((e) => Dr(e))
+			logs: d().map((e) => Or(e))
 		};
 	}
 	return (() => {
-		var d = js(), m = d.firstChild.nextSibling, h = m.firstChild, g = h.firstChild, _ = m.nextSibling;
-		return I(d, Hs), R(m, A(z, {
+		var d = Fs(), m = d.firstChild.nextSibling, h = m.firstChild, g = h.firstChild, _ = m.nextSibling;
+		return I(d, qs), R(m, A(z, {
 			class: "severity",
 			get classList() {
 				return { active: t() === null };
@@ -6072,7 +6171,7 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 				];
 			}
 		}), h), R(m, A(j, {
-			each: Us,
+			each: Js,
 			children: (e) => A(z, {
 				class: `severity ${e}`,
 				get classList() {
@@ -6092,14 +6191,14 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			})
 		}), h), R(m, (() => {
 			var e = N(() => l().length > 0);
-			return () => e() && A(as, {
+			return () => e() && A(ls, {
 				class: "category-select",
 				get value() {
-					return r() || Ws;
+					return r() || Ys;
 				},
 				get options() {
 					return [{
-						value: Ws,
+						value: Ys,
 						label: "all categories"
 					}, ...l().map((e) => ({
 						value: e,
@@ -6107,7 +6206,7 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 					}))];
 				},
 				onChange: (e) => {
-					i(() => e === Ws ? "" : e);
+					i(() => e === Ys ? "" : e);
 				}
 			});
 		})(), h), R(h, A(V, { name: "search" }), g), g.$$input = (e) => {
@@ -6116,7 +6215,7 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			class: "action",
 			title: "Copy visible logs as JSON",
 			onClick: () => {
-				Or(JSON.stringify(p(), null, 2));
+				kr(JSON.stringify(p(), null, 2));
 			},
 			get children() {
 				return [A(V, { name: "copy" }), "Copy JSON"];
@@ -6125,7 +6224,7 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			class: "action",
 			title: "Save visible logs to a .json file",
 			onClick: () => {
-				kr(p(), "devtools-logs"), dr("Logs downloaded");
+				Ar(p(), "devtools-logs"), dr("Logs downloaded");
 			},
 			get children() {
 				return [A(V, { name: "download" }), "Save .json"];
@@ -6136,14 +6235,14 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			},
 			get fallback() {
 				return (() => {
-					var e = Ms();
+					var e = Is();
 					return R(e, () => Cr.logs.length > 0 ? "no logs matching the filters" : "no logs registered yet, use the addLog() export to collect logs here"), e;
 				})();
 			},
 			children: (t) => t.itemType === "marker" ? (() => {
-				var n = Ns(), r = n.firstChild, i = r.nextSibling;
+				var n = Ls(), r = n.firstChild, i = r.nextSibling;
 				return R(r, () => e(t.marker.time).format("HH:mm:ss")), R(n, A(V, { name: "flag" }), i), R(i, () => t.marker.label), n;
-			})() : A(Ks, {
+			})() : A(Zs, {
 				get log() {
 					return t.log;
 				},
@@ -6156,46 +6255,52 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			})
 		})), O(() => g.value = a()), d;
 	})();
-}, Ks = (t) => (() => {
-	var n = Rs();
+}, Zs = (t) => (() => {
+	var n = Us();
 	return R(n, A(z, {
 		class: "row",
 		onClick: () => t.onToggleExpanded(),
 		get children() {
 			return [
 				(() => {
-					var n = Ps();
+					var n = Rs();
 					return R(n, () => e(t.log.time).format("HH:mm:ss")), O(() => F(n, "title", e(t.log.time).format("YYYY-MM-DD HH:mm:ss.SSS"))), n;
 				})(),
 				(() => {
-					var e = Fs();
+					var e = zs();
 					return R(e, () => t.log.severity), e;
 				})(),
 				N(() => N(() => !!t.log.category)() && (() => {
-					var e = zs();
+					var e = Ws();
 					return R(e, () => t.log.category), e;
 				})()),
 				(() => {
-					var e = Is();
+					var e = Bs();
 					return R(e, () => t.log.message), e;
 				})(),
 				(() => {
-					var e = Ls();
+					var e = Vs();
 					return e.$$click = (e) => {
-						e.stopPropagation(), Or(Dr(t.log));
+						e.stopPropagation(), kr(Or(t.log));
 					}, R(e, A(V, { name: "copy" })), e;
+				})(),
+				(() => {
+					var e = Hs();
+					return e.$$click = (e) => {
+						e.stopPropagation(), Dr(t.log.id);
+					}, R(e, A(V, { name: "trash" })), e;
 				})()
 			];
 		}
 	}), null), R(n, (() => {
 		var e = N(() => !!t.expanded);
 		return () => e() && (() => {
-			var e = Bs();
+			var e = Gs();
 			return R(e, (() => {
 				var e = N(() => t.log.details !== void 0);
 				return () => e() ? A(X, { get value() {
 					return t.log.details;
-				} }) : Vs();
+				} }) : Ks();
 			})()), e;
 		})();
 	})(), null), O((e) => ct(n, {
@@ -6206,15 +6311,15 @@ var js = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 it(["input", "click"]);
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/getCompositeKey.mjs
-function qs(e, t = 3, n) {
-	let r = Js(t, n);
+function Qs(e, t = 3, n) {
+	let r = $s(t, n);
 	if (typeof e == "string" || !e || typeof e != "object") {
 		let t = r.stringify?.(e);
 		return t === void 0 ? typeof e == "string" ? `"${e}` : `$${e}` : t;
 	}
-	return Ys(e, r, 0, /* @__PURE__ */ new WeakSet());
+	return ec(e, r, 0, /* @__PURE__ */ new WeakSet());
 }
-function Js(e, t) {
+function $s(e, t) {
 	return typeof e == "number" ? {
 		maxSortingDepth: e,
 		stringify: t
@@ -6223,7 +6328,7 @@ function Js(e, t) {
 		stringify: e.stringify
 	};
 }
-function Ys(e, t, n, r) {
+function ec(e, t, n, r) {
 	let i = t.stringify?.(e);
 	if (i !== void 0) return i;
 	let a = e && typeof e == "object";
@@ -6234,14 +6339,14 @@ function Ys(e, t, n, r) {
 	let o;
 	if (Array.isArray(e)) {
 		o = "[";
-		for (let i of e) o.length > 1 && (o += ","), o += Ys(i, t, n + 1, r);
+		for (let i of e) o.length > 1 && (o += ","), o += ec(i, t, n + 1, r);
 		o += "]";
-	} else if (Ci(e)) {
+	} else if (Ei(e)) {
 		let i = Object.entries(e);
 		if (i.length === 0) o = "{}";
 		else {
 			n < t.maxSortingDepth && (i = i.sort(([e], [t]) => e < t ? -1 : +(e > t))), o = "{";
-			for (let [e, a] of i) a !== void 0 && (o.length > 1 && (o += ","), o += `${e}:${Ys(a, t, n + 1, r)}`);
+			for (let [e, a] of i) a !== void 0 && (o.length > 1 && (o += ","), o += `${e}:${ec(a, t, n + 1, r)}`);
 			o += "}";
 		}
 	} else o = JSON.stringify(e);
@@ -6249,7 +6354,7 @@ function Ys(e, t, n, r) {
 }
 //#endregion
 //#region src/pages/stats/StatsPage.tsx
-var Xs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>requests</span><span class=value></span></div><div><span class=label>errors</span><span class=value></span></div><div><span class=label>warnings</span><span class=value></span></div><div><span class=label>pending</span><span class=value></span></div><div><span class=label>avg duration</span><span class=value> ms</span></div></div><div><h2>Slowest requests</h2></div><div><h2>Heaviest responses</h2></div><div><h2>Duplicated requests</h2><div class=hint>requests with the same payload and url params repeated within 10s</div></div><div><h2>Unused response data</h2><div class=hint>response fields reported as not used by the app, an opportunity to reduce payload sizes"), Zs = /*#__PURE__*/ P("<div class=empty>no completed requests"), Qs = /*#__PURE__*/ P("<div class=bar>"), $s = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=metric> ms"), ec = /*#__PURE__*/ P("<div class=empty>no responses received"), tc = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=metric>"), nc = /*#__PURE__*/ P("<div class=empty>no duplicated requests detected"), rc = /*#__PURE__*/ P("<div class=\"bar warning\">"), ic = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=\"metric warning\">x in <!>s"), ac = /*#__PURE__*/ P("<span class=detail>same response"), oc = /*#__PURE__*/ P("<div class=empty>no unused response data reported"), sc = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=\"metric warning\"> field"), cc = B`
+var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>requests</span><span class=value></span></div><div><span class=label>errors</span><span class=value></span></div><div><span class=label>warnings</span><span class=value></span></div><div><span class=label>pending</span><span class=value></span></div><div><span class=label>avg duration</span><span class=value> ms</span></div></div><div><h2>Slowest requests</h2></div><div><h2>Heaviest responses</h2></div><div><h2>Duplicated requests</h2><div class=hint>requests with the same payload and url params repeated within 10s</div></div><div><h2>Unused response data</h2><div class=hint>response fields reported as not used by the app, an opportunity to reduce payload sizes"), nc = /*#__PURE__*/ P("<div class=empty>no completed requests"), rc = /*#__PURE__*/ P("<div class=bar>"), ic = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=metric> ms"), ac = /*#__PURE__*/ P("<div class=empty>no responses received"), oc = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=metric>"), sc = /*#__PURE__*/ P("<div class=empty>no duplicated requests detected"), cc = /*#__PURE__*/ P("<div class=\"bar warning\">"), lc = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=\"metric warning\">x in <!>s"), uc = /*#__PURE__*/ P("<span class=detail>same response"), dc = /*#__PURE__*/ P("<div class=empty>no unused response data reported"), fc = /*#__PURE__*/ P("<div class=row><span class=name></span><span class=detail></span><span class=\"metric warning\"> field"), pc = B`
   &&& {
     ${W({ align: "stretch" })};
     overflow-y: auto;
@@ -6263,7 +6368,7 @@ var Xs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
       padding-bottom: 4px;
     }
   }
-`, lc = B`
+`, mc = B`
   &&& {
     ${U({ gap: 12 })};
     flex-wrap: wrap;
@@ -6302,7 +6407,7 @@ var Xs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
       }
     }
   }
-`, uc = B`
+`, hc = B`
   &&& {
     ${W({ align: "stretch" })};
     gap: 6px;
@@ -6325,7 +6430,7 @@ var Xs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
       margin-top: -4px;
     }
   }
-`, dc = B`
+`, gc = B`
   &&& {
     ${W({ align: "stretch" })};
     position: relative;
@@ -6387,11 +6492,11 @@ var Xs = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
       }
     }
   }
-`, fc = 1e4;
-function pc(e) {
+`, _c = 1e4;
+function vc(e) {
 	return nn(() => e.response === void 0 ? 0 : JSON.stringify(e.response).length) || 0;
 }
-function mc(e) {
+function yc(e) {
 	return Y(e, {
 		unit: "byte",
 		style: "unit",
@@ -6399,18 +6504,18 @@ function mc(e) {
 		unitDisplay: "narrow"
 	});
 }
-function hc(e) {
+function bc(e) {
 	return e.request.alias || (e.request.payload ? JSON.stringify(e.request.payload) : "");
 }
-function gc(e) {
-	Qr({
+function xc(e) {
+	$r({
 		selectedPage: "explorer",
 		selectedCall: e.callID,
 		selectedRequest: e.request.id,
 		selectedSubitem: null
 	});
 }
-var _c = () => {
+var Sc = () => {
 	let e = k(() => {
 		let e = [];
 		for (let [t, n] of Object.entries(H.calls)) for (let r of n.requests) e.push({
@@ -6431,11 +6536,11 @@ var _c = () => {
 		};
 	}), r = k(() => t().filter((e) => e.request.status !== "pending").sort((e, t) => t.request.duration - e.request.duration).slice(0, 10)), i = k(() => t().map((e) => ({
 		...e,
-		size: pc(e.request)
+		size: vc(e.request)
 	})).filter((e) => e.size > 0).sort((e, t) => t.size - e.size).slice(0, 10)), a = k(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let n of t()) {
-			let t = nn(() => qs({
+			let t = nn(() => Qs({
 				callID: n.callID,
 				searchParams: n.request.searchParams,
 				payload: n.request.payload
@@ -6448,7 +6553,7 @@ var _c = () => {
 			let e = [...t].sort((e, t) => e.request.startTime - t.request.startTime), r = 0, i = 0, a = 0;
 			for (let t = 1; t < e.length; t++) {
 				let n = e[t], o = e[a];
-				for (; n && o && n.request.startTime - o.request.startTime > fc;) a++, o = e[a];
+				for (; n && o && n.request.startTime - o.request.startTime > _c;) a++, o = e[a];
 				t - a > i - r && (r = a, i = t);
 			}
 			let o = i - r + 1;
@@ -6468,7 +6573,7 @@ var _c = () => {
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e()) {
 			if (!n.request.unusedResponseData || n.request.unusedResponseData.length === 0) continue;
-			let e = oo(n.request.response, n.request.unusedResponseData), r = t.get(n.callID);
+			let e = lo(n.request.response, n.request.unusedResponseData), r = t.get(n.callID);
 			if (r) {
 				r.requestsCount++, r.item = n, r.unusedBytes += e;
 				for (let e of n.request.unusedResponseData) r.fields.add(e);
@@ -6482,26 +6587,26 @@ var _c = () => {
 		return [...t.values()].sort((e, t) => t.unusedBytes - e.unusedBytes || t.fields.size - e.fields.size);
 	}), s = k(() => r()[0]?.request.duration || 1), c = k(() => i()[0]?.size || 1);
 	return (() => {
-		var e = Xs(), t = e.firstChild.nextSibling, l = t.firstChild, u = l.firstChild.nextSibling, d = l.nextSibling, f = d.firstChild.nextSibling, p = d.nextSibling, m = p.firstChild.nextSibling, h = p.nextSibling, g = h.firstChild.nextSibling, _ = h.nextSibling.firstChild.nextSibling, v = _.firstChild, y = t.nextSibling;
+		var e = tc(), t = e.firstChild.nextSibling, l = t.firstChild, u = l.firstChild.nextSibling, d = l.nextSibling, f = d.firstChild.nextSibling, p = d.nextSibling, m = p.firstChild.nextSibling, h = p.nextSibling, g = h.firstChild.nextSibling, _ = h.nextSibling.firstChild.nextSibling, v = _.firstChild, y = t.nextSibling;
 		y.firstChild;
-		var b = y.nextSibling;
-		b.firstChild;
-		var ee = b.nextSibling;
-		ee.firstChild.nextSibling;
-		var te = ee.nextSibling;
-		return te.firstChild.nextSibling, I(e, cc), I(t, lc), R(u, () => Y(n().total)), R(f, () => Y(n().errors)), R(m, () => Y(n().warnings)), R(g, () => Y(n().pending)), R(_, () => Y(n().avgDuration, { maximumFractionDigits: 0 }), v), I(y, uc), R(y, A(j, {
+		var ee = y.nextSibling;
+		ee.firstChild;
+		var b = ee.nextSibling;
+		b.firstChild.nextSibling;
+		var te = b.nextSibling;
+		return te.firstChild.nextSibling, I(e, pc), I(t, mc), R(u, () => Y(n().total)), R(f, () => Y(n().errors)), R(m, () => Y(n().warnings)), R(g, () => Y(n().pending)), R(_, () => Y(n().avgDuration, { maximumFractionDigits: 0 }), v), I(y, hc), R(y, A(j, {
 			get each() {
 				return r();
 			},
 			get fallback() {
-				return Zs();
+				return nc();
 			},
 			children: (e) => A(z, {
-				class: dc,
-				onClick: () => gc(e),
+				class: gc,
+				onClick: () => xc(e),
 				get children() {
 					return [(() => {
-						var t = Qs();
+						var t = rc();
 						return O((n) => {
 							var r = e.request.duration > 1e3, i = `${e.request.duration / s() * 100}%`;
 							return r !== n.e && t.classList.toggle("error", n.e = r), i !== n.t && L(t, "width", n.t = i), n;
@@ -6510,70 +6615,70 @@ var _c = () => {
 							t: void 0
 						}), t;
 					})(), (() => {
-						var t = $s(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
-						return R(n, () => e.callName), R(r, () => hc(e)), R(i, () => Y(e.request.duration, { maximumFractionDigits: 0 }), a), O(() => i.classList.toggle("error", e.request.duration > 1e3)), t;
+						var t = ic(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
+						return R(n, () => e.callName), R(r, () => bc(e)), R(i, () => Y(e.request.duration, { maximumFractionDigits: 0 }), a), O(() => i.classList.toggle("error", e.request.duration > 1e3)), t;
 					})()];
 				}
 			})
-		}), null), I(b, uc), R(b, A(j, {
+		}), null), I(ee, hc), R(ee, A(j, {
 			get each() {
 				return i();
 			},
 			get fallback() {
-				return ec();
+				return ac();
 			},
 			children: (e) => A(z, {
-				class: dc,
-				onClick: () => gc(e),
+				class: gc,
+				onClick: () => xc(e),
 				get children() {
 					return [(() => {
-						var t = Qs();
+						var t = rc();
 						return O((n) => L(t, "width", `${e.size / c() * 100}%`)), t;
 					})(), (() => {
-						var t = tc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling;
-						return R(n, () => e.callName), R(r, () => hc(e)), R(i, () => mc(e.size)), t;
+						var t = oc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling;
+						return R(n, () => e.callName), R(r, () => bc(e)), R(i, () => yc(e.size)), t;
 					})()];
 				}
 			})
-		}), null), I(ee, uc), R(ee, A(j, {
+		}), null), I(b, hc), R(b, A(j, {
 			get each() {
 				return a();
 			},
 			get fallback() {
-				return nc();
+				return sc();
 			},
 			children: (e) => A(z, {
-				class: dc,
-				onClick: () => gc(e.item),
+				class: gc,
+				onClick: () => xc(e.item),
 				get children() {
 					return [(() => {
-						var t = rc();
+						var t = cc();
 						return O((n) => L(t, "width", `${Math.min(e.count * 10, 100)}%`)), t;
 					})(), (() => {
-						var t = ic(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild, o = a.nextSibling;
-						return o.nextSibling, R(n, () => e.item.callName), R(r, () => hc(e.item)), R(t, (() => {
+						var t = lc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild, o = a.nextSibling;
+						return o.nextSibling, R(n, () => e.item.callName), R(r, () => bc(e.item)), R(t, (() => {
 							var t = N(() => !!e.sameResponse);
-							return () => t() && ac();
+							return () => t() && uc();
 						})(), i), R(i, () => e.count, a), R(i, () => Y(e.windowMs / 1e3, { maximumFractionDigits: 1 }), o), t;
 					})()];
 				}
 			})
-		}), null), I(te, uc), R(te, A(j, {
+		}), null), I(te, hc), R(te, A(j, {
 			get each() {
 				return o();
 			},
 			get fallback() {
-				return oc();
+				return dc();
 			},
 			children: (e) => A(z, {
-				class: dc,
-				onClick: () => gc(e.item),
+				class: gc,
+				onClick: () => xc(e.item),
 				get children() {
 					return [(() => {
-						var t = rc();
+						var t = cc();
 						return O((n) => L(t, "width", `${Math.min(e.fields.size * 10, 100)}%`)), t;
 					})(), (() => {
-						var t = sc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
+						var t = fc(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.firstChild;
 						return R(n, () => e.item.callName), R(r, () => [...e.fields].join(", ")), R(i, () => e.fields.size, a), R(i, () => e.fields.size === 1 ? "" : "s", null), R(i, (() => {
 							var t = N(() => e.unusedBytes > 0);
 							return () => t() && ` · ${Y(e.unusedBytes, {
@@ -6595,7 +6700,7 @@ var _c = () => {
 			a: void 0
 		}), e;
 	})();
-}, vc = /*#__PURE__*/ P("<div><h1>timeline"), yc = /*#__PURE__*/ P("<div class=empty>no requests tracked yet"), bc = /*#__PURE__*/ P("<div title=\"Drag to filter a time range, click to reset\">"), xc = /*#__PURE__*/ P("<div><span></span><span> requests</span><span>"), Sc = /*#__PURE__*/ P("<div><div class=content>"), Cc = /*#__PURE__*/ P("<div class=tick>"), wc = /*#__PURE__*/ P("<div class=\"tick marker\">"), Tc = /*#__PURE__*/ P("<div class=shade style=left:0>"), Ec = /*#__PURE__*/ P("<div class=shade style=right:0>"), Dc = /*#__PURE__*/ P("<div class=handle data-handle=start>"), Oc = /*#__PURE__*/ P("<div class=handle data-handle=end>"), kc = /*#__PURE__*/ P("<div>"), Ac = /*#__PURE__*/ P("<div class=marker-line><button>"), jc = /*#__PURE__*/ P("<div class=row role=button tabindex=0><div class=label><span class=name></span></div><div class=track><div class=bar></div><span class=duration>"), Mc = /*#__PURE__*/ P("<span class=alias>"), Nc = 220, Pc = B`
+}, Cc = /*#__PURE__*/ P("<div><h1>timeline"), wc = /*#__PURE__*/ P("<div class=empty>no requests tracked yet"), Tc = /*#__PURE__*/ P("<div><label class=search><input type=text placeholder=Search>"), Ec = /*#__PURE__*/ P("<div title=\"Drag to filter a time range, click to reset\">"), Dc = /*#__PURE__*/ P("<div><span></span><span> requests</span><span>"), Oc = /*#__PURE__*/ P("<div><div class=content>"), kc = /*#__PURE__*/ P("<div class=tick>"), Ac = /*#__PURE__*/ P("<div class=\"tick marker\">"), jc = /*#__PURE__*/ P("<div class=shade style=left:0>"), Mc = /*#__PURE__*/ P("<div class=shade style=right:0>"), Nc = /*#__PURE__*/ P("<div class=handle data-handle=start>"), Pc = /*#__PURE__*/ P("<div class=handle data-handle=end>"), Fc = /*#__PURE__*/ P("<div>"), Ic = /*#__PURE__*/ P("<div class=marker-line><button>"), Lc = /*#__PURE__*/ P("<div class=row role=button tabindex=0><div class=label><span></span><span class=name></span></div><div class=track><div class=bar></div><span class=duration>"), Rc = /*#__PURE__*/ P("<span class=alias>"), zc = 220, Bc = B`
   &&& {
     ${W({ align: "stretch" })};
     overflow: hidden;
@@ -6619,7 +6724,54 @@ var _c = () => {
       padding-top: 20px;
     }
   }
-`, Fc = B`
+`, Vc = B`
+  &&& {
+    ${U({ gap: 12 })};
+    flex-shrink: 0;
+
+    > .search {
+      ${U({ gap: 8 })};
+      display: grid;
+      grid-template-columns: 14px 1fr;
+      width: 220px;
+      background: ${G.white.alpha(.05)};
+      border-radius: 4px;
+      --icon-size: 16px;
+      padding: 4px 0;
+      padding-left: 6px;
+
+      .icon {
+        color: ${G.secondary.var};
+      }
+
+      input {
+        border: none;
+        background: transparent;
+        color: ${G.white.var};
+        font-size: 13px;
+
+        &:focus {
+          outline: none;
+        }
+      }
+    }
+
+    > button {
+      font-size: 12px;
+      opacity: 0.5;
+      ${fi()};
+
+      &:hover {
+        opacity: 1;
+      }
+
+      &.active {
+        opacity: 1;
+        color: ${G.primary.var};
+      }
+    }
+  }
+`, Hc = B`
   &&& {
     position: relative;
     height: 44px;
@@ -6684,7 +6836,7 @@ var _c = () => {
       }
     }
   }
-`, Ic = B`
+`, Uc = B`
   &&& {
     ${U({ gap: 6 })};
     flex-wrap: wrap;
@@ -6715,7 +6867,7 @@ var _c = () => {
       }
     }
   }
-`, Lc = B`
+`, Wc = B`
   &&& {
     ${U()};
     justify-content: space-between;
@@ -6724,7 +6876,7 @@ var _c = () => {
     color: ${G.white.alpha(.5)};
     flex-shrink: 0;
   }
-`, Rc = B`
+`, Gc = B`
   &&& {
     flex: 1 1;
     overflow-y: auto;
@@ -6760,7 +6912,7 @@ var _c = () => {
 
       > .row {
         display: grid;
-        grid-template-columns: ${String(Nc)}px 1fr;
+        grid-template-columns: ${String(zc)}px 1fr;
         height: 22px;
         align-items: center;
         border-radius: 3px;
@@ -6845,15 +6997,15 @@ var _c = () => {
     }
   }
 `;
-function zc(e, t, n) {
+function Kc(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-var Bc = 400, Vc = () => {
-	let [t, n] = D(Date.now()), r = window.setInterval(() => {
-		n(() => Date.now());
+var qc = 400, Jc = () => {
+	let t = en(""), n = en("all"), [r, i] = D(Date.now()), a = window.setInterval(() => {
+		i(() => Date.now());
 	}, 1e3);
-	ue(() => window.clearInterval(r));
-	let i = k(() => {
+	ue(() => window.clearInterval(a));
+	let o = k(() => {
 		let e = [];
 		for (let [t, n] of Object.entries(H.calls)) for (let r of n.requests) e.push({
 			request: r,
@@ -6861,102 +7013,142 @@ var Bc = 400, Vc = () => {
 			callName: n.name
 		});
 		return e.sort((e, t) => e.request.startTime - t.request.startTime);
+	}), s = k(() => {
+		let e = n.value, r = t.value.trim();
+		return e === "all" && !r ? o() : o().filter((t) => {
+			if (e === "api" && t.request.type === "ws" || e === "ws" && t.request.type !== "ws" || e === "error" && !t.request.isError) return !1;
+			if (r) {
+				let e = `${t.callName} ${t.request.alias || ""} ${t.request.method || ""} ${t.request.subType || ""}`;
+				if (!mi(r, e).matched) return !1;
+			}
+			return !0;
+		});
 	});
-	function a(e) {
-		return e.status === "pending" ? t() : e.startTime + e.duration;
+	function c(e) {
+		return e.status === "pending" ? r() : e.startTime + e.duration;
 	}
-	let o = k(() => {
-		let e = i(), t = H.markers, n = Infinity, r = -Infinity;
-		for (let t of e) n = Math.min(n, t.request.startTime), r = Math.max(r, a(t.request));
+	let l = k(() => {
+		let e = o(), t = H.markers, n = Infinity, r = -Infinity;
+		for (let t of e) n = Math.min(n, t.request.startTime), r = Math.max(r, c(t.request));
 		for (let e of t) n = Math.min(n, e.time), r = Math.max(r, e.time);
 		return n === Infinity ? null : {
 			start: n,
 			end: Math.max(r, n + 100)
 		};
-	}), [s, c] = D(null), l, u = null, d = 0, f = null;
-	function p(e) {
-		if (!l) return 0;
-		let t = l.getBoundingClientRect();
-		return t.width === 0 ? 0 : zc((e.clientX - t.left) / t.width, 0, 1);
+	}), [u, d] = D(null), f, p = null, m = 0, h = null;
+	function g(e) {
+		if (!f) return 0;
+		let t = f.getBoundingClientRect();
+		return t.width === 0 ? 0 : Kc((e.clientX - t.left) / t.width, 0, 1);
 	}
-	function m(e) {
-		return f ? f.start + (f.end - f.start) * p(e) : 0;
+	function _(e) {
+		return h ? h.start + (h.end - h.start) * g(e) : 0;
 	}
-	function h(e) {
-		if (f = o(), !f) return;
-		let t = m(e), n = e.target instanceof HTMLElement ? e.target.closest("[data-handle]") : null;
-		n instanceof HTMLElement && n.dataset.handle === "start" ? u = "start" : n instanceof HTMLElement && n.dataset.handle === "end" ? u = "end" : (u = "new", d = t, c(() => ({
+	function v(e) {
+		if (h = l(), !h) return;
+		let t = _(e), n = e.target instanceof HTMLElement ? e.target.closest("[data-handle]") : null;
+		n instanceof HTMLElement && n.dataset.handle === "start" ? p = "start" : n instanceof HTMLElement && n.dataset.handle === "end" ? p = "end" : (p = "new", m = t, d(() => ({
 			start: t,
 			end: t
-		}))), l?.setPointerCapture(e.pointerId);
+		}))), f?.setPointerCapture(e.pointerId);
 	}
-	function g(e) {
-		if (!u) return;
-		let t = m(e), n = s();
-		u === "start" ? n && c(() => ({
+	function y(e) {
+		if (!p) return;
+		let t = _(e), n = u();
+		p === "start" ? n && d(() => ({
 			start: Math.min(t, n.end),
 			end: n.end
-		})) : u === "end" ? n && c(() => ({
+		})) : p === "end" ? n && d(() => ({
 			start: n.start,
 			end: Math.max(t, n.start)
-		})) : c(() => ({
-			start: Math.min(d, t),
-			end: Math.max(d, t)
+		})) : d(() => ({
+			start: Math.min(m, t),
+			end: Math.max(m, t)
 		}));
 	}
-	function _() {
-		if (!u) return;
-		u = null;
-		let e = s();
-		if (e && f) {
-			let t = (f.end - f.start) * .005;
-			e.end - e.start < t && c(() => null);
+	function ee() {
+		if (!p) return;
+		p = null;
+		let e = u();
+		if (e && h) {
+			let t = (h.end - h.start) * .005;
+			e.end - e.start < t && d(() => null);
 		}
-		f = null;
+		h = null;
 	}
-	let v = k(() => {
-		let e = o();
+	let b = k(() => {
+		let e = l();
 		if (!e) return null;
-		let t = s();
+		let t = u();
 		return t ? {
 			start: t.start,
 			end: Math.max(t.end, t.start + 10)
 		} : e;
-	}), y = k(() => {
-		let e = v();
-		return e ? i().filter((t) => t.request.startTime <= e.end && a(t.request) >= e.start) : [];
-	}), b = k(() => y().slice(-400)), ee = k(() => {
-		let e = v();
+	}), te = k(() => {
+		let e = b();
+		return e ? s().filter((t) => t.request.startTime <= e.end && c(t.request) >= e.start) : [];
+	}), ne = k(() => te().slice(-400)), x = k(() => {
+		let e = b();
 		return e ? H.markers.filter((t) => t.time >= e.start && t.time <= e.end) : [];
 	});
-	function te(e) {
-		let t = v();
-		return t ? zc((e - t.start) / (t.end - t.start), 0, 1) : 0;
+	function re(e) {
+		let t = b();
+		return t ? Kc((e - t.start) / (t.end - t.start), 0, 1) : 0;
 	}
-	function ne(e) {
-		let t = o();
-		return t ? zc((e - t.start) / (t.end - t.start), 0, 1) : 0;
+	function ie(e) {
+		let t = l();
+		return t ? Kc((e - t.start) / (t.end - t.start), 0, 1) : 0;
 	}
-	function x(e) {
-		return `calc(${String(Nc)}px + (100% - ${String(Nc)}px) * ${te(e.time)})`;
+	function S(e) {
+		return `calc(${String(zc)}px + (100% - ${String(zc)}px) * ${re(e.time)})`;
 	}
 	return (() => {
-		var t = vc();
-		return t.firstChild, I(t, Pc), R(t, (() => {
-			var t = N(() => !o());
-			return () => t() ? yc() : [
+		var r = Cc();
+		return r.firstChild, I(r, Bc), R(r, (() => {
+			var r = N(() => !l());
+			return () => r() ? wc() : [
 				(() => {
-					var e = bc();
-					e.$$pointerup = _, e.$$pointermove = g, e.$$pointerdown = h;
-					var t = l;
-					return typeof t == "function" ? dt(t, e) : l = e, I(e, Fc), R(e, A(j, {
+					var e = Tc(), r = e.firstChild, i = r.firstChild;
+					return I(e, Vc), R(r, A(V, { name: "search" }), i), i.$$input = (e) => {
+						t.value = e.currentTarget.value;
+					}, R(e, A(z, {
+						onClick: () => n.set("all"),
+						get classList() {
+							return { active: n.value === "all" };
+						},
+						children: "All"
+					}), null), R(e, A(z, {
+						onClick: () => n.set("api"),
+						get classList() {
+							return { active: n.value === "api" };
+						},
+						children: "API"
+					}), null), R(e, A(z, {
+						onClick: () => n.set("ws"),
+						get classList() {
+							return { active: n.value === "ws" };
+						},
+						children: "WebSocket"
+					}), null), R(e, A(z, {
+						onClick: () => n.set("error"),
+						get classList() {
+							return { active: n.value === "error" };
+						},
+						children: "Errors"
+					}), null), O(() => i.value = t.value), e;
+				})(),
+				(() => {
+					var e = Ec();
+					e.$$pointerup = ee, e.$$pointermove = y, e.$$pointerdown = v;
+					var t = f;
+					return typeof t == "function" ? dt(t, e) : f = e, I(e, Hc), R(e, A(j, {
 						get each() {
-							return i();
+							return s();
 						},
 						children: (e) => (() => {
-							var t = Cc();
+							var t = kc();
 							return O((n) => {
-								var r = !!e.request.isError, i = !!(!e.request.isError && e.request.warnings?.length), a = e.request.status === "pending", o = `${ne(e.request.startTime) * 100}%`;
+								var r = !!e.request.isError, i = !!(!e.request.isError && e.request.warnings?.length), a = e.request.status === "pending", o = `${ie(e.request.startTime) * 100}%`;
 								return r !== n.e && t.classList.toggle("error", n.e = r), i !== n.t && t.classList.toggle("warning", n.t = i), a !== n.a && t.classList.toggle("pending", n.a = a), o !== n.o && L(t, "left", n.o = o), n;
 							}, {
 								e: void 0,
@@ -6970,44 +7162,44 @@ var Bc = 400, Vc = () => {
 							return H.markers;
 						},
 						children: (e) => (() => {
-							var t = wc();
-							return O((n) => L(t, "left", `${ne(e.time) * 100}%`)), t;
+							var t = Ac();
+							return O((n) => L(t, "left", `${ie(e.time) * 100}%`)), t;
 						})()
 					}), null), R(e, A(M, {
 						get when() {
-							return s();
+							return u();
 						},
 						children: (e) => [
 							(() => {
-								var t = Tc();
-								return O((n) => L(t, "width", `${ne(e().start) * 100}%`)), t;
+								var t = jc();
+								return O((n) => L(t, "width", `${ie(e().start) * 100}%`)), t;
 							})(),
 							(() => {
-								var t = Ec();
-								return O((n) => L(t, "left", `${ne(e().end) * 100}%`)), t;
+								var t = Mc();
+								return O((n) => L(t, "left", `${ie(e().end) * 100}%`)), t;
 							})(),
 							(() => {
-								var t = Dc();
-								return O((n) => L(t, "left", `${ne(e().start) * 100}%`)), t;
+								var t = Nc();
+								return O((n) => L(t, "left", `${ie(e().start) * 100}%`)), t;
 							})(),
 							(() => {
-								var t = Oc();
-								return O((n) => L(t, "left", `${ne(e().end) * 100}%`)), t;
+								var t = Pc();
+								return O((n) => L(t, "left", `${ie(e().end) * 100}%`)), t;
 							})()
 						]
 					}), null), e;
 				})(),
 				(() => {
-					var t = xc(), n = t.firstChild, r = n.nextSibling, i = r.firstChild, a = r.nextSibling;
-					return I(t, Lc), R(n, () => e(v()?.start).format("HH:mm:ss.SSS")), R(r, () => y().length, i), R(r, () => y().length > Bc && ` (showing last ${Bc})`, null), R(a, () => e(v()?.end).format("HH:mm:ss.SSS")), t;
+					var t = Dc(), n = t.firstChild, r = n.nextSibling, i = r.firstChild, a = r.nextSibling;
+					return I(t, Wc), R(n, () => e(b()?.start).format("HH:mm:ss.SSS")), R(r, () => te().length, i), R(r, () => te().length > qc && ` (showing last ${qc})`, null), R(a, () => e(b()?.end).format("HH:mm:ss.SSS")), t;
 				})(),
 				A(M, {
 					get when() {
-						return s();
+						return u();
 					},
 					children: (e) => (() => {
-						var t = kc();
-						return I(t, Ic), R(t, A(z, {
+						var t = Fc();
+						return I(t, Uc), R(t, A(z, {
 							class: "danger",
 							title: "Remove all requests that ended before the selection",
 							onClick: () => Fn(e().start),
@@ -7015,7 +7207,7 @@ var Bc = 400, Vc = () => {
 						}), null), R(t, A(z, {
 							title: "Reset the selected time range",
 							onClick: () => {
-								c(() => null);
+								d(() => null);
 							},
 							children: "remove selection"
 						}), null), R(t, A(z, {
@@ -7027,7 +7219,7 @@ var Bc = 400, Vc = () => {
 							class: "danger",
 							title: "Remove the requests inside the selection",
 							onClick: () => {
-								Ln(e().start, e().end), c(() => null);
+								Ln(e().start, e().end), d(() => null);
 							},
 							children: "clear selected requests"
 						}), null), R(t, A(z, {
@@ -7044,15 +7236,15 @@ var Bc = 400, Vc = () => {
 					})()
 				}),
 				(() => {
-					var t = Sc(), n = t.firstChild;
-					return I(t, Rc), R(n, A(j, {
+					var t = Oc(), n = t.firstChild;
+					return I(t, Gc), R(n, A(j, {
 						get each() {
-							return ee();
+							return x();
 						},
 						children: (t) => (() => {
-							var n = Ac(), r = n.firstChild;
+							var n = Ic(), r = n.firstChild;
 							return r.$$click = () => jn(t.id), R(r, () => t.label), O((i) => {
-								var a = x(t), o = `${t.label} · ${e(t.time).format("HH:mm:ss.SSS")} · click to remove`;
+								var a = S(t), o = `${t.label} · ${e(t.time).format("HH:mm:ss.SSS")} · click to remove`;
 								return a !== i.e && L(n, "left", i.e = a), o !== i.t && F(r, "title", i.t = o), i;
 							}, {
 								e: void 0,
@@ -7061,31 +7253,31 @@ var Bc = 400, Vc = () => {
 						})()
 					}), null), R(n, A(j, {
 						get each() {
-							return b();
+							return ne();
 						},
 						children: (e) => {
-							let t = k(() => te(e.request.startTime) * 100), n = k(() => te(a(e.request)) * 100);
+							let t = k(() => re(e.request.startTime) * 100), n = k(() => re(c(e.request)) * 100);
 							return (() => {
-								var r = jc(), i = r.firstChild, a = i.firstChild, o = i.nextSibling.firstChild, s = o.nextSibling;
+								var r = Lc(), i = r.firstChild, a = i.firstChild, o = a.nextSibling, s = i.nextSibling.firstChild, c = s.nextSibling;
 								return r.$$click = () => {
-									Qr({
+									$r({
 										selectedPage: "explorer",
 										selectedCall: e.callID,
 										selectedRequest: e.request.id,
 										selectedSubitem: null
 									});
-								}, R(a, () => e.callName), R(i, (() => {
+								}, R(a, () => ni(e.request).label), R(o, () => e.callName), R(i, (() => {
 									var t = N(() => !!e.request.alias);
 									return () => t() && (() => {
-										var t = Mc();
+										var t = Rc();
 										return R(t, () => e.request.alias), t;
 									})();
-								})(), null), R(s, (() => {
+								})(), null), R(c, (() => {
 									var t = N(() => e.request.status === "pending");
 									return () => t() ? "pending…" : `${Y(e.request.duration, { maximumFractionDigits: 0 })}ms`;
 								})()), O((i) => {
-									var a = `${e.callName} · ${e.request.status === "pending" ? "pending" : `${Y(e.request.duration, { maximumFractionDigits: 0 })}ms`}`, c = !!e.request.isError, l = !!(!e.request.isError && e.request.warnings?.length), u = e.request.status === "pending", d = e.request.type === "ws", f = `${t()}%`, p = `${Math.max(n() - t(), .2)}%`, m = `${Math.min(n(), 88)}%`;
-									return a !== i.e && F(r, "title", i.e = a), c !== i.t && o.classList.toggle("error", i.t = c), l !== i.a && o.classList.toggle("warning", i.a = l), u !== i.o && o.classList.toggle("pending", i.o = u), d !== i.i && o.classList.toggle("ws", i.i = d), f !== i.n && L(o, "left", i.n = f), p !== i.s && L(o, "width", i.s = p), m !== i.h && L(s, "left", i.h = m), i;
+									var o = `${e.callName} · ${e.request.status === "pending" ? "pending" : `${Y(e.request.duration, { maximumFractionDigits: 0 })}ms`}`, l = `${ei} ${ni(e.request).class}`, u = !!e.request.isError, d = !!(!e.request.isError && e.request.warnings?.length), f = e.request.status === "pending", p = e.request.type === "ws", m = `${t()}%`, h = `${Math.max(n() - t(), .2)}%`, g = `${Math.min(n(), 88)}%`;
+									return o !== i.e && F(r, "title", i.e = o), l !== i.t && I(a, i.t = l), u !== i.a && s.classList.toggle("error", i.a = u), d !== i.o && s.classList.toggle("warning", i.o = d), f !== i.i && s.classList.toggle("pending", i.i = f), p !== i.n && s.classList.toggle("ws", i.n = p), m !== i.s && L(s, "left", i.s = m), h !== i.h && L(s, "width", i.h = h), g !== i.r && L(c, "left", i.r = g), i;
 								}, {
 									e: void 0,
 									t: void 0,
@@ -7094,17 +7286,19 @@ var Bc = 400, Vc = () => {
 									i: void 0,
 									n: void 0,
 									s: void 0,
-									h: void 0
+									h: void 0,
+									r: void 0
 								}), r;
 							})();
 						}
 					}), null), t;
 				})()
 			];
-		})(), null), t;
+		})(), null), r;
 	})();
 };
 it([
+	"input",
 	"pointerdown",
 	"pointermove",
 	"pointerup",
@@ -7112,7 +7306,7 @@ it([
 ]);
 //#endregion
 //#region src/style/globalStyle.ts
-var Hc = `
+var Yc = `
   font-family: ${K.primary};
   color: ${G.textPrimary.var};
 
@@ -7163,7 +7357,7 @@ var Hc = `
   h3 {
     font-weight: normal;
   }
-`, Uc = "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n", Wc = "\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  min-height: 0;\n  min-width: 0;\n  flex-shrink: 0;\n\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n/* Remove default padding */\nul[class],\nol[class] {\n  padding: 0;\n}\n\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nul[class],\nol[class],\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n  margin: 0;\n}\n\n/* Set core body defaults */\nbody {\n  scroll-behavior: smooth;\n}\n\n/* Natural flow and rhythm in articles by default */\narticle > * + * {\n  margin-top: 1em;\n}\n\n/* Inherit fonts for inputs and buttons */\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n  cursor: pointer;\n}\n\na:visited {\n  color: inherit;\n}\n\nbutton {\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n  -webkit-appearance: none;\n}\n", Gc = [
+`, Xc = "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n", Zc = "\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  min-height: 0;\n  min-width: 0;\n  flex-shrink: 0;\n\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n/* Remove default padding */\nul[class],\nol[class] {\n  padding: 0;\n}\n\n/* Remove default margin */\nbody,\nh1,\nh2,\nh3,\nh4,\np,\nul[class],\nol[class],\nli,\nfigure,\nfigcaption,\nblockquote,\ndl,\ndd {\n  margin: 0;\n}\n\n/* Set core body defaults */\nbody {\n  scroll-behavior: smooth;\n}\n\n/* Natural flow and rhythm in articles by default */\narticle > * + * {\n  margin-top: 1em;\n}\n\n/* Inherit fonts for inputs and buttons */\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n\na {\n  color: inherit;\n  text-decoration: inherit;\n  cursor: pointer;\n}\n\na:visited {\n  color: inherit;\n}\n\nbutton {\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n  -webkit-appearance: none;\n}\n", Qc = [
 	"beforeinput",
 	"click",
 	"dblclick",
@@ -7186,13 +7380,13 @@ var Hc = `
 	"touchend",
 	"touchmove",
 	"touchstart"
-], Kc = null;
-function qc() {
-	Kc && !Kc.closed && Kc.close(), Kc = null, sl();
+], $c = null;
+function el() {
+	$c && !$c.closed && $c.close(), $c = null, ml();
 }
-function Jc() {
-	if (Kc && !Kc.closed) {
-		Kc.focus(), cl();
+function tl() {
+	if ($c && !$c.closed) {
+		$c.focus(), hl();
 		return;
 	}
 	let e = window.open("", "app-devtools-window", "width=1400,height=900,popup=yes");
@@ -7200,7 +7394,7 @@ function Jc() {
 		dr("The popup was blocked by the browser");
 		return;
 	}
-	Kc = e;
+	$c = e;
 	let t = e.document;
 	t.head.innerHTML = "", t.body.innerHTML = "", t.title = `App DevTools · ${window.location.host}`, t.body.style.margin = "0", t.body.style.background = "#0F172A";
 	let n = document.documentElement.style;
@@ -7213,10 +7407,10 @@ function Jc() {
 			source: e,
 			mirror: n
 		});
-	}), it(Gc, t);
+	}), it(Qc, t);
 	let i = t.createElement("div");
 	t.body.appendChild(i);
-	let a = rt(() => A(tl, { standalone: !0 }), i), o = window.setInterval(() => {
+	let a = rt(() => A(cl, { standalone: !0 }), i), o = window.setInterval(() => {
 		if (e.closed) {
 			s();
 			return;
@@ -7224,15 +7418,15 @@ function Jc() {
 		for (let { source: e, mirror: t } of r) t.textContent !== e.textContent && (t.textContent = e.textContent);
 	}, 300);
 	function s() {
-		window.clearInterval(o), a(), Kc = null;
+		window.clearInterval(o), a(), $c = null;
 	}
-	e.addEventListener("pagehide", s), cl();
+	e.addEventListener("pagehide", s), hl();
 }
 //#endregion
 //#region src/pages/app/App.tsx
-var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-actions></div></nav><main>"), Xc = /*#__PURE__*/ P("<div>"), Zc = B`
-  ${Wc};
-  ${Hc};
+var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-actions></div></nav><main>"), rl = /*#__PURE__*/ P("<div>"), il = B`
+  ${Zc};
+  ${Yc};
 
   position: fixed;
   inset: 32px;
@@ -7247,7 +7441,7 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
     padding-bottom: 8px;
 
     button {
-      ${Uc};
+      ${Xc};
       width: 100%;
       aspect-ratio: 1 / 1;
       color: ${G.white.alpha(.55)};
@@ -7308,17 +7502,17 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
       ${Dt};
     }
   }
-`, Qc = B`
+`, al = B`
   &&& {
     inset: 0;
     border-radius: 0;
   }
-`, $c = B`
+`, ol = B`
   ${Dt};
   position: fixed;
   inset: 0;
   backdrop-filter: blur(5px);
-`, el = [
+`, sl = [
 	{
 		id: "explorer",
 		title: "API Explorer",
@@ -7344,13 +7538,13 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		title: "Request Caller",
 		icon: "send"
 	}
-], tl = (e) => [N(() => N(() => !e.standalone)() && (() => {
-	var e = Xc();
-	return st(e, "click", cl, !0), I(e, $c), e;
+], cl = (e) => [N(() => N(() => !e.standalone)() && (() => {
+	var e = rl();
+	return st(e, "click", hl, !0), I(e, ol), e;
 })()), (() => {
-	var t = Yc(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
+	var t = nl(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
 	return R(n, A(j, {
-		each: el,
+		each: sl,
 		children: (e) => A(z, {
 			get title() {
 				return e.title;
@@ -7359,7 +7553,7 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 				return { active: q.selectedPage === e.id };
 			},
 			onClick: () => {
-				Qr("selectedPage", e.id);
+				$r("selectedPage", e.id);
 			},
 			get children() {
 				return A(V, { get name() {
@@ -7369,17 +7563,17 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		})
 	}), r), R(r, A(z, {
 		get classList() {
-			return { "toggle-on": Zr.value };
+			return { "toggle-on": Qr.value };
 		},
 		get title() {
-			return Zr.value ? "Hide sensitive values" : "Show sensitive values";
+			return Qr.value ? "Hide sensitive values" : "Show sensitive values";
 		},
 		onClick: () => {
-			Zr.value = !Zr.value;
+			Qr.value = !Qr.value;
 		},
 		get children() {
 			return A(V, { get name() {
-				return Zr.value ? "eye-off" : "eye";
+				return Qr.value ? "eye-off" : "eye";
 			} });
 		}
 	}), null), R(r, A(z, {
@@ -7393,7 +7587,7 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 	}), null), R(r, A(z, {
 		title: "Export history",
 		onClick: () => {
-			zr.value = !0;
+			Br.value = !0;
 		},
 		get children() {
 			return A(V, { name: "download" });
@@ -7402,13 +7596,13 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		var t = N(() => !!e.standalone);
 		return () => t() ? A(z, {
 			title: "Move devtools back to the app page",
-			onClick: qc,
+			onClick: el,
 			get children() {
 				return A(V, { name: "minimize-2" });
 			}
 		}) : A(z, {
 			title: "Open in a new window",
-			onClick: Jc,
+			onClick: tl,
 			get children() {
 				return A(V, { name: "external-link" });
 			}
@@ -7429,7 +7623,7 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 					return q.selectedPage === "explorer";
 				},
 				get children() {
-					return A(Zo, {});
+					return A(ts, {});
 				}
 			}),
 			A(qe, {
@@ -7437,7 +7631,7 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 					return q.selectedPage === "timeline";
 				},
 				get children() {
-					return A(Vc, {});
+					return A(Jc, {});
 				}
 			}),
 			A(qe, {
@@ -7445,7 +7639,7 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 					return q.selectedPage === "stats";
 				},
 				get children() {
-					return A(_c, {});
+					return A(Sc, {});
 				}
 			}),
 			A(qe, {
@@ -7453,7 +7647,7 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 					return q.selectedPage === "logs";
 				},
 				get children() {
-					return A(Gs, {});
+					return A(Xs, {});
 				}
 			}),
 			A(qe, {
@@ -7461,16 +7655,16 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 					return q.selectedPage === "caller";
 				},
 				get children() {
-					return A(ks, {});
+					return A(Ns, {});
 				}
 			})
 		];
 	} })), R(t, A(M, {
 		get when() {
-			return zr.value;
+			return Br.value;
 		},
 		get children() {
-			return A(Hr, {});
+			return A(Ur, {});
 		}
 	}), null), R(t, A(M, {
 		get when() {
@@ -7479,48 +7673,48 @@ var Yc = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		get children() {
 			return A(vr, {});
 		}
-	}), null), R(t, A(Gr, {}), null), O(() => I(t, wa(Zc, e.standalone && Qc))), t;
+	}), null), R(t, A(Kr, {}), null), O(() => I(t, Da(il, e.standalone && al))), t;
 })()];
 it(["click"]);
 //#endregion
 //#region src/Root.tsx
-var nl = () => A(tl, {}), rl = !1;
-function il() {
-	if (rl) return;
-	rl = !0;
+var ll = () => A(cl, {}), ul = !1;
+function dl() {
+	if (ul) return;
+	ul = !0;
 	let e = document.getElementsByTagName("head")[0], t = document.createElement("link");
 	t.type = "text/css", t.rel = "stylesheet", t.href = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap", e?.appendChild(t);
 }
 //#endregion
 //#region src/initializeApp.tsx
-var al = () => {}, ol = !1;
-function sl() {
-	if (ol) return;
-	ol = !0, e.extend(St.default), il(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
+var fl = () => {}, pl = !1;
+function ml() {
+	if (pl) return;
+	pl = !0, e.extend(St.default), dl(), navigator.platform.indexOf("Win") > -1 && document.body.classList.add("windows");
 	let t = document.getElementById("dev-tools-root") || document.createElement("div");
-	t.id = "dev-tools-root", document.body.appendChild(t), al = rt(() => A(nl, {}), t);
+	t.id = "dev-tools-root", document.body.appendChild(t), fl = rt(() => A(ll, {}), t);
 }
-function cl() {
-	ol && (ol = !1, al());
+function hl() {
+	pl && (pl = !1, fl());
 }
-function ll() {
-	ol ? cl() : sl();
+function gl() {
+	pl ? hl() : ml();
 }
-function ul() {
-	return ol;
+function _l() {
+	return pl;
 }
 //#endregion
 //#region src/initializeDevTools.ts
-function dl({ callsProcessor: e, shortcut: t, requestCallers: n, visibleRequestHeaders: r, sensitiveDataFields: a, maxRequestsSizeMb: o, maxLogsSizeMb: s }) {
+function vl({ callsProcessor: e, shortcut: t, requestCallers: n, visibleRequestHeaders: r, sensitiveDataFields: a, maxRequestsSizeMb: o, maxLogsSizeMb: s }) {
 	i(window, { [t]: (e) => {
 		let t = document.activeElement;
-		t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") || (e.preventDefault(), ll());
+		t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") || (e.preventDefault(), gl());
 	} }), Xn({
 		...e ? { callsProcessor: e } : {},
 		...r ? { visibleRequestHeaders: r } : {},
 		...a ? { sensitiveDataFields: a } : {},
 		...o === void 0 ? {} : { maxRequestsSizeMb: o }
-	}), s !== void 0 && xr(s), n && Ba(n);
+	}), s !== void 0 && xr(s), n && Ua(n);
 }
 //#endregion
-export { Qn as addCall, Tr as addLog, An as addMarker, Zn as addWebsocketEvent, Mn as clearHistory, Er as clearLogs, cl as closeDevTools, ul as devToolsIsOpen, dl as initializeDevTools, sl as openDevTools, ll as toggleDevTools };
+export { Qn as addCall, Tr as addLog, An as addMarker, Zn as addWebsocketEvent, Mn as clearHistory, Er as clearLogs, hl as closeDevTools, _l as devToolsIsOpen, vl as initializeDevTools, ml as openDevTools, gl as toggleDevTools };