app-devtools 1.1.0 → 1.2.1

package/dist/main.js

@@ -1304,7 +1304,7 @@ function Qt(e, t, n) {
 function $t(e, t) {
 	return k((n) => Qt(n, typeof e == "function" ? e() : e, t));
 }
-function en(e) {
+function H(e) {
 	let [n, r] = D(e);
 	return {
 		get value() {
@@ -1324,7 +1324,7 @@ function en(e) {
 		}
 	};
 }
-function tn(e) {
+function en(e) {
 	let t = k(e);
 	return { get value() {
 		return t();
@@ -1332,7 +1332,7 @@ function tn(e) {
 }
 //#endregion
 //#region utils/tryExpression.ts
-function nn(e, t) {
+function tn(e, t) {
 	try {
 		return e();
 	} catch (e) {
@@ -1341,10 +1341,10 @@ function nn(e, t) {
 }
 //#endregion
 //#region utils/urlPattern.ts
-function rn(e, t) {
-	return an(e, n(t));
+function nn(e, t) {
+	return rn(e, n(t));
 }
-function an(e, t) {
+function rn(e, t) {
 	let n = 0, r = {}, i = t.pattern.exec(e);
 	if (!i) return null;
 	for (; n < t.keys.length;) r[t.keys[n]] = i[++n] || null;
@@ -1352,29 +1352,29 @@ function an(e, t) {
 }
 //#endregion
 //#region node_modules/.pnpm/klona@2.0.6/node_modules/klona/json/index.mjs
-function on(e) {
+function an(e) {
 	var t, n, r;
 	if (Array.isArray(e)) {
-		for (n = Array(t = e.length); t--;) n[t] = (r = e[t]) && typeof r == "object" ? on(r) : r;
+		for (n = Array(t = e.length); t--;) n[t] = (r = e[t]) && typeof r == "object" ? an(r) : r;
 		return n;
 	}
 	if (Object.prototype.toString.call(e) === "[object Object]") {
 		for (t in n = {}, e) t === "__proto__" ? Object.defineProperty(n, t, {
-			value: on(e[t]),
+			value: an(e[t]),
 			configurable: !0,
 			enumerable: !0,
 			writable: !0
-		}) : n[t] = (r = e[t]) && typeof r == "object" ? on(r) : r;
+		}) : n[t] = (r = e[t]) && typeof r == "object" ? an(r) : r;
 		return n;
 	}
 	return e;
 }
 //#endregion
 //#region node_modules/.pnpm/solid-js@1.9.14/node_modules/solid-js/store/dist/store.js
-var sn = Symbol("store-raw"), cn = Symbol("store-node"), ln = Symbol("store-has"), un = Symbol("store-self");
-function dn(e) {
+var on = Symbol("store-raw"), sn = Symbol("store-node"), cn = Symbol("store-has"), ln = Symbol("store-self");
+function un(e) {
 	let t = e[v];
-	if (!t && (Object.defineProperty(e, v, { value: t = new Proxy(e, yn) }), !Array.isArray(e))) {
+	if (!t && (Object.defineProperty(e, v, { value: t = new Proxy(e, vn) }), !Array.isArray(e))) {
 		let n = Object.keys(e), r = Object.getOwnPropertyDescriptors(e), i = Object.getPrototypeOf(e), a = i !== null && typeof e == "object" && !!e && !Array.isArray(e) && i !== Object.prototype;
 		if (a) {
 			let e = Object.getOwnPropertyDescriptors(i);
@@ -1391,29 +1391,29 @@ function dn(e) {
 	}
 	return t;
 }
-function fn(e) {
+function dn(e) {
 	let t;
 	return typeof e == "object" && !!e && (e[v] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
 }
-function pn(e, t = /* @__PURE__ */ new Set()) {
+function fn(e, t = /* @__PURE__ */ new Set()) {
 	let n, r, i, a;
-	if (n = e != null && e[sn]) return n;
-	if (!fn(e) || t.has(e)) return e;
+	if (n = e != null && e[on]) return n;
+	if (!dn(e) || t.has(e)) return e;
 	if (Array.isArray(e)) {
 		Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
-		for (let n = 0, a = e.length; n < a; n++) i = e[n], (r = pn(i, t)) !== i && (e[n] = r);
+		for (let n = 0, a = e.length; n < a; n++) i = e[n], (r = fn(i, t)) !== i && (e[n] = r);
 	} else {
 		Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
 		let n = Object.keys(e), o = Object.getOwnPropertyDescriptors(e);
-		for (let s = 0, c = n.length; s < c; s++) a = n[s], !o[a].get && (i = e[a], (r = pn(i, t)) !== i && (e[a] = r));
+		for (let s = 0, c = n.length; s < c; s++) a = n[s], !o[a].get && (i = e[a], (r = fn(i, t)) !== i && (e[a] = r));
 	}
 	return e;
 }
-function mn(e, t) {
+function pn(e, t) {
 	let n = e[t];
 	return n || Object.defineProperty(e, t, { value: n = Object.create(null) }), n;
 }
-function hn(e, t, n) {
+function mn(e, t, n) {
 	if (e[t]) return e[t];
 	let [r, i] = D(n, {
 		equals: !1,
@@ -1421,31 +1421,31 @@ function hn(e, t, n) {
 	});
 	return r.$ = i, e[t] = r;
 }
-function gn(e, t) {
+function hn(e, t) {
 	let n = Reflect.getOwnPropertyDescriptor(e, t);
-	return !n || n.get || !n.configurable || t === v || t === cn ? n : (delete n.value, delete n.writable, n.get = () => e[v][t], n);
+	return !n || n.get || !n.configurable || t === v || t === sn ? n : (delete n.value, delete n.writable, n.get = () => e[v][t], n);
 }
-function _n(e) {
-	de() && hn(mn(e, cn), un)();
+function gn(e) {
+	de() && mn(pn(e, sn), ln)();
 }
-function vn(e) {
-	return _n(e), Reflect.ownKeys(e);
+function _n(e) {
+	return gn(e), Reflect.ownKeys(e);
 }
-var yn = {
+var vn = {
 	get(e, t, n) {
-		if (t === sn) return e;
+		if (t === on) return e;
 		if (t === v) return 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 (t === ee) return gn(e), n;
+		let r = pn(e, sn), i = r[t], a = i ? i() : e[t];
+		if (t === sn || t === cn || t === "__proto__") return a;
 		if (!i) {
 			let n = Object.getOwnPropertyDescriptor(e, t);
-			de() && (typeof a != "function" || Object.prototype.hasOwnProperty.call(e, t)) && !(n && n.get) && (a = hn(r, t, a)());
+			de() && (typeof a != "function" || Object.prototype.hasOwnProperty.call(e, t)) && !(n && n.get) && (a = mn(r, t, a)());
 		}
-		return fn(a) ? dn(a) : a;
+		return dn(a) ? un(a) : a;
 	},
 	has(e, t) {
-		return t === sn || t === v || t === ee || t === cn || t === ln || t === "__proto__" ? !0 : (de() && hn(mn(e, ln), t)(), t in e);
+		return t === on || t === v || t === ee || t === sn || t === cn || t === "__proto__" ? !0 : (de() && mn(pn(e, cn), t)(), t in e);
 	},
 	set() {
 		return !0;
@@ -1453,107 +1453,107 @@ var yn = {
 	deleteProperty() {
 		return !0;
 	},
-	ownKeys: vn,
-	getOwnPropertyDescriptor: gn
+	ownKeys: _n,
+	getOwnPropertyDescriptor: hn
 };
-function bn(e, t, n, r = !1) {
+function yn(e, t, n, r = !1) {
 	if (t === "__proto__" || !r && e[t] === n) return;
 	let i = e[t], a = e.length;
-	n === void 0 ? (delete e[t], e[ln] && e[ln][t] && i !== void 0 && e[ln][t].$()) : (e[t] = n, e[ln] && e[ln][t] && i === void 0 && e[ln][t].$());
-	let o = mn(e, cn), s;
-	if ((s = hn(o, t, i)) && s.$(() => n), Array.isArray(e) && e.length !== a) {
+	n === void 0 ? (delete e[t], e[cn] && e[cn][t] && i !== void 0 && e[cn][t].$()) : (e[t] = n, e[cn] && e[cn][t] && i === void 0 && e[cn][t].$());
+	let o = pn(e, sn), s;
+	if ((s = mn(o, t, i)) && s.$(() => n), Array.isArray(e) && e.length !== a) {
 		for (let t = e.length; t < a; t++) (s = o[t]) && s.$();
-		(s = hn(o, "length", a)) && s.$(e.length);
+		(s = mn(o, "length", a)) && s.$(e.length);
 	}
-	(s = o[un]) && s.$();
+	(s = o[ln]) && s.$();
 }
-function xn(e, t) {
+function bn(e, t) {
 	let n = Object.keys(t);
 	for (let r = 0; r < n.length; r += 1) {
 		let i = n[r];
-		Sn(i) || bn(e, i, t[i]);
+		xn(i) || yn(e, i, t[i]);
 	}
 }
-function Sn(e) {
+function xn(e) {
 	return e === "__proto__" || e === "constructor" || e === "prototype";
 }
-function Cn(e, t) {
-	if (typeof t == "function" && (t = t(e)), t = pn(t), Array.isArray(t)) {
+function Sn(e, t) {
+	if (typeof t == "function" && (t = t(e)), t = fn(t), Array.isArray(t)) {
 		if (e === t) return;
 		let n = 0, r = t.length;
 		for (; n < r; n++) {
 			let r = t[n];
-			e[n] !== r && bn(e, n, r);
+			e[n] !== r && yn(e, n, r);
 		}
-		bn(e, "length", r);
-	} else xn(e, t);
+		yn(e, "length", r);
+	} else bn(e, t);
 }
-function wn(e, t, n = []) {
+function Cn(e, t, n = []) {
 	let r, i = e;
 	if (t.length > 1) {
 		r = t.shift();
 		let a = typeof r, o = Array.isArray(e);
-		if (a === "string" && (r === "__proto__" || t.length > 1 && Sn(r))) return;
+		if (a === "string" && (r === "__proto__" || t.length > 1 && xn(r))) return;
 		if (Array.isArray(r)) {
-			for (let i = 0; i < r.length; i++) wn(e, [r[i]].concat(t), n);
+			for (let i = 0; i < r.length; i++) Cn(e, [r[i]].concat(t), n);
 			return;
 		} else if (o && a === "function") {
-			for (let i = 0; i < e.length; i++) r(e[i], i) && wn(e, [i].concat(t), n);
+			for (let i = 0; i < e.length; i++) r(e[i], i) && Cn(e, [i].concat(t), n);
 			return;
 		} else if (o && a === "object") {
 			let { from: i = 0, to: a = e.length - 1, by: o = 1 } = r;
-			for (let r = i; r <= a; r += o) wn(e, [r].concat(t), n);
+			for (let r = i; r <= a; r += o) Cn(e, [r].concat(t), n);
 			return;
 		} else if (t.length > 1) {
-			wn(e[r], t, [r].concat(n));
+			Cn(e[r], t, [r].concat(n));
 			return;
 		}
 		i = e[r], n = [r].concat(n);
 	}
 	let a = t[0];
-	typeof a == "function" && (a = a(i, n), a === i) || r === void 0 && a == null || (a = pn(a), r === void 0 || fn(i) && fn(a) && !Array.isArray(a) ? xn(i, a) : bn(e, r, a));
+	typeof a == "function" && (a = a(i, n), a === i) || r === void 0 && a == null || (a = fn(a), r === void 0 || dn(i) && dn(a) && !Array.isArray(a) ? bn(i, a) : yn(e, r, a));
 }
-function Tn(...[e, t]) {
-	let n = pn(e || {}), r = Array.isArray(n), i = dn(n);
+function wn(...[e, t]) {
+	let n = fn(e || {}), r = Array.isArray(n), i = un(n);
 	function a(...e) {
 		ce(() => {
-			r && e.length === 1 ? Cn(n, e[0]) : wn(n, e);
+			r && e.length === 1 ? Sn(n, e[0]) : Cn(n, e);
 		});
 	}
 	return [i, a];
 }
-var En = /* @__PURE__ */ new WeakMap(), Dn = {
+var Tn = /* @__PURE__ */ new WeakMap(), En = {
 	get(e, t) {
-		if (t === sn) return e;
+		if (t === on) return e;
 		let n = e[t];
-		if (t === v || t === ee || t === cn || t === ln || t === "__proto__") return n;
+		if (t === v || t === ee || t === sn || t === cn || t === "__proto__") return n;
 		let r;
-		return fn(n) ? En.get(n) || (En.set(n, r = new Proxy(n, Dn)), r) : n;
+		return dn(n) ? Tn.get(n) || (Tn.set(n, r = new Proxy(n, En)), r) : n;
 	},
 	set(e, t, n) {
-		return bn(e, t, pn(n)), !0;
+		return yn(e, t, fn(n)), !0;
 	},
 	deleteProperty(e, t) {
-		return bn(e, t, void 0, !0), !0;
+		return yn(e, t, void 0, !0), !0;
 	}
 };
-function On(e) {
+function Dn(e) {
 	return (t) => {
-		if (fn(t)) {
+		if (dn(t)) {
 			let n;
-			(n = En.get(t)) || En.set(t, n = new Proxy(t, Dn)), e(n);
+			(n = Tn.get(t)) || Tn.set(t, n = new Proxy(t, En)), e(n);
 		}
 		return t;
 	};
 }
 //#endregion
 //#region src/stores/callsStore.ts
-var [H, kn] = Tn({
+var [U, On] = wn({
 	calls: {},
 	markers: []
 });
-function An(e, t) {
-	kn(On((n) => {
+function kn(e, t) {
+	On(Dn((n) => {
 		n.markers.push({
 			id: r(),
 			label: e || `Marker ${n.markers.length + 1}`,
@@ -1561,68 +1561,68 @@ function An(e, t) {
 		});
 	}));
 }
-function jn(e) {
-	kn(On((t) => {
+function An(e) {
+	On(Dn((t) => {
 		t.markers = t.markers.filter((t) => t.id !== e);
 	}));
 }
-function Mn() {
+function jn() {
 	ce(() => {
-		kn({
+		On({
 			calls: {},
 			markers: []
-		}), Jn.value = "";
+		}), qn.value = "";
 	});
 }
-function Nn(e) {
+function Mn(e) {
 	return e.status === "pending" ? Infinity : e.startTime + e.duration;
 }
-function Pn(e) {
+function Nn(e) {
 	ce(() => {
-		kn(On((t) => {
+		On(Dn((t) => {
 			for (let [n, r] of Object.entries(t.calls)) r.requests = r.requests.filter((t) => !e(t)), r.requests.length === 0 && delete t.calls[n];
-		})), H.calls[Jn.value] || (Jn.value = "");
+		})), U.calls[qn.value] || (qn.value = "");
 	});
 }
-function Fn(e) {
-	Pn((t) => Nn(t) < e);
+function Pn(e) {
+	Nn((t) => Mn(t) < e);
 }
-function In(e) {
-	Pn((t) => t.startTime > e);
+function Fn(e) {
+	Nn((t) => t.startTime > e);
 }
-function Ln(e, t) {
-	Pn((n) => n.startTime <= t && Nn(n) >= e);
+function In(e, t) {
+	Nn((n) => n.startTime <= t && Mn(n) >= e);
 }
-function Rn(e) {
+function Ln(e) {
 	if (!e.headers) return null;
-	let t = new Set(Yn.visibleRequestHeaders.map((e) => e.toLowerCase())), n = {};
+	let t = new Set(Jn.visibleRequestHeaders.map((e) => e.toLowerCase())), n = {};
 	for (let [r, i] of Object.entries(e.headers)) n[r] = t.has(r.toLowerCase()) ? i : Ht(i);
 	return n;
 }
-function zn(e) {
-	return Yn.visibleRequestHeaders.some((t) => t.toLowerCase() === e.toLowerCase());
+function Rn(e) {
+	return Jn.visibleRequestHeaders.some((t) => t.toLowerCase() === e.toLowerCase());
 }
-function Bn(e) {
+function zn(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Vn(e) {
+function Bn(e) {
 	return Array.isArray(e);
 }
-function Hn(e) {
+function Vn(e) {
 	return e.toLowerCase().replaceAll("_", "").replaceAll("-", "");
 }
-function Un(e) {
-	let t = new Set(Yn.sensitiveDataFields.map(Hn));
+function Hn(e) {
+	let t = new Set(Jn.sensitiveDataFields.map(Vn));
 	if (t.size === 0) return {
 		value: e,
 		hasMaskedFields: !1
 	};
 	let n = { maskedFields: 0 };
 	function r(e) {
-		if (Vn(e)) return e.map(r);
-		if (Bn(e)) {
+		if (Bn(e)) return e.map(r);
+		if (zn(e)) {
 			let i = {};
-			for (let [a, o] of Object.entries(e)) t.has(Hn(a)) ? (n.maskedFields++, i[a] = Ht(o)) : i[a] = r(o);
+			for (let [a, o] of Object.entries(e)) t.has(Vn(a)) ? (n.maskedFields++, i[a] = Ht(o)) : i[a] = r(o);
 			return i;
 		}
 		return e;
@@ -1636,24 +1636,24 @@ function Un(e) {
 		hasMaskedFields: !1
 	};
 }
-function Wn(e) {
+function Un(e) {
 	if (!e) return;
 	let t = {}, n = !1;
 	for (let [r, i] of Object.entries(e)) typeof i == "string" && (t[r] = i, n = !0);
 	return n ? t : void 0;
 }
-function Gn(e) {
+function Wn(e) {
 	if (!e) return;
 	let t = [];
 	for (let n of e) n && (typeof n == "string" ? t.push({ message: n }) : t.push({
 		message: n.message,
-		details: n.details === void 0 ? void 0 : on(n.details)
+		details: n.details === void 0 ? void 0 : an(n.details)
 	}));
 	return t.length > 0 ? t : void 0;
 }
-var Kn = 500;
-function qn(e) {
-	let t = Yn.maxRequestsSizeMb * 1024 * 1024, n = 0, r = 0;
+var Gn = 500;
+function Kn(e) {
+	let t = Jn.maxRequestsSizeMb * 1024 * 1024, n = 0, r = 0;
 	for (let t of Object.values(e.calls)) {
 		n += t.requests.length;
 		for (let e of t.requests) r += e.approxSize;
@@ -1671,7 +1671,7 @@ function qn(e) {
 		n--, r -= o ? o.approxSize : 0, a.requests.length === 0 && delete e.calls[t];
 	}
 }
-var Jn = en(""), Yn = {
+var qn = H(""), Jn = {
 	callsProcessor: [],
 	visibleRequestHeaders: [],
 	sensitiveDataFields: [
@@ -1688,14 +1688,14 @@ var Jn = en(""), Yn = {
 	],
 	maxRequestsSizeMb: 30
 };
-function Xn(e) {
-	Yn = {
-		...Yn,
+function Yn(e) {
+	Jn = {
+		...Jn,
 		...e
 	};
 }
-function Zn({ type: e, response: t, payload: n, event: r, startTime: i }) {
-	Qn({
+function Xn({ type: e, response: t, payload: n, event: r, startTime: i }) {
+	Zn({
 		type: "ws",
 		path: r,
 		payload: n,
@@ -1707,15 +1707,15 @@ function Zn({ type: e, response: t, payload: n, event: r, startTime: i }) {
 		response: t
 	});
 }
-function Qn(e) {
+function Zn(e) {
 	let t = e.startTime || Date.now(), n = r(), i = null;
-	return kn(On((r) => {
-		let a = nn(() => new URL(e.path, "http://localhost"));
+	return On(Dn((r) => {
+		let a = tn(() => new URL(e.path, "http://localhost"));
 		Jt(a);
-		let o = a.searchParams.toString() === "" ? null : Object.fromEntries(a.searchParams.entries()), s = null, c = Yn.callsProcessor.find((t) => {
+		let o = a.searchParams.toString() === "" ? null : Object.fromEntries(a.searchParams.entries()), s = null, c = Jn.callsProcessor.find((t) => {
 			if (typeof t.match == "string") {
 				if (t.matchType && t.matchType !== e.type || t.matchSubType && e.subType && t.matchSubType.includes(e.subType)) return !1;
-				let n = rn(a.pathname, t.match);
+				let n = nn(a.pathname, t.match);
 				return n ? (s = n, !0) : !1;
 			} else return t.match({
 				url: a,
@@ -1736,7 +1736,7 @@ function Qn(e) {
 			requests: [],
 			type: e.type,
 			subType: e.subType
-		}, Jn.value = u);
+		}, qn.value = u);
 		let f = r.calls[u];
 		Jt(f), f.lastRequestStartTime = t;
 		let p = {
@@ -1748,7 +1748,7 @@ function Qn(e) {
 			metadata: void 0,
 			response: void 0,
 			path: e.path.replace(/^\//, ""),
-			payload: on(e.payload),
+			payload: an(e.payload),
 			searchParams: o,
 			startTime: t,
 			type: e.type,
@@ -1756,84 +1756,84 @@ function Qn(e) {
 			subType: e.subType,
 			code: void 0,
 			tags: Kt(Gt(e.tags, [])),
-			warnings: Gn(e.warnings),
-			headers: Wn(e.headers),
+			warnings: Wn(e.warnings),
+			headers: Un(e.headers),
 			unusedResponseData: void 0,
-			approxSize: Kn + Ut(e.payload)
-		}, m = nn(() => c?.payloadAlias?.(p.payload, p));
-		m && (p.alias = m), f.requests.push(p), qn(r);
+			approxSize: Gn + Ut(e.payload)
+		}, m = tn(() => c?.payloadAlias?.(p.payload, p));
+		m && (p.alias = m), f.requests.push(p), Kn(r);
 	})), ({ isError: r, status: a, response: o, metadata: s, tags: c, warnings: l, unusedResponseData: u }) => {
 		let d = e.duration || Date.now() - t;
-		kn(On((e) => {
+		On(Dn((e) => {
 			let t = (i ? e.calls[i] : void 0)?.requests.find((e) => e.id === n);
 			if (t) {
-				if (t.status = r ? "error" : "success", t.isError = r, t.duration = d, t.code = a, t.response = on(o), t.metadata = on(s), t.approxSize += Ut(o) + Ut(s), t.tags = Kt(Gt(t.tags, c)), t.warnings = Gn(Gt(t.warnings, l)), u) {
+				if (t.status = r ? "error" : "success", t.isError = r, t.duration = d, t.code = a, t.response = an(o), t.metadata = an(s), t.approxSize += Ut(o) + Ut(s), t.tags = Kt(Gt(t.tags, c)), t.warnings = Wn(Gt(t.warnings, l)), u) {
 					let e = Kt(Gt(u, []));
 					t.unusedResponseData = e.length > 0 ? e : void 0;
 				}
-				qn(e);
+				Kn(e);
 			}
 		}));
 	};
 }
 //#endregion
 //#region src/style/helpers/inline.ts
-var $n = {
+var Qn = {
 	left: "flex-start",
 	center: "center",
 	right: "flex-end",
 	spaceBetween: "space-between",
 	spaceAround: "space-around",
 	spaceEvenly: "space-evenly"
-}, er = {
+}, $n = {
 	top: "flex-start",
 	bottom: "flex-end",
 	center: "center",
 	stretch: "stretch"
-}, U = ({ justify: e = "left", align: t = "center", gap: n } = {}) => `
+}, W = ({ justify: e = "left", align: t = "center", gap: n } = {}) => `
     display: flex;
     column-gap: ${n}px;
     flex-direction: row;
-    justify-content: ${$n[e]};
-    align-items: ${er[t]};
-  `, tr = {
+    justify-content: ${Qn[e]};
+    align-items: ${$n[t]};
+  `, er = {
 	top: "flex-start",
 	center: "center",
 	bottom: "flex-end",
 	spaceBetween: "space-between",
 	spaceAround: "space-around",
 	spaceEvenly: "space-evenly"
-}, nr = {
+}, tr = {
 	left: "flex-start",
 	right: "flex-end",
 	center: "center",
 	stretch: "stretch"
-}, W = ({ justify: e = "top", align: t = "stretch", gap: n = 0 } = {}) => `
+}, G = ({ justify: e = "top", align: t = "stretch", gap: n = 0 } = {}) => `
     row-gap: ${n}px;
     display: flex;
     flex-direction: column;
-    justify-content: ${tr[e]};
-    align-items: ${nr[t]};
+    justify-content: ${er[e]};
+    align-items: ${tr[t]};
   `;
 //#endregion
 //#region utils/hexToRgb.ts
-function rr(e) {
+function nr(e) {
 	if (e.length < 4) throw Error("Invalid hex value");
 	return (e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (e, t, n, r) => `#${t}${t}${n}${n}${r}${r}`).substring(1).match(/.{2}/g) || []).map((e) => parseInt(e, 16));
 }
 //#endregion
 //#region utils/typed.ts
-function ir(e) {
+function rr(e) {
 	return Object.entries(e);
 }
 //#endregion
 //#region utils/createThemev2.ts
-var ar = document.documentElement.style, or = 1;
-function sr(e) {
+var ir = document.documentElement.style, ar = 1;
+function or(e) {
 	let t = {};
-	for (let [n, r] of ir(e)) {
-		let [e, i, a] = rr(r), o = `c${or}`;
-		or++, ar.setProperty(`--${o}-r`, String(e)), ar.setProperty(`--${o}-g`, String(i)), ar.setProperty(`--${o}-b`, String(a)), ar.setProperty(`--${o}`, r), t[n] = {
+	for (let [n, r] of rr(e)) {
+		let [e, i, a] = nr(r), o = `c${ar}`;
+		ar++, ir.setProperty(`--${o}-r`, String(e)), ir.setProperty(`--${o}-g`, String(i)), ir.setProperty(`--${o}-b`, String(a)), ir.setProperty(`--${o}`, r), t[n] = {
 			red: e,
 			green: i,
 			blue: a,
@@ -1862,7 +1862,7 @@ function sr(e) {
 }
 //#endregion
 //#region src/style/theme.ts
-var G = sr({
+var K = or({
 	bgPrimary: "#0F172A",
 	bgSecondary: "#1E293B",
 	textPrimary: "#fff",
@@ -1875,116 +1875,116 @@ var G = sr({
 	bg: "#EAEFFF",
 	white: "#fff",
 	black: "#000"
-}), cr = {
+}), sr = {
 	modal: "0px 8px 16px rgba(26, 34, 46, 0.04)",
 	button: "0px 1px 8px rgba(26, 34, 46, 0.06)",
 	hardShadow: "0px 1px 8px rgba(26, 34, 46, 0.16)"
-}, K = {
+}, q = {
 	primary: "\"Work Sans\", sans-serif",
 	decorative: "\"Fira Code\", monospace"
-}, lr = en(null), ur;
-function dr(e) {
-	lr.value = e, clearTimeout(ur), ur = window.setTimeout(() => {
-		lr.value = null;
+}, cr = H(null), lr;
+function ur(e) {
+	cr.value = e, clearTimeout(lr), lr = window.setTimeout(() => {
+		cr.value = null;
 	}, 2e3);
 }
 //#endregion
 //#region src/components/AddMarkerDialog.tsx
-var fr = /*#__PURE__*/ P("<div><div><h1>add marker</h1><input type=text placeholder=\"Marker label (optional)\"><div class=actions>"), pr = /*#__PURE__*/ P("<span class=time>at "), mr = en(null);
-function hr(e) {
-	mr.value = { time: e };
+var dr = /*#__PURE__*/ P("<div><div><h1>add marker</h1><input type=text placeholder=\"Marker label (optional)\"><div class=actions>"), fr = /*#__PURE__*/ P("<span class=time>at "), pr = H(null);
+function mr(e) {
+	pr.value = { time: e };
 }
-var gr = B`
+var hr = B`
   &&& {
     position: absolute;
     inset: 0;
     z-index: 50;
-    background: ${G.black.alpha(.5)};
-    ${U({ justify: "center" })};
+    background: ${K.black.alpha(.5)};
+    ${W({ justify: "center" })};
   }
-`, _r = B`
+`, gr = B`
   &&& {
-    ${W({ align: "stretch" })};
+    ${G({ align: "stretch" })};
     width: 360px;
     max-width: calc(100% - 48px);
-    background: ${G.bgSecondary.var};
-    border: 1px solid ${G.white.alpha(.1)};
+    background: ${K.bgSecondary.var};
+    border: 1px solid ${K.white.alpha(.1)};
     border-radius: 8px;
-    box-shadow: ${cr.modal};
+    box-shadow: ${sr.modal};
     padding: 16px;
     gap: 12px;
 
     > h1 {
       font-size: 16px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
 
       > .time {
         font-size: 11px;
-        color: ${G.white.alpha(.5)};
+        color: ${K.white.alpha(.5)};
         margin-left: 8px;
       }
     }
 
     > input {
-      background: ${G.white.alpha(.05)};
-      border: 1px solid ${G.white.alpha(.1)};
+      background: ${K.white.alpha(.05)};
+      border: 1px solid ${K.white.alpha(.1)};
       border-radius: 4px;
-      color: ${G.white.var};
+      color: ${K.white.var};
       font-size: 13px;
       padding: 7px 10px;
 
       &:focus {
         outline: 0;
-        border-color: ${G.primary.alpha(.6)};
+        border-color: ${K.primary.alpha(.6)};
       }
     }
 
     > .actions {
-      ${U({
+      ${W({
 	gap: 8,
 	justify: "right"
 })};
       padding-top: 4px;
 
       button {
-        ${U({ gap: 6 })};
+        ${W({ gap: 6 })};
         font-size: 13px;
         border-radius: 4px;
         padding: 6px 12px;
-        background: ${G.white.alpha(.06)};
+        background: ${K.white.alpha(.06)};
         --icon-size: 15px;
 
         &:hover {
-          background: ${G.white.alpha(.12)};
+          background: ${K.white.alpha(.12)};
         }
 
         &.primary {
-          background: ${G.primary.var};
-          color: ${G.bgPrimary.var};
+          background: ${K.primary.var};
+          color: ${K.bgPrimary.var};
           font-weight: 600;
         }
       }
     }
   }
-`, vr = () => {
-	let [t, n] = D(""), r = k(() => mr.value?.time);
+`, _r = () => {
+	let [t, n] = D(""), r = k(() => pr.value?.time);
 	function i() {
-		mr.value = null;
+		pr.value = null;
 	}
 	function a() {
-		An(t().trim() || void 0, r()), dr("Marker added"), i();
+		kn(t().trim() || void 0, r()), ur("Marker added"), i();
 	}
 	return (() => {
-		var o = fr(), s = o.firstChild, c = s.firstChild;
+		var o = dr(), s = o.firstChild, c = s.firstChild;
 		c.firstChild;
 		var l = c.nextSibling, u = l.nextSibling;
 		return o.$$click = (e) => {
 			e.target === e.currentTarget && i();
-		}, I(o, gr), I(s, _r), R(c, (() => {
+		}, I(o, hr), I(s, gr), R(c, (() => {
 			var t = N(() => r() !== void 0);
 			return () => t() && (() => {
-				var t = pr();
+				var t = fr();
 				return t.firstChild, R(t, () => e(r()).format("HH:mm:ss.SSS"), null), t;
 			})();
 		})(), null), l.$$keydown = (e) => {
@@ -2012,12 +2012,12 @@ it([
 ]);
 //#endregion
 //#region src/stores/logsStore.ts
-var yr = 100, br = 10;
-function xr(e) {
-	br = e, wr(On(Sr));
+var vr = 100, yr = 10;
+function br(e) {
+	yr = e, Cr(Dn(xr));
 }
-function Sr(e) {
-	let t = br * 1024 * 1024, n = 0;
+function xr(e) {
+	let t = yr * 1024 * 1024, n = 0;
 	for (let t of e.logs) n += t.approxSize;
 	let r = 0;
 	for (; n > t && r < e.logs.length - 1;) {
@@ -2027,27 +2027,27 @@ function Sr(e) {
 	}
 	r > 0 && e.logs.splice(0, r);
 }
-var [Cr, wr] = Tn({ logs: [] });
-function Tr(e) {
-	wr(On((t) => {
+var [Sr, Cr] = wn({ logs: [] });
+function wr(e) {
+	Cr(Dn((t) => {
 		t.logs.push({
 			id: r(),
 			severity: e.severity || "info",
 			message: e.message,
 			category: e.category,
-			details: e.details === void 0 ? void 0 : on(e.details),
+			details: e.details === void 0 ? void 0 : an(e.details),
 			time: e.time || Date.now(),
-			approxSize: yr + e.message.length + Ut(e.details)
-		}), Sr(t);
+			approxSize: vr + e.message.length + Ut(e.details)
+		}), xr(t);
 	}));
 }
-function Er() {
-	wr({ logs: [] });
+function Tr() {
+	Cr({ logs: [] });
 }
-function Dr(e) {
-	wr("logs", (t) => t.filter((t) => t.id !== e));
+function Er(e) {
+	Cr("logs", (t) => t.filter((t) => t.id !== e));
 }
-function Or(e, t = (e) => e) {
+function Dr(e, t = (e) => e) {
 	return {
 		time: e.time,
 		timeISO: new Date(e.time).toISOString(),
@@ -2059,59 +2059,59 @@ function Or(e, t = (e) => e) {
 }
 //#endregion
 //#region src/utils/copyToClipboard.ts
-async function kr(e) {
+async function Or(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");
+	await navigator.clipboard.writeText(t), ur("Copied to clipboard");
 }
 //#endregion
 //#region src/utils/downloadJson.ts
-function Ar(e, t) {
+function kr(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 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`
+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 = H(!1), Br = B`
   &&& {
     position: absolute;
     inset: 0;
     z-index: 50;
-    background: ${G.black.alpha(.5)};
-    ${U({ justify: "center" })};
+    background: ${K.black.alpha(.5)};
+    ${W({ justify: "center" })};
   }
-`, Hr = B`
+`, Vr = B`
   &&& {
-    ${W({ align: "stretch" })};
+    ${G({ align: "stretch" })};
     width: 480px;
     max-width: calc(100% - 48px);
     max-height: calc(100% - 48px);
-    background: ${G.bgSecondary.var};
-    border: 1px solid ${G.white.alpha(.1)};
+    background: ${K.bgSecondary.var};
+    border: 1px solid ${K.white.alpha(.1)};
     border-radius: 8px;
-    box-shadow: ${cr.modal};
+    box-shadow: ${sr.modal};
     padding: 16px;
     gap: 12px;
 
     > h1 {
       font-size: 16px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
     }
 
     > h2 {
       font-size: 12px;
       letter-spacing: 0.08em;
       text-transform: uppercase;
-      color: ${G.primary.var};
+      color: ${K.primary.var};
     }
 
     label {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       font-size: 13px;
       cursor: pointer;
 
       input {
-        accent-color: ${G.primary.var};
+        accent-color: ${K.primary.var};
       }
 
       .count {
@@ -2126,7 +2126,7 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
     }
 
     > .calls-list {
-      ${W({ align: "left" })};
+      ${G({ align: "left" })};
       gap: 6px;
       overflow-y: auto;
       max-height: 260px;
@@ -2134,11 +2134,11 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
     }
 
     > .select-buttons {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
 
       button {
         font-size: 12px;
-        color: ${G.secondary.var};
+        color: ${K.secondary.var};
 
         &:hover {
           text-decoration: underline;
@@ -2147,34 +2147,34 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
     }
 
     > .options {
-      ${W({ align: "left" })};
+      ${G({ align: "left" })};
       gap: 6px;
-      border-top: 1px solid ${G.white.alpha(.1)};
+      border-top: 1px solid ${K.white.alpha(.1)};
       padding-top: 12px;
     }
 
     > .actions {
-      ${U({
+      ${W({
 	gap: 8,
 	justify: "right"
 })};
       padding-top: 4px;
 
       button {
-        ${U({ gap: 6 })};
+        ${W({ gap: 6 })};
         font-size: 13px;
         border-radius: 4px;
         padding: 6px 12px;
-        background: ${G.white.alpha(.06)};
+        background: ${K.white.alpha(.06)};
         --icon-size: 15px;
 
         &:hover {
-          background: ${G.white.alpha(.12)};
+          background: ${K.white.alpha(.12)};
         }
 
         &.primary {
-          background: ${G.primary.var};
-          color: ${G.bgPrimary.var};
+          background: ${K.primary.var};
+          color: ${K.bgPrimary.var};
           font-weight: 600;
         }
       }
@@ -2185,17 +2185,17 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
       font-size: 13px;
     }
   }
-`, Ur = () => {
+`, Hr = () => {
 	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));
+	for (let t of Object.keys(U.calls)) e[t] = !0;
+	let [t, n] = wn(e), [r, i] = D(!0), [a, o] = D(!0), [s, c] = D(!1), l = k(() => Object.entries(U.calls));
 	function u(e) {
 		return s() ? Ht(e) : e;
 	}
 	function d() {
 		return {
 			exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
-			markers: H.markers.map((e) => ({
+			markers: U.markers.map((e) => ({
 				label: e.label,
 				time: e.time,
 				timeISO: new Date(e.time).toISOString()
@@ -2224,26 +2224,26 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
 					alias: e.alias,
 					payload: u(e.payload),
 					searchParams: e.searchParams,
-					headers: e.headers ? u(Rn(e)) : void 0,
+					headers: e.headers ? u(Ln(e)) : void 0,
 					...r() ? { response: u(e.response) } : {}
 				}))
 			})),
-			...a() && Cr.logs.length > 0 ? { logs: Cr.logs.map((e) => Or(e, u)) } : {}
+			...a() && Sr.logs.length > 0 ? { logs: Sr.logs.map((e) => Dr(e, u)) } : {}
 		};
 	}
 	function f() {
-		Ar(d(), "devtools-history"), dr("History downloaded"), Br.value = !1;
+		kr(d(), "devtools-history"), ur("History downloaded"), zr.value = !1;
 	}
 	return (() => {
-		var e = jr(), u = e.firstChild;
+		var e = Ar(), u = e.firstChild;
 		return u.firstChild, e.$$click = (e) => {
-			e.target === e.currentTarget && (Br.value = !1);
-		}, I(e, Vr), I(u, Hr), R(u, (() => {
+			e.target === e.currentTarget && (zr.value = !1);
+		}, I(e, Br), I(u, Vr), R(u, (() => {
 			var e = N(() => l().length === 0);
-			return () => e() ? Mr() : [
-				Nr(),
+			return () => e() ? jr() : [
+				Mr(),
 				(() => {
-					var e = Pr();
+					var e = Nr();
 					return R(e, A(z, {
 						onClick: () => {
 							for (let [e] of l()) n(e, !0);
@@ -2257,13 +2257,13 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
 					}), null), e;
 				})(),
 				(() => {
-					var e = Fr();
+					var e = Pr();
 					return R(e, A(j, {
 						get each() {
 							return l();
 						},
 						children: ([e, r]) => (() => {
-							var i = Rr(), a = i.firstChild, o = a.nextSibling, s = o.nextSibling, c = s.firstChild;
+							var i = Lr(), 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;
@@ -2271,26 +2271,26 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
 					})), e;
 				})(),
 				(() => {
-					var e = Ir(), t = e.firstChild, n = t.firstChild, l = t.nextSibling, u = l.firstChild;
+					var e = Fr(), 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);
+						var e = N(() => Sr.logs.length > 0);
 						return () => e() && (() => {
-							var e = zr(), t = e.firstChild, n = t.nextSibling.nextSibling, r = n.firstChild;
+							var e = Rr(), 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;
+							}), R(n, () => Sr.logs.length, r), O(() => t.checked = a()), e;
 						})();
 					})(), l), u.addEventListener("change", (e) => {
 						c(() => e.currentTarget.checked);
 					}), O(() => n.checked = r()), O(() => u.checked = s()), e;
 				})(),
 				(() => {
-					var e = Lr();
+					var e = Ir();
 					return R(e, A(z, {
 						onClick: () => {
-							Br.value = !1;
+							zr.value = !1;
 						},
 						children: "Cancel"
 					}), null), R(e, A(z, {
@@ -2301,8 +2301,8 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
 					}), null), R(e, A(z, {
 						class: "primary",
 						onClick: () => {
-							kr(JSON.stringify(d(), null, 2)).then(() => {
-								Br.value = !1;
+							Or(JSON.stringify(d(), null, 2)).then(() => {
+								zr.value = !1;
 							});
 						},
 						get children() {
@@ -2317,32 +2317,32 @@ var jr = /*#__PURE__*/ P("<div><div><h1>export history"), Mr = /*#__PURE__*/ P("
 it(["click"]);
 //#endregion
 //#region src/components/Toast.tsx
-var Wr = /*#__PURE__*/ P("<div>"), Gr = B`
+var Ur = /*#__PURE__*/ P("<div>"), Wr = B`
   &&& {
     position: absolute;
     bottom: 16px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 100;
-    background: ${G.bgSecondary.var};
-    color: ${G.white.var};
-    border: 1px solid ${G.secondary.alpha(.4)};
+    background: ${K.bgSecondary.var};
+    color: ${K.white.var};
+    border: 1px solid ${K.secondary.alpha(.4)};
     border-radius: 6px;
     padding: 8px 16px;
     font-size: 13px;
-    font-family: ${K.decorative};
-    box-shadow: ${cr.hardShadow};
+    font-family: ${q.decorative};
+    box-shadow: ${sr.hardShadow};
     pointer-events: none;
   }
-`, Kr = () => A(M, {
+`, Gr = () => A(M, {
 	get when() {
-		return lr.value;
+		return cr.value;
 	},
 	get children() {
-		var e = Wr();
-		return I(e, Gr), R(e, () => lr.value), e;
+		var e = Ur();
+		return I(e, Wr), R(e, () => cr.value), e;
 	}
-}), qr = /*#__PURE__*/ P("<div>"), Jr = B`
+}), Kr = /*#__PURE__*/ P("<div>"), qr = B`
   &&& {
     position: relative;
     z-index: 10;
@@ -2361,17 +2361,17 @@ var Wr = /*#__PURE__*/ P("<div>"), Gr = B`
 
     &:hover::before,
     &.dragging::before {
-      background: ${G.secondary.alpha(.5)};
+      background: ${K.secondary.alpha(.5)};
     }
   }
 `;
-function Yr(e) {
+function Jr(e) {
 	return Array.isArray(e);
 }
-function Xr(e) {
-	return Yr(e) && e.every((e) => typeof e == "number" && Number.isFinite(e));
+function Yr(e) {
+	return Jr(e) && e.every((e) => typeof e == "number" && Number.isFinite(e));
 }
-function Zr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
+function Xr({ 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);
@@ -2382,7 +2382,7 @@ function Zr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 			let e = window.localStorage.getItem(r);
 			if (!e) return null;
 			let n = JSON.parse(e);
-			return !Xr(n) || n.length !== t.length ? null : i(n);
+			return !Yr(n) || n.length !== t.length ? null : i(n);
 		} catch {
 			return null;
 		}
@@ -2392,14 +2392,14 @@ function Zr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 			window.localStorage.setItem(r, JSON.stringify(e));
 		} catch {}
 	}
-	let s = en(a() ?? i(t));
+	let s = H(a() ?? i(t));
 	function c() {
 		return s.value.map((e) => `minmax(0, ${e}fr)`).join(" 0px ");
 	}
 	function l(e) {
-		let r = en(!1);
+		let r = H(!1);
 		return (() => {
-			var a = qr();
+			var a = Kr();
 			return a.$$pointerdown = (t) => {
 				let i = t.currentTarget.parentElement;
 				if (!i) return;
@@ -2419,7 +2419,7 @@ function Zr({ 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, Jr), O(() => a.classList.toggle("dragging", !!r.value)), a;
+			}, I(a, qr), O(() => a.classList.toggle("dragging", !!r.value)), a;
 		})();
 	}
 	return {
@@ -2430,42 +2430,42 @@ function Zr({ storageKey: e, initialSizes: t, minSizePct: n = 10 }) {
 it(["dblclick", "pointerdown"]);
 //#endregion
 //#region src/stores/uiStore.ts
-var Qr = en(!1), [q, $r] = Tn({
+var Zr = H(!1), [J, Qr] = wn({
 	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", ei = B`
+}), Y = "\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 = B`
   font-size: 10px;
-  font-family: ${K.decorative};
+  font-family: ${q.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)};
+  color: ${K.white.alpha(.85)};
+  background: ${K.white.alpha(.12)};
 
   &.get {
-    color: ${G.secondary.var};
-    background: ${G.secondary.alpha(.14)};
+    color: ${K.secondary.var};
+    background: ${K.secondary.alpha(.14)};
   }
 
   &.post {
-    color: ${G.success.var};
-    background: ${G.success.alpha(.14)};
+    color: ${K.success.var};
+    background: ${K.success.alpha(.14)};
   }
 
   &.put,
   &.patch {
-    color: ${G.warning.var};
-    background: ${G.warning.alpha(.14)};
+    color: ${K.warning.var};
+    background: ${K.warning.alpha(.14)};
   }
 
   &.delete {
-    color: ${G.error.var};
-    background: ${G.error.alpha(.14)};
+    color: ${K.error.var};
+    background: ${K.error.alpha(.14)};
   }
 
   &.mutation {
@@ -2474,22 +2474,22 @@ var Qr = en(!1), [q, $r] = Tn({
   }
 
   &.ws-send {
-    color: ${G.primary.var};
-    background: ${G.primary.alpha(.14)};
+    color: ${K.primary.var};
+    background: ${K.primary.alpha(.14)};
   }
 
   &.ws-receive {
-    color: ${G.secondary.var};
-    background: ${G.secondary.alpha(.14)};
+    color: ${K.secondary.var};
+    background: ${K.secondary.alpha(.14)};
   }
-`, ti = [
+`, ei = [
 	"get",
 	"post",
 	"put",
 	"patch",
 	"delete"
 ];
-function ni({ type: e, subType: t, method: n }) {
+function ti({ type: e, subType: t, method: n }) {
 	if (e === "ws") return t === "send" ? {
 		label: "↑ send",
 		class: "ws-send",
@@ -2503,7 +2503,7 @@ function ni({ type: e, subType: t, method: n }) {
 		let t = n.toLowerCase();
 		return {
 			label: n,
-			class: ti.includes(t) ? t : "",
+			class: ei.includes(t) ? t : "",
 			description: `${e} (${n})`
 		};
 	}
@@ -2531,28 +2531,28 @@ function ni({ type: e, subType: t, method: n }) {
 }
 //#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`
+var ni = /*#__PURE__*/ P("<div>"), ri = /*#__PURE__*/ P("<span>"), ii = /*#__PURE__*/ P("<div><div class=call>"), ai = B`
   &&& {
     font-size: 14px;
-    ${W()};
+    ${G()};
 
     > .call {
       padding: 4px 12px;
-      ${U()};
+      ${W()};
       opacity: 0.8;
 
       &.selected {
         opacity: 1;
-        background-color: ${G.secondary.alpha(.16)};
+        background-color: ${K.secondary.alpha(.16)};
       }
 
       > .call-button {
         text-align: left;
-        ${U({ gap: 8 })};
+        ${W({ gap: 8 })};
         flex: 1 1;
 
         > span {
-          ${J};
+          ${Y};
           flex-shrink: 1;
         }
       }
@@ -2564,11 +2564,11 @@ var ri = /*#__PURE__*/ P("<div>"), ii = /*#__PURE__*/ P("<span>"), ai = /*#__PUR
       padding-left: 14px;
       margin-left: 16px;
       padding-right: 0;
-      border-left: 1px solid ${G.white.alpha(.1)};
-      ${U()};
+      border-left: 1px solid ${K.white.alpha(.1)};
+      ${W()};
 
       span {
-        ${J};
+        ${Y};
         opacity: 0.6;
         padding: 0 8px;
         padding-right: 0;
@@ -2578,7 +2578,7 @@ var ri = /*#__PURE__*/ P("<div>"), ii = /*#__PURE__*/ P("<span>"), ai = /*#__PUR
 
       &.selected span {
         opacity: 1;
-        background-color: ${G.secondary.alpha(.16)};
+        background-color: ${K.secondary.alpha(.16)};
       }
 
       &:first-of-type {
@@ -2587,7 +2587,7 @@ var ri = /*#__PURE__*/ P("<div>"), ii = /*#__PURE__*/ P("<span>"), ai = /*#__PUR
 
       &:last-of-type {
         border-radius: 0 0 0 10px;
-        border-bottom: 1px solid ${G.white.alpha(.1)};
+        border-bottom: 1px solid ${K.white.alpha(.1)};
         padding-bottom: 10px;
         margin-bottom: 4px;
       }
@@ -2601,35 +2601,35 @@ var ri = /*#__PURE__*/ P("<div>"), ii = /*#__PURE__*/ P("<span>"), ai = /*#__PUR
       }
     }
   }
-`, si = (e) => {
-	let t = k(() => e.item), n = k(() => e.currentCallId), r = en(e.item.subitemsWithAlias.length < 4), i = ni({
+`, oi = (e) => {
+	let t = k(() => e.item), n = k(() => e.currentCallId), r = H(e.item.subitemsWithAlias.length < 4), i = ti({
 		type: e.item.type,
 		subType: e.item.subType,
 		method: e.item.requests.at(-1)?.method
 	});
 	return (() => {
-		var e = ai(), a = e.firstChild;
-		return I(e, oi), R(a, A(z, {
+		var e = ii(), a = e.firstChild;
+		return I(e, ai), R(a, A(z, {
 			onClick: () => {
-				$r({
+				Qr({
 					selectedCall: t().id,
 					selectedSubitem: null,
-					selectedRequest: ci(t())
+					selectedRequest: si(t())
 				});
 			},
 			class: "call-button",
 			get children() {
 				return [(() => {
-					var e = ri();
+					var e = ni();
 					return R(e, () => i.label), O((t) => {
-						var n = `${ei} ${i.class}`, r = i.description;
+						var n = `${$r} ${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 = ii();
+					var e = ri();
 					return R(e, () => t().name), O(() => F(e, "title", t().name)), e;
 				})()];
 			}
@@ -2659,17 +2659,17 @@ var ri = /*#__PURE__*/ P("<div>"), ii = /*#__PURE__*/ P("<span>"), ai = /*#__PUR
 					children: (e) => A(z, {
 						class: "subitem",
 						get classList() {
-							return { selected: n() === t().id && q.selectedSubitem === e };
+							return { selected: n() === t().id && J.selectedSubitem === e };
 						},
 						onClick: () => {
-							$r({
+							Qr({
 								selectedCall: t().id,
 								selectedSubitem: e,
-								selectedRequest: ci(t(), e)
+								selectedRequest: si(t(), e)
 							});
 						},
 						get children() {
-							var t = ii();
+							var t = ri();
 							return R(t, e), t;
 						}
 					})
@@ -2678,26 +2678,26 @@ var ri = /*#__PURE__*/ P("<div>"), ii = /*#__PURE__*/ P("<span>"), ai = /*#__PUR
 		}), null), O(() => a.classList.toggle("selected", n() === t().id)), e;
 	})();
 };
-function ci(e, t) {
+function si(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;
 }
 //#endregion
 //#region src/style/helpers/transition.ts
-var li = {
+var ci = {
 	short: 160,
 	medium: 240,
 	long: 360
-}, ui = {
+}, li = {
 	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"
-}, di = (e) => e === void 0 ? "" : `${e}ms`;
-function fi(e = {}) {
+}, ui = (e) => e === void 0 ? "" : `${e}ms`;
+function di(e = {}) {
 	let { properties: t, duration: n, ease: r, delay: i } = e;
 	return `
-    transition: ${di(typeof n == "number" ? n : li[n || "medium"])} ${ui[r || "inOut"]} ${di(i)};
+    transition: ${ui(typeof n == "number" ? n : ci[n || "medium"])} ${li[r || "inOut"]} ${ui(i)};
     ${t ? `
     transition-property: ${t.join(", ") || ""};
     ` : ""}
@@ -2705,11 +2705,11 @@ function fi(e = {}) {
 }
 //#endregion
 //#region utils/normalizeString.ts
-var pi = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+var fi = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
 //#endregion
 //#region utils/searchQueryMatch.ts
-function mi(e, t) {
-	let n = pi(String(t)).indexOf(pi(String(e)));
+function pi(e, t) {
+	let n = fi(String(t)).indexOf(fi(String(e)));
 	return {
 		matched: n !== -1,
 		matchedIndex: n
@@ -2717,7 +2717,7 @@ function mi(e, t) {
 }
 //#endregion
 //#region utils/sortBy.ts
-function hi(e, t, { lowerFirst: n } = {}) {
+function mi(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;
@@ -2725,78 +2725,78 @@ function hi(e, t, { lowerFirst: n } = {}) {
 }
 //#endregion
 //#region utils/searchItems.ts
-function gi({ items: e, searchQuery: t, getStringToMatch: n }) {
+function hi({ items: e, searchQuery: t, getStringToMatch: n }) {
 	let r = [];
 	for (let i of e) {
-		let e = mi(t, n(i));
+		let e = pi(t, n(i));
 		e.matched && r.push({
 			item: i,
 			matchedIndex: e.matchedIndex
 		});
 	}
-	return hi(r, (e) => e.matchedIndex, { lowerFirst: !0 }).map(({ item: e }) => e);
+	return mi(r, (e) => e.matchedIndex, { lowerFirst: !0 }).map(({ item: e }) => e);
 }
 //#endregion
 //#region src/pages/api-explorer/ApiExplorerMenu.tsx
-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`
+var gi = /*#__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>"), _i = B`
   &&& {
-    ${W()};
-    border-right: 1px solid ${G.white.alpha(.1)};
+    ${G()};
+    border-right: 1px solid ${K.white.alpha(.1)};
 
     > h1 {
       font-size: 18px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
       padding-bottom: 12px;
     }
   }
-`, yi = B`
+`, vi = B`
   &&& {
-    ${W()};
+    ${G()};
     flex: 1 1;
     overflow-y: auto;
     padding-bottom: 16px;
   }
-`, bi = B`
+`, yi = B`
   &&& {
-    ${U({ gap: 8 })};
+    ${W({ gap: 8 })};
     margin: 0 10px;
     margin-bottom: 12px;
 
     display: grid;
     grid-template-columns: 14px 1fr;
-    background: ${G.white.alpha(.05)};
+    background: ${K.white.alpha(.05)};
     border-radius: 4px;
     --icon-size: 16px;
     padding: 4px 0;
     padding-left: 6px;
 
     .icon {
-      color: ${G.secondary.var};
+      color: ${K.secondary.var};
     }
 
     input {
       border: none;
       background: transparent;
-      color: ${G.white.var};
+      color: ${K.white.var};
 
       &:focus {
         outline: none;
       }
     }
   }
-`, xi = B`
+`, bi = B`
   &&& {
-    ${U({ gap: 16 })};
+    ${W({ gap: 16 })};
     padding-left: 15px;
     margin-bottom: 10px;
 
     > button {
       font-size: 14px;
       opacity: 0.5;
-      ${fi()};
+      ${di()};
 
       &:hover {
         opacity: 1;
@@ -2804,20 +2804,20 @@ var _i = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
 
       &.active {
         opacity: 1;
-        color: ${G.primary.var};
+        color: ${K.primary.var};
       }
     }
   }
-`, 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 = [];
+`, xi = H("api"), Si = () => {
+	let e = H(""), t = H(!1), n = /* @__PURE__ */ new Map(), r = $t(() => {
+		let [r = "", i = ""] = e.value.split(">"), a = Object.entries(U.calls), o = [];
 		for (let [e, t] of a) {
 			let n = /* @__PURE__ */ new Set();
-			if (!(Si.value === "api" && t.type !== "fetch" && t.type !== "mutation") && !(Si.value === "ws" && t.type !== "ws")) {
+			if (!(xi.value === "api" && t.type !== "fetch" && t.type !== "mutation") && !(xi.value === "ws" && t.type !== "ws")) {
 				for (let e of t.requests) e.alias && n.add(e.alias);
 				o.push({
 					id: e,
-					subitemsWithAlias: gi({
+					subitemsWithAlias: hi({
 						items: [...n],
 						searchQuery: i.trim(),
 						getStringToMatch(e) {
@@ -2831,27 +2831,27 @@ var _i = /*#__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]))), gi({
+		}) : (o.sort((e, t) => t.lastRequestStartTime - e.lastRequestStartTime), n = new Map(o.map((e, t) => [e.id, t]))), hi({
 			items: o,
 			searchQuery: r.trim(),
 			getStringToMatch(e) {
 				return e.name;
 			}
 		});
-	}, "id"), i = k(() => q.selectedCall);
+	}, "id"), i = k(() => J.selectedCall);
 	return (() => {
-		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) => {
+		var n = gi(), 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, _i), I(a, bi), o.$$click = () => xi.set("api"), s.$$click = () => xi.set("ws"), c.$$click = () => xi.set("all"), I(l, yi), 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, yi), R(d, A(j, {
+		}), I(d, vi), R(d, A(j, {
 			get each() {
 				return r();
 			},
-			children: (e, t) => A(si, {
+			children: (e, t) => A(oi, {
 				get index() {
 					return t();
 				},
@@ -2861,7 +2861,7 @@ var _i = /*#__PURE__*/ P("<div><h1>API EXPLORER</h1><div><button>API</button><bu
 				}
 			})
 		})), O((e) => {
-			var t = Si.value === "api", n = Si.value === "ws", r = Si.value === "all";
+			var t = xi.value === "api", n = xi.value === "ws", r = xi.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,
@@ -2873,10 +2873,10 @@ var _i = /*#__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 wi(e) {
+function Ci(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Ti(e) {
+function wi(e) {
 	if (!e || typeof e != "object") return !1;
 	let t = Object.getPrototypeOf(e);
 	if (t === null) return !0;
@@ -2887,10 +2887,10 @@ function Ti(e) {
 }
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/assertions--46HN4J7.mjs
-var Ei = wi;
+var Ti = Ci;
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/arrayUtils.mjs
-function Di(e, t, n = "asc") {
+function Ei(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];
@@ -2906,8 +2906,8 @@ function Di(e, t, n = "asc") {
 }
 //#endregion
 //#region node_modules/.pnpm/@ls-stack+utils@3.77.0/node_modules/@ls-stack/utils/dist/filterObjectOrArrayKeys.mjs
-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 }) {
+var Di = /^(id_|key_|id-|key-)|(_id|_key|-id|-key)$/i;
+function Oi(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) {
@@ -2932,13 +2932,13 @@ function ki(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(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;
+	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(Mi), m = u.flatMap(Mi), { filterOnlyPatterns: h, combinedPatterns: g } = ji(p), _ = h.map(Ni), v = m.map(Ni), y = c(a).flatMap(Mi).map(Ni), 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 = ki(ki(e, {
+			let t = Oi(Oi(e, {
 				filterKeys: [a],
 				rejectKeys: n,
 				rejectEmptyObjectsInArray: r
@@ -2992,9 +2992,9 @@ function ki(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
 		return y.length;
 	}
 	function re(e, t, n) {
-		return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() : Di(Di(e, (e) => e), (e) => {
+		return n === "asc" ? [...e].sort() : n === "desc" ? [...e].sort().reverse() : Ei(Ei(e, (e) => e), (e) => {
 			let n = t[e];
-			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;
+			return n == null || Array.isArray(n) && n.length === 0 ? 0 : wi(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 : Di.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) {
@@ -3023,16 +3023,16 @@ function ki(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 (Ti(a) || Array.isArray(a)) {
+				if (wi(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) => !(Ti(e) && Object.keys(e).length === 0)) : o;
+			let c = r ? o.filter((e) => !(wi(e) && Object.keys(e).length === 0)) : o;
 			return c.length === 0 && !n && !a ? void 0 : c;
 		}
-		if (Ti(e)) {
+		if (wi(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);
@@ -3043,9 +3043,9 @@ function ki(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 (Ti(a) || Array.isArray(a)) {
+				if (wi(a) || Array.isArray(a)) {
 					let e = S(a, r, l, i, !1, !1);
-					if (e === void 0 || Array.isArray(e) && e.length === 0 && !l || Ti(e) && Object.keys(e).length === 0 && !l) continue;
+					if (e === void 0 || Array.isArray(e) && e.length === 0 && !l || wi(e) && Object.keys(e).length === 0 && !l) continue;
 					s[n] = e;
 				} else l && (s[n] = a);
 			}
@@ -3055,7 +3055,7 @@ function ki(e, { filterKeys: t, rejectKeys: n, rejectEmptyObjectsInArray: r = !0
 	}, C = S(ee, [], !d, /* @__PURE__ */ new WeakSet(), !0, !1);
 	return C === void 0 ? Array.isArray(ee) ? [] : {} : C;
 }
-function Ai(e) {
+function ki(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());
@@ -3063,11 +3063,11 @@ function Ai(e) {
 		n = "OR";
 		let i = e.split(" || ").map((e) => e.trim());
 		for (let e of i) {
-			let n = ji(e, r);
+			let n = Ai(e, r);
 			n && t.push(n);
 		}
 	} else {
-		let n = ji(e, r);
+		let n = Ai(e, r);
 		n && t.push(n);
 	}
 	return t.length === 0 ? null : {
@@ -3076,7 +3076,7 @@ function Ai(e) {
 		logic: n
 	};
 }
-function ji(e, t = !1) {
+function Ai(e, t = !1) {
 	let n = e.startsWith("%") ? e.slice(1) : e, r = null, i = -1, a = 0;
 	for (let [e, t] of [
 		["!*=", "!*="],
@@ -3113,7 +3113,7 @@ function ji(e, t = !1) {
 		caseInsensitive: t
 	};
 }
-function Mi(e) {
+function ji(e) {
 	let t = [], n = [];
 	for (let r of e) {
 		let e = r.match(/^(.+\[[i%][^[\]]*\])\.(.+)$/);
@@ -3130,7 +3130,7 @@ function Mi(e) {
 		combinedPatterns: n
 	};
 }
-function Ni(e) {
+function Mi(e) {
 	function t(e) {
 		let n = e.indexOf("(");
 		if (n === -1) return [e];
@@ -3147,7 +3147,7 @@ function Ni(e) {
 	}
 	return t(e);
 }
-function Pi(e) {
+function Ni(e) {
 	let t = [], n = 0, r = e.length, i = (e) => {
 		e.length !== 0 && t.push({
 			type: "KEY",
@@ -3165,7 +3165,7 @@ function Pi(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 = Ai(e);
+				let n = ki(e);
 				n && t.push(n);
 			} else if (a === "*") t.push({ type: "INDEX_ANY" });
 			else if (a.includes("-")) {
@@ -3211,74 +3211,74 @@ function Pi(e) {
 }
 //#endregion
 //#region src/components/JsonViewer/jsonSearch.ts
-function Fi(e) {
+function Pi(e) {
 	return typeof e == "object" && !!e && !Array.isArray(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) {
+var Fi = "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\"]", Ii = /[\n,]/, Li = "__original_index", Ri = { matched: !1 };
+function zi(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 Bi(e) {
+	return Pi(e) || Array.isArray(e) && e.every(Pi);
+}
 function Vi(e) {
-	return Fi(e) || Array.isArray(e) && e.every(Fi);
+	return e.split(Ii).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);
+	return Pi(e) && Object.keys(e).length === 0;
 }
 function Ui(e) {
-	return Fi(e) && Object.keys(e).length === 0;
-}
-function Wi(e) {
 	return e.match.matched;
 }
-function Gi(e, t) {
-	return Fi(e) ? {
-		[Ri]: t,
+function Wi(e, t) {
+	return Pi(e) ? {
+		[Li]: t,
 		...e
 	} : {
-		[Ri]: t,
+		[Li]: t,
 		value: e
 	};
 }
-function Ki(e, t, n) {
-	return n ? Gi(e, t) : e;
+function Gi(e, t, n) {
+	return n ? Wi(e, t) : e;
 }
-function qi(e, t) {
+function Ki(e, t) {
 	if (Array.isArray(e)) {
 		let n = [];
 		for (let [r, i] of e.entries()) {
-			let e = qi(i, t);
-			Ui(e) || n.push({
+			let e = Ki(i, t);
+			Hi(e) || n.push({
 				index: r,
 				value: e
 			});
 		}
 		let r = n.length !== e.length;
-		return n.map((e) => r ? Ki(e.value, e.index, t) : e.value);
+		return n.map((e) => r ? Gi(e.value, e.index, t) : e.value);
 	}
-	if (Fi(e)) {
+	if (Pi(e)) {
 		let n = {};
 		for (let [r, i] of Object.entries(e)) {
-			let e = qi(i, t);
-			Ui(e) || (n[r] = e);
+			let e = Ki(i, t);
+			Hi(e) || (n[r] = e);
 		}
 		return n;
 	}
 	return e;
 }
-function Ji(e, t, n) {
+function qi(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(Wi), a = r.length !== e.length, o = r.map((e) => a ? Ki(e.match.value, e.index, n) : e.match.value);
+			})).filter(Ui), a = r.length !== e.length, o = r.map((e) => a ? Gi(e.match.value, e.index, n) : e.match.value);
 			return r.length > 0 ? {
 				matched: !0,
 				value: o
-			} : zi;
+			} : Ri;
 		}
-		if (Fi(e)) {
+		if (Pi(e)) {
 			let n = {};
 			for (let [a, o] of Object.entries(e)) {
 				let e = [...t, a];
@@ -3292,16 +3292,16 @@ function Ji(e, t, n) {
 			return Object.keys(n).length > 0 ? {
 				matched: !0,
 				value: n
-			} : zi;
+			} : Ri;
 		}
-		return Bi(e).toLowerCase().includes(r) ? {
+		return zi(e).toLowerCase().includes(r) ? {
 			matched: !0,
 			value: e
-		} : zi;
+		} : Ri;
 	}
 	return i(e, []);
 }
-function Yi(e, t, n, r) {
+function Ji(e, t, n, r) {
 	let i = t.trim();
 	if (!i) return {
 		value: e,
@@ -3309,7 +3309,7 @@ function Yi(e, t, n, r) {
 		message: void 0
 	};
 	if (n === "text") {
-		let t = Ji(e, i, r);
+		let t = qi(e, i, r);
 		return t.matched ? {
 			value: t.value,
 			isEmpty: !1,
@@ -3320,14 +3320,14 @@ function Yi(e, t, n, r) {
 			message: void 0
 		};
 	}
-	if (!Vi(e)) return {
+	if (!Bi(e)) return {
 		value: void 0,
 		isEmpty: !0,
 		message: "Key filters support objects and arrays of objects."
 	};
-	let a = Hi(i), o;
+	let a = Vi(i), o;
 	try {
-		o = ki(e, {
+		o = Oi(e, {
 			filterKeys: a,
 			rejectEmptyObjectsInArray: !1,
 			sortKeys: !1
@@ -3339,19 +3339,19 @@ function Yi(e, t, n, r) {
 			message: e instanceof Error ? e.message : "Invalid key filter"
 		};
 	}
-	let s = qi(o, r);
+	let s = Ki(o, r);
 	return {
 		value: s,
-		isEmpty: Array.isArray(s) && s.length === 0 || Fi(s) && Object.keys(s).length === 0,
+		isEmpty: Array.isArray(s) && s.length === 0 || Pi(s) && Object.keys(s).length === 0,
 		message: void 0
 	};
 }
 //#endregion
 //#region src/style/helpers/allowTextSelection.ts
-var Xi = "\n  user-select: text;\n\n  *, *::before, *::after {\n    user-select: text;\n  }\n", Zi = /* @__PURE__ */ new Map();
-function Y(e, t) {
+var Yi = "\n  user-select: text;\n\n  *, *::before, *::after {\n    user-select: text;\n  }\n", Xi = /* @__PURE__ */ new Map();
+function Zi(e, t) {
 	let n = JSON.stringify(t);
-	return (Zi.get(n) ?? Zi.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
+	return (Xi.get(n) ?? Xi.set(n, new Intl.NumberFormat("en-US", t)).get(n)).format(e);
 }
 //#endregion
 //#region utils/objectUtils.ts
@@ -3362,15 +3362,15 @@ function Qi(e) {
 //#region src/components/JsonViewer/JsonViewer.tsx
 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 })};
+    ${G({ gap: 4 })};
   }
 `, ma = B`
   &&& {
-    ${U({ gap: 6 })};
+    ${W({ gap: 6 })};
     position: sticky;
     top: 0;
     z-index: 2;
-    background: ${G.bgPrimary.var};
+    background: ${K.bgPrimary.var};
     /* set --json-toolbar-bleed to the container padding to make the toolbar
        stretch flush to the container edges */
     margin: calc(-1 * var(--json-toolbar-bleed, 0px));
@@ -3380,22 +3380,22 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
     border-radius: 4px 4px 0 0;
 
     > label {
-      ${U({ gap: 6 })};
+      ${W({ gap: 6 })};
       flex: 1 1;
-      background: ${G.white.alpha(.05)};
+      background: ${K.white.alpha(.05)};
       border-radius: 4px;
       padding: 3px 8px;
       --icon-size: 13px;
 
       .icon {
-        color: ${G.secondary.var};
+        color: ${K.secondary.var};
         flex-shrink: 0;
       }
 
       input {
         border: none;
         background: transparent;
-        color: ${G.white.var};
+        color: ${K.white.var};
         font-size: 12px;
         width: 100%;
 
@@ -3406,30 +3406,30 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
     }
 
     > .toolbar-button {
-      ${U()};
+      ${W()};
       padding: 4px;
       border-radius: 4px;
-      color: ${G.white.alpha(.6)};
+      color: ${K.white.alpha(.6)};
       --icon-size: 14px;
       font-size: 12px;
       white-space: nowrap;
-      ${fi()};
+      ${di()};
 
       &:hover {
-        background: ${G.white.alpha(.08)};
-        color: ${G.white.var};
+        background: ${K.white.alpha(.08)};
+        color: ${K.white.var};
       }
 
       &.active {
-        color: ${G.secondary.var};
-        background: ${G.secondary.alpha(.16)};
+        color: ${K.secondary.var};
+        background: ${K.secondary.alpha(.16)};
       }
     }
   }
 `, ha = B`
   &&& {
     font-size: 12px;
-    color: ${G.warning.var};
+    color: ${K.warning.var};
     padding: 2px 0;
   }
 `, ga = B`
@@ -3440,10 +3440,10 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
   }
 `, _a = B`
   &&& {
-    font-family: ${K.decorative};
+    font-family: ${q.decorative};
     font-size: 13px;
-    ${Xi};
-    ${W({ gap: 2 })};
+    ${Yi};
+    ${G({ gap: 2 })};
     padding-left: 8px;
 
     .expand-button {
@@ -3451,7 +3451,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
       width: 16px;
       display: inline-block;
       vertical-align: middle;
-      color: ${G.white.alpha(.5)};
+      color: ${K.white.alpha(.5)};
 
       &:not(.expanded) .icon {
         transform: rotate(-90deg);
@@ -3459,16 +3459,16 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
     }
 
     .show-all {
-      color: ${G.white.alpha(.5)};
+      color: ${K.white.alpha(.5)};
       text-align: left;
     }
 
     .childs {
-      ${W({ gap: 2 })};
+      ${G({ gap: 2 })};
     }
 
     .delimiter {
-      color: ${G.white.alpha(.5)};
+      color: ${K.white.alpha(.5)};
       margin-top: 1px;
       margin-bottom: 1px;
 
@@ -3482,13 +3482,13 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
     .childs {
       padding-left: 20px;
       grid-column: 1 / span 3;
-      border-left: 1px solid ${G.white.alpha(.05)};
+      border-left: 1px solid ${K.white.alpha(.05)};
 
       > .value {
         &::after {
           content: ',';
           opacity: 0.5;
-          color: ${G.white.var};
+          color: ${K.white.var};
         }
       }
     }
@@ -3500,20 +3500,20 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
       .key {
         color: #a5d6ff;
         margin-right: 5px;
-        ${U({ align: "top" })};
+        ${W({ align: "top" })};
 
         span {
           flex-shrink: 1;
-          ${J};
+          ${Y};
         }
 
         &.index {
-          color: ${G.success.alpha(.7)};
+          color: ${K.success.alpha(.7)};
         }
 
         &::after {
           content: ':';
-          color: ${G.secondary.alpha(.5)};
+          color: ${K.secondary.alpha(.5)};
         }
       }
     }
@@ -3536,24 +3536,24 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
     }
 
     [data-type='number'] {
-      color: ${G.primary.var};
+      color: ${K.primary.var};
     }
 
     [data-type='boolean'] {
-      color: ${G.warning.var};
+      color: ${K.warning.var};
     }
 
     [data-type='object'],
     [data-type='undefined'] {
-      color: ${G.white.alpha(.6)};
+      color: ${K.white.alpha(.6)};
     }
 
     .collapsed {
-      color: ${G.white.alpha(.5)};
+      color: ${K.white.alpha(.5)};
       cursor: pointer;
 
       > span {
-        color: ${G.white.alpha(.4)};
+        color: ${K.white.alpha(.4)};
       }
     }
 
@@ -3563,12 +3563,12 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
       margin-left: 6px;
       padding: 1px 2px;
       border-radius: 3px;
-      color: ${G.white.alpha(.55)};
+      color: ${K.white.alpha(.55)};
       --icon-size: 12px;
 
       &:hover {
-        color: ${G.white.var};
-        background: ${G.white.alpha(.08)};
+        color: ${K.white.var};
+        background: ${K.white.alpha(.08)};
       }
     }
 
@@ -3582,7 +3582,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
 	class: "copy-value",
 	title: "Copy value",
 	onClick: (t) => {
-		t.stopPropagation(), kr(e.value);
+		t.stopPropagation(), Or(e.value);
 	},
 	get children() {
 		return A(V, { name: "copy" });
@@ -3608,7 +3608,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
 		return [l && (() => {
 			var t = $i(), n = t.firstChild;
 			return t.$$click = (e) => {
-				e.shiftKey && kr(o);
+				e.shiftKey && Or(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;
@@ -3629,7 +3629,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
 				return [(() => {
 					var e = ra();
 					return st(e, "click", l ? void 0 : (e) => {
-						e.shiftKey ? kr(o) : t() || n(() => !0);
+						e.shiftKey ? Or(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;
@@ -3678,13 +3678,13 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
 	return (() => {
 		var r = sa();
 		return r.$$click = (r) => {
-			r.shiftKey ? kr(typeof e.value == "string" ? e.value : String(e.value)) : t() && n(() => !1);
+			r.shiftKey ? Or(typeof e.value == "string" ? e.value : String(e.value)) : t() && n(() => !1);
 		}, R(r, (() => {
 			var t = N(() => typeof e.value == "string");
 			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 : Bi(e.value);
+			return () => t() ? Zi(e.value) : N(() => typeof e.value == "string")() ? e.value : zi(e.value);
 		})(), null), R(r, (() => {
 			var t = N(() => typeof e.value == "string");
 			return () => t() && ca();
@@ -3710,7 +3710,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
 	function _(e) {
 		u(() => e), f(() => !0), m(() => p() + 1);
 	}
-	let v = k(() => Yi(e.value, e.search ? r() : "", a(), s())), y = k(() => Ta(v().value)), ee = k(() => {
+	let v = k(() => Ji(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,
@@ -3730,7 +3730,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
 					get classList() {
 						return { active: a() === "keys" };
 					},
-					title: Ii,
+					title: Fi,
 					onClick: () => {
 						o(() => a() === "keys" ? "text" : "keys");
 					},
@@ -3786,7 +3786,7 @@ var $i = /*#__PURE__*/ P("<div class=key><span>"), ea = /*#__PURE__*/ P("<div cl
 					class: "toolbar-button",
 					title: "Copy visible value as JSON",
 					onClick: () => {
-						kr(v().value);
+						Or(v().value);
 					},
 					get children() {
 						return A(V, { name: "copy" });
@@ -3877,15 +3877,15 @@ function Da(...e) {
 //#region src/components/Section.tsx
 var Oa = /*#__PURE__*/ P("<div><div class=content>"), ka = /*#__PURE__*/ P("<h1>"), Aa = B`
   &&& {
-    ${W()};
+    ${G()};
 
     > h1 {
       font-size: 14px;
-      color: ${G.secondary.var};
+      color: ${K.secondary.var};
       letter-spacing: 0.08em;
-      font-family: ${K.decorative};
+      font-family: ${q.decorative};
       font-weight: 300;
-      background: ${G.bgPrimary.var};
+      background: ${K.bgPrimary.var};
       z-index: 1;
       align-self: flex-start;
       position: sticky;
@@ -3901,7 +3901,7 @@ var Oa = /*#__PURE__*/ P("<div><div class=content>"), ka = /*#__PURE__*/ P("<h1>
       padding-top: calc(var(--padding-top) + 10px);
       padding-inline: 10px;
       padding-bottom: 10px;
-      background: ${G.white.alpha(.05)};
+      background: ${K.white.alpha(.05)};
       border-radius: 4px;
     }
 
@@ -3934,12 +3934,12 @@ var Oa = /*#__PURE__*/ P("<div><div class=content>"), ka = /*#__PURE__*/ P("<h1>
     }
 
     .row:not(:last-child) > div {
-      border-bottom: 1px solid ${G.white.alpha(.1)};
+      border-bottom: 1px solid ${K.white.alpha(.1)};
     }
 
     .value {
       padding-left: 16px;
-      color: ${G.white.var};
+      color: ${K.white.var};
     }
 
     .name {
@@ -4012,7 +4012,7 @@ function Va(e) {
 function Ha(e) {
 	return Array.isArray(e);
 }
-var [Q, $] = Tn({
+var [Q, $] = wn({
 	callers: [],
 	selectedCallerIdx: 0,
 	method: "GET",
@@ -4159,7 +4159,7 @@ function to(e) {
 			payload: e.payload
 		}) : e.payload === void 0 || e.payload === null ? {} : { payload: JSON.stringify(e.payload, null, 2) },
 		sendError: null
-	}), $r("selectedPage", "caller");
+	}), Qr("selectedPage", "caller");
 }
 //#endregion
 //#region src/utils/getUnusedResponseData.ts
@@ -4201,7 +4201,7 @@ function lo(e, t) {
 	let n = 0;
 	for (let r of t) {
 		let t = so(e, r);
-		t !== void 0 && (n += nn(() => JSON.stringify(t).length) || 0);
+		t !== void 0 && (n += tn(() => JSON.stringify(t).length) || 0);
 	}
 	return n;
 }
@@ -4215,12 +4215,12 @@ function fo(e, t = {}) {
 	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;
+		let r = t.maskSensitiveData && !Rn(e) ? "<masked>" : n;
 		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 ${uo("Content-Type: application/json")}`);
-		let n = t.maskSensitiveData ? Un(e.payload).value : e.payload;
+		let n = t.maskSensitiveData ? Hn(e.payload).value : e.payload;
 		i.push(`--data ${uo(JSON.stringify(n))}`);
 	}
 	return i.join(" \\\n  ");
@@ -4229,13 +4229,13 @@ function fo(e, t = {}) {
 //#region src/pages/api-explorer/RequestDetails.tsx
 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()};
+    ${G()};
     padding-left: 10px;
 
     > h1 {
       margin-top: 12px;
-      font-family: ${K.decorative};
-      ${J};
+      font-family: ${q.decorative};
+      ${Y};
 
       span.separator {
         font-size: 14px;
@@ -4246,75 +4246,75 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
 
       span.type {
         text-transform: capitalize;
-        color: ${G.secondary.var};
+        color: ${K.secondary.var};
       }
     }
 
     > h2 {
       margin-top: 4px;
-      font-family: ${K.decorative};
+      font-family: ${q.decorative};
       font-size: 12px;
       opacity: 0.5;
     }
 
     .tags {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       margin-top: 8px;
       padding-right: 10px;
 
       .method {
-        color: ${G.primary.var};
+        color: ${K.primary.var};
       }
 
       .code {
-        color: ${G.success.var};
+        color: ${K.success.var};
 
         &.error {
-          color: ${G.error.var};
+          color: ${K.error.var};
         }
       }
 
       .tag {
         font-size: 11px;
-        color: ${G.warning.var};
+        color: ${K.warning.var};
         padding: 1px 3px;
         border-radius: 4px;
-        border: 1px solid ${G.warning.alpha(.6)};
+        border: 1px solid ${K.warning.alpha(.6)};
 
         &.error {
-          color: ${G.error.var};
+          color: ${K.error.var};
           font-weight: 600;
-          border-color: ${G.error.alpha(.6)};
+          border-color: ${K.error.alpha(.6)};
         }
 
         &.warning {
-          ${U({ gap: 4 })};
+          ${W({ gap: 4 })};
           font-weight: 600;
           --icon-size: 12px;
         }
 
         &.pending {
-          color: ${G.secondary.var};
-          border-color: ${G.secondary.alpha(.6)};
+          color: ${K.secondary.var};
+          border-color: ${K.secondary.alpha(.6)};
         }
       }
 
       .actions {
         margin-left: auto;
-        ${U({ gap: 8 })};
+        ${W({ gap: 8 })};
 
         button.action-button {
-          ${U({ gap: 4 })};
+          ${W({ gap: 4 })};
           font-size: 12px;
-          color: ${G.white.alpha(.7)};
+          color: ${K.white.alpha(.7)};
           padding: 2px 6px;
           border-radius: 4px;
-          background: ${G.white.alpha(.05)};
+          background: ${K.white.alpha(.05)};
           --icon-size: 13px;
 
           &:hover {
-            color: ${G.white.var};
-            background: ${G.white.alpha(.1)};
+            color: ${K.white.var};
+            background: ${K.white.alpha(.1)};
           }
         }
       }
@@ -4323,7 +4323,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
     > .details {
       margin-top: 14px;
       padding-right: 10px;
-      ${W({ gap: 8 })};
+      ${G({ gap: 8 })};
       flex: 1 1;
       overflow-y: auto;
       padding-bottom: 20px;
@@ -4331,14 +4331,14 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
   }
 `, Mo = B`
   &&& {
-    ${W({ align: "left" })};
+    ${G({ align: "left" })};
     gap: 6px;
 
     > .warning-item {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       align-items: flex-start;
       font-size: 13px;
-      color: ${G.warning.var};
+      color: ${K.warning.var};
       --icon-size: 14px;
       align-self: stretch;
 
@@ -4348,7 +4348,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
       }
 
       > .warning-content {
-        ${W({ align: "left" })};
+        ${G({ align: "left" })};
         gap: 4px;
         flex: 1 1;
       }
@@ -4369,24 +4369,24 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
       top: calc(100% + 4px);
       right: 0;
       z-index: 20;
-      ${W({ align: "stretch" })};
+      ${G({ align: "stretch" })};
       min-width: 170px;
       padding: 4px;
-      background: ${G.bgSecondary.var};
-      border: 1px solid ${G.white.alpha(.1)};
+      background: ${K.bgSecondary.var};
+      border: 1px solid ${K.white.alpha(.1)};
       border-radius: 4px;
 
       > button {
         text-align: left;
         font-size: 12px;
         white-space: nowrap;
-        color: ${G.white.alpha(.8)};
+        color: ${K.white.alpha(.8)};
         padding: 6px 8px;
         border-radius: 4px;
 
         &:hover {
-          color: ${G.white.var};
-          background: ${G.white.alpha(.08)};
+          color: ${K.white.var};
+          background: ${K.white.alpha(.08)};
         }
       }
     }
@@ -4397,8 +4397,8 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
   }
 `, Fo = B`
   &&& {
-    ${U({ gap: 20 })};
-    color: ${G.secondary.var};
+    ${W({ gap: 20 })};
+    color: ${K.secondary.var};
     margin-top: 20px;
 
     > button {
@@ -4416,9 +4416,9 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
     }
   }
 `, Io = () => {
-	let t = k(() => q.selectedCall), n = k(() => q.selectedRequest), r = k(() => q.selectedTab || "summary"), i = tn(() => {
+	let t = k(() => J.selectedCall), n = k(() => J.selectedRequest), r = k(() => J.selectedTab || "summary"), i = en(() => {
 		let e;
-		e = t() ? H.calls[t()] : H.calls[Jn.value];
+		e = t() ? U.calls[t()] : U.calls[qn.value];
 		let r = n() && e?.requests.find((e) => e.id === n()) || e?.requests.at(-1);
 		return r && e ? {
 			...r,
@@ -4432,34 +4432,34 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
 				return { selected: _.value === e };
 			},
 			onClick: () => {
-				$r("selectedTab", e);
+				Qr("selectedTab", e);
 			},
 			children: t
 		});
 	}
-	let o = tn(() => {
+	let o = en(() => {
 		let e = i.value;
-		return e ? Qr.value ? e.headers ?? null : Rn(e) : null;
-	}), s = tn(() => {
+		return e ? Zr.value ? e.headers ?? null : Ln(e) : null;
+	}), s = en(() => {
 		let e = i.value;
-		return e?.payload ? Un(e.payload) : null;
-	}), c = tn(() => Qr.value ? i.value?.payload : s.value?.value), l = en(!1);
+		return e?.payload ? Hn(e.payload) : null;
+	}), c = en(() => Zr.value ? i.value?.payload : s.value?.value), l = H(!1);
 	function u(e) {
 		let t = i.value;
-		t && kr(fo(t, { maskSensitiveData: e })), l.value = !1;
+		t && Or(fo(t, { maskSensitiveData: e })), l.value = !1;
 	}
 	function d(e) {
-		return Y(e, {
+		return Zi(e, {
 			unit: "byte",
 			style: "unit",
 			notation: "compact",
 			unitDisplay: "narrow"
 		});
 	}
-	let f = tn(() => i.value?.response ? d(JSON.stringify(i.value.response).length) : !1);
+	let f = en(() => i.value?.response ? d(JSON.stringify(i.value.response).length) : !1);
 	function p() {
 		let e = i.value;
-		e && kr({
+		e && Or({
 			call: e.callName,
 			path: e.path,
 			method: e.method,
@@ -4474,9 +4474,9 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
 			duration: e.duration,
 			tags: e.tags,
 			warnings: e.warnings,
-			payload: Qr.value ? e.payload : Un(e.payload).value,
+			payload: Zr.value ? e.payload : Hn(e.payload).value,
 			searchParams: e.searchParams,
-			headers: (Qr.value ? e.headers : Rn(e)) ?? void 0,
+			headers: (Zr.value ? e.headers : Ln(e)) ?? void 0,
 			response: e.response,
 			unusedResponseData: e.unusedResponseData,
 			metadata: e.metadata
@@ -4502,17 +4502,17 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
 			})), t;
 		})();
 	}
-	let h = tn(() => {
+	let h = en(() => {
 		let e = i.value;
 		return e?.unusedResponseData?.length ? co(e.response, e.unusedResponseData) : null;
-	}), g = tn(() => {
+	}), g = en(() => {
 		let e = i.value;
 		if (!e?.unusedResponseData?.length || !e.response) return !1;
 		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)`;
-	}), _ = tn(() => {
+	}), _ = en(() => {
 		let e = i.value;
 		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();
 	});
@@ -4723,10 +4723,10 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
 															name: "Duration",
 															value: i.value.status === "pending" ? (() => {
 																var e = Oo();
-																return O((t) => L(e, "color", G.secondary.var)), e;
+																return O((t) => L(e, "color", K.secondary.var)), e;
 															})() : (() => {
 																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;
+																return R(e, () => Zi(i.value.duration, { maximumFractionDigits: 0 }), t), O((t) => L(e, "color", i.value.duration < 500 ? K.success.var : i.value.duration > 1e3 ? K.error.var : void 0)), e;
 															})()
 														},
 														{
@@ -4744,7 +4744,7 @@ var po = /*#__PURE__*/ P("<div>"), mo = /*#__PURE__*/ P("<div class=warning-item
 															name: "Unused Data Size",
 															value: (() => {
 																var e = Ao();
-																return R(e, () => g.value), O((t) => L(e, "color", G.warning.var)), e;
+																return R(e, () => g.value), O((t) => L(e, "color", K.warning.var)), e;
 															})()
 														}
 													];
@@ -4926,40 +4926,40 @@ function Lo(e) {
 //#region src/pages/api-explorer/Timeline.tsx
 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)};
+    ${G()};
+    border-right: 1px solid ${K.white.alpha(.1)};
 
     > h1 {
       font-size: 16px;
       padding-left: 12px;
       padding-top: 10px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
       padding-bottom: 16px;
     }
   }
 `, Jo = B`
   &&& {
-    ${W()};
+    ${G()};
     flex: 1 1;
     overflow-y: auto;
   }
 `, Yo = B`
   &&& {
     font-size: 13px;
-    ${W()};
+    ${G()};
 
     &.warning {
-      color: ${G.warning.var};
+      color: ${K.warning.var};
     }
 
     &.error {
-      color: ${G.error.var};
+      color: ${K.error.var};
       font-weight: 600;
     }
 
     &.pending {
-      color: ${G.secondary.var};
+      color: ${K.secondary.var};
 
       .payload {
         opacity: 0.7;
@@ -4968,16 +4968,16 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
 
     > button {
       padding: 4px 12px;
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       opacity: 0.8;
 
       &.selected {
         opacity: 1;
-        background-color: ${G.secondary.alpha(.16)};
+        background-color: ${K.secondary.alpha(.16)};
       }
 
       > .start-time {
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
       }
 
       > .separator {
@@ -4985,13 +4985,13 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
       }
 
       > .payload {
-        ${J};
+        ${Y};
         flex-shrink: 1;
       }
 
       > .pending-indicator {
         font-size: 11px;
-        border: 1px solid ${G.secondary.alpha(.6)};
+        border: 1px solid ${K.secondary.alpha(.6)};
         border-radius: 4px;
         padding: 0 3px;
         flex-shrink: 0;
@@ -5000,21 +5000,21 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
   }
 `, Xo = B`
   &&& {
-    ${U({ gap: 8 })};
+    ${W({ gap: 8 })};
     padding: 2px 12px;
     font-size: 12px;
-    color: ${G.warning.var};
-    font-family: ${K.decorative};
+    color: ${K.warning.var};
+    font-family: ${q.decorative};
 
     &::before,
     &::after {
       content: '';
       flex: 1 1;
-      border-top: 1px dashed ${G.warning.alpha(.5)};
+      border-top: 1px dashed ${K.warning.alpha(.5)};
     }
 
     > span {
-      ${J};
+      ${Y};
       flex-shrink: 1;
     }
   }
@@ -5027,12 +5027,12 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
   }
 `, Qo = () => {
 	let t = k(() => {
-		let e = q.selectedCall;
-		return e ? e ? H.calls[e] : null : H.calls[Jn.value] || null;
+		let e = J.selectedCall;
+		return e ? e ? U.calls[e] : null : U.calls[qn.value] || null;
 	}), n = k(() => {
 		let e = Wt(t()?.requests);
 		return e.length === 0 ? null : e;
-	}), r = k(() => q.selectedSubitem ? n()?.filter((e) => e.alias === q.selectedSubitem) : n()), i = k(() => {
+	}), r = k(() => J.selectedSubitem ? n()?.filter((e) => e.alias === J.selectedSubitem) : n()), i = k(() => {
 		let e = r();
 		if (!e || e.length === 0) return null;
 		let t = e.map((e) => ({
@@ -5040,13 +5040,13 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
 			request: e,
 			time: e.startTime
 		}));
-		for (let e of H.markers) t.push({
+		for (let e of U.markers) t.push({
 			itemType: "marker",
 			marker: e,
 			time: e.time
 		});
 		return t.sort((e, t) => t.time - e.time);
-	}), a = k(() => q.selectedRequest || r()?.[0]?.id);
+	}), a = k(() => J.selectedRequest || r()?.[0]?.id);
 	return (() => {
 		var t = Ro(), n = t.firstChild.nextSibling;
 		return I(t, qo), I(n, Jo), R(n, A(j, {
@@ -5064,12 +5064,12 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
 					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 = Lo(n), c = ni(n);
+				let n = t.request, r = e(n.startTime), i = r.format("HH:mm:ss"), o = r.fromNow(), s = Lo(n), c = ti(n);
 				return (() => {
 					var e = Uo();
 					return I(e, Yo), R(e, A(z, {
 						onClick: () => {
-							$r("selectedRequest", n.id);
+							Qr("selectedRequest", n.id);
 						},
 						get classList() {
 							return { selected: n.id === a() };
@@ -5083,7 +5083,7 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
 								(() => {
 									var e = Ho();
 									return R(e, () => c.label), O((t) => {
-										var n = `${ei} ${c.class}`, r = c.description;
+										var n = `${$r} ${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,
@@ -5114,7 +5114,7 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
     display: grid;
   }
 `, ts = () => {
-	let e = Zr({
+	let e = Xr({
 		storageKey: "api-explorer",
 		initialSizes: [
 			1,
@@ -5123,9 +5123,9 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
 		]
 	});
 	return se(() => {
-		if (q.selectedCall) return;
+		if (J.selectedCall) return;
 		let e = null;
-		for (let [t, n] of Object.entries(H.calls)) if (n.type !== "ws") for (let r of n.requests) {
+		for (let [t, n] of Object.entries(U.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 = {
@@ -5134,13 +5134,13 @@ var Ro = /*#__PURE__*/ P("<div><h1>timeline</h1><div>"), zo = /*#__PURE__*/ P("<
 				loadedTime: n
 			});
 		}
-		e && $r({
+		e && Qr({
 			selectedCall: e.callID,
 			selectedRequest: e.requestID
 		});
 	}), (() => {
 		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;
+		return I(t, es), R(t, A(Si, {}), 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;
 	})();
 }, ns = 0;
 function rs() {
@@ -5150,12 +5150,12 @@ function rs() {
 //#region src/components/Select.tsx
 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" })};
+    ${G({ align: "left" })};
     width: 100%;
     position: relative;
 
     label {
-      color: ${G.primary.var};
+      color: ${K.primary.var};
       z-index: 1;
       font-size: 13px;
       letter-spacing: 0.08em;
@@ -5163,13 +5163,13 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
     }
 
     .inputContainer {
-      background: ${G.white.alpha(.05)};
+      background: ${K.white.alpha(.05)};
       border-radius: 4px;
       margin-top: 0px;
       position: relative;
       width: 100%;
       overflow: hidden;
-      ${W({ align: "left" })};
+      ${G({ align: "left" })};
     }
 
     select {
@@ -5180,7 +5180,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
       padding-left: 10px;
       font-size: 14px;
       background: transparent;
-      color: ${G.white.var};
+      color: ${K.white.var};
 
       &:focus {
         outline: 0;
@@ -5196,7 +5196,7 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
       left: 0;
       right: 8px;
       height: 17px;
-      background: ${G.white.var};
+      background: ${K.white.var};
     }
   }
 `, ls = (e) => {
@@ -5233,19 +5233,19 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
   }
 `, As = B`
   &&& {
-    ${W()};
-    border-right: 1px solid ${G.white.alpha(.1)};
+    ${G()};
+    border-right: 1px solid ${K.white.alpha(.1)};
     overflow: hidden;
 
     > h1 {
       font-size: 16px;
       padding: 10px 12px 16px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
     }
 
     > .entries {
-      ${W()};
+      ${G()};
       flex: 1 1;
       overflow-y: auto;
     }
@@ -5257,39 +5257,39 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
     }
 
     button {
-      ${W({ align: "left" })};
+      ${G({ align: "left" })};
       padding: 6px 12px;
       gap: 2px;
       width: 100%;
       text-align: left;
 
       &:hover {
-        background: ${G.white.alpha(.05)};
+        background: ${K.white.alpha(.05)};
       }
 
       &.selected {
-        background: ${G.secondary.alpha(.12)};
+        background: ${K.secondary.alpha(.12)};
       }
 
       .method-row {
-        ${U({ gap: 6 })};
+        ${W({ gap: 6 })};
         max-width: 100%;
       }
 
       .method {
         font-size: 11px;
-        font-family: ${K.decorative};
-        color: ${G.primary.var};
+        font-family: ${q.decorative};
+        color: ${K.primary.var};
       }
 
       .sender {
-        ${J};
+        ${Y};
         font-size: 11px;
-        color: ${G.secondary.alpha(.8)};
+        color: ${K.secondary.alpha(.8)};
       }
 
       .path {
-        ${J};
+        ${Y};
         font-size: 13px;
         max-width: 100%;
       }
@@ -5297,13 +5297,13 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
   }
 `, js = B`
   &&& {
-    ${W({ align: "stretch" })};
+    ${G({ align: "stretch" })};
     padding: 12px 16px 0;
     gap: 12px;
     overflow: hidden;
 
     .form-row {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       flex-shrink: 0;
     }
 
@@ -5320,47 +5320,47 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
 
     input,
     textarea {
-      background: ${G.white.alpha(.05)};
-      border: 1px solid ${G.white.alpha(.08)};
+      background: ${K.white.alpha(.05)};
+      border: 1px solid ${K.white.alpha(.08)};
       border-radius: 4px;
-      color: ${G.white.var};
+      color: ${K.white.var};
       font-size: 14px;
       padding: 6px 10px;
 
       &:focus {
         outline: 0;
-        border-color: ${G.secondary.alpha(.6)};
+        border-color: ${K.secondary.alpha(.6)};
       }
     }
 
     input.path-input {
       flex: 1 1;
       height: 32px;
-      font-family: ${K.decorative};
+      font-family: ${q.decorative};
       font-size: 13px;
     }
 
     input.text-input {
       height: 32px;
-      font-family: ${K.decorative};
+      font-family: ${q.decorative};
       font-size: 13px;
       flex-shrink: 0;
     }
 
     textarea {
-      font-family: ${K.decorative};
+      font-family: ${q.decorative};
       font-size: 13px;
       min-height: 120px;
       resize: vertical;
       flex-shrink: 0;
 
       &.invalid {
-        border-color: ${G.error.alpha(.6)};
+        border-color: ${K.error.alpha(.6)};
       }
     }
 
     .input-error {
-      color: ${G.error.var};
+      color: ${K.error.var};
       font-size: 12px;
       margin-top: -6px;
       flex-shrink: 0;
@@ -5368,18 +5368,18 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
 
     .input-label {
       font-size: 12px;
-      color: ${G.secondary.var};
+      color: ${K.secondary.var};
       margin-bottom: -6px;
       flex-shrink: 0;
     }
 
     .send-button {
-      ${U({
+      ${W({
 	gap: 6,
 	justify: "center"
 })};
-      background: ${G.primary.var};
-      color: ${G.bgPrimary.var};
+      background: ${K.primary.var};
+      color: ${K.bgPrimary.var};
       font-weight: 600;
       font-size: 14px;
       border-radius: 4px;
@@ -5394,15 +5394,15 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
     }
 
     .empty-state {
-      ${W({ align: "center" })};
+      ${G({ align: "center" })};
       padding-top: 60px;
       gap: 8px;
       opacity: 0.6;
       text-align: center;
 
       code {
-        font-family: ${K.decorative};
-        color: ${G.secondary.var};
+        font-family: ${q.decorative};
+        color: ${K.secondary.var};
       }
     }
   }
@@ -5412,45 +5412,45 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
     flex: 1 1 0;
     min-height: 0;
     margin: 0 -16px;
-    border-top: 1px solid ${G.white.alpha(.1)};
+    border-top: 1px solid ${K.white.alpha(.1)};
 
     .results-list {
-      ${W({ align: "stretch" })};
+      ${G({ align: "stretch" })};
       overflow: hidden;
-      border-right: 1px solid ${G.white.alpha(.1)};
+      border-right: 1px solid ${K.white.alpha(.1)};
 
       > .title {
         font-size: 12px;
-        color: ${G.secondary.var};
+        color: ${K.secondary.var};
         padding: 10px 12px 6px;
         flex-shrink: 0;
       }
 
       > .entries {
-        ${W({ align: "stretch" })};
+        ${G({ align: "stretch" })};
         flex: 1 1;
         overflow-y: auto;
       }
 
       .result-row {
-        ${W({ align: "left" })};
+        ${G({ align: "left" })};
         gap: 2px;
         padding: 6px 12px;
         width: 100%;
         text-align: left;
         font-size: 12px;
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
 
         &:hover {
-          background: ${G.white.alpha(.05)};
+          background: ${K.white.alpha(.05)};
         }
 
         &.selected {
-          background: ${G.secondary.alpha(.12)};
+          background: ${K.secondary.alpha(.12)};
         }
 
         .row-meta {
-          ${U({ gap: 8 })};
+          ${W({ gap: 8 })};
           max-width: 100%;
 
           .time {
@@ -5459,70 +5459,70 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
         }
 
         .row-sender {
-          ${J};
+          ${Y};
           max-width: 100%;
           font-size: 11px;
-          color: ${G.secondary.alpha(.8)};
+          color: ${K.secondary.alpha(.8)};
         }
       }
     }
 
     .status {
-      color: ${G.success.var};
+      color: ${K.success.var};
 
       &.error {
-        color: ${G.error.var};
+        color: ${K.error.var};
       }
     }
 
     .result-detail {
-      ${W({ align: "stretch" })};
+      ${G({ align: "stretch" })};
       gap: 10px;
       padding: 10px 16px 12px;
       overflow-y: auto;
 
       .detail-header {
-        ${U({ gap: 8 })};
+        ${W({ gap: 8 })};
         flex-shrink: 0;
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
         font-size: 13px;
 
         .method {
-          color: ${G.primary.var};
+          color: ${K.primary.var};
           font-size: 12px;
           flex-shrink: 0;
         }
 
         .path {
-          ${J};
+          ${Y};
           flex: 1 1;
         }
 
         .modify-button {
-          ${U({ gap: 4 })};
+          ${W({ gap: 4 })};
           flex-shrink: 0;
           font-size: 12px;
-          font-family: ${K.decorative};
-          color: ${G.secondary.var};
-          border: 1px solid ${G.secondary.alpha(.4)};
+          font-family: ${q.decorative};
+          color: ${K.secondary.var};
+          border: 1px solid ${K.secondary.alpha(.4)};
           border-radius: 4px;
           padding: 3px 10px;
           --icon-size: 13px;
 
           &:hover {
-            background: ${G.secondary.alpha(.15)};
+            background: ${K.secondary.alpha(.15)};
           }
         }
       }
 
       .detail-meta {
-        ${U({ gap: 12 })};
+        ${W({ gap: 12 })};
         flex-shrink: 0;
         font-size: 13px;
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
 
         .sender {
-          color: ${G.secondary.alpha(.8)};
+          color: ${K.secondary.alpha(.8)};
         }
 
         .time {
@@ -5532,35 +5532,35 @@ var is = /*#__PURE__*/ P("<label>"), as = /*#__PURE__*/ P("<div><div class=input
 
       .detail-label {
         font-size: 12px;
-        color: ${G.secondary.var};
+        color: ${K.secondary.var};
         margin-bottom: -4px;
         flex-shrink: 0;
       }
 
       .input-value {
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
         font-size: 12px;
         opacity: 0.8;
         white-space: pre-wrap;
         word-break: break-word;
-        background: ${G.white.alpha(.04)};
+        background: ${K.white.alpha(.04)};
         border-radius: 4px;
         padding: 8px 10px;
         flex-shrink: 0;
       }
 
       .result-error {
-        color: ${G.error.var};
+        color: ${K.error.var};
         font-size: 13px;
         white-space: pre-wrap;
       }
     }
   }
 `, Ns = () => {
-	let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods || Wa), r = k(() => t()?.inputs ?? Fa), i = Zr({
+	let t = k(() => Q.callers[Q.selectedCallerIdx]), n = k(() => t()?.methods || Wa), r = k(() => t()?.inputs ?? Fa), i = Xr({
 		storageKey: "caller",
 		initialSizes: [1, 4]
-	}), a = Zr({
+	}), a = Xr({
 		storageKey: "caller-results",
 		initialSizes: [1, 2.5]
 	}), o = k(() => {
@@ -5854,51 +5854,51 @@ it(["input", "keydown"]);
 //#region src/pages/logs/LogsPage.tsx
 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" })};
+    ${G({ align: "stretch" })};
     padding: 12px 16px;
     gap: 12px;
     overflow: hidden;
 
     > h1 {
       font-size: 16px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
       flex-shrink: 0;
     }
 
     > .toolbar {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       flex-shrink: 0;
 
       .severity {
         font-size: 12px;
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
         padding: 4px 8px;
         border-radius: 4px;
-        border: 1px solid ${G.white.alpha(.15)};
-        color: ${G.white.alpha(.7)};
+        border: 1px solid ${K.white.alpha(.15)};
+        color: ${K.white.alpha(.7)};
 
         &.error {
-          border-color: ${G.error.alpha(.5)};
-          color: ${G.error.var};
+          border-color: ${K.error.alpha(.5)};
+          color: ${K.error.var};
         }
 
         &.warning {
-          border-color: ${G.warning.alpha(.5)};
-          color: ${G.warning.var};
+          border-color: ${K.warning.alpha(.5)};
+          color: ${K.warning.var};
         }
 
         &.info {
-          border-color: ${G.secondary.alpha(.5)};
-          color: ${G.secondary.var};
+          border-color: ${K.secondary.alpha(.5)};
+          color: ${K.secondary.var};
         }
 
         &:hover {
-          background: ${G.white.alpha(.05)};
+          background: ${K.white.alpha(.05)};
         }
 
         &.active {
-          background: ${G.white.alpha(.12)};
+          background: ${K.white.alpha(.12)};
           border-color: currentColor;
         }
       }
@@ -5909,22 +5909,22 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
       }
 
       > .search {
-        ${U({ gap: 6 })};
+        ${W({ gap: 6 })};
         flex: 1 1;
-        background: ${G.white.alpha(.05)};
+        background: ${K.white.alpha(.05)};
         border-radius: 4px;
         padding: 5px 8px;
         --icon-size: 13px;
 
         .icon {
-          color: ${G.secondary.var};
+          color: ${K.secondary.var};
           flex-shrink: 0;
         }
 
         input {
           border: none;
           background: transparent;
-          color: ${G.white.var};
+          color: ${K.white.var};
           font-size: 12px;
           width: 100%;
 
@@ -5935,24 +5935,24 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
       }
 
       > .action {
-        ${U({ gap: 5 })};
+        ${W({ gap: 5 })};
         font-size: 12px;
-        color: ${G.white.alpha(.7)};
+        color: ${K.white.alpha(.7)};
         padding: 5px 8px;
         border-radius: 4px;
-        background: ${G.white.alpha(.05)};
+        background: ${K.white.alpha(.05)};
         flex-shrink: 0;
         --icon-size: 13px;
 
         &:hover {
-          color: ${G.white.var};
-          background: ${G.white.alpha(.1)};
+          color: ${K.white.var};
+          background: ${K.white.alpha(.1)};
         }
       }
     }
 
     > .list {
-      ${W({ align: "stretch" })};
+      ${G({ align: "stretch" })};
       flex: 1 1;
       gap: 2px;
       overflow-y: auto;
@@ -5965,15 +5965,15 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
       }
 
       .marker {
-        ${U({ gap: 8 })};
+        ${W({ gap: 8 })};
         padding: 3px 10px 3px 12px;
-        color: ${G.warning.var};
+        color: ${K.warning.var};
         --icon-size: 12px;
 
         .time {
-          font-family: ${K.decorative};
+          font-family: ${q.decorative};
           font-size: 12px;
-          color: ${G.warning.alpha(.6)};
+          color: ${K.warning.alpha(.6)};
           flex-shrink: 0;
         }
 
@@ -5982,58 +5982,58 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
         }
 
         .label {
-          font-family: ${K.decorative};
+          font-family: ${q.decorative};
           font-size: 11px;
           flex-shrink: 0;
         }
 
         .line {
           flex: 1 1;
-          border-top: 1px dashed ${G.warning.alpha(.4)};
+          border-top: 1px dashed ${K.warning.alpha(.4)};
         }
       }
 
       .log {
-        ${W({ align: "stretch" })};
+        ${G({ align: "stretch" })};
         border-radius: 4px;
 
         &.expanded {
-          background: ${G.white.alpha(.03)};
+          background: ${K.white.alpha(.03)};
         }
 
         &.error > .row {
-          border-left-color: ${G.error.var};
+          border-left-color: ${K.error.var};
 
           .badge {
-            color: ${G.error.var};
+            color: ${K.error.var};
           }
         }
 
         &.warning > .row {
-          border-left-color: ${G.warning.var};
+          border-left-color: ${K.warning.var};
 
           .badge {
-            color: ${G.warning.var};
+            color: ${K.warning.var};
           }
         }
 
         &.info > .row {
-          border-left-color: ${G.secondary.alpha(.7)};
+          border-left-color: ${K.secondary.alpha(.7)};
 
           .badge {
-            color: ${G.secondary.var};
+            color: ${K.secondary.var};
           }
         }
 
         > .row {
-          ${U({ gap: 10 })};
+          ${W({ gap: 10 })};
           padding: 5px 10px;
           border-left: 2px solid transparent;
           text-align: left;
           width: 100%;
 
           &:hover {
-            background: ${G.white.alpha(.05)};
+            background: ${K.white.alpha(.05)};
 
             .copy,
             .delete {
@@ -6042,14 +6042,14 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
           }
 
           .time {
-            font-family: ${K.decorative};
+            font-family: ${q.decorative};
             font-size: 12px;
-            color: ${G.white.alpha(.5)};
+            color: ${K.white.alpha(.5)};
             flex-shrink: 0;
           }
 
           .badge {
-            font-family: ${K.decorative};
+            font-family: ${q.decorative};
             font-size: 11px;
             text-transform: uppercase;
             letter-spacing: 0.06em;
@@ -6059,38 +6059,38 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 
           .category {
             font-size: 11px;
-            color: ${G.white.alpha(.65)};
+            color: ${K.white.alpha(.65)};
             padding: 1px 5px;
             border-radius: 4px;
-            background: ${G.white.alpha(.08)};
+            background: ${K.white.alpha(.08)};
             flex-shrink: 0;
           }
 
           .message {
             font-size: 13px;
             flex: 1 1;
-            ${J};
+            ${Y};
           }
 
           .copy,
           .delete {
-            ${U()};
+            ${W()};
             flex-shrink: 0;
             padding: 2px;
             border-radius: 3px;
-            color: ${G.white.alpha(.6)};
+            color: ${K.white.alpha(.6)};
             opacity: 0;
             --icon-size: 13px;
 
             &:hover {
-              color: ${G.white.var};
-              background: ${G.white.alpha(.1)};
+              color: ${K.white.var};
+              background: ${K.white.alpha(.1)};
             }
           }
 
           .delete:hover {
-            color: ${G.error.var};
-            background: ${G.error.alpha(.12)};
+            color: ${K.error.var};
+            background: ${K.error.alpha(.12)};
           }
         }
 
@@ -6116,7 +6116,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 ], 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);
+		for (let t of Sr.logs) t.category && e.add(t.category);
 		return [...e].sort();
 	}), u = k(() => {
 		let e = {
@@ -6124,18 +6124,18 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			warning: 0,
 			info: 0
 		};
-		for (let t of Cr.logs) e[t.severity]++;
+		for (let t of Sr.logs) e[t.severity]++;
 		return e;
 	}), d = k(() => {
 		let e = a().trim().toLowerCase(), n = t(), i = r();
-		return Cr.logs.filter((t) => (!n || t.severity === n) && (!i || t.category === i) && (!e || t.message.toLowerCase().includes(e) || (t.category ? t.category.toLowerCase().includes(e) : !1)));
+		return Sr.logs.filter((t) => (!n || t.severity === n) && (!i || t.category === i) && (!e || t.message.toLowerCase().includes(e) || (t.category ? t.category.toLowerCase().includes(e) : !1)));
 	}), f = k(() => {
 		let e = d().map((e) => ({
 			itemType: "log",
 			time: e.time,
 			log: e
 		}));
-		for (let t of H.markers) e.push({
+		for (let t of U.markers) e.push({
 			itemType: "marker",
 			time: t.time,
 			marker: t
@@ -6145,12 +6145,12 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 	function p() {
 		return {
 			exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
-			...H.markers.length > 0 ? { markers: H.markers.map((e) => ({
+			...U.markers.length > 0 ? { markers: U.markers.map((e) => ({
 				label: e.label,
 				time: e.time,
 				timeISO: new Date(e.time).toISOString()
 			})) } : {},
-			logs: d().map((e) => Or(e))
+			logs: d().map((e) => Dr(e))
 		};
 	}
 	return (() => {
@@ -6166,7 +6166,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			get children() {
 				return [
 					"all (",
-					N(() => Cr.logs.length),
+					N(() => Sr.logs.length),
 					")"
 				];
 			}
@@ -6215,7 +6215,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			class: "action",
 			title: "Copy visible logs as JSON",
 			onClick: () => {
-				kr(JSON.stringify(p(), null, 2));
+				Or(JSON.stringify(p(), null, 2));
 			},
 			get children() {
 				return [A(V, { name: "copy" }), "Copy JSON"];
@@ -6224,7 +6224,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			class: "action",
 			title: "Save visible logs to a .json file",
 			onClick: () => {
-				Ar(p(), "devtools-logs"), dr("Logs downloaded");
+				kr(p(), "devtools-logs"), ur("Logs downloaded");
 			},
 			get children() {
 				return [A(V, { name: "download" }), "Save .json"];
@@ -6236,7 +6236,7 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 			get fallback() {
 				return (() => {
 					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;
+					return R(e, () => Sr.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" ? (() => {
@@ -6281,13 +6281,13 @@ var Fs = /*#__PURE__*/ P("<div><h1>logs</h1><div class=toolbar><label class=sear
 				(() => {
 					var e = Vs();
 					return e.$$click = (e) => {
-						e.stopPropagation(), kr(Or(t.log));
+						e.stopPropagation(), Or(Dr(t.log));
 					}, R(e, A(V, { name: "copy" })), e;
 				})(),
 				(() => {
 					var e = Hs();
 					return e.$$click = (e) => {
-						e.stopPropagation(), Dr(t.log.id);
+						e.stopPropagation(), Er(t.log.id);
 					}, R(e, A(V, { name: "trash" })), e;
 				})()
 			];
@@ -6341,7 +6341,7 @@ function ec(e, t, n, r) {
 		o = "[";
 		for (let i of e) o.length > 1 && (o += ","), o += ec(i, t, n + 1, r);
 		o += "]";
-	} else if (Ei(e)) {
+	} else if (Ti(e)) {
 		let i = Object.entries(e);
 		if (i.length === 0) o = "{}";
 		else {
@@ -6354,29 +6354,29 @@ function ec(e, t, n, r) {
 }
 //#endregion
 //#region src/pages/stats/StatsPage.tsx
-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`
+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><span class=label>data used</span><span class=value></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" })};
+    ${G({ align: "stretch" })};
     overflow-y: auto;
     padding: 12px 16px 24px;
     gap: 20px;
 
     > h1 {
       font-size: 16px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
       padding-bottom: 4px;
     }
   }
 `, mc = B`
   &&& {
-    ${U({ gap: 12 })};
+    ${W({ gap: 12 })};
     flex-wrap: wrap;
 
     > div {
-      ${W({ align: "left" })};
-      background: ${G.white.alpha(.04)};
-      border: 1px solid ${G.white.alpha(.08)};
+      ${G({ align: "left" })};
+      background: ${K.white.alpha(.04)};
+      border: 1px solid ${K.white.alpha(.08)};
       border-radius: 6px;
       padding: 10px 14px;
       min-width: 120px;
@@ -6386,37 +6386,37 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
         font-size: 11px;
         letter-spacing: 0.08em;
         text-transform: uppercase;
-        color: ${G.white.alpha(.5)};
+        color: ${K.white.alpha(.5)};
       }
 
       > .value {
         font-size: 20px;
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
 
         &.error {
-          color: ${G.error.var};
+          color: ${K.error.var};
         }
 
         &.warning {
-          color: ${G.warning.var};
+          color: ${K.warning.var};
         }
 
         &.pending {
-          color: ${G.secondary.var};
+          color: ${K.secondary.var};
         }
       }
     }
   }
 `, hc = B`
   &&& {
-    ${W({ align: "stretch" })};
+    ${G({ align: "stretch" })};
     gap: 6px;
 
     > h2 {
       font-size: 13px;
       letter-spacing: 0.08em;
       text-transform: uppercase;
-      color: ${G.primary.var};
+      color: ${K.primary.var};
     }
 
     > .empty {
@@ -6426,13 +6426,13 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
 
     > .hint {
       font-size: 11px;
-      color: ${G.white.alpha(.4)};
+      color: ${K.white.alpha(.4)};
       margin-top: -4px;
     }
   }
 `, gc = B`
   &&& {
-    ${W({ align: "stretch" })};
+    ${G({ align: "stretch" })};
     position: relative;
     padding: 5px 10px;
     border-radius: 4px;
@@ -6440,37 +6440,37 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
     gap: 2px;
 
     &:hover {
-      background: ${G.white.alpha(.06)};
+      background: ${K.white.alpha(.06)};
     }
 
     > .bar {
       position: absolute;
       inset: 0 auto 0 0;
-      background: ${G.secondary.alpha(.12)};
+      background: ${K.secondary.alpha(.12)};
       pointer-events: none;
 
       &.error {
-        background: ${G.error.alpha(.15)};
+        background: ${K.error.alpha(.15)};
       }
 
       &.warning {
-        background: ${G.warning.alpha(.12)};
+        background: ${K.warning.alpha(.12)};
       }
     }
 
     > .row {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       position: relative;
       font-size: 13px;
       max-width: 100%;
 
       > .name {
-        ${J};
+        ${Y};
         flex-shrink: 1;
       }
 
       > .detail {
-        ${J};
+        ${Y};
         flex-shrink: 4;
         opacity: 0.55;
         font-size: 12px;
@@ -6478,26 +6478,26 @@ var tc = /*#__PURE__*/ P("<div><h1>api stats</h1><div><div><span class=label>req
 
       > .metric {
         margin-left: auto;
-        font-family: ${K.decorative};
+        font-family: ${q.decorative};
         flex-shrink: 0;
-        color: ${G.secondary.var};
+        color: ${K.secondary.var};
 
         &.error {
-          color: ${G.error.var};
+          color: ${K.error.var};
         }
 
         &.warning {
-          color: ${G.warning.var};
+          color: ${K.warning.var};
         }
       }
     }
   }
 `, _c = 1e4;
 function vc(e) {
-	return nn(() => e.response === void 0 ? 0 : JSON.stringify(e.response).length) || 0;
+	return tn(() => e.response === void 0 ? 0 : JSON.stringify(e.response).length) || 0;
 }
 function yc(e) {
-	return Y(e, {
+	return Zi(e, {
 		unit: "byte",
 		style: "unit",
 		notation: "compact",
@@ -6508,7 +6508,7 @@ function bc(e) {
 	return e.request.alias || (e.request.payload ? JSON.stringify(e.request.payload) : "");
 }
 function xc(e) {
-	$r({
+	Qr({
 		selectedPage: "explorer",
 		selectedCall: e.callID,
 		selectedRequest: e.request.id,
@@ -6518,29 +6518,30 @@ function xc(e) {
 var Sc = () => {
 	let e = k(() => {
 		let e = [];
-		for (let [t, n] of Object.entries(H.calls)) for (let r of n.requests) e.push({
+		for (let [t, n] of Object.entries(U.calls)) for (let r of n.requests) e.push({
 			request: r,
 			callID: t,
 			callName: n.name
 		});
 		return e;
 	}), t = k(() => e().filter((e) => e.request.type !== "ws")), n = k(() => {
-		let e = t(), n = 0, r = 0, i = 0, a = 0, o = 0;
-		for (let { request: t } of e) t.warnings?.length && r++, t.status === "pending" ? i++ : (o++, a += t.duration, t.isError && n++);
+		let e = t(), n = 0, r = 0, i = 0, a = 0, o = 0, s = 0;
+		for (let { request: t } of e) t.warnings?.length && r++, s += vc(t), t.status === "pending" ? i++ : (t.duration > 0 && (o++, a += t.duration), t.isError && n++);
 		return {
 			total: e.length,
 			errors: n,
 			warnings: r,
 			pending: i,
-			avgDuration: o === 0 ? 0 : a / o
+			avgDuration: o === 0 ? 0 : a / o,
+			totalSize: s
 		};
-	}), 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) => ({
+	}), r = k(() => t().filter((e) => e.request.status !== "pending" && e.request.duration > 0).sort((e, t) => t.request.duration - e.request.duration).slice(0, 10)), i = k(() => t().map((e) => ({
 		...e,
 		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 = tn(() => Qs({
 				callID: n.callID,
 				searchParams: n.request.searchParams,
 				payload: n.request.payload
@@ -6560,7 +6561,7 @@ var Sc = () => {
 			if (o < 2) continue;
 			let s = e.slice(r, i + 1), c = s[0], l = s[s.length - 1];
 			if (!c || !l) continue;
-			let u = new Set(s.map((e) => nn(() => JSON.stringify(e.request.response)) || ""));
+			let u = new Set(s.map((e) => tn(() => JSON.stringify(e.request.response)) || ""));
 			n.push({
 				item: l,
 				count: o,
@@ -6587,14 +6588,14 @@ var Sc = () => {
 		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 = 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 ee = y.nextSibling;
-		ee.firstChild;
-		var b = ee.nextSibling;
-		b.firstChild.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, v = _.firstChild.nextSibling, y = v.firstChild, ee = _.nextSibling.firstChild.nextSibling, b = t.nextSibling;
+		b.firstChild;
 		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, {
+		te.firstChild;
+		var ne = te.nextSibling;
+		ne.firstChild.nextSibling;
+		var x = ne.nextSibling;
+		return x.firstChild.nextSibling, I(e, pc), I(t, mc), R(u, () => Zi(n().total)), R(f, () => Zi(n().errors)), R(m, () => Zi(n().warnings)), R(g, () => Zi(n().pending)), R(v, () => Zi(n().avgDuration, { maximumFractionDigits: 0 }), y), R(ee, () => yc(n().totalSize)), I(b, hc), R(b, A(j, {
 			get each() {
 				return r();
 			},
@@ -6616,11 +6617,11 @@ var Sc = () => {
 						}), 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;
+						return R(n, () => e.callName), R(r, () => bc(e)), R(i, () => Zi(e.request.duration, { maximumFractionDigits: 0 }), a), O(() => i.classList.toggle("error", e.request.duration > 1e3)), t;
 					})()];
 				}
 			})
-		}), null), I(ee, hc), R(ee, A(j, {
+		}), null), I(te, hc), R(te, A(j, {
 			get each() {
 				return i();
 			},
@@ -6640,7 +6641,7 @@ var Sc = () => {
 					})()];
 				}
 			})
-		}), null), I(b, hc), R(b, A(j, {
+		}), null), I(ne, hc), R(ne, A(j, {
 			get each() {
 				return a();
 			},
@@ -6659,11 +6660,11 @@ var Sc = () => {
 						return o.nextSibling, R(n, () => e.item.callName), R(r, () => bc(e.item)), R(t, (() => {
 							var t = N(() => !!e.sameResponse);
 							return () => t() && uc();
-						})(), i), R(i, () => e.count, a), R(i, () => Y(e.windowMs / 1e3, { maximumFractionDigits: 1 }), o), t;
+						})(), i), R(i, () => e.count, a), R(i, () => Zi(e.windowMs / 1e3, { maximumFractionDigits: 1 }), o), t;
 					})()];
 				}
 			})
-		}), null), I(te, hc), R(te, A(j, {
+		}), null), I(x, hc), R(x, A(j, {
 			get each() {
 				return o();
 			},
@@ -6681,7 +6682,7 @@ var Sc = () => {
 						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, {
+							return () => t() && ` · ${Zi(e.unusedBytes, {
 								unit: "byte",
 								style: "unit",
 								notation: "compact",
@@ -6702,20 +6703,20 @@ var Sc = () => {
 	})();
 }, 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" })};
+    ${G({ align: "stretch" })};
     overflow: hidden;
     padding: 12px 16px 0;
     gap: 8px;
 
     > h1 {
       font-size: 16px;
-      font-family: ${K.decorative};
-      color: ${G.secondary.var};
+      font-family: ${q.decorative};
+      color: ${K.secondary.var};
     }
 
     > .hint {
       font-size: 11px;
-      color: ${G.white.alpha(.4)};
+      color: ${K.white.alpha(.4)};
     }
 
     > .empty {
@@ -6726,28 +6727,28 @@ var Sc = () => {
   }
 `, Vc = B`
   &&& {
-    ${U({ gap: 12 })};
+    ${W({ gap: 12 })};
     flex-shrink: 0;
 
     > .search {
-      ${U({ gap: 8 })};
+      ${W({ gap: 8 })};
       display: grid;
       grid-template-columns: 14px 1fr;
       width: 220px;
-      background: ${G.white.alpha(.05)};
+      background: ${K.white.alpha(.05)};
       border-radius: 4px;
       --icon-size: 16px;
       padding: 4px 0;
       padding-left: 6px;
 
       .icon {
-        color: ${G.secondary.var};
+        color: ${K.secondary.var};
       }
 
       input {
         border: none;
         background: transparent;
-        color: ${G.white.var};
+        color: ${K.white.var};
         font-size: 13px;
 
         &:focus {
@@ -6759,7 +6760,7 @@ var Sc = () => {
     > button {
       font-size: 12px;
       opacity: 0.5;
-      ${fi()};
+      ${di()};
 
       &:hover {
         opacity: 1;
@@ -6767,7 +6768,7 @@ var Sc = () => {
 
       &.active {
         opacity: 1;
-        color: ${G.primary.var};
+        color: ${K.primary.var};
       }
     }
   }
@@ -6776,8 +6777,8 @@ var Sc = () => {
     position: relative;
     height: 44px;
     flex-shrink: 0;
-    background: ${G.white.alpha(.04)};
-    border: 1px solid ${G.white.alpha(.1)};
+    background: ${K.white.alpha(.04)};
+    border: 1px solid ${K.white.alpha(.1)};
     border-radius: 4px;
     cursor: crosshair;
     touch-action: none;
@@ -6788,25 +6789,25 @@ var Sc = () => {
       top: 8px;
       bottom: 8px;
       width: 2px;
-      background: ${G.secondary.alpha(.6)};
+      background: ${K.secondary.alpha(.6)};
       pointer-events: none;
 
       &.warning {
-        background: ${G.warning.alpha(.8)};
+        background: ${K.warning.alpha(.8)};
       }
 
       &.error {
-        background: ${G.error.alpha(.8)};
+        background: ${K.error.alpha(.8)};
       }
 
       &.pending {
-        background: ${G.white.alpha(.4)};
+        background: ${K.white.alpha(.4)};
       }
 
       &.marker {
         top: 2px;
         bottom: 2px;
-        background: ${G.warning.var};
+        background: ${K.warning.var};
       }
     }
 
@@ -6814,7 +6815,7 @@ var Sc = () => {
       position: absolute;
       top: 0;
       bottom: 0;
-      background: ${G.black.alpha(.5)};
+      background: ${K.black.alpha(.5)};
       pointer-events: none;
     }
 
@@ -6825,55 +6826,55 @@ var Sc = () => {
       width: 12px;
       transform: translateX(-50%);
       cursor: ew-resize;
-      ${U({ justify: "center" })};
+      ${W({ justify: "center" })};
 
       &::before {
         content: '';
         width: 4px;
         height: 100%;
         border-radius: 2px;
-        background: ${G.primary.var};
+        background: ${K.primary.var};
       }
     }
   }
 `, Uc = B`
   &&& {
-    ${U({ gap: 6 })};
+    ${W({ gap: 6 })};
     flex-wrap: wrap;
     flex-shrink: 0;
 
     > button {
       font-size: 11px;
-      font-family: ${K.decorative};
-      color: ${G.white.alpha(.7)};
-      border: 1px solid ${G.white.alpha(.15)};
+      font-family: ${q.decorative};
+      color: ${K.white.alpha(.7)};
+      border: 1px solid ${K.white.alpha(.15)};
       border-radius: 4px;
       padding: 3px 8px;
       white-space: nowrap;
 
       &:hover {
-        color: ${G.white.var};
-        border-color: ${G.white.alpha(.35)};
+        color: ${K.white.var};
+        border-color: ${K.white.alpha(.35)};
       }
 
       &.danger:hover {
-        color: ${G.error.var};
-        border-color: ${G.error.alpha(.5)};
+        color: ${K.error.var};
+        border-color: ${K.error.alpha(.5)};
       }
 
       &.marker:hover {
-        color: ${G.warning.var};
-        border-color: ${G.warning.alpha(.5)};
+        color: ${K.warning.var};
+        border-color: ${K.warning.alpha(.5)};
       }
     }
   }
 `, Wc = B`
   &&& {
-    ${U()};
+    ${W()};
     justify-content: space-between;
     font-size: 11px;
-    font-family: ${K.decorative};
-    color: ${G.white.alpha(.5)};
+    font-family: ${q.decorative};
+    color: ${K.white.alpha(.5)};
     flex-shrink: 0;
   }
 `, Gc = B`
@@ -6891,17 +6892,17 @@ var Sc = () => {
         top: 0;
         bottom: 0;
         width: 0;
-        border-left: 1px dashed ${G.warning.alpha(.7)};
+        border-left: 1px dashed ${K.warning.alpha(.7)};
         z-index: 1;
 
         > button {
           position: sticky;
           top: 0;
           font-size: 10px;
-          font-family: ${K.decorative};
-          color: ${G.warning.var};
-          background: ${G.bgPrimary.var};
-          border: 1px solid ${G.warning.alpha(.5)};
+          font-family: ${q.decorative};
+          color: ${K.warning.var};
+          background: ${K.bgPrimary.var};
+          border: 1px solid ${K.warning.alpha(.5)};
           border-radius: 3px;
           padding: 0 4px;
           margin-left: 2px;
@@ -6919,22 +6920,22 @@ var Sc = () => {
         width: 100%;
 
         &:hover {
-          background: ${G.white.alpha(.05)};
+          background: ${K.white.alpha(.05)};
         }
 
         > .label {
-          ${U({ gap: 6 })};
+          ${W({ gap: 6 })};
           font-size: 12px;
           padding-right: 10px;
           overflow: hidden;
 
           > .name {
-            ${J};
+            ${Y};
             flex-shrink: 1;
           }
 
           > .alias {
-            ${J};
+            ${Y};
             flex-shrink: 4;
             opacity: 0.5;
             font-size: 11px;
@@ -6950,24 +6951,24 @@ var Sc = () => {
             top: 5px;
             bottom: 5px;
             border-radius: 2px;
-            background: ${G.success.alpha(.8)};
+            background: ${K.success.alpha(.8)};
             min-width: 3px;
 
             &.warning {
-              background: ${G.warning.alpha(.85)};
+              background: ${K.warning.alpha(.85)};
             }
 
             &.error {
-              background: ${G.error.alpha(.9)};
+              background: ${K.error.alpha(.9)};
             }
 
             &.pending {
-              background: ${G.secondary.alpha(.7)};
+              background: ${K.secondary.alpha(.7)};
               animation: devtoolsPendingPulse 1.2s ease-in-out infinite;
             }
 
             &.ws {
-              background: ${G.primary.alpha(.8)};
+              background: ${K.primary.alpha(.8)};
             }
           }
 
@@ -6975,10 +6976,10 @@ var Sc = () => {
             position: absolute;
             top: 0;
             bottom: 0;
-            ${U()};
+            ${W()};
             font-size: 10px;
-            font-family: ${K.decorative};
-            color: ${G.white.alpha(.6)};
+            font-family: ${q.decorative};
+            color: ${K.white.alpha(.6)};
             padding-left: 5px;
             pointer-events: none;
           }
@@ -7001,13 +7002,13 @@ function Kc(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 var qc = 400, Jc = () => {
-	let t = en(""), n = en("all"), [r, i] = D(Date.now()), a = window.setInterval(() => {
+	let t = H(""), n = H("all"), [r, i] = D(Date.now()), a = window.setInterval(() => {
 		i(() => Date.now());
 	}, 1e3);
 	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({
+		for (let [t, n] of Object.entries(U.calls)) for (let r of n.requests) e.push({
 			request: r,
 			callID: t,
 			callName: n.name
@@ -7019,7 +7020,7 @@ var qc = 400, Jc = () => {
 			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;
+				if (!pi(r, e).matched) return !1;
 			}
 			return !0;
 		});
@@ -7028,7 +7029,7 @@ var qc = 400, Jc = () => {
 		return e.status === "pending" ? r() : e.startTime + e.duration;
 	}
 	let l = k(() => {
-		let e = o(), t = H.markers, n = Infinity, r = -Infinity;
+		let e = o(), t = U.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 : {
@@ -7089,7 +7090,7 @@ var qc = 400, Jc = () => {
 		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) : [];
+		return e ? U.markers.filter((t) => t.time >= e.start && t.time <= e.end) : [];
 	});
 	function re(e) {
 		let t = b();
@@ -7159,7 +7160,7 @@ var qc = 400, Jc = () => {
 						})()
 					}), null), R(e, A(j, {
 						get each() {
-							return H.markers;
+							return U.markers;
 						},
 						children: (e) => (() => {
 							var t = Ac();
@@ -7202,7 +7203,7 @@ var qc = 400, Jc = () => {
 						return I(t, Uc), R(t, A(z, {
 							class: "danger",
 							title: "Remove all requests that ended before the selection",
-							onClick: () => Fn(e().start),
+							onClick: () => Pn(e().start),
 							children: "clear requests before"
 						}), null), R(t, A(z, {
 							title: "Reset the selected time range",
@@ -7213,24 +7214,24 @@ var qc = 400, Jc = () => {
 						}), null), R(t, A(z, {
 							class: "danger",
 							title: "Remove all requests that started after the selection",
-							onClick: () => In(e().end),
+							onClick: () => Fn(e().end),
 							children: "clear requests after"
 						}), null), R(t, A(z, {
 							class: "danger",
 							title: "Remove the requests inside the selection",
 							onClick: () => {
-								Ln(e().start, e().end), d(() => null);
+								In(e().start, e().end), d(() => null);
 							},
 							children: "clear selected requests"
 						}), null), R(t, A(z, {
 							class: "marker",
 							title: "Add a marker at the selection start",
-							onClick: () => hr(e().start),
+							onClick: () => mr(e().start),
 							children: "add marker before"
 						}), null), R(t, A(z, {
 							class: "marker",
 							title: "Add a marker at the selection end",
-							onClick: () => hr(e().end),
+							onClick: () => mr(e().end),
 							children: "add marker after"
 						}), null), t;
 					})()
@@ -7243,7 +7244,7 @@ var qc = 400, Jc = () => {
 						},
 						children: (t) => (() => {
 							var n = Ic(), r = n.firstChild;
-							return r.$$click = () => jn(t.id), R(r, () => t.label), O((i) => {
+							return r.$$click = () => An(t.id), R(r, () => t.label), O((i) => {
 								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;
 							}, {
@@ -7260,13 +7261,13 @@ var qc = 400, Jc = () => {
 							return (() => {
 								var r = Lc(), i = r.firstChild, a = i.firstChild, o = a.nextSibling, s = i.nextSibling.firstChild, c = s.nextSibling;
 								return r.$$click = () => {
-									$r({
+									Qr({
 										selectedPage: "explorer",
 										selectedCall: e.callID,
 										selectedRequest: e.request.id,
 										selectedSubitem: null
 									});
-								}, R(a, () => ni(e.request).label), R(o, () => e.callName), R(i, (() => {
+								}, R(a, () => ti(e.request).label), R(o, () => e.callName), R(i, (() => {
 									var t = N(() => !!e.request.alias);
 									return () => t() && (() => {
 										var t = Rc();
@@ -7274,9 +7275,9 @@ var qc = 400, Jc = () => {
 									})();
 								})(), null), R(c, (() => {
 									var t = N(() => e.request.status === "pending");
-									return () => t() ? "pending…" : `${Y(e.request.duration, { maximumFractionDigits: 0 })}ms`;
+									return () => t() ? "pending…" : `${Zi(e.request.duration, { maximumFractionDigits: 0 })}ms`;
 								})()), O((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)}%`;
+									var o = `${e.callName} · ${e.request.status === "pending" ? "pending" : `${Zi(e.request.duration, { maximumFractionDigits: 0 })}ms`}`, l = `${$r} ${ti(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,
@@ -7307,8 +7308,8 @@ it([
 //#endregion
 //#region src/style/globalStyle.ts
 var Yc = `
-  font-family: ${K.primary};
-  color: ${G.textPrimary.var};
+  font-family: ${q.primary};
+  color: ${K.textPrimary.var};
 
   * {
     user-select: none;
@@ -7391,7 +7392,7 @@ function tl() {
 	}
 	let e = window.open("", "app-devtools-window", "width=1400,height=900,popup=yes");
 	if (!e) {
-		dr("The popup was blocked by the browser");
+		ur("The popup was blocked by the browser");
 		return;
 	}
 	$c = e;
@@ -7431,20 +7432,20 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
   position: fixed;
   inset: 32px;
   border-radius: 4px;
-  background: ${G.bgPrimary.var};
+  background: ${K.bgPrimary.var};
   display: grid;
   grid-template-columns: 51px 1fr;
 
   nav {
-    ${W()};
-    border-right: 1px solid ${G.white.alpha(.1)};
+    ${G()};
+    border-right: 1px solid ${K.white.alpha(.1)};
     padding-bottom: 8px;
 
     button {
       ${Xc};
       width: 100%;
       aspect-ratio: 1 / 1;
-      color: ${G.white.alpha(.55)};
+      color: ${K.white.alpha(.55)};
       --icon-size: 24px;
       position: relative;
 
@@ -7453,43 +7454,43 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
       }
 
       &:hover {
-        color: ${G.white.var};
+        color: ${K.white.var};
       }
 
       &.active {
-        color: ${G.bgPrimary.var};
+        color: ${K.bgPrimary.var};
 
         &::before {
           content: '';
           inset: 6px;
           border-radius: 3px;
           position: absolute;
-          background: ${G.primary.var};
+          background: ${K.primary.var};
         }
       }
     }
 
     .nav-actions {
       margin-top: auto;
-      ${W()};
-      border-top: 1px solid ${G.white.alpha(.1)};
+      ${G()};
+      border-top: 1px solid ${K.white.alpha(.1)};
 
       button {
         aspect-ratio: 1 / 0.8;
         --icon-size: 19px;
-        color: ${G.white.alpha(.45)};
+        color: ${K.white.alpha(.45)};
 
         &:hover {
-          color: ${G.white.var};
+          color: ${K.white.var};
 
           &.danger {
-            color: ${G.error.var};
+            color: ${K.error.var};
           }
         }
 
         &.toggle-on,
         &.toggle-on:hover {
-          color: ${G.secondary.var};
+          color: ${K.secondary.var};
         }
       }
     }
@@ -7550,10 +7551,10 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 				return e.title;
 			},
 			get classList() {
-				return { active: q.selectedPage === e.id };
+				return { active: J.selectedPage === e.id };
 			},
 			onClick: () => {
-				$r("selectedPage", e.id);
+				Qr("selectedPage", e.id);
 			},
 			get children() {
 				return A(V, { get name() {
@@ -7563,23 +7564,23 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		})
 	}), r), R(r, A(z, {
 		get classList() {
-			return { "toggle-on": Qr.value };
+			return { "toggle-on": Zr.value };
 		},
 		get title() {
-			return Qr.value ? "Hide sensitive values" : "Show sensitive values";
+			return Zr.value ? "Hide sensitive values" : "Show sensitive values";
 		},
 		onClick: () => {
-			Qr.value = !Qr.value;
+			Zr.value = !Zr.value;
 		},
 		get children() {
 			return A(V, { get name() {
-				return Qr.value ? "eye-off" : "eye";
+				return Zr.value ? "eye-off" : "eye";
 			} });
 		}
 	}), null), R(r, A(z, {
 		title: "Add a marker to the timeline",
 		onClick: () => {
-			hr();
+			mr();
 		},
 		get children() {
 			return A(V, { name: "flag" });
@@ -7587,7 +7588,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 	}), null), R(r, A(z, {
 		title: "Export history",
 		onClick: () => {
-			Br.value = !0;
+			zr.value = !0;
 		},
 		get children() {
 			return A(V, { name: "download" });
@@ -7611,7 +7612,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		class: "danger",
 		title: "Clear history",
 		onClick: () => {
-			Mn(), Er(), dr("History cleared");
+			jn(), Tr(), ur("History cleared");
 		},
 		get children() {
 			return A(V, { name: "trash" });
@@ -7620,7 +7621,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		return [
 			A(qe, {
 				get when() {
-					return q.selectedPage === "explorer";
+					return J.selectedPage === "explorer";
 				},
 				get children() {
 					return A(ts, {});
@@ -7628,7 +7629,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 			}),
 			A(qe, {
 				get when() {
-					return q.selectedPage === "timeline";
+					return J.selectedPage === "timeline";
 				},
 				get children() {
 					return A(Jc, {});
@@ -7636,7 +7637,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 			}),
 			A(qe, {
 				get when() {
-					return q.selectedPage === "stats";
+					return J.selectedPage === "stats";
 				},
 				get children() {
 					return A(Sc, {});
@@ -7644,7 +7645,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 			}),
 			A(qe, {
 				get when() {
-					return q.selectedPage === "logs";
+					return J.selectedPage === "logs";
 				},
 				get children() {
 					return A(Xs, {});
@@ -7652,7 +7653,7 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 			}),
 			A(qe, {
 				get when() {
-					return q.selectedPage === "caller";
+					return J.selectedPage === "caller";
 				},
 				get children() {
 					return A(Ns, {});
@@ -7661,19 +7662,19 @@ var nl = /*#__PURE__*/ P("<div id=dev-tools-root-element><nav><div class=nav-act
 		];
 	} })), R(t, A(M, {
 		get when() {
-			return Br.value;
+			return zr.value;
 		},
 		get children() {
-			return A(Ur, {});
+			return A(Hr, {});
 		}
 	}), null), R(t, A(M, {
 		get when() {
-			return mr.value;
+			return pr.value;
 		},
 		get children() {
-			return A(vr, {});
+			return A(_r, {});
 		}
-	}), null), R(t, A(Kr, {}), null), O(() => I(t, Da(il, e.standalone && al))), t;
+	}), null), R(t, A(Gr, {}), null), O(() => I(t, Da(il, e.standalone && al))), t;
 })()];
 it(["click"]);
 //#endregion
@@ -7709,12 +7710,12 @@ function vl({ callsProcessor: e, shortcut: t, requestCallers: n, visibleRequestH
 	i(window, { [t]: (e) => {
 		let t = document.activeElement;
 		t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA") || (e.preventDefault(), gl());
-	} }), Xn({
+	} }), Yn({
 		...e ? { callsProcessor: e } : {},
 		...r ? { visibleRequestHeaders: r } : {},
 		...a ? { sensitiveDataFields: a } : {},
 		...o === void 0 ? {} : { maxRequestsSizeMb: o }
-	}), s !== void 0 && xr(s), n && Ua(n);
+	}), s !== void 0 && br(s), n && Ua(n);
 }
 //#endregion
-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 };
+export { Zn as addCall, wr as addLog, kn as addMarker, Xn as addWebsocketEvent, jn as clearHistory, Tr as clearLogs, hl as closeDevTools, _l as devToolsIsOpen, vl as initializeDevTools, ml as openDevTools, gl as toggleDevTools };