@bereasoftware/nexa 1.6.0 → 1.8.0

package/dist/nexa.es.js

@@ -1,4 +1,4 @@
-/*! Nexa v1.6.0 | (c) 2026 Berea-Soft | MIT License | https://github.com/Berea-Soft/Nexa */
+/*! Nexa v1.8.0 | (c) 2026 Berea-Soft | MIT License | https://github.com/Berea-Soft/Nexa */
 //#region src/types/index.ts
 var e = (e) => ({
 	ok: !0,
@@ -11,6 +11,10 @@ var e = (e) => ({
 //#region src/utils/index.ts
 function n(n) {
 	return { validate(r) {
+		if (typeof r != "object" || !r) return t({
+			message: "Validation failed: expected an object",
+			code: "VALIDATION_ERROR"
+		});
 		let i = r;
 		for (let [e, r] of Object.entries(n)) if (!r(i[e])) return t({
 			message: `Validation failed: field "${e}" is invalid`,
@@ -21,6 +25,10 @@ function n(n) {
 }
 function r(n) {
 	return { validate(r) {
+		if (typeof r != "object" || !r) return t({
+			message: "Validation failed: expected an object",
+			code: "VALIDATION_ERROR"
+		});
 		let i = r, a = n.filter((e) => !(e in i));
 		return a.length > 0 ? t({
 			message: `Validation failed: missing fields: ${a.join(", ")}`,
@@ -39,9 +47,9 @@ var i = { validate(n) {
 		code: "VALIDATION_ERROR"
 	});
 } }, o = { transform(e) {
-	return h(e, ee);
-} }, s = { transform(e) {
 	return h(e, m);
+} }, s = { transform(e) {
+	return h(e, ee);
 } }, c = { transform(e) {
 	return g(e);
 } };
@@ -104,10 +112,10 @@ var d = class {
 		this.failureCount = 0, this.lastFailureTime = 0;
 	}
 };
-function ee(e) {
+function m(e) {
 	return e.replace(/_([a-z])/g, (e, t) => t.toUpperCase());
 }
-function m(e) {
+function ee(e) {
 	return e.replace(/[A-Z]/g, (e) => `_${e.toLowerCase()}`);
 }
 function h(e, t) {
@@ -125,7 +133,7 @@ function g(e, t = "") {
 	});
 	else if (e && typeof e == "object") for (let [r, i] of Object.entries(e)) {
 		let e = t ? `${t}.${r}` : r;
-		i && typeof i == "object" && !Array.isArray(i) ? Object.assign(n, g(i, e)) : n[e] = i;
+		i && typeof i == "object" ? Object.assign(n, g(i, e)) : n[e] = i;
 	}
 	return n;
 }
@@ -277,9 +285,13 @@ function T(e) {
 			case "DELETE":
 				i = await t.delete(r);
 				break;
+			case "QUERY":
+				i = await t.query(r, n);
+				break;
 			default: throw Error(`Unsupported method: ${e.method}`);
 		}
-		return i;
+		if (!i.ok) throw Error(i.error.message);
+		return i.value.data;
 	};
 }
 function ae(e) {
@@ -288,7 +300,7 @@ function ae(e) {
 		return await T(i)(t, r);
 	} };
 }
-var E = class e {
+var oe = class e {
 	subscribers = [];
 	errorSubscribers = [];
 	completeSubscribers = [];
@@ -317,19 +329,19 @@ var E = class e {
 		}, (e) => n.error(e), () => n.complete()), n;
 	}
 };
-function D(e) {
+function se(e) {
 	return (t) => {
 		if (!e(t)) throw TypeError("Value does not match expected type");
 		return t;
 	};
 }
-function O(e) {
+function E(e) {
 	return e;
 }
-function k(e) {
-	return O(e);
+function ce(e) {
+	return E(e);
 }
-var oe = class {
+var D = class {
 	_promise;
 	resolveFunc;
 	rejectFunc;
@@ -351,7 +363,7 @@ var oe = class {
 		return this._promise;
 	}
 };
-async function A(e, t = {}) {
+async function O(e, t = {}) {
 	let n = e.body?.getReader();
 	if (!n) throw Error("Response body is not readable");
 	let r = [], i = 0, a = parseInt(e.headers.get("content-length") || "0", 10);
@@ -360,22 +372,22 @@ async function A(e, t = {}) {
 		if (e) break;
 		r.push(o), i += o.length, t.onChunk && await t.onChunk(o), t.onProgress && a > 0 && t.onProgress(i, a);
 	}
-	return j(r, i);
+	return k(r, i);
 }
-function j(e, t) {
+function k(e, t) {
 	let n = new Uint8Array(t), r = 0;
 	for (let t of e) n.set(t, r), r += t.byteLength;
 	return n;
 }
-async function se(e, t) {
-	let n = await A(e);
+async function A(e, t) {
+	let n = await O(e);
 	if (typeof window > "u") await (await import("fs").then((e) => e.promises)).writeFile(t, n);
 	else {
 		let e = new Blob([n.buffer], { type: "application/octet-stream" }), r = URL.createObjectURL(e), i = document.createElement("a");
 		i.href = r, i.download = t, i.click(), URL.revokeObjectURL(r);
 	}
 }
-function M(e = {}) {
+function j(e = {}) {
 	return async (t, n) => {
 		if (await n(), t.response && t.response.body && typeof t.response.body == "object" && "getReader" in t.response.body) {
 			let n = t.response.body.getReader(), r = [], i = 0, a = parseInt(t.response.headers?.["content-length"] || "0", 10);
@@ -385,7 +397,7 @@ function M(e = {}) {
 					if (o) break;
 					r.push(s), i += s.length, e.onChunk && await e.onChunk(s), e.onProgress && a > 0 && e.onProgress(i, a), t.state.streamedChunks = t.state.streamedChunks || [], t.state.streamedChunks.push(s);
 				}
-				let o = j(r, i);
+				let o = k(r, i);
 				t.response.body = o, t.state.streaming = !0, t.state.streamedBytes = i;
 			} finally {
 				n.releaseLock();
@@ -393,12 +405,12 @@ function M(e = {}) {
 		}
 	};
 }
-var ce = M({ onProgress: (e, t) => {
+var le = j({ onProgress: (e, t) => {
 	if (t > 0) {
 		let n = Math.round(e / t * 100);
 		console.warn(`Streaming: ${n}% (${e}/${t} bytes)`);
 	}
-} }), N = class {
+} }), M = class {
 	plugins = [];
 	cache = new y();
 	deduplicator = new S();
@@ -440,7 +452,7 @@ var ce = M({ onProgress: (e, t) => {
 	clear() {
 		this.plugins = [], this.middlewares = [], this.listeners.clear(), this.cache.clear(), this.deduplicator.clear();
 	}
-}, le = {
+}, ue = {
 	name: "logger",
 	setup(e) {
 		e.on("request:start", (...e) => {
@@ -454,7 +466,7 @@ var ce = M({ onProgress: (e, t) => {
 			console.error(`❌ Request failed: ${t}`, n);
 		});
 	}
-}, ue = class {
+}, de = class {
 	name = "metrics";
 	metrics = {
 		requests: 0,
@@ -471,7 +483,7 @@ var ce = M({ onProgress: (e, t) => {
 	getMetrics() {
 		return { ...this.metrics };
 	}
-}, de = class {
+}, fe = class {
 	name = "cache";
 	ttlMs;
 	constructor(e = 6e4) {
@@ -480,12 +492,12 @@ var ce = M({ onProgress: (e, t) => {
 	setup(e) {
 		e.addMiddleware(b({ ttlMs: this.ttlMs }));
 	}
-}, fe = class {
+}, pe = class {
 	name = "dedupe";
 	setup(e) {
 		e.addMiddleware(C());
 	}
-}, pe = class {
+}, me = class {
 	store = new y();
 	get(e) {
 		return this.store.get(e);
@@ -499,7 +511,7 @@ var ce = M({ onProgress: (e, t) => {
 	clear() {
 		this.store.clear();
 	}
-}, P = class {
+}, he = class {
 	maxAttempts;
 	baseDelayMs;
 	constructor(e = 3, t = 100) {
@@ -513,7 +525,7 @@ var ce = M({ onProgress: (e, t) => {
 		let t = this.baseDelayMs * 2 ** (e - 1), n = Math.random() * t * .1;
 		return Math.min(t + n, 3e4);
 	}
-}, F = class {
+}, ge = class {
 	running = 0;
 	queue = [];
 	maxConcurrent;
@@ -543,7 +555,7 @@ var ce = M({ onProgress: (e, t) => {
 		return this.running;
 	}
 };
-function I(e) {
+function N(e) {
 	return e == null ? {
 		serialized: void 0,
 		contentType: null
@@ -567,14 +579,21 @@ function I(e) {
 		contentType: "application/json"
 	};
 }
-function L(e, t) {
+function P(e, t) {
 	return t ? e.replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g, (e, n) => {
 		let r = t[n];
 		if (r === void 0) throw Error(`Missing path parameter: :${n}`);
 		return encodeURIComponent(String(r));
 	}) : e;
 }
-var R = class n {
+function F(e) {
+	let t = new URLSearchParams();
+	for (let [n, r] of Object.entries(e)) if (r != null) if (Array.isArray(r)) for (let e of r) t.append(n, String(e));
+	else if (typeof r == "object") for (let [e, i] of Object.entries(r)) i != null && t.append(`${n}[${e}]`, String(i));
+	else t.append(n, String(r));
+	return t.toString();
+}
+var I = class n {
 	requestInterceptors = [];
 	responseInterceptors = [];
 	cache;
@@ -588,12 +607,12 @@ var R = class n {
 			defaultHeaders: e.defaultHeaders ?? { "Content-Type": "application/json" },
 			defaultTimeout: e.defaultTimeout ?? 3e4,
 			validateStatus: e.validateStatus ?? ((e) => e >= 200 && e < 300),
-			cacheStrategy: e.cacheStrategy ?? new pe(),
+			cacheStrategy: e.cacheStrategy ?? new me(),
 			maxConcurrent: e.maxConcurrent ?? 0,
 			defaultResponseType: e.defaultResponseType ?? "auto",
 			defaultHooks: e.defaultHooks ?? {},
 			adapter: e.adapter
-		}, this.cache = this.config.cacheStrategy, this.requestQueue = this.config.maxConcurrent > 0 ? new F(this.config.maxConcurrent) : null, this.devTracker = e.devTracker ?? null;
+		}, this.cache = this.config.cacheStrategy, this.requestQueue = this.config.maxConcurrent > 0 ? new ge(this.config.maxConcurrent) : null, this.devTracker = e.devTracker ?? null;
 	}
 	async request(n) {
 		if (!this.requestInterceptors.length && !this.responseInterceptors.length && !n.cache?.enabled && !n.hooks && !Object.keys(this.config.defaultHooks).length && !n.retry && !n.validate && !n.transform && !this.requestQueue && !n.onDownloadProgress && !n.signal) return this.fastPath(n);
@@ -604,9 +623,9 @@ var R = class n {
 		r.onStart?.(o), this.requestQueue && await this.requestQueue.acquire();
 		try {
 			for (let s = 1; s <= i; s++) {
-				let c;
+				let c, l;
 				try {
-					if ((n.method === "GET" || !n.method) && n.cache?.enabled) {
+					if (this.isCacheableMethod(n.method) && n.cache?.enabled) {
 						let t = this.getCacheKey(n), i = this.cache.get(t);
 						if (i) {
 							let t = i;
@@ -625,38 +644,38 @@ var R = class n {
 					}
 					let t = o;
 					for (let e of this.requestInterceptors) t = await e.onRequest(t);
-					c = new AbortController(), this.pendingRequests.add(c), n.signal && n.signal.addEventListener("abort", () => c.abort(), { once: !0 });
-					let i = performance.now(), a = await this.fetchWithTimeout(t, this.resolveTimeoutMs(n.timeout ?? this.config.defaultTimeout), c), l = performance.now() - i, u = a;
-					n.onDownloadProgress && a.body && (u = this.trackDownloadProgress(a, n.onDownloadProgress));
-					let d = n.responseType ?? this.config.defaultResponseType, f = await this.parseResponse(u, t, l, d);
-					if (!this.config.validateStatus(f.status)) throw {
-						message: `Request failed with status ${f.status}`,
-						status: f.status,
-						statusText: f.statusText,
+					c = new AbortController(), this.pendingRequests.add(c), n.signal && (l = () => c.abort(), n.signal.addEventListener("abort", l, { once: !0 }));
+					let i = performance.now(), a = await this.fetchWithTimeout(t, this.resolveTimeoutMs(n.timeout ?? this.config.defaultTimeout), c), u = performance.now() - i, d = a;
+					n.onDownloadProgress && a.body && (d = this.trackDownloadProgress(a, n.onDownloadProgress));
+					let f = n.responseType ?? this.config.defaultResponseType, p = await this.parseResponse(d, t, u, f);
+					if (!this.config.validateStatus(p.status)) throw {
+						message: `Request failed with status ${p.status}`,
+						status: p.status,
+						statusText: p.statusText,
 						code: "HTTP_ERROR"
 					};
 					if (n.validate) {
-						let e = n.validate.validate(f.data);
+						let e = n.validate.validate(p.data);
 						if (!e.ok) return e;
 					}
-					n.transform && (f.data = n.transform.transform(f.data));
-					let p = f;
-					for (let e of this.responseInterceptors) p = await e.onResponse(p);
-					if ((n.method === "GET" || !n.method) && n.cache?.enabled) {
+					n.transform && (p.data = n.transform.transform(p.data));
+					let m = p;
+					for (let e of this.responseInterceptors) m = await e.onResponse(m);
+					if (this.isCacheableMethod(n.method) && n.cache?.enabled) {
 						let e = this.getCacheKey(n);
-						this.cache.set(e, p, n.cache.ttlMs);
+						this.cache.set(e, m, n.cache.ttlMs);
 					}
-					return r.onSuccess?.(p), this.pendingRequests.delete(c), this.trackDev({
+					return r.onSuccess?.(m), this.pendingRequests.delete(c), this.trackDev({
 						method: n.method ?? "GET",
 						url: o.url,
-						status: p.status,
-						duration: p.duration,
+						status: m.status,
+						duration: m.duration,
 						cached: !1,
 						ok: !0,
 						headers: { ...o.headers },
 						body: n.body,
 						retryCount: s - 1
-					}), e(p);
+					}), e(m);
 				} catch (e) {
 					let l;
 					if (l = e instanceof DOMException ? e.name === "TimeoutError" ? {
@@ -689,6 +708,8 @@ var R = class n {
 						body: n.body,
 						retryCount: s - 1
 					}), t(u);
+				} finally {
+					n.signal && l && n.signal.removeEventListener("abort", l);
 				}
 			}
 			let s = {
@@ -711,33 +732,34 @@ var R = class n {
 		}
 	}
 	async fastPath(n) {
-		let r = L(n.url, n.params), i = this.buildUrl(r, n.query), { serialized: a, contentType: o } = I(n.body), s = {
+		let r = P(n.url, n.params), i = this.buildUrl(r, n.query), { serialized: a, contentType: o } = N(n.body), s = {
 			...this.config.defaultHeaders,
 			...n.headers
 		};
 		o ? s["Content-Type"] = o : a instanceof FormData && delete s["Content-Type"];
 		let c = new AbortController(), l = this.resolveTimeoutMs(n.timeout ?? this.config.defaultTimeout);
 		this.pendingRequests.add(c);
+		let u = performance.now();
 		try {
-			let r = performance.now(), a = await this.fetchWithTimeout({
+			let r = await this.fetchWithTimeout({
 				url: i,
 				method: n.method ?? "GET",
 				headers: s,
 				body: n.body,
 				params: n.params
-			}, l, c), o = performance.now() - r, u = await this.parseBody(a, n.responseType ?? this.config.defaultResponseType);
-			if (!this.config.validateStatus(a.status)) {
+			}, l, c), a = performance.now() - u, o = await this.parseBody(r, n.responseType ?? this.config.defaultResponseType);
+			if (!this.config.validateStatus(r.status)) {
 				let e = t({
-					message: `Request failed with status ${a.status}`,
-					status: a.status,
-					statusText: a.statusText,
+					message: `Request failed with status ${r.status}`,
+					status: r.status,
+					statusText: r.statusText,
 					code: "HTTP_ERROR"
 				});
 				return this.trackDev({
 					method: n.method ?? "GET",
 					url: i,
-					status: a.status,
-					duration: o,
+					status: r.status,
+					duration: a,
 					cached: !1,
 					ok: !1,
 					code: "HTTP_ERROR",
@@ -749,18 +771,18 @@ var R = class n {
 			return this.pendingRequests.delete(c), this.trackDev({
 				method: n.method ?? "GET",
 				url: i,
-				status: a.status,
-				duration: o,
+				status: r.status,
+				duration: a,
 				cached: !1,
 				ok: !0,
 				headers: s,
 				body: n.body,
 				retryCount: 0
 			}), e({
-				status: a.status,
-				statusText: a.statusText,
-				headers: a.headers,
-				data: u,
+				status: r.status,
+				statusText: r.statusText,
+				headers: r.headers,
+				data: o,
 				request: {
 					url: i,
 					method: n.method ?? "GET",
@@ -768,7 +790,7 @@ var R = class n {
 					body: n.body,
 					params: n.params
 				},
-				duration: o
+				duration: a
 			});
 		} catch (e) {
 			this.pendingRequests.delete(c);
@@ -776,7 +798,7 @@ var R = class n {
 			if (e instanceof DOMException ? e.name === "TimeoutError" ? r = "TIMEOUT" : e.name === "AbortError" && (r = "ABORTED") : e instanceof Error && (e.name === "TimeoutError" ? r = "TIMEOUT" : e.name === "AbortError" || e.message.includes("abort") ? r = "ABORTED" : e.name === "TypeError" && (r = "NETWORK_ERROR")), this.trackDev({
 				method: n.method ?? "GET",
 				url: i,
-				duration: performance.now() - (performance.now() - 0),
+				duration: performance.now() - u,
 				cached: !1,
 				ok: !1,
 				code: r,
@@ -839,6 +861,14 @@ var R = class n {
 			body: t
 		});
 	}
+	query(e, t, n) {
+		return this.request({
+			...n,
+			url: e,
+			method: "QUERY",
+			body: t
+		});
+	}
 	delete(e, t) {
 		return this.request({
 			...t,
@@ -938,7 +968,7 @@ var R = class n {
 		});
 	}
 	buildRequest(e) {
-		let t = L(e.url, e.params);
+		let t = P(e.url, e.params);
 		return {
 			url: this.buildUrl(t, e.query),
 			method: e.method ?? "GET",
@@ -952,22 +982,21 @@ var R = class n {
 	}
 	buildUrl(e, t) {
 		let n = this.config.baseURL + e;
-		if (t) {
-			let e = Object.keys(t);
-			if (e.length > 0) {
-				let r = new URLSearchParams();
-				for (let n = 0; n < e.length; n++) r.append(e[n], String(t[e[n]]));
-				n += `?${r.toString()}`;
-			}
+		if (t && Object.keys(t).length > 0) {
+			let e = F(t);
+			e && (n += `?${e}`);
 		}
 		return n;
 	}
+	isCacheableMethod(e) {
+		return e === "GET" || e === "QUERY" || !e;
+	}
 	getCacheKey(e) {
-		let t = L(e.url, e.params), n = e.query ? JSON.stringify(e.query) : "";
-		return `${e.method ?? "GET"}:${t}${n ? ":" + n : ""}`;
+		let t = P(e.url, e.params), n = e.query ? JSON.stringify(e.query) : "", r = e.method === "QUERY" && e.body !== void 0 ? JSON.stringify(e.body) : "";
+		return `${e.method ?? "GET"}:${t}${n ? ":" + n : ""}${r ? ":" + r : ""}`;
 	}
 	fetchWithTimeout(e, t, n) {
-		let { serialized: r, contentType: i } = I(e.body), a = { ...e.headers };
+		let { serialized: r, contentType: i } = N(e.body), a = { ...e.headers };
 		return i ? a["Content-Type"] = i : r instanceof FormData && delete a["Content-Type"], new Promise((i, o) => {
 			let s = setTimeout(() => {
 				n.abort(), o(new DOMException("Request timed out", "TimeoutError"));
@@ -1072,7 +1101,7 @@ var R = class n {
 		return e ? "maxAttempts" in e ? e.maxAttempts ?? 1 : 100 : 1;
 	}
 	getRetryStrategy(e) {
-		return e ? "shouldRetry" in e ? e : new P(e.maxAttempts, e.backoffMs) : {
+		return e ? "shouldRetry" in e ? e : new he(e.maxAttempts, e.backoffMs) : {
 			shouldRetry: () => !1,
 			delayMs: () => 0
 		};
@@ -1086,7 +1115,7 @@ var R = class n {
 	trackDev(e) {
 		this.devTracker && this.devTracker.track(e);
 	}
-}, z = class extends Error {
+}, L = class extends Error {
 	status;
 	code;
 	response;
@@ -1094,18 +1123,18 @@ var R = class n {
 		super(e), this.name = "HttpError", this.status = t, this.code = n, this.response = r;
 	}
 };
-function B(e) {
-	return e instanceof z;
+function _e(e) {
+	return e instanceof L;
 }
-function me(e) {
-	return new R(e);
+function ve(e) {
+	return new I(e);
 }
 //#endregion
 //#region src/realtime/websocket-client.ts
-function V() {
+function R() {
 	return typeof window > "u" && typeof process < "u" && process.versions?.node !== void 0;
 }
-var he = class {
+var ye = class {
 	url;
 	options;
 	pluginManager;
@@ -1113,6 +1142,7 @@ var he = class {
 	reconnectAttempt = 0;
 	reconnectTimer = null;
 	heartbeatTimer = null;
+	stopHeartbeatMessageListener = null;
 	stats = {
 		messagesSent: 0,
 		messagesReceived: 0,
@@ -1127,7 +1157,7 @@ var he = class {
 		message: /* @__PURE__ */ new Set()
 	};
 	constructor(e, t = {}) {
-		this.url = e, this.options = t, this.pluginManager = new N();
+		this.url = e, this.options = t, this.pluginManager = new M();
 	}
 	updateStatus(e) {
 		this.status = e, e === "open" ? this.connectionStartTime = Date.now() : e === "closed" && this.connectionStartTime > 0 && (this.stats.connectionTime += Date.now() - this.connectionStartTime, this.connectionStartTime = 0);
@@ -1177,12 +1207,12 @@ var he = class {
 			this.pluginManager.emit("websocket:reconnect:failed", this.url, this.reconnectAttempt);
 			return;
 		}
-		let t = this.options.reconnect?.baseDelay ?? 1e3, n = this.options.reconnect?.maxDelay ?? 3e4, r = Math.min(n, t * 2 ** this.reconnectAttempt);
-		this.reconnectAttempt++, this.stats.reconnectAttempts = this.reconnectAttempt, this.options.reconnect?.onReconnecting?.(this.reconnectAttempt, r), this.pluginManager.emit("websocket:reconnecting", this.url, this.reconnectAttempt, r), this.reconnectTimer = setTimeout(() => {
+		let t = this.options.reconnect?.baseDelay ?? 1e3, n = this.options.reconnect?.maxDelay ?? 3e4, r = t * 2 ** this.reconnectAttempt, i = Math.random() * r * .1, a = Math.min(n, r + i);
+		this.reconnectAttempt++, this.stats.reconnectAttempts = this.reconnectAttempt, this.options.reconnect?.onReconnecting?.(this.reconnectAttempt, a), this.pluginManager.emit("websocket:reconnecting", this.url, this.reconnectAttempt, a), this.reconnectTimer = setTimeout(() => {
 			this.connect().catch((e) => {
 				this.emitError(e instanceof Error ? e : Error(String(e)));
 			});
-		}, r);
+		}, a);
 	}
 	startHeartbeat() {
 		if (!this.options.heartbeat) return;
@@ -1191,20 +1221,22 @@ var he = class {
 				this.pluginManager.emit("websocket:heartbeat:timeout", this.url), this.disconnect();
 				return;
 			}
-			r = !1, this.send(t), this.heartbeatTimer = setTimeout(i, e);
-		};
-		this.onMessage((e) => {
+			r = !1;
+			let n = this.send(t);
+			n.ok || this.pluginManager.emit("websocket:heartbeat:send-failed", this.url, n.error), this.heartbeatTimer = setTimeout(i, e);
+		}, a = (e) => {
 			let t = e.raw;
 			typeof t == "string" && t === n && (r = !0);
-		}), this.heartbeatTimer = setTimeout(i, e);
+		};
+		this.stopHeartbeatMessageListener?.(), this.stopHeartbeatMessageListener = this.onMessage(a), this.heartbeatTimer = setTimeout(i, e);
 	}
 	stopHeartbeat() {
-		this.heartbeatTimer &&= (clearTimeout(this.heartbeatTimer), null);
+		this.heartbeatTimer &&= (clearTimeout(this.heartbeatTimer), null), this.stopHeartbeatMessageListener?.(), this.stopHeartbeatMessageListener = null;
 	}
 	cleanup() {
 		this.reconnectTimer &&= (clearTimeout(this.reconnectTimer), null), this.stopHeartbeat();
 	}
-}, H = class extends he {
+}, z = class extends ye {
 	socket = null;
 	messageTypeListeners = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
@@ -1242,12 +1274,23 @@ var he = class {
 	disconnect() {
 		this.cleanup(), this.socket && (this.updateStatus("closing"), this.socket.close(1e3, "Client disconnected"), this.socket = null, this.updateStatus("closed"));
 	}
-	send(e) {
-		if (!this.socket || this.socket.readyState !== WebSocket.OPEN) throw Error("WebSocket is not connected");
-		this.socket.send(e), this.stats.messagesSent++, this.pluginManager.emit("websocket:message:sent", this.url, e);
+	send(n) {
+		if (!this.socket || this.socket.readyState !== WebSocket.OPEN) return t({
+			message: "WebSocket is not connected",
+			code: "NOT_CONNECTED"
+		});
+		try {
+			this.socket.send(n);
+		} catch (e) {
+			return t({
+				message: e instanceof Error ? e.message : "Failed to send WebSocket message",
+				code: "SEND_FAILED"
+			});
+		}
+		return this.stats.messagesSent++, this.pluginManager.emit("websocket:message:sent", this.url, n), e(void 0);
 	}
 	sendJson(e) {
-		this.send(JSON.stringify(e));
+		return this.send(JSON.stringify(e));
 	}
 	onMessageType(e, t) {
 		return this.messageTypeListeners.has(e) || this.messageTypeListeners.set(e, /* @__PURE__ */ new Set()), this.messageTypeListeners.get(e).add(t), () => {
@@ -1263,9 +1306,9 @@ var he = class {
 		}
 		return e;
 	}
-}, ge = class extends H {
+}, be = class extends z {
 	async connect() {
-		if (V()) try {
+		if (R()) try {
 			let { default: e } = await import("ws");
 			return super.connect();
 		} catch {
@@ -1274,15 +1317,15 @@ var he = class {
 		return super.connect();
 	}
 };
-function _e(e, t = {}) {
-	return V() ? new ge(e, t) : new H(e, t);
+function xe(e, t = {}) {
+	return R() ? new be(e, t) : new z(e, t);
 }
 //#endregion
 //#region src/realtime/sse-client.ts
-function U() {
+function Se() {
 	return typeof window > "u" && typeof process < "u" && process.versions?.node !== void 0;
 }
-var W = class {
+var B = class {
 	url;
 	options;
 	_source = null;
@@ -1305,8 +1348,9 @@ var W = class {
 		event: /* @__PURE__ */ new Map()
 	};
 	_lastEventId = null;
+	nativeEventListeners = /* @__PURE__ */ new Map();
 	constructor(e, t = {}) {
-		this.url = e, this.options = t, this.pluginManager = new N();
+		this.url = e, this.options = t, this.pluginManager = new M();
 	}
 	updateStatus(e) {
 		this.status = e, e === "open" ? this.connectionStartTime = Date.now() : e === "closed" && this.connectionStartTime > 0 && (this.stats.connectionTime += Date.now() - this.connectionStartTime, this.connectionStartTime = 0);
@@ -1314,7 +1358,7 @@ var W = class {
 	async connect() {
 		if (!(this.status === "connecting" || this.status === "open")) return this.updateStatus("connecting"), this.pluginManager.emit("sse:connect:start", this.url), new Promise((e, t) => {
 			let n = this.options.timeout ?? 1e4, r = setTimeout(() => {
-				this.updateStatus("closed"), this._source?.close(), this._source = null;
+				this.updateStatus("closed"), this._source?.close(), this._source = null, this.nativeEventListeners.clear();
 				let e = /* @__PURE__ */ Error(`SSE connection timeout after ${n}ms`);
 				this.emitError(e), t(e);
 			}, n);
@@ -1334,17 +1378,20 @@ var W = class {
 					this.emitMessage(t), this.pluginManager.emit("sse:message:received", this.url, t);
 					let n = e.type || "message", r = this.listeners.event.get(n);
 					if (r) for (let e of r) e(t.data);
-				}, this._source.addEventListener = this._source.addEventListener.bind(this._source);
+				}, this.attachAllNamedListeners();
 			} catch (e) {
 				clearTimeout(r), this.updateStatus("closed"), this.pluginManager.emit("sse:connect:error", this.url, e), t(e);
 			}
 		});
 	}
 	disconnect() {
-		this.cleanup(), this._source && (this.updateStatus("closing"), this._source.close(), this._source = null, this.updateStatus("closed"), this.emitClose(), this.options.onClose?.());
+		this.cleanup(), this._source && (this.updateStatus("closing"), this._source.close(), this._source = null, this.nativeEventListeners.clear(), this.updateStatus("closed"), this.emitClose(), this.options.onClose?.());
 	}
 	send(e) {
-		throw Error("SSE is a receive-only protocol. Use HTTP requests to send data to server.");
+		return t({
+			message: "SSE is a receive-only protocol. Use HTTP requests to send data to server.",
+			code: "UNSUPPORTED"
+		});
 	}
 	onMessage(e) {
 		return this.listeners.message.add(e), () => this.listeners.message.delete(e);
@@ -1358,17 +1405,30 @@ var W = class {
 	onError(e) {
 		return this.listeners.error.add(e), () => this.listeners.error.delete(e);
 	}
-	onEvent(e, t) {
-		return this.listeners.event.has(e) || this.listeners.event.set(e, /* @__PURE__ */ new Set()), this.listeners.event.get(e).add(t), this._source && !this._source[`on${e}`] && this._source.addEventListener(e, (n) => {
+	attachNamedListener(e, t) {
+		if (!this._source) return;
+		let n = (n) => {
 			t({
 				data: this.tryParseData(n.data),
 				raw: n.data,
 				type: e,
 				timestamp: Date.now()
 			}.data);
-		}), () => {
+		};
+		this._source.addEventListener(e, n), this.nativeEventListeners.has(e) || this.nativeEventListeners.set(e, /* @__PURE__ */ new Map()), this.nativeEventListeners.get(e).set(t, n);
+	}
+	detachNamedListener(e, t) {
+		let n = this.nativeEventListeners.get(e)?.get(t);
+		n && (this._source?.removeEventListener(e, n), this.nativeEventListeners.get(e).delete(t), this.nativeEventListeners.get(e).size === 0 && this.nativeEventListeners.delete(e));
+	}
+	attachAllNamedListeners() {
+		this.nativeEventListeners.clear();
+		for (let [e, t] of this.listeners.event) for (let n of t) this.attachNamedListener(e, n);
+	}
+	onEvent(e, t) {
+		return this.listeners.event.has(e) || this.listeners.event.set(e, /* @__PURE__ */ new Set()), this.listeners.event.get(e).add(t), this.attachNamedListener(e, t), () => {
 			let n = this.listeners.event.get(e);
-			n && (n.delete(t), n.size === 0 && this.listeners.event.delete(e));
+			n && (n.delete(t), n.size === 0 && this.listeners.event.delete(e)), this.detachNamedListener(e, t);
 		};
 	}
 	getStatus() {
@@ -1410,12 +1470,12 @@ var W = class {
 			this.pluginManager.emit("sse:reconnect:failed", this.url, this.reconnectAttempt);
 			return;
 		}
-		let t = this.options.reconnect?.baseDelay ?? 1e3, n = this.options.reconnect?.maxDelay ?? 3e4, r = Math.min(n, t * 2 ** this.reconnectAttempt);
-		this.reconnectAttempt++, this.stats.reconnectAttempts = this.reconnectAttempt, this.options.reconnect?.onReconnecting?.(this.reconnectAttempt, r), this.pluginManager.emit("sse:reconnecting", this.url, this.reconnectAttempt, r), this.reconnectTimer = setTimeout(() => {
+		let t = this.options.reconnect?.baseDelay ?? 1e3, n = this.options.reconnect?.maxDelay ?? 3e4, r = t * 2 ** this.reconnectAttempt, i = Math.random() * r * .1, a = Math.min(n, r + i);
+		this.reconnectAttempt++, this.stats.reconnectAttempts = this.reconnectAttempt, this.options.reconnect?.onReconnecting?.(this.reconnectAttempt, a), this.pluginManager.emit("sse:reconnecting", this.url, this.reconnectAttempt, a), this.reconnectTimer = setTimeout(() => {
 			this.connect().catch((e) => {
 				this.emitError(e instanceof Error ? e : Error(String(e)));
 			});
-		}, r);
+		}, a);
 	}
 	cleanup() {
 		this.reconnectTimer &&= (clearTimeout(this.reconnectTimer), null);
@@ -1427,18 +1487,17 @@ var W = class {
 			return e;
 		}
 	}
-}, ve = class extends W {
-	async connect() {
-		if (U()) throw Error("SSE client for Node.js requires a polyfill or custom implementation. Consider using a library like \"eventsource\" or implement using fetch with streaming.");
-		return super.connect();
+}, Ce = class extends B {
+	constructor(e, t = {}) {
+		throw super(e, t), Error("Nexa's SSE client is browser-only (it relies on the native EventSource API). Node.js has no built-in EventSource. Use a polyfill (e.g. the \"eventsource\" package) and pass it via a custom implementation, or run this client in a browser environment.");
 	}
 };
-function ye(e, t = {}) {
-	return U() ? new ve(e, t) : new W(e, t);
+function we(e, t = {}) {
+	return Se() ? new Ce(e, t) : new B(e, t);
 }
 //#endregion
 //#region src/realtime/plugin.ts
-var be = class {
+var Te = class {
 	name = "realtime";
 	setup(e) {
 		e.on("websocket:connect:start", (...t) => {
@@ -1462,35 +1521,37 @@ var be = class {
 		});
 	}
 };
-function xe() {
-	return new be();
+function Ee() {
+	return new Te();
 }
 //#endregion
 //#region src/dev-overlay/tracker.ts
-var G = "nexa.devOverlay.config";
-function K() {
+var V = "nexa.devOverlay.config";
+function H() {
 	try {
 		if (typeof localStorage > "u") return {};
-		let e = localStorage.getItem(G);
+		let e = localStorage.getItem(V);
 		return e ? JSON.parse(e) : {};
 	} catch {
 		return {};
 	}
 }
-function Se(e) {
+function De(e) {
 	try {
 		if (typeof localStorage > "u") return;
-		localStorage.setItem(G, JSON.stringify(e));
+		localStorage.setItem(V, JSON.stringify(e));
 	} catch {}
 }
-var q = class {
-	history = [];
+var U = class {
+	buffer = [];
+	writeIndex = 0;
+	count = 0;
 	maxHistory;
 	listeners = /* @__PURE__ */ new Set();
 	startTime = Date.now();
 	config;
 	constructor(e = {}) {
-		this.maxHistory = e.maxHistory ?? 500, this.config = {
+		this.maxHistory = Math.max(1, e.maxHistory ?? 500), this.buffer = Array(this.maxHistory), this.config = {
 			enabled: e.enabled ?? !0,
 			maxHistory: this.maxHistory,
 			keyboardShortcut: e.keyboardShortcut ?? "ctrl+shift+n",
@@ -1510,29 +1571,34 @@ var q = class {
 			id: this.generateId(),
 			timestamp: Date.now()
 		};
-		this.history.unshift(t), this.history.length > this.maxHistory && this.history.pop();
+		this.buffer[this.writeIndex] = t, this.writeIndex = (this.writeIndex + 1) % this.maxHistory, this.count = Math.min(this.count + 1, this.maxHistory);
 		for (let e of this.listeners) e(t);
 		return t;
 	}
 	getHistory() {
-		return this.history;
+		let e = [];
+		for (let t = 0; t < this.count; t++) {
+			let n = ((this.writeIndex - 1 - t) % this.maxHistory + this.maxHistory) % this.maxHistory;
+			e.push(this.buffer[n]);
+		}
+		return e;
 	}
 	getMetrics() {
-		let e = this.history.map((e) => e.duration), t = (Date.now() - this.startTime) / 1e3;
+		let e = this.getHistory(), t = e.map((e) => e.duration), n = (Date.now() - this.startTime) / 1e3;
 		return {
-			totalRequests: this.history.length,
-			successfulRequests: this.history.filter((e) => e.ok).length,
-			failedRequests: this.history.filter((e) => !e.ok).length,
-			cachedRequests: this.history.filter((e) => e.cached).length,
-			avgDuration: e.length ? e.reduce((e, t) => e + t, 0) / e.length : 0,
-			maxDuration: e.length ? Math.max(...e) : 0,
-			minDuration: e.length ? Math.min(...e) : 0,
-			requestsPerSecond: t > 0 ? this.history.length / t : 0,
-			slowestRequests: [...this.history].sort((e, t) => t.duration - e.duration).slice(0, 5)
+			totalRequests: e.length,
+			successfulRequests: e.filter((e) => e.ok).length,
+			failedRequests: e.filter((e) => !e.ok).length,
+			cachedRequests: e.filter((e) => e.cached).length,
+			avgDuration: t.length ? t.reduce((e, t) => e + t, 0) / t.length : 0,
+			maxDuration: t.length ? Math.max(...t) : 0,
+			minDuration: t.length ? Math.min(...t) : 0,
+			requestsPerSecond: n > 0 ? e.length / n : 0,
+			slowestRequests: e.sort((e, t) => t.duration - e.duration).slice(0, 5)
 		};
 	}
 	clear() {
-		this.history = [], this.startTime = Date.now();
+		this.buffer = Array(this.maxHistory), this.writeIndex = 0, this.count = 0, this.startTime = Date.now();
 	}
 	onChange(e) {
 		return this.listeners.add(e), () => this.listeners.delete(e);
@@ -1544,16 +1610,23 @@ var q = class {
 		this.config = {
 			...this.config,
 			...e
-		}, this.maxHistory = this.config.maxHistory;
+		};
+		let t = Math.max(1, this.config.maxHistory);
+		t !== this.maxHistory && this.resizeHistory(t);
 		try {
-			Se(this.config);
+			De(this.config);
 		} catch {}
 		return this.config;
 	}
+	resizeHistory(e) {
+		let t = this.getHistory().slice(0, e);
+		this.maxHistory = e, this.buffer = Array(e), this.writeIndex = 0, this.count = 0;
+		for (let e = t.length - 1; e >= 0; e--) this.buffer[this.writeIndex] = t[e], this.writeIndex = (this.writeIndex + 1) % this.maxHistory, this.count++;
+	}
 	generateId() {
 		return `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
 	}
-}, J = {
+}, W = {
 	gear: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 48 48\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M 24 4 C 22.423103 4 20.902664 4.1994284 19.451172 4.5371094 A 1.50015 1.50015 0 0 0 18.300781 5.8359375 L 17.982422 8.7382812 C 17.878304 9.6893592 17.328913 10.530853 16.5 11.009766 C 15.672739 11.487724 14.66862 11.540667 13.792969 11.15625 L 13.791016 11.15625 L 11.125 9.9824219 A 1.50015 1.50015 0 0 0 9.4257812 10.330078 C 7.3532865 12.539588 5.7626807 15.215064 4.859375 18.201172 A 1.50015 1.50015 0 0 0 5.4082031 19.845703 L 7.7734375 21.580078 C 8.5457929 22.147918 9 23.042801 9 24 C 9 24.95771 8.5458041 25.853342 7.7734375 26.419922 L 5.4082031 28.152344 A 1.50015 1.50015 0 0 0 4.859375 29.796875 C 5.7625845 32.782665 7.3519262 35.460112 9.4257812 37.669922 A 1.50015 1.50015 0 0 0 11.125 38.015625 L 13.791016 36.841797 C 14.667094 36.456509 15.672169 36.511947 16.5 36.990234 C 17.328913 37.469147 17.878304 38.310641 17.982422 39.261719 L 18.300781 42.164062 A 1.50015 1.50015 0 0 0 19.449219 43.460938 C 20.901371 43.799844 22.423103 44 24 44 C 25.576897 44 27.097336 43.800572 28.548828 43.462891 A 1.50015 1.50015 0 0 0 29.699219 42.164062 L 30.017578 39.261719 C 30.121696 38.310641 30.671087 37.469147 31.5 36.990234 C 32.327261 36.512276 33.33138 36.45738 34.207031 36.841797 L 36.875 38.015625 A 1.50015 1.50015 0 0 0 38.574219 37.669922 C 40.646713 35.460412 42.237319 32.782983 43.140625 29.796875 A 1.50015 1.50015 0 0 0 42.591797 28.152344 L 40.226562 26.419922 C 39.454197 25.853342 39 24.95771 39 24 C 39 23.04229 39.454197 22.146658 40.226562 21.580078 L 42.591797 19.847656 A 1.50015 1.50015 0 0 0 43.140625 18.203125 C 42.237319 15.217017 40.646713 12.539588 38.574219 10.330078 A 1.50015 1.50015 0 0 0 36.875 9.984375 L 34.207031 11.158203 C 33.33138 11.54262 32.327261 11.487724 31.5 11.009766 C 30.671087 10.530853 30.121696 9.6893592 30.017578 8.7382812 L 29.699219 5.8359375 A 1.50015 1.50015 0 0 0 28.550781 4.5390625 C 27.098629 4.2001555 25.576897 4 24 4 z M 24 7 C 24.974302 7 25.90992 7.1748796 26.847656 7.3398438 L 27.035156 9.0644531 C 27.243038 10.963375 28.346913 12.652335 30 13.607422 C 31.654169 14.563134 33.668094 14.673009 35.416016 13.904297 L 37.001953 13.207031 C 38.219788 14.669402 39.183985 16.321182 39.857422 18.130859 L 38.451172 19.162109 C 36.911538 20.291529 36 22.08971 36 24 C 36 25.91029 36.911538 27.708471 38.451172 28.837891 L 39.857422 29.869141 C 39.183985 31.678818 38.219788 33.330598 37.001953 34.792969 L 35.416016 34.095703 C 33.668094 33.326991 31.654169 33.436866 30 34.392578 C 28.346913 35.347665 27.243038 37.036625 27.035156 38.935547 L 26.847656 40.660156 C 25.910002 40.82466 24.973817 41 24 41 C 23.025698 41 22.09008 40.82512 21.152344 40.660156 L 20.964844 38.935547 C 20.756962 37.036625 19.653087 35.347665 18 34.392578 C 16.345831 33.436866 14.331906 33.326991 12.583984 34.095703 L 10.998047 34.792969 C 9.7799772 33.330806 8.8159425 31.678964 8.1425781 29.869141 L 9.5488281 28.837891 C 11.088462 27.708471 12 25.91029 12 24 C 12 22.08971 11.087719 20.290363 9.5488281 19.160156 L 8.1425781 18.128906 C 8.8163325 16.318532 9.7814501 14.667839 11 13.205078 L 12.583984 13.902344 C 14.331906 14.671056 16.345831 14.563134 18 13.607422 C 19.653087 12.652335 20.756962 10.963375 20.964844 9.0644531 L 21.152344 7.3398438 C 22.089998 7.1753403 23.026183 7 24 7 z M 24 16 C 19.599487 16 16 19.59949 16 24 C 16 28.40051 19.599487 32 24 32 C 28.400513 32 32 28.40051 32 24 C 32 19.59949 28.400513 16 24 16 z M 24 19 C 26.779194 19 29 21.220808 29 24 C 29 26.779192 26.779194 29 24 29 C 21.220806 29 19 26.779192 19 24 C 19 21.220808 21.220806 19 24 19 z\"></path>\n</svg>",
 	close: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"/></svg>",
 	chevron: "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"/></svg>",
@@ -1565,7 +1638,7 @@ var q = class {
 	zap: "<svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"/></svg>",
 	download: "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/></svg>",
 	copy: "<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"/><path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\"/></svg>"
-}, Y = {
+}, G = {
 	bg: "#0b1120",
 	bgElevated: "#111827",
 	bgSurface: "#172033",
@@ -1590,13 +1663,13 @@ var q = class {
 	put: "#fbbf24",
 	patch: "#a78bfa",
 	delete: "#fb7185"
-}, Ce = `
+}, Oe = `
   #nexa-dev-overlay * { margin: 0; padding: 0; box-sizing: border-box; }
   #nexa-dev-overlay {
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    background: ${Y.bg};
-    color: ${Y.text};
-    border: 1px solid ${Y.border};
+    background: ${G.bg};
+    color: ${G.text};
+    border: 1px solid ${G.border};
     border-radius: 16px;
     box-shadow: 0 28px 60px -24px rgba(2, 6, 23, 0.78), 0 0 0 1px rgba(148, 163, 184, 0.08);
     overflow: hidden;
@@ -1606,8 +1679,8 @@ var q = class {
     align-items: center;
     justify-content: space-between;
     padding: 16px 20px;
-    border-bottom: 1px solid ${Y.border};
-    background: ${Y.bgElevated};
+    border-bottom: 1px solid ${G.border};
+    background: ${G.bgElevated};
   }
   #nexa-dev-overlay .nexa-header-left {
     display: flex;
@@ -1620,7 +1693,7 @@ var q = class {
     display: flex;
     align-items: center;
     justify-content: center;
-    background: linear-gradient(135deg, ${Y.accentSoft}, rgba(255,255,255,0.02));
+    background: linear-gradient(135deg, ${G.accentSoft}, rgba(255,255,255,0.02));
     border-radius: 8px;
     overflow: hidden;
   }
@@ -1642,20 +1715,20 @@ var q = class {
     background: transparent;
     border: none;
     border-radius: 8px;
-    color: ${Y.textMuted};
+    color: ${G.textMuted};
     cursor: pointer;
     transition: all 0.15s;
   }
   #nexa-dev-overlay .nexa-icon-btn:hover {
-    background: ${Y.bgSurface};
-    color: ${Y.text};
+    background: ${G.bgSurface};
+    color: ${G.text};
   }
   #nexa-dev-overlay .nexa-metrics-bar {
     display: flex;
     gap: 4px;
     padding: 12px 16px;
-    background: ${Y.bg};
-    border-bottom: 1px solid ${Y.border};
+    background: ${G.bg};
+    border-bottom: 1px solid ${G.border};
   }
   #nexa-dev-overlay .nexa-metric {
     flex: 1;
@@ -1664,7 +1737,7 @@ var q = class {
     align-items: center;
     gap: 2px;
     padding: 8px 12px;
-    background: ${Y.bgSurface};
+    background: ${G.bgSurface};
     border-radius: 10px;
     transition: all 0.2s;
   }
@@ -1675,19 +1748,19 @@ var q = class {
     font-size: 18px;
     font-weight: 700;
     letter-spacing: -0.03em;
-    color: ${Y.text};
+    color: ${G.text};
   }
-  #nexa-dev-overlay .nexa-metric-ok .nexa-metric-value { color: ${Y.success}; }
-  #nexa-dev-overlay .nexa-metric-err .nexa-metric-value { color: ${Y.error}; }
+  #nexa-dev-overlay .nexa-metric-ok .nexa-metric-value { color: ${G.success}; }
+  #nexa-dev-overlay .nexa-metric-err .nexa-metric-value { color: ${G.error}; }
   #nexa-dev-overlay .nexa-metric-label {
     font-size: 11px;
-    color: ${Y.textDim};
+    color: ${G.textDim};
     text-transform: uppercase;
     letter-spacing: 0.05em;
   }
   #nexa-dev-overlay .nexa-search {
     padding: 12px 16px;
-    border-bottom: 1px solid ${Y.border};
+    border-bottom: 1px solid ${G.border};
     position: relative;
   }
   #nexa-dev-overlay .nexa-search-icon {
@@ -1695,29 +1768,29 @@ var q = class {
     left: 28px;
     top: 50%;
     transform: translateY(-50%);
-    color: ${Y.textDim};
+    color: ${G.textDim};
   }
   #nexa-dev-overlay .nexa-search-input {
     width: 100%;
     padding: 10px 12px 10px 38px;
-    background: ${Y.bg};
-    border: 1px solid ${Y.border};
+    background: ${G.bg};
+    border: 1px solid ${G.border};
     border-radius: 10px;
-    color: ${Y.text};
+    color: ${G.text};
     font-size: 13px;
     outline: none;
     transition: all 0.15s;
   }
   #nexa-dev-overlay .nexa-search-input:focus {
-    border-color: ${Y.accent};
-    box-shadow: 0 0 0 3px ${Y.accentSoft};
+    border-color: ${G.accent};
+    box-shadow: 0 0 0 3px ${G.accentSoft};
   }
-  #nexa-dev-overlay .nexa-search-input::placeholder { color: ${Y.textDim}; }
+  #nexa-dev-overlay .nexa-search-input::placeholder { color: ${G.textDim}; }
   #nexa-dev-overlay .nexa-filters {
     display: flex;
     gap: 6px;
     padding: 12px 16px 12px 16px;
-    border-bottom: 1px solid ${Y.border};
+    border-bottom: 1px solid ${G.border};
     overflow-x: auto;
     scrollbar-width: none;
     min-height: 50px;
@@ -1725,27 +1798,27 @@ var q = class {
   #nexa-dev-overlay .nexa-filters::-webkit-scrollbar { display: none; }
   #nexa-dev-overlay .nexa-filter-chip {
     padding: 4px 10px;
-    background: ${Y.bgSurface};
-    border: 1px solid ${Y.border};
+    background: ${G.bgSurface};
+    border: 1px solid ${G.border};
     border-radius: 20px;
-    color: ${Y.textDim};
+    color: ${G.textDim};
     font-size: 11px;
     font-weight: 600;
     white-space: nowrap;
     cursor: pointer;
     transition: all 0.15s;
   }
-  #nexa-dev-overlay .nexa-filter-chip:hover { border-color: ${Y.borderFocus}; color: ${Y.textMuted}; }
+  #nexa-dev-overlay .nexa-filter-chip:hover { border-color: ${G.borderFocus}; color: ${G.textMuted}; }
   #nexa-dev-overlay .nexa-filter-chip-active {
-    background: ${Y.accentSoft};
-    border-color: ${Y.accent};
-    color: ${Y.accent};
+    background: ${G.accentSoft};
+    border-color: ${G.accent};
+    color: ${G.accent};
   }
   #nexa-dev-overlay .nexa-tabs {
     display: flex;
     gap: 4px;
     padding: 8px 16px;
-    border-bottom: 1px solid ${Y.border};
+    border-bottom: 1px solid ${G.border};
   }
   #nexa-dev-overlay .nexa-tab {
     display: flex;
@@ -1755,14 +1828,14 @@ var q = class {
     background: transparent;
     border: none;
     border-radius: 8px;
-    color: ${Y.textMuted};
+    color: ${G.textMuted};
     font-size: 13px;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.15s;
   }
-  #nexa-dev-overlay .nexa-tab:hover { color: ${Y.text}; background: ${Y.bgElevated}; }
-  #nexa-dev-overlay .nexa-tab-active { color: ${Y.text}; background: ${Y.accent} !important; }
+  #nexa-dev-overlay .nexa-tab:hover { color: ${G.text}; background: ${G.bgElevated}; }
+  #nexa-dev-overlay .nexa-tab-active { color: ${G.text}; background: ${G.accent} !important; }
   #nexa-dev-overlay .nexa-tab-count {
     font-size: 11px;
     padding: 2px 6px;
@@ -1783,7 +1856,7 @@ var q = class {
     align-items: center;
     justify-content: space-between;
     padding: 12px 14px;
-    background: ${Y.bgSurface};
+    background: ${G.bgSurface};
     border: 1px solid transparent;
     border-radius: 12px;
     cursor: pointer;
@@ -1794,7 +1867,7 @@ var q = class {
   @keyframes nexaFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
   #nexa-dev-overlay .nexa-request-item:hover {
     background: rgba(23, 32, 51, 0.92);
-    border-color: ${Y.borderFocus};
+    border-color: ${G.borderFocus};
     transform: translateX(2px);
   }
   #nexa-dev-overlay .nexa-req-left {
@@ -1810,11 +1883,11 @@ var q = class {
     text-transform: uppercase;
     letter-spacing: 0.03em;
   }
-  #nexa-dev-overlay .nexa-method-get { background: ${Y.successBg}; color: ${Y.get}; }
-  #nexa-dev-overlay .nexa-method-post { background: ${Y.accentSoft}; color: ${Y.post}; }
-  #nexa-dev-overlay .nexa-method-put { background: ${Y.warningBg}; color: ${Y.put}; }
-  #nexa-dev-overlay .nexa-method-patch { background: ${Y.infoBg}; color: ${Y.patch}; }
-  #nexa-dev-overlay .nexa-method-delete { background: ${Y.errorBg}; color: ${Y.delete}; }
+  #nexa-dev-overlay .nexa-method-get { background: ${G.successBg}; color: ${G.get}; }
+  #nexa-dev-overlay .nexa-method-post { background: ${G.accentSoft}; color: ${G.post}; }
+  #nexa-dev-overlay .nexa-method-put { background: ${G.warningBg}; color: ${G.put}; }
+  #nexa-dev-overlay .nexa-method-patch { background: ${G.infoBg}; color: ${G.patch}; }
+  #nexa-dev-overlay .nexa-method-delete { background: ${G.errorBg}; color: ${G.delete}; }
   #nexa-dev-overlay .nexa-status {
     font-size: 12px;
     font-weight: 600;
@@ -1823,11 +1896,11 @@ var q = class {
     min-width: 36px;
     text-align: center;
   }
-  #nexa-dev-overlay .nexa-ok { background: ${Y.successBg}; color: ${Y.success}; }
-  #nexa-dev-overlay .nexa-err { background: ${Y.errorBg}; color: ${Y.error}; }
+  #nexa-dev-overlay .nexa-ok { background: ${G.successBg}; color: ${G.success}; }
+  #nexa-dev-overlay .nexa-err { background: ${G.errorBg}; color: ${G.error}; }
   #nexa-dev-overlay .nexa-url {
     font-size: 13px;
-    color: ${Y.textMuted};
+    color: ${G.textMuted};
     max-width: 180px;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1846,15 +1919,15 @@ var q = class {
     text-transform: uppercase;
     letter-spacing: 0.03em;
   }
-  #nexa-dev-overlay .nexa-badge-cache { background: ${Y.infoBg}; color: ${Y.info}; }
-  #nexa-dev-overlay .nexa-badge-retry { background: ${Y.warningBg}; color: ${Y.warning}; }
+  #nexa-dev-overlay .nexa-badge-cache { background: ${G.infoBg}; color: ${G.info}; }
+  #nexa-dev-overlay .nexa-badge-retry { background: ${G.warningBg}; color: ${G.warning}; }
   #nexa-dev-overlay .nexa-duration {
     font-size: 12px;
     font-weight: 600;
-    color: ${Y.textDim};
+    color: ${G.textDim};
     font-variant-numeric: tabular-nums;
   }
-  #nexa-dev-overlay .nexa-slow { color: ${Y.warning}; }
+  #nexa-dev-overlay .nexa-slow { color: ${G.warning}; }
   #nexa-dev-overlay .nexa-empty {
     display: flex;
     flex-direction: column;
@@ -1862,11 +1935,11 @@ var q = class {
     justify-content: center;
     padding: 48px 24px;
     text-align: center;
-    color: ${Y.textDim};
+    color: ${G.textDim};
   }
   #nexa-dev-overlay .nexa-empty svg { margin-bottom: 16px; opacity: 0.4; }
-  #nexa-dev-overlay .nexa-empty p { font-size: 14px; color: ${Y.textMuted}; margin-bottom: 4px; }
-  #nexa-dev-overlay .nexa-empty span { font-size: 12px; color: ${Y.textDim}; }
+  #nexa-dev-overlay .nexa-empty p { font-size: 14px; color: ${G.textMuted}; margin-bottom: 4px; }
+  #nexa-dev-overlay .nexa-empty span { font-size: 12px; color: ${G.textDim}; }
   #nexa-dev-overlay .nexa-detail {
     flex-direction: column;
     padding: 16px;
@@ -1890,23 +1963,23 @@ var q = class {
     align-items: center;
     gap: 6px;
     padding: 8px 14px;
-    background: ${Y.bgSurface};
-    border: 1px solid ${Y.border};
+    background: ${G.bgSurface};
+    border: 1px solid ${G.border};
     border-radius: 8px;
-    color: ${Y.textMuted};
+    color: ${G.textMuted};
     font-size: 13px;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.15s;
   }
-  #nexa-dev-overlay .nexa-btn:hover { background: rgba(53, 80, 122, 0.24); color: ${Y.text}; }
-  #nexa-dev-overlay .nexa-btn-retry { background: ${Y.successBg}; border-color: transparent; color: ${Y.success}; }
-  #nexa-dev-overlay .nexa-btn-retry:hover { background: ${Y.success}; color: #052e26; }
-  #nexa-dev-overlay .nexa-btn-copy { background: ${Y.accentSoft}; border-color: transparent; color: ${Y.accent}; }
-  #nexa-dev-overlay .nexa-btn-copy:hover { background: ${Y.accent}; color: #ffffff; }
+  #nexa-dev-overlay .nexa-btn:hover { background: rgba(53, 80, 122, 0.24); color: ${G.text}; }
+  #nexa-dev-overlay .nexa-btn-retry { background: ${G.successBg}; border-color: transparent; color: ${G.success}; }
+  #nexa-dev-overlay .nexa-btn-retry:hover { background: ${G.success}; color: #052e26; }
+  #nexa-dev-overlay .nexa-btn-copy { background: ${G.accentSoft}; border-color: transparent; color: ${G.accent}; }
+  #nexa-dev-overlay .nexa-btn-copy:hover { background: ${G.accent}; color: #ffffff; }
   #nexa-dev-overlay .nexa-card {
-    background: ${Y.bgSurface};
-    border: 1px solid ${Y.border};
+    background: ${G.bgSurface};
+    border: 1px solid ${G.border};
     border-radius: 12px;
     padding: 16px;
     margin-bottom: 12px;
@@ -1914,7 +1987,7 @@ var q = class {
   #nexa-dev-overlay .nexa-card h3 {
     font-size: 12px;
     font-weight: 600;
-    color: ${Y.textDim};
+    color: ${G.textDim};
     text-transform: uppercase;
     letter-spacing: 0.05em;
     margin-bottom: 12px;
@@ -1924,11 +1997,11 @@ var q = class {
     bottom: 24px;
     left: 50%;
     transform: translateX(-50%) translateY(20px);
-    background: ${Y.bgElevated};
-    color: ${Y.text};
+    background: ${G.bgElevated};
+    color: ${G.text};
     padding: 10px 18px;
     border-radius: 12px;
-    border: 1px solid ${Y.borderFocus};
+    border: 1px solid ${G.borderFocus};
     font-size: 13px;
     font-weight: 500;
     box-shadow: 0 12px 32px rgba(0,0,0,0.4);
@@ -1947,20 +2020,20 @@ var q = class {
     align-items: center;
     padding: 6px 0;
     font-size: 13px;
-    border-bottom: 1px solid ${Y.border};
+    border-bottom: 1px solid ${G.border};
   }
   #nexa-dev-overlay .nexa-row:last-child { border-bottom: none; }
-  #nexa-dev-overlay .nexa-row span { color: ${Y.textMuted}; }
-  #nexa-dev-overlay .nexa-row strong { color: ${Y.text}; font-weight: 500; font-variant-numeric: tabular-nums; }
-  #nexa-dev-overlay .nexa-row .nexa-ok { color: ${Y.success}; }
-  #nexa-dev-overlay .nexa-row .nexa-err { color: ${Y.error}; }
+  #nexa-dev-overlay .nexa-row span { color: ${G.textMuted}; }
+  #nexa-dev-overlay .nexa-row strong { color: ${G.text}; font-weight: 500; font-variant-numeric: tabular-nums; }
+  #nexa-dev-overlay .nexa-row .nexa-ok { color: ${G.success}; }
+  #nexa-dev-overlay .nexa-row .nexa-err { color: ${G.error}; }
   #nexa-dev-overlay .nexa-code {
-    background: ${Y.bg};
+    background: ${G.bg};
     border-radius: 8px;
     padding: 12px;
     font-size: 11px;
     font-family: 'JetBrains Mono', 'Fira Code', monospace;
-    color: ${Y.textMuted};
+    color: ${G.textMuted};
     overflow-x: auto;
     white-space: pre;
     max-height: 200px;
@@ -1969,7 +2042,7 @@ var q = class {
   #nexa-dev-overlay .nexa-url-full {
     font-size: 12px;
     word-break: break-all;
-    color: ${Y.accent};
+    color: ${G.accent};
   }
   #nexa-dev-overlay .nexa-metrics-content {
     padding: 16px;
@@ -1989,14 +2062,14 @@ var q = class {
     gap: 12px;
     padding: 16px;
     border-radius: 12px;
-    background: ${Y.bgElevated};
-    border: 1px solid ${Y.border};
+    background: ${G.bgElevated};
+    border: 1px solid ${G.border};
     box-shadow: 0 28px 60px -24px rgba(2, 6, 23, 0.76);
     overflow: auto;
   }
   #nexa-dev-overlay .nexa-settings-row { display:flex;align-items:center;gap:8px;margin-bottom:8px }
-  #nexa-dev-overlay .nexa-settings-row label{font-size:13px;color:${Y.textDim};min-width:70px}
-  #nexa-dev-overlay .nexa-settings-row select{padding:6px 8px;border-radius:8px;border:1px solid ${Y.border};background:${Y.bg};color:${Y.text}}
+  #nexa-dev-overlay .nexa-settings-row label{font-size:13px;color:${G.textDim};min-width:70px}
+  #nexa-dev-overlay .nexa-settings-row select{padding:6px 8px;border-radius:8px;border:1px solid ${G.border};background:${G.bg};color:${G.text}}
 
   #nexa-dev-overlay.nexa-theme-light {
     background: #f8fbff;
@@ -2095,7 +2168,9 @@ var q = class {
     display: none !important;
   }
 `;
-function X() {
+//#endregion
+//#region src/dev-overlay/env.ts
+function K() {
 	try {
 		if (typeof process < "u") {
 			let e = process;
@@ -2110,7 +2185,114 @@ function X() {
 	} catch {}
 	return !1;
 }
-var we = class {
+//#endregion
+//#region src/dev-overlay/format.ts
+function q(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function J(e, t = 35) {
+	try {
+		let t = new URL(e);
+		return t.pathname + (t.search || "");
+	} catch {
+		return e.length > t ? e.slice(0, t) + "..." : e;
+	}
+}
+function Y(e) {
+	try {
+		return JSON.stringify(e, null, 2);
+	} catch {
+		return String(e);
+	}
+}
+//#endregion
+//#region src/dev-overlay/render.ts
+function ke(e, t, n) {
+	let r = e;
+	return t === "err" ? r = r.filter((e) => !e.ok) : t === "xhr" ? r = r.filter((e) => e.headers["content-type"] && e.headers["content-type"].includes("json") || e.responseHeaders && e.responseHeaders["content-type"] && e.responseHeaders["content-type"].includes("json")) : t === "slow" && (r = r.filter((e) => e.duration > 500)), n && (r = r.filter((e) => e.url.toLowerCase().includes(n) || e.method.toLowerCase().includes(n) || String(e.status).includes(n))), r;
+}
+function X(e, t) {
+	return e.length === 0 ? `
+        <div class="nexa-empty">
+          <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+            <circle cx="12" cy="12" r="10"/><path d="M8 12h8M12 8v8"/>
+          </svg>
+          <p>${t ? "No matching requests" : "No requests yet"}</p>
+          <span>${t ? "Try a different search term" : "Make a request to see it here"}</span>
+        </div>` : e.map((e, t) => `
+      <div class="nexa-request-item" data-id="${e.id}" style="animation-delay: ${Math.min(t * 20, 300)}ms">
+        <div class="nexa-req-left">
+          <span class="nexa-method nexa-method-${e.method.toLowerCase()}">${e.method}</span>
+          <span class="nexa-status ${e.ok ? "nexa-ok" : "nexa-err"}">${e.status || "ERR"}</span>
+          <span class="nexa-url" title="${q(e.url)}">${q(J(e.url))}</span>
+        </div>
+        <div class="nexa-req-right">
+          ${e.cached ? "<span class=\"nexa-badge nexa-badge-cache\">Cache</span>" : ""}
+          ${e.retryCount > 0 ? `<span class="nexa-badge nexa-badge-retry">${e.retryCount}R</span>` : ""}
+          <span class="nexa-duration ${e.duration > 500 ? "nexa-slow" : ""}">${e.duration.toFixed(0)}ms</span>
+          ${W.chevron}
+        </div>
+      </div>
+    `).join("");
+}
+function Ae(e) {
+	let t = e.totalRequests > 0 ? (e.successfulRequests / e.totalRequests * 100).toFixed(1) : "0";
+	return `
+      <div class="nexa-card">
+        <h3>Overview</h3>
+        <div class="nexa-row"><span>Total Requests</span><strong>${e.totalRequests}</strong></div>
+        <div class="nexa-row"><span>Successful</span><strong class="nexa-ok">${e.successfulRequests}</strong></div>
+        <div class="nexa-row"><span>Failed</span><strong class="nexa-err">${e.failedRequests}</strong></div>
+        <div class="nexa-row"><span>Cached</span><strong>${e.cachedRequests}</strong></div>
+        <div class="nexa-row"><span>Success Rate</span><strong>${t}%</strong></div>
+      </div>
+      <div class="nexa-card">
+        <h3>Performance</h3>
+        <div class="nexa-row"><span>Average</span><strong>${e.avgDuration.toFixed(1)}ms</strong></div>
+        <div class="nexa-row"><span>Fastest</span><strong class="nexa-ok">${e.minDuration.toFixed(1)}ms</strong></div>
+        <div class="nexa-row"><span>Slowest</span><strong class="nexa-err">${e.maxDuration.toFixed(1)}ms</strong></div>
+        <div class="nexa-row"><span>Throughput</span><strong>${e.requestsPerSecond.toFixed(2)} req/s</strong></div>
+      </div>
+      ${e.slowestRequests.length > 0 ? `
+        <div class="nexa-card">
+          <h3>Slowest Requests</h3>
+          ${e.slowestRequests.map((e) => `
+            <div class="nexa-row nexa-slow-req">
+              <span><span class="nexa-method nexa-method-${e.method.toLowerCase()}" style="font-size:10px;padding:2px 5px;">${e.method}</span> ${q(J(e.url, 25))}</span>
+              <strong class="nexa-err">${e.duration.toFixed(0)}ms</strong>
+            </div>
+          `).join("")}
+        </div>
+      ` : ""}`;
+}
+function je(e) {
+	return `
+      <div class="nexa-card">
+        <h3>Request</h3>
+        <div class="nexa-row"><span>Method</span><strong style="color:${e.method === "GET" ? G.get : e.method === "POST" ? G.post : e.method === "DELETE" ? G.delete : G.warning}">${e.method}</strong></div>
+        <div class="nexa-row"><span>URL</span><span class="nexa-url-full">${q(e.url)}</span></div>
+        <div class="nexa-row"><span>Status</span><strong class="${e.ok ? "nexa-ok" : "nexa-err"}">${e.status || "N/A"}</strong></div>
+        <div class="nexa-row"><span>Duration</span><strong>${e.duration.toFixed(1)}ms</strong></div>
+        <div class="nexa-row"><span>Cached</span><strong>${e.cached ? "Yes" : "No"}</strong></div>
+        <div class="nexa-row"><span>Retries</span><strong>${e.retryCount}</strong></div>
+        <div class="nexa-row"><span>Timestamp</span><strong>${new Date(e.timestamp).toLocaleTimeString()}</strong></div>
+      </div>
+      ${e.body === void 0 ? "" : `
+        <div class="nexa-card">
+          <h3>Request Body</h3>
+          <pre class="nexa-code">${q(Y(e.body))}</pre>
+        </div>
+      `}
+      ${Object.keys(e.headers).length > 0 ? `
+        <div class="nexa-card">
+          <h3>Headers</h3>
+          <pre class="nexa-code">${q(Y(e.headers))}</pre>
+        </div>
+      ` : ""}`;
+}
+//#endregion
+//#region src/dev-overlay/overlay.ts
+var Me = class {
 	panel = null;
 	floatingIcon = null;
 	tracker;
@@ -2133,7 +2315,7 @@ var we = class {
 	hide() {
 		this.panel && (this.panel.style.transition = "all 0.15s ease-out", this.panel.style.opacity = "0", this.panel.style.transform = "scale(0.96) translateY(8px)", setTimeout(() => {
 			this.panel && (this.panel.style.display = "none");
-		}, 150), this.visible = !1, this.config.enabled && (!this.config.devOnly || X()) && this.showFloatingIcon());
+		}, 150), this.visible = !1, this.config.enabled && (!this.config.devOnly || K()) && this.showFloatingIcon());
 	}
 	toggle() {
 		this.visible ? this.hide() : this.show();
@@ -2172,7 +2354,7 @@ var we = class {
       display: flex;
       flex-direction: column;
       overflow: hidden;
-    `, this.panel.innerHTML = `<style>${Ce}</style>
+    `, this.panel.innerHTML = `<style>${Oe}</style>
 
       <div class="nexa-header">
         <div class="nexa-header-left">
@@ -2182,10 +2364,10 @@ var we = class {
           <span class="nexa-title">${i}</span>
         </div>
         <div class="nexa-header-actions">
-          <button class="nexa-icon-btn nexa-btn-export" title="Export history (JSON)">${J.download}</button>
-          <button class="nexa-icon-btn nexa-btn-settings" title="Settings">${J.gear}</button>
-          <button class="nexa-icon-btn nexa-btn-clear" title="Clear history">${J.clear}</button>
-          <button class="nexa-icon-btn nexa-btn-close" title="Close (Esc)">${J.close}</button>
+          <button class="nexa-icon-btn nexa-btn-export" title="Export history (JSON)">${W.download}</button>
+          <button class="nexa-icon-btn nexa-btn-settings" title="Settings">${W.gear}</button>
+          <button class="nexa-icon-btn nexa-btn-clear" title="Clear history">${W.clear}</button>
+          <button class="nexa-icon-btn nexa-btn-close" title="Close (Esc)">${W.close}</button>
         </div>
       </div>
 
@@ -2223,7 +2405,7 @@ var we = class {
       </div>
 
       <div class="nexa-search">
-        <span class="nexa-search-icon">${J.search}</span>
+        <span class="nexa-search-icon">${W.search}</span>
         <input type="text" class="nexa-search-input" placeholder="Filter by URL, method, or status..." />
       </div>
 
@@ -2246,17 +2428,17 @@ var we = class {
 
       <div class="nexa-detail" style="display:none">
         <div class="nexa-detail-header">
-          <button class="nexa-btn nexa-btn-back">${J.back} Back</button>
+          <button class="nexa-btn nexa-btn-back">${W.back} Back</button>
           <div class="nexa-btn-group">
-            <button class="nexa-btn nexa-btn-copy">${J.copy} Copy as fetch</button>
-            <button class="nexa-btn nexa-btn-retry">${J.retry} Retry</button>
+            <button class="nexa-btn nexa-btn-copy">${W.copy} Copy as fetch</button>
+            <button class="nexa-btn nexa-btn-retry">${W.retry} Retry</button>
           </div>
         </div>
         <div class="nexa-detail-body"></div>
       </div>
     `, document.body.appendChild(this.panel), this.config.theme === "light" ? this.panel.classList.add("nexa-theme-light") : this.panel.classList.remove("nexa-theme-light"), this.bindEvents(), this.removeTrackerListener = this.tracker.onChange(() => this.render());
-		let o = !this.config.devOnly || X();
-		this.config.enabled && o && this.createFloatingIcon(), this.hide(), this.globalKeyboardHandler = (e) => {
+		let o = !this.config.devOnly || K();
+		this.config.enabled && o && this.createFloatingIcon(), this.updateHeaderActionsVisibility(), this.hide(), this.globalKeyboardHandler = (e) => {
 			if (e.key === "Escape" && this.visible) {
 				this.hide();
 				return;
@@ -2303,38 +2485,17 @@ var we = class {
 	}
 	renderMetricsBar() {
 		let e = this.tracker.getMetrics(), t = this.panel;
-		t && (t.querySelector("[data-metric=\"total\"]").textContent = String(e.totalRequests), t.querySelector("[data-metric=\"avg\"]").textContent = `${e.avgDuration.toFixed(0)}ms`, t.querySelector("[data-metric=\"rate\"]").textContent = `${e.requestsPerSecond.toFixed(1)}`, t.querySelector("[data-metric=\"success\"]").textContent = String(e.successfulRequests), t.querySelector("[data-metric=\"fail\"]").textContent = String(e.failedRequests), t.querySelector("[data-count=\"requests\"]").textContent = String(e.totalRequests));
+		t && (t.querySelector("[data-metric=\"total\"]").textContent = String(e.totalRequests), t.querySelector("[data-metric=\"avg\"]").textContent = `${e.avgDuration.toFixed(0)}ms`, t.querySelector("[data-metric=\"rate\"]").textContent = `${e.requestsPerSecond.toFixed(1)}`, t.querySelector("[data-metric=\"success\"]").textContent = String(e.successfulRequests), t.querySelector("[data-metric=\"fail\"]").textContent = String(e.failedRequests), t.querySelector("[data-count=\"requests\"]").textContent = String(e.totalRequests), this.updateHeaderActionsVisibility());
+	}
+	updateHeaderActionsVisibility() {
+		let e = this.tracker.getHistory().length > 0, t = this.panel?.querySelector(".nexa-btn-export"), n = this.panel?.querySelector(".nexa-btn-clear");
+		t && (t.style.display = e ? "flex" : "none"), n && (n.style.display = e ? "flex" : "none");
 	}
 	renderRequestList() {
 		let e = this.panel?.querySelector(".nexa-request-list");
 		if (!e) return;
-		let t = this.tracker.getHistory();
-		if (this.filterType === "err" ? t = t.filter((e) => !e.ok) : this.filterType === "xhr" ? t = t.filter((e) => e.headers["content-type"] && e.headers["content-type"].includes("json") || e.responseHeaders && e.responseHeaders["content-type"] && e.responseHeaders["content-type"].includes("json")) : this.filterType === "slow" && (t = t.filter((e) => e.duration > 500)), this.searchQuery && (t = t.filter((e) => e.url.toLowerCase().includes(this.searchQuery) || e.method.toLowerCase().includes(this.searchQuery) || String(e.status).includes(this.searchQuery))), t.length === 0) {
-			e.innerHTML = `
-        <div class="nexa-empty">
-          <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <circle cx="12" cy="12" r="10"/><path d="M8 12h8M12 8v8"/>
-          </svg>
-          <p>${this.searchQuery ? "No matching requests" : "No requests yet"}</p>
-          <span>${this.searchQuery ? "Try a different search term" : "Make a request to see it here"}</span>
-        </div>`;
-			return;
-		}
-		e.innerHTML = t.map((e, t) => `
-      <div class="nexa-request-item" data-id="${e.id}" style="animation-delay: ${Math.min(t * 20, 300)}ms">
-        <div class="nexa-req-left">
-          <span class="nexa-method nexa-method-${e.method.toLowerCase()}">${e.method}</span>
-          <span class="nexa-status ${e.ok ? "nexa-ok" : "nexa-err"}">${e.status || "ERR"}</span>
-          <span class="nexa-url" title="${e.url}">${this.truncateUrl(e.url)}</span>
-        </div>
-        <div class="nexa-req-right">
-          ${e.cached ? "<span class=\"nexa-badge nexa-badge-cache\">Cache</span>" : ""}
-          ${e.retryCount > 0 ? `<span class="nexa-badge nexa-badge-retry">${e.retryCount}R</span>` : ""}
-          <span class="nexa-duration ${e.duration > 500 ? "nexa-slow" : ""}">${e.duration.toFixed(0)}ms</span>
-          ${J.chevron}
-        </div>
-      </div>
-    `).join(""), e.querySelectorAll(".nexa-request-item").forEach((e) => {
+		let t = ke(this.tracker.getHistory(), this.filterType, this.searchQuery);
+		e.innerHTML = X(t, this.searchQuery), e.querySelectorAll(".nexa-request-item").forEach((e) => {
 			e.addEventListener("click", () => {
 				let n = e.dataset.id, r = t.find((e) => e.id === n);
 				r && this.showDetail(r);
@@ -2342,63 +2503,13 @@ var we = class {
 		});
 	}
 	renderMetrics() {
-		let e = this.tracker.getMetrics(), t = this.panel?.querySelector(".nexa-metrics-content");
-		if (!t) return;
-		let n = e.totalRequests > 0 ? (e.successfulRequests / e.totalRequests * 100).toFixed(1) : "0";
-		t.innerHTML = `
-      <div class="nexa-card">
-        <h3>Overview</h3>
-        <div class="nexa-row"><span>Total Requests</span><strong>${e.totalRequests}</strong></div>
-        <div class="nexa-row"><span>Successful</span><strong class="nexa-ok">${e.successfulRequests}</strong></div>
-        <div class="nexa-row"><span>Failed</span><strong class="nexa-err">${e.failedRequests}</strong></div>
-        <div class="nexa-row"><span>Cached</span><strong>${e.cachedRequests}</strong></div>
-        <div class="nexa-row"><span>Success Rate</span><strong>${n}%</strong></div>
-      </div>
-      <div class="nexa-card">
-        <h3>Performance</h3>
-        <div class="nexa-row"><span>Average</span><strong>${e.avgDuration.toFixed(1)}ms</strong></div>
-        <div class="nexa-row"><span>Fastest</span><strong class="nexa-ok">${e.minDuration.toFixed(1)}ms</strong></div>
-        <div class="nexa-row"><span>Slowest</span><strong class="nexa-err">${e.maxDuration.toFixed(1)}ms</strong></div>
-        <div class="nexa-row"><span>Throughput</span><strong>${e.requestsPerSecond.toFixed(2)} req/s</strong></div>
-      </div>
-      ${e.slowestRequests.length > 0 ? `
-        <div class="nexa-card">
-          <h3>Slowest Requests</h3>
-          ${e.slowestRequests.map((e) => `
-            <div class="nexa-row nexa-slow-req">
-              <span><span class="nexa-method nexa-method-${e.method.toLowerCase()}" style="font-size:10px;padding:2px 5px;">${e.method}</span> ${this.truncateUrl(e.url, 25)}</span>
-              <strong class="nexa-err">${e.duration.toFixed(0)}ms</strong>
-            </div>
-          `).join("")}
-        </div>
-      ` : ""}`;
+		let e = this.panel?.querySelector(".nexa-metrics-content");
+		e && (e.innerHTML = Ae(this.tracker.getMetrics()));
 	}
 	showDetail(e) {
 		if (this.selectedRequest = e, !this.panel) return;
 		let t = this.panel.querySelector(".nexa-body"), n = this.panel.querySelector(".nexa-detail"), r = this.panel.querySelector(".nexa-detail-body");
-		!t || !n || !r || (this.panel.classList.add("nexa-view-detail"), t.style.display = "none", n.style.display = "flex", r.innerHTML = `
-      <div class="nexa-card">
-        <h3>Request</h3>
-        <div class="nexa-row"><span>Method</span><strong style="color:${e.method === "GET" ? Y.get : e.method === "POST" ? Y.post : e.method === "DELETE" ? Y.delete : Y.warning}">${e.method}</strong></div>
-        <div class="nexa-row"><span>URL</span><span class="nexa-url-full">${e.url}</span></div>
-        <div class="nexa-row"><span>Status</span><strong class="${e.ok ? "nexa-ok" : "nexa-err"}">${e.status || "N/A"}</strong></div>
-        <div class="nexa-row"><span>Duration</span><strong>${e.duration.toFixed(1)}ms</strong></div>
-        <div class="nexa-row"><span>Cached</span><strong>${e.cached ? "Yes" : "No"}</strong></div>
-        <div class="nexa-row"><span>Retries</span><strong>${e.retryCount}</strong></div>
-        <div class="nexa-row"><span>Timestamp</span><strong>${new Date(e.timestamp).toLocaleTimeString()}</strong></div>
-      </div>
-      ${e.body === void 0 ? "" : `
-        <div class="nexa-card">
-          <h3>Request Body</h3>
-          <pre class="nexa-code">${this.formatJson(e.body)}</pre>
-        </div>
-      `}
-      ${Object.keys(e.headers).length > 0 ? `
-        <div class="nexa-card">
-          <h3>Headers</h3>
-          <pre class="nexa-code">${this.formatJson(e.headers)}</pre>
-        </div>
-      ` : ""}`);
+		!t || !n || !r || (this.panel.classList.add("nexa-view-detail"), t.style.display = "none", n.style.display = "flex", r.innerHTML = je(e));
 	}
 	showMainView() {
 		this.panel && this.panel.classList.remove("nexa-view-detail");
@@ -2407,20 +2518,38 @@ var we = class {
 	}
 	retrySelected() {
 		if (!this.selectedRequest) return;
-		let { method: e, url: t, body: n, headers: r } = this.selectedRequest;
+		let { method: e, url: t, body: n, headers: r } = this.selectedRequest, i = performance.now();
 		fetch(t, {
 			method: e,
 			headers: r,
 			body: n ? JSON.stringify(n) : void 0
-		}).then(async (e) => {
-			this.selectedRequest && (this.selectedRequest = {
-				...this.selectedRequest,
-				status: e.status,
-				ok: e.ok,
-				duration: this.selectedRequest.duration,
-				timestamp: Date.now()
-			}, this.showDetail(this.selectedRequest));
-		}).catch(() => {});
+		}).then((a) => {
+			let o = this.tracker.track({
+				method: e,
+				url: t,
+				status: a.status,
+				duration: performance.now() - i,
+				cached: !1,
+				ok: a.ok,
+				headers: r,
+				body: n,
+				retryCount: 0
+			});
+			this.showDetail(o);
+		}).catch(() => {
+			let a = this.tracker.track({
+				method: e,
+				url: t,
+				duration: performance.now() - i,
+				cached: !1,
+				ok: !1,
+				code: "NETWORK_ERROR",
+				headers: r,
+				body: n,
+				retryCount: 0
+			});
+			this.showDetail(a);
+		});
 	}
 	exportHistory() {
 		let e = this.tracker.getHistory(), t = JSON.stringify(e, null, 2), n = new Blob([t], { type: "application/json" }), r = URL.createObjectURL(n), i = document.createElement("a");
@@ -2443,21 +2572,6 @@ var we = class {
 			t.classList.remove("nexa-notification-show");
 		}, 2500));
 	}
-	truncateUrl(e, t = 35) {
-		try {
-			let t = new URL(e);
-			return t.pathname + (t.search || "");
-		} catch {
-			return e.length > t ? e.slice(0, t) + "..." : e;
-		}
-	}
-	formatJson(e) {
-		try {
-			return JSON.stringify(e, null, 2);
-		} catch {
-			return String(e);
-		}
-	}
 	canUseDOM() {
 		return typeof document < "u" && typeof document.createElement == "function" && !!document.body;
 	}
@@ -2512,7 +2626,7 @@ var we = class {
 			let e = this.panel.querySelector(".nexa-logo img"), t = this.panel.querySelector(".nexa-title"), a = this.config.branding || "Nexa DevTools", o = this.config.icon || "https://raw.githubusercontent.com/Berea-Soft/nexa/refs/heads/main/src/assets/faviconNew.png";
 			e && (e.src = o, e.alt = a), t && (t.textContent = a);
 		}
-		this.floatingIcon &&= (this.floatingIcon.remove(), null), this.config.enabled && (!this.config.devOnly || X()) && this.createFloatingIcon();
+		this.floatingIcon &&= (this.floatingIcon.remove(), null), this.config.enabled && (!this.config.devOnly || K()) && this.createFloatingIcon();
 	}
 	refreshConfig(e) {
 		this.applyConfigToUI(e);
@@ -2530,9 +2644,9 @@ var we = class {
 	branding: "Nexa DevTools",
 	icon: "https://raw.githubusercontent.com/Berea-Soft/nexa/refs/heads/main/src/assets/faviconNew.png"
 };
-function Te(e = {}) {
+function Ne(e = {}) {
 	if (Z && Q) {
-		let t = K(), n = {
+		let t = H(), n = {
 			...$,
 			...e,
 			...t
@@ -2546,27 +2660,27 @@ function Te(e = {}) {
 			config: r
 		};
 	}
-	let t = K();
-	return Q = new q({
+	let t = H();
+	return Q = new U({
 		...$,
 		...e,
 		...t
-	}), Z = new we(Q), {
+	}), Z = new Me(Q), {
 		tracker: Q,
 		ui: Z,
 		config: Q.getConfig()
 	};
 }
-function Ee() {
+function Pe() {
 	return {
 		tracker: Q,
 		ui: Z
 	};
 }
-function De() {
+function Fe() {
 	Z?.destroy(), Z = null, Q = null;
 }
 //#endregion
-export { d as AggressiveRetry, de as CachePlugin, y as CacheStore, p as CircuitBreakerRetry, f as ConservativeRetry, fe as DedupePlugin, oe as Defer, t as Err, R as HttpClient, z as HttpError, le as LoggerPlugin, ue as MetricsPlugin, re as MiddlewarePipeline, e as Ok, N as PluginManager, S as RequestDeduplicator, q as RequestTracker, E as TypedObservable, x as cacheMiddleware, k as createApiUrl, b as createCacheMiddleware, C as createDedupeMiddleware, Te as createDevOverlay, me as createHttpClient, w as createPipeline, l as createProjectionTransformer, xe as createRealtimePlugin, r as createRequiredFieldsValidator, ye as createSSEClient, n as createSchemaValidator, M as createStreamingMiddleware, D as createTypeGuard, ae as createTypedApiClient, T as createTypedRequest, ie as createTypedResponse, O as createUrl, _e as createWebSocketClient, u as createWrapperTransformer, ne as dedupeMiddleware, De as destroyDevOverlay, Ee as getDevOverlay, A as handleStream, B as isHttpError, v as retry, se as streamToFile, ce as streamingMiddleware, s as transformCamelToSnake, c as transformFlatten, o as transformSnakeToCamel, i as validatorIsArray, a as validatorIsObject, te as withTimeout };
+export { d as AggressiveRetry, fe as CachePlugin, y as CacheStore, p as CircuitBreakerRetry, f as ConservativeRetry, pe as DedupePlugin, D as Defer, t as Err, I as HttpClient, L as HttpError, ue as LoggerPlugin, de as MetricsPlugin, re as MiddlewarePipeline, e as Ok, M as PluginManager, S as RequestDeduplicator, U as RequestTracker, oe as TypedObservable, x as cacheMiddleware, ce as createApiUrl, b as createCacheMiddleware, C as createDedupeMiddleware, Ne as createDevOverlay, ve as createHttpClient, w as createPipeline, l as createProjectionTransformer, Ee as createRealtimePlugin, r as createRequiredFieldsValidator, we as createSSEClient, n as createSchemaValidator, j as createStreamingMiddleware, se as createTypeGuard, ae as createTypedApiClient, T as createTypedRequest, ie as createTypedResponse, E as createUrl, xe as createWebSocketClient, u as createWrapperTransformer, ne as dedupeMiddleware, Fe as destroyDevOverlay, Pe as getDevOverlay, O as handleStream, _e as isHttpError, v as retry, A as streamToFile, le as streamingMiddleware, s as transformCamelToSnake, c as transformFlatten, o as transformSnakeToCamel, i as validatorIsArray, a as validatorIsObject, te as withTimeout };
 
 //# sourceMappingURL=nexa.es.js.map