@voltro/web 0.60.0 → 0.62.0

package/CHANGELOG.md

@@ -39,6 +39,49 @@ _Changes staged for the next release accumulate here (rolled up from
 
 ---
 
+## [0.62.0] — 2026-09-01
+
+### ⚠ BREAKING
+
+- **@voltro/workflow, @voltro/cli, @voltro/voltro** — `timeouts.finish` now filters running rows by the declared workflow, durably cancels each run before notification, and emits `onFailure` only for the successful terminal transition. Finish-timeout reports carry the run's stable `runId`, `executionId`, and original payload; handler-start logs expose the returned status instead of unconditionally claiming a new start.
+
+  Low-level adapters that construct `AdmissionDrainDeps` must update `cancelRun` to accept the run object and return whether it made the terminal transition, and return the run identity, workflow name, and payload from `listRunningRuns`. Ordinary workflow declarations need no source change; `voltro update` prints the adapter migration only when the project references this low-level surface.
+
+### Added
+
+- **@voltro/ai** — `streamText` and `resumableStreamText` now accept an opt-in `smooth` configuration for word- or line-based text and reasoning chunks. Smoothing runs before resumable journaling, preserves provider-native behavior when omitted, and shares the stream abort signal so cancellation also stops a pending smoothing delay.
+
+### Fixed
+
+- **@voltro/web** — Production `framework_debug` now enables local framework diagnostics without opening browser-to-inspect HTTP or SSE transports. Development log relays are single-flight and rate-limited, classify permanent response failures, back off transient failures, expose dropped-log counts, and open a page-scoped circuit after repeated failure; the SSE relay also probes the endpoint before creating an `EventSource` and closes failed sources before retrying.
+
+---
+
+## [0.61.0] — 2026-08-31
+
+### ⚠ BREAKING
+
+- **@voltro/client, @voltro/web, @voltro/cli** — `RpcError.kind` now distinguishes transport, handler, client, and unknown failures; manually emitted events must add the field, while `useConnectionStatus` now degrades only for transport failures and clears on the next rpc success.
+
+  **`voltro update` carries you across this** — codemod `0.61.0/01_rpc_errors_have_kinds`. If you pin versions by hand and never run it, print the notes without changing anything: `voltro update --codemods-only --from <your current version> --dry-run` (this one ships in 0.61.0).
+- **@voltro/plugin-sentry, @voltro/cli** — Browser RPC spans now join the active page/navigation transaction and link to the Effect/server trace instead of creating one root transaction per call; `tracesSampleRate`, `browserTracing`, and the new `rpcSpans` switch control the resulting browser trace volume.
+
+  **`voltro update` carries you across this** — codemod `0.61.0/02_sentry_rpc_spans_join_page`. If you pin versions by hand and never run it, print the notes without changing anything: `voltro update --codemods-only --from <your current version> --dry-run` (this one ships in 0.61.0).
+
+### Fixed
+
+- **@voltro/cli** — **Six SSR failure sites report to Sentry, not three.**
+
+  0.60.0 gave the web server its own Sentry and wired the three loud sites: the SSR shell throw, the SPA layout shell throw, and the general render error (which covers a loader throw). The docs said "shell throw, loader throw, PPR/SWR refresh" — and an enumeration in a claim is read as exhaustive.
+
+  The other three were `warn`-level and reported to nobody: a failed PPR hole pass, a failed background SWR refresh, and a `not-found.tsx` that throws while rendering. They are quieter because the request still serves something — stale HTML, an unfilled hole, a plain 404 — which says something about the REQUEST and nothing about who else could find out. The answer to that is nobody: none of them reaches a browser boundary, so the pod's stdout was the only record.
+
+  They carry their own `voltro.stage` (`not-found-render`, `ppr-holes`, `swr-refresh`), so a quota-conscious project can drop them by stage without losing the three that fail the request.
+
+  `webSentry.test.ts` now fails if a render-path `log.error`/`log.warn` gains no reporter beside it — the property, rather than the six call sites.
+
+---
+
 ## [0.60.0] — 2026-08-31
 
 ### ⚠ BREAKING

package/dist/frameworkBoot-CfNLGgAC.js

@@ -0,0 +1,621 @@
+import { t as e } from "./globalContext-AuflFFmy.js";
+import { AppClientsContext as t } from "./hooks.js";
+import { c as n, l as r, r as i, s as a, u as o } from "./defaultFallbacks-SQ45vAhz.js";
+import { useCallback as s, useContext as c, useEffect as l, useMemo as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
+import { FrameworkRuntimesProvider as m, buildApiRuntime as h, ssrClientProxy as g, ssrStubHandle as _, startApiSupervisor as v, subscribeClientTraces as y, wireAuthRefresh as b } from "@voltro/client";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/reconnect.ts
+var w = e("reconnect", null), T = () => c(w) ?? (() => {}), E = 150, D = 220, ee = () => {
+	let e = p(o, n, n).some((e) => e.kind === "loading" || e.kind === "reconnecting"), [t, r] = f(!1);
+	return l(() => {
+		if (!e) {
+			r(!1);
+			return;
+		}
+		let t = setTimeout(() => r(!0), E);
+		return () => clearTimeout(t);
+	}, [e]), /* @__PURE__ */ C("div", {
+		"aria-hidden": "true",
+		"data-voltro-nav-indicator": "",
+		style: {
+			position: "fixed",
+			right: 18,
+			bottom: 18,
+			zIndex: 2147483646,
+			pointerEvents: "none",
+			opacity: +!!t,
+			transform: t ? "translateY(0) scale(1)" : "translateY(4px) scale(0.96)",
+			transition: `opacity ${D}ms ease, transform ${D}ms ease`,
+			display: "grid",
+			placeItems: "center",
+			width: 34,
+			height: 34,
+			borderRadius: 999,
+			background: "color-mix(in oklch, canvas 78%, transparent)",
+			backdropFilter: "blur(6px)",
+			WebkitBackdropFilter: "blur(6px)",
+			border: "1px solid color-mix(in oklch, canvastext 12%, transparent)",
+			boxShadow: "0 4px 14px color-mix(in oklch, canvastext 16%, transparent)"
+		},
+		children: [/* @__PURE__ */ S("span", { "data-voltro-nav-spinner": "" }), /* @__PURE__ */ S("style", { children: O })]
+	});
+}, O = "\n@keyframes voltroNavSpin { to { transform: rotate(360deg); } }\n[data-voltro-nav-spinner] {\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 2px solid color-mix(in oklch, canvastext 22%, transparent);\n  border-top-color: color-mix(in oklch, canvastext 78%, transparent);\n  animation: voltroNavSpin 0.7s linear infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-voltro-nav-spinner] { animation-duration: 1.6s; }\n}\n", k = 2e3, A = () => typeof window < "u" && !1, j = () => typeof window > "u" ? null : `${window.location.origin}/`, M = 2e4, N = "voltro:wedge-reload-at", te = () => {
+	try {
+		let e = Number(window.sessionStorage.getItem(N) ?? "0"), t = Date.now();
+		if (t - e < M) return;
+		window.sessionStorage.setItem(N, String(t));
+	} catch {}
+	window.location.reload();
+}, ne = () => {
+	if (A()) return {
+		afterFailures: 2,
+		arm: () => {
+			let e = j();
+			if (e === null) return () => {};
+			let t = setInterval(() => {
+				fetch(e, {
+					method: "GET",
+					cache: "no-store",
+					signal: AbortSignal.timeout(k)
+				}).then((e) => {
+					e.status < 500 && te();
+				}).catch(() => {});
+			}, k);
+			return () => clearInterval(t);
+		}
+	};
+}, P = {
+	log: console.log.bind(console),
+	info: console.info.bind(console),
+	warn: console.warn.bind(console),
+	error: console.error.bind(console),
+	debug: console.debug.bind(console)
+}, re = 200, ie = 400, ae = 20, F = 1e3, oe = 250, I = 5e3, se = 500, ce = 8e3, L = 5, le = 3e4, R = (e) => Math.min(ce, se * 2 ** Math.max(0, e - 1)), ue = (e) => e >= 400 && e < 500 && e !== 408 && e !== 429, z = (e) => {
+	if (typeof e == "string") return e;
+	if (e === void 0) return "undefined";
+	if (e === null) return "null";
+	if (e instanceof Error) return e.stack ?? e.message;
+	if (typeof e == "object") try {
+		return JSON.stringify(e, de());
+	} catch {
+		return Object.prototype.toString.call(e);
+	}
+	return String(e);
+}, de = () => {
+	let e = /* @__PURE__ */ new WeakSet();
+	return (t, n) => {
+		if (typeof n == "object" && n) {
+			if (e.has(n)) return "[Circular]";
+			e.add(n);
+		}
+		return n;
+	};
+}, B = (e, t) => e.length > t ? `${e.slice(0, t)}…` : e, V = /%[sdifoOc]/g, H = (e) => {
+	if (e.length === 0) return {
+		message: "",
+		rest: []
+	};
+	let t = e[0];
+	if (typeof t != "string" || !V.test(t)) return {
+		message: z(t),
+		rest: e.slice(1)
+	};
+	V.lastIndex = 0;
+	let n = 1;
+	return {
+		message: t.replace(V, (t) => {
+			if (t === "%c") return n++, "";
+			if (n >= e.length) return t;
+			let r = e[n++];
+			switch (t) {
+				case "%s": return r === void 0 ? "undefined" : r === null ? "null" : String(r);
+				case "%d":
+				case "%i": {
+					let e = typeof r == "number" ? Math.trunc(r) : parseInt(String(r), 10);
+					return Number.isFinite(e) ? String(e) : "NaN";
+				}
+				case "%f": {
+					let e = typeof r == "number" ? r : parseFloat(String(r));
+					return Number.isFinite(e) ? String(e) : "NaN";
+				}
+				case "%o":
+				case "%O": return z(r);
+				default: return t;
+			}
+		}),
+		rest: e.slice(n)
+	};
+}, U = (e) => {
+	let t = e.flushAfterMs ?? ie, n = `${e.baseUrl.replace(/\/+$/, "")}/_voltro/inspect/clientLog`, r = [], i = null, a = !1, o = !1, s = !1, c = !1, l = 0, u = 0, d = 0, f = null, p = (e) => {
+		o || (o = !0, i !== null && (clearTimeout(i), i = null), r = [], s || (s = !0, P.warn(`[voltro] client log forwarding disabled for this page: ${e}`)));
+	}, m = (e = t) => {
+		if (a || o || c || i !== null || r.length === 0 && u === 0) return;
+		let n = Math.max(0, d - Date.now());
+		i = setTimeout(() => {
+			i = null, h();
+		}, Math.max(e, n));
+	}, h = async (t = !1) => {
+		if (i !== null && (clearTimeout(i), i = null), o || c || r.length === 0 && u === 0) return;
+		let s = Math.max(0, d - Date.now());
+		if (!t && s > 0) {
+			m(s);
+			return;
+		}
+		let h = u;
+		u = 0;
+		let g = re - +(h > 0), _ = r.splice(0, g), v = h > 0 ? [{
+			ts: Date.now(),
+			level: "warn",
+			message: `[voltro] client log forwarder dropped: ${h}`
+		}, ..._] : _, y = {
+			app: e.appName,
+			page: typeof window < "u" ? window.location.pathname : void 0,
+			ua: typeof navigator < "u" ? B(navigator.userAgent, 200) : void 0,
+			entries: v
+		};
+		c = !0, d = Date.now() + oe;
+		let b = new AbortController();
+		f = b;
+		let x = setTimeout(() => b.abort(), I), S = null;
+		try {
+			let e = await fetch(n, {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(y),
+				keepalive: !0,
+				credentials: "omit",
+				signal: b.signal
+			});
+			e.ok ? l = 0 : ue(e.status) ? p(`inspect endpoint returned HTTP ${e.status}`) : (u += _.length + h, l++, l >= L ? p(`circuit opened after ${l} consecutive failures (last HTTP ${e.status})`) : S = R(l));
+		} catch {
+			u += _.length + h, l++, !a && l >= L ? p(`circuit opened after ${l} consecutive network failures`) : a || (S = R(l));
+		} finally {
+			clearTimeout(x), f === b && (f = null), c = !1, !a && !o && (r.length > 0 || u > 0) && m(S ?? 0);
+		}
+	}, g = (e, t) => {
+		if (a || o) return;
+		r.length >= re && (r.shift(), u++);
+		let n = t.find((e) => e instanceof Error), i = t.find((e) => typeof e == "object" && !!e && "componentStack" in e), s = typeof i?.componentStack == "string" ? i.componentStack : void 0, c = t[0] instanceof Error ? {
+			message: t[0].message,
+			rest: t.slice(1)
+		} : H(t), l = B(c.message, F), d = c.rest.filter((e) => e !== n && e !== i).map((e) => B(z(e), F)), f;
+		n ? (f = n.stack ?? n.message, s && (f += `\n\nComponent stack:${s}`)) : e === "error" && (f = (/* @__PURE__ */ Error()).stack);
+		let p = {
+			ts: Date.now(),
+			level: e,
+			message: l,
+			...d.length > 0 ? { args: d } : {},
+			...f === void 0 ? {} : { stack: f }
+		};
+		r.push(p), r.length >= ae ? h() : m();
+	}, _ = (e) => (...t) => {
+		P[e](...t), g(e, t);
+	};
+	console.log = _("log"), console.info = _("info"), console.warn = _("warn"), console.error = _("error"), console.debug = _("debug");
+	let v = () => {
+		h(!0);
+	};
+	return typeof window < "u" && (window.addEventListener("beforeunload", v), window.addEventListener("pagehide", v)), { dispose: () => {
+		a || (c ? f?.abort() : h(!0), a = !0, i !== null && (clearTimeout(i), i = null), console.log = P.log, console.info = P.info, console.warn = P.warn, console.error = P.error, console.debug = P.debug, typeof window < "u" && (window.removeEventListener("beforeunload", v), window.removeEventListener("pagehide", v)));
+	} };
+}, fe = 500, W = /* @__PURE__ */ new Set(), G = (e) => {
+	if (!W.has(e) && (W.add(e), W.size > fe)) {
+		let e = W.values().next().value;
+		e !== void 0 && W.delete(e);
+	}
+}, K = /* @__PURE__ */ new Set(), q = (e) => (K.add(e), () => {
+	K.delete(e);
+}), pe = (e) => {
+	for (let t of K) try {
+		t(e);
+	} catch {}
+}, me = {
+	log: "log",
+	info: "info",
+	warn: "warn",
+	error: "error",
+	debug: "debug"
+}, J = {
+	log: "color: #888;",
+	info: "color: #2563eb;",
+	warn: "color: #c2410c;",
+	error: "color: #b91c1c; font-weight: 600;",
+	debug: "color: #6b7280;"
+}, Y = (e) => {
+	if (typeof EventSource > "u") return { dispose: () => {} };
+	let t = `${e.baseUrl.replace(/\/+$/, "")}/_voltro/inspect/stream?live=1`, n = null, r = !1, i = !1, a = !1, o = 0, s = null, c = null, l = null, u = !1, d = () => {
+		c !== null && (clearTimeout(c), c = null), n?.close(), n = null;
+	}, f = (t) => {
+		i || (i = !0, s !== null && (clearTimeout(s), s = null), l?.abort(), d(), a || (a = !0, P.warn(`[voltro] server log relay disabled for ${e.originLabel}: ${t}`)));
+	}, p = (e) => {
+		if (!(r || i || s !== null)) {
+			if (o++, o >= L) {
+				f(`circuit opened after ${o} consecutive failures (${e})`);
+				return;
+			}
+			s = setTimeout(() => {
+				s = null, h();
+			}, R(o));
+		}
+	}, m = () => {
+		if (r || i) return;
+		let a;
+		try {
+			a = new EventSource(t);
+		} catch {
+			p("EventSource construction failed");
+			return;
+		}
+		n = a, a.addEventListener("open", () => {
+			n === a && (c !== null && clearTimeout(c), c = setTimeout(() => {
+				c = null, n === a && (o = 0);
+			}, le));
+		}), a.addEventListener("log", (t) => {
+			try {
+				let n = JSON.parse(t.data).payload;
+				if (!n || typeof n.message != "string" || n.scope === "client") return;
+				let r = n.level === void 0 ? "log" : me[n.level], i = n.scope ? ` ${n.scope}` : "";
+				P[r](`%c[server ${e.originLabel}${i}]%c ${n.message}`, J[r], "", ...n.fields ? [n.fields] : []);
+			} catch {}
+		}), a.addEventListener("trace", (t) => {
+			try {
+				let n = JSON.parse(t.data).payload;
+				if (!n || n.status !== "error" || typeof n.traceId != "string" || !W.has(n.traceId)) return;
+				let r = n.name ?? "span", i = n.statusMessage && n.statusMessage.length > 0 ? n.statusMessage : `${r} failed`;
+				pe({
+					traceId: n.traceId,
+					spanName: r,
+					api: e.originLabel,
+					message: i,
+					ts: Date.now()
+				}), P.error(`%c[trace ${e.originLabel}]%c ${r} failed — ${i} (trace ${n.traceId})`, J.error, "");
+			} catch {}
+		}), a.addEventListener("error", () => {
+			n === a && (d(), p("stream disconnected"));
+		});
+	}, h = async () => {
+		if (r || i || u || n !== null) return;
+		u = !0;
+		let e = new AbortController();
+		l = e;
+		let a = setTimeout(() => e.abort(), I);
+		try {
+			let n = await fetch(t, {
+				method: "GET",
+				headers: { accept: "text/event-stream" },
+				credentials: "same-origin",
+				cache: "no-store",
+				signal: e.signal
+			});
+			if (n.body?.cancel().catch(() => void 0), ue(n.status)) {
+				f(`inspect stream returned HTTP ${n.status}`);
+				return;
+			}
+			if (!n.ok) {
+				p(`probe returned HTTP ${n.status}`);
+				return;
+			}
+			let r = n.headers.get("content-type")?.toLowerCase() ?? "";
+			if (!r.includes("text/event-stream")) {
+				f(`inspect stream returned ${r || "no content type"} instead of text/event-stream`);
+				return;
+			}
+			m();
+		} catch {
+			!r && !i && p("probe failed");
+		} finally {
+			clearTimeout(a), l === e && (l = null), u = !1;
+		}
+	};
+	return h(), { dispose: () => {
+		r || (r = !0, s !== null && (clearTimeout(s), s = null), c !== null && (clearTimeout(c), c = null), l?.abort(), l = null, d());
+	} };
+}, X = {
+	card: "oklch(0.21 0.006 285)",
+	cardRaised: "oklch(0.25 0.007 285)",
+	border: "oklch(1 0 0 / 14%)",
+	fg: "oklch(0.98 0.005 285)",
+	muted: "oklch(0.65 0.012 285)",
+	danger: "oklch(0.7 0.21 22)",
+	dangerDim: "oklch(0.5 0.18 22 / 25%)"
+}, Z = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", he = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", ge = 0, _e = () => {
+	let [e, t] = f([]);
+	if (l(() => q((e) => {
+		t((t) => {
+			if (t.some((t) => t.traceId === e.traceId && t.spanName === e.spanName)) return t;
+			let n = [...t, {
+				...e,
+				id: ++ge
+			}];
+			return n.length > 4 ? n.slice(n.length - 4) : n;
+		});
+	}), []), e.length === 0) return null;
+	let n = (e) => t((t) => t.filter((t) => t.id !== e));
+	return /* @__PURE__ */ S("div", {
+		style: {
+			position: "fixed",
+			right: 16,
+			bottom: 16,
+			zIndex: 2147483646,
+			display: "flex",
+			flexDirection: "column",
+			gap: 10,
+			maxWidth: 380,
+			fontFamily: he,
+			pointerEvents: "none"
+		},
+		children: e.map((e) => /* @__PURE__ */ S(ve, {
+			toast: e,
+			onDismiss: () => n(e.id)
+		}, e.id))
+	});
+}, ve = ({ toast: e, onDismiss: t }) => {
+	let [n, r] = f(!1), a = `voltro logs --trace ${e.traceId}`;
+	return /* @__PURE__ */ C("div", {
+		style: {
+			pointerEvents: "auto",
+			background: X.card,
+			border: `1px solid ${X.danger}`,
+			borderLeft: `3px solid ${X.danger}`,
+			borderRadius: 10,
+			padding: "12px 14px",
+			boxShadow: "0 8px 28px rgba(0,0,0,0.45)",
+			color: X.fg,
+			fontSize: 13,
+			lineHeight: 1.45
+		},
+		children: [
+			/* @__PURE__ */ C("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					gap: 8
+				},
+				children: [/* @__PURE__ */ S("span", {
+					style: {
+						color: X.danger,
+						fontWeight: 600,
+						fontSize: 12,
+						letterSpacing: .3
+					},
+					children: "⚠ Backend error"
+				}), /* @__PURE__ */ S("button", {
+					onClick: t,
+					"aria-label": "Dismiss",
+					style: {
+						background: "transparent",
+						border: "none",
+						color: X.muted,
+						cursor: "pointer",
+						fontSize: 16,
+						lineHeight: 1,
+						padding: 0
+					},
+					children: "×"
+				})]
+			}),
+			/* @__PURE__ */ C("div", {
+				style: {
+					marginTop: 6,
+					color: X.muted,
+					fontSize: 11.5
+				},
+				children: [
+					/* @__PURE__ */ S("span", {
+						style: {
+							fontFamily: Z,
+							color: X.fg
+						},
+						children: e.api
+					}),
+					" · ",
+					/* @__PURE__ */ S("span", {
+						style: { fontFamily: Z },
+						children: e.spanName
+					})
+				]
+			}),
+			/* @__PURE__ */ S("div", {
+				style: {
+					marginTop: 4,
+					color: X.fg,
+					wordBreak: "break-word"
+				},
+				children: e.message
+			}),
+			/* @__PURE__ */ S("button", {
+				onClick: () => {
+					i(a).then((e) => {
+						e !== "failed" && (r(!0), setTimeout(() => r(!1), 1500));
+					});
+				},
+				title: "Copy command",
+				style: {
+					marginTop: 10,
+					display: "block",
+					width: "100%",
+					textAlign: "left",
+					background: X.cardRaised,
+					border: `1px solid ${X.border}`,
+					borderRadius: 6,
+					padding: "6px 8px",
+					color: X.muted,
+					fontFamily: Z,
+					fontSize: 11,
+					cursor: "pointer"
+				},
+				children: n ? "✓ copied" : a
+			})
+		]
+	});
+}, ye = (e, t) => ({
+	verboseConsole: e || t,
+	diagnosticTransports: e
+}), be = (e) => {
+	try {
+		let t = new URL(e);
+		return `${t.protocol === "wss:" ? "https:" : "http:"}//${t.host}`;
+	} catch {
+		return "";
+	}
+}, xe = (e, t) => /^wss?:\/\//i.test(e) || /^https?:\/\//i.test(e) ? be(e) : `/_voltro/api/${t}`, Se = typeof performance < "u" ? performance.now() : Date.now(), Q = () => {
+	if (typeof window > "u") return ye(!1, !1);
+	let e = !1;
+	try {
+		e = window.localStorage?.getItem("framework_debug") === "1";
+	} catch {}
+	return ye(!1, e);
+}, Ce = () => Q().verboseConsole, $ = (e, ...t) => {
+	if (!Ce()) return;
+	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - Se).toFixed(0).padStart(6, " ");
+	console.log(`[fw ${e} +${n}ms]`, ...t);
+}, we = 3e3, Te = 0, Ee = (e, t, n, r) => (i, a) => {
+	let o = ++Te;
+	$(e, `ws#${o} create gen=${t} url=${i}`);
+	let s = new globalThis.WebSocket(i, a), c = !1, l = !1, u = (e) => {
+		l || (l = !0, r(e));
+	}, d = (t) => (n) => {
+		let r = t === "close" ? `code=${n.code}` : "type=error";
+		$(e, `ws#${o} ${t} opened=${c} issued=${l} ${r}`), u(t);
+	};
+	return s.addEventListener("open", () => {
+		c = !0, $(e, `ws#${o} open gen=${t}`), n();
+	}), s.addEventListener("close", d("close")), s.addEventListener("error", d("error")), setTimeout(() => {
+		if (!c && !l) {
+			$(e, `ws#${o} connect-timeout gen=${t} (no open within ${we}ms)`), u("connect-timeout");
+			try {
+				s.close();
+			} catch {}
+		}
+	}, we), s;
+}, De = async (e, t, n, r) => {
+	$(e.name, `build gen=${t}: making runtime`);
+	try {
+		let i = await h({
+			name: e.name,
+			wsUrl: e.wsUrl,
+			group: e.group,
+			headers: e.headers,
+			webSocketConstructor: Ee(e.name, t, n, r)
+		});
+		return $(e.name, `build gen=${t}: runtime resolved`), i;
+	} catch (n) {
+		throw $(e.name, `build gen=${t}: runtime FAILED, disposing`, n.message ?? n), n;
+	}
+}, Oe = ({ apis: e, children: n, chrome: i, connect: o = "eager" }) => {
+	let [c, p] = f(() => ({
+		initialized: e.length === 0,
+		clients: /* @__PURE__ */ new Map()
+	})), h = d(null), T = s(() => {
+		h.current?.reconnect();
+	}, []), [E, D] = f(!1);
+	l(() => {
+		D(!0);
+	}, []), l(() => {
+		let e = [...c.clients.values()].map((e) => b(e.errorBus, () => {
+			h.current?.refreshAuth();
+		}));
+		return () => {
+			for (let t of e) t.dispose();
+		};
+	}, [c.clients]);
+	let [O, k] = f(() => new Set(o === "eager" ? e.map((e) => e.name) : [])), A = s((e) => {
+		k((t) => t.has(e) ? t : /* @__PURE__ */ new Set([...t, e]));
+	}, []);
+	l(() => {
+		o === "eager" && k((t) => {
+			let n = new Set(t), r = !1;
+			for (let t of e) n.has(t.name) || (n.add(t.name), r = !0);
+			return r ? n : t;
+		});
+	}, [e, o]);
+	let j = u(() => e.filter((e) => O.has(e.name)), [e, O]);
+	l(() => {
+		if (j.length === 0) {
+			p({
+				clients: /* @__PURE__ */ new Map(),
+				initialized: !0
+			});
+			return;
+		}
+		let e = ne(), t = v({
+			apis: j,
+			buildClient: De,
+			onChange: (e, t) => {
+				p({
+					clients: e,
+					initialized: t
+				});
+			},
+			onReconnecting: (e) => r({
+				id: `voltro:supervisor:${e}`,
+				kind: "reconnecting",
+				label: "Reconnecting…"
+			}),
+			...e ? { wedgeBackstop: e } : {}
+		});
+		return h.current = t, () => {
+			t.dispose(), h.current === t && (h.current = null);
+		};
+	}, [j]), l(() => {
+		if (!Q().diagnosticTransports || typeof window > "u") return;
+		let t = [], n = [], r = e[0]?.name ?? "web";
+		t.push(U({
+			baseUrl: window.location.origin,
+			appName: r
+		}));
+		for (let t of e) {
+			let e = xe(t.wsUrl, t.name);
+			e.length !== 0 && n.push(Y({
+				baseUrl: e,
+				originLabel: t.name
+			}));
+		}
+		let i = y((e) => G(e.traceId));
+		return () => {
+			for (let e of t) e.dispose();
+			for (let e of n) e.dispose();
+			i();
+		};
+	}, [e]);
+	let M = new Map(e.map((e) => [e.name, c.clients.get(e.name)?.client ?? g])), N = new Map(e.map((e) => {
+		let t = c.clients.get(e.name);
+		return t ? [e.name, {
+			runtime: t.runtime,
+			cache: t.cache,
+			client: t.client,
+			descriptors: e.descriptors,
+			inspectBaseUrl: xe(e.wsUrl, e.name),
+			errorBus: t.errorBus
+		}] : [e.name, {
+			..._,
+			descriptors: e.descriptors
+		}];
+	}));
+	return /* @__PURE__ */ S(w.Provider, {
+		value: T,
+		children: /* @__PURE__ */ S(m, {
+			apis: N,
+			...o === "lazy" ? { demand: A } : {},
+			children: /* @__PURE__ */ S(t.Provider, {
+				value: M,
+				children: /* @__PURE__ */ S(a, {
+					chrome: E ? /* @__PURE__ */ C(x, { children: [
+						/* @__PURE__ */ S(ee, {}),
+						i,
+						Q().diagnosticTransports ? /* @__PURE__ */ S(_e, {}) : null
+					] }) : null,
+					children: n
+				})
+			})
+		})
+	});
+}, ke = ({ App: e, apis: t, Devtools: n, connect: r }) => /* @__PURE__ */ S(Oe, {
+	apis: t,
+	chrome: n ? /* @__PURE__ */ S(n, {}) : null,
+	...r ? { connect: r } : {},
+	children: /* @__PURE__ */ S(e, {})
+});
+//#endregion
+export { Y as a, ee as c, U as i, w as l, Oe as n, G as o, H as r, q as s, ke as t, T as u };

package/dist/frameworkBoot.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./frameworkBoot-BfJpdpZp.js";
+import { n as e, t } from "./frameworkBoot-CfNLGgAC.js";
 export { t as FrameworkBoot, e as VoltroRuntimeProvider };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { t as e } from "./globalContext-AuflFFmy.js";
 import { AppClientsContext as t, useAppClient as n } from "./hooks.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "./frameworkBoot-BfJpdpZp.js";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "./frameworkBoot-CfNLGgAC.js";
 import { a as d, c as f, i as p, l as m, o as h, u as g } from "./defaultFallbacks-SQ45vAhz.js";
 import { getIslandComponent as _, hydrateIslandsOnPage as v, island as y } from "./islands.js";
 import { c as b, d as x, f as S, g as C, l as w, m as T } from "./routerState-Cr6fTbka.js";

package/dist/mount.js

@@ -1,4 +1,4 @@
-import { t as e } from "./frameworkBoot-BfJpdpZp.js";
+import { t as e } from "./frameworkBoot-CfNLGgAC.js";
 import { hydrateIslandsOnPage as t } from "./islands.js";
 import { o as n, r, t as i } from "./routerState-Cr6fTbka.js";
 import { StrictMode as a } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voltro/web",
-  "version": "0.60.0",
+  "version": "0.62.0",
   "description": "The Voltro web framework — file-based routing, render modes (SSR / SSG / islands), the page-export contract, data hooks, and the browser mount.",
   "keywords": [
     "voltro",
@@ -63,8 +63,8 @@
     "node": ">=24.0.0"
   },
   "dependencies": {
-    "@voltro/client": "0.60.0",
-    "@voltro/ui": "0.60.0"
+    "@voltro/client": "0.62.0",
+    "@voltro/ui": "0.62.0"
   },
   "peerDependencies": {
     "@effect/platform": "^0.97.0",

package/dist/frameworkBoot-BfJpdpZp.js

@@ -1,541 +0,0 @@
-import { t as e } from "./globalContext-AuflFFmy.js";
-import { AppClientsContext as t } from "./hooks.js";
-import { c as n, l as r, r as i, s as a, u as o } from "./defaultFallbacks-SQ45vAhz.js";
-import { useCallback as s, useContext as c, useEffect as l, useMemo as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
-import { FrameworkRuntimesProvider as ee, buildApiRuntime as m, ssrClientProxy as te, ssrStubHandle as ne, startApiSupervisor as re, subscribeClientTraces as ie, wireAuthRefresh as ae } from "@voltro/client";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/reconnect.ts
-var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S = () => {
-	let e = p(o, n, n).some((e) => e.kind === "loading" || e.kind === "reconnecting"), [t, r] = f(!1);
-	return l(() => {
-		if (!e) {
-			r(!1);
-			return;
-		}
-		let t = setTimeout(() => r(!0), b);
-		return () => clearTimeout(t);
-	}, [e]), /* @__PURE__ */ _("div", {
-		"aria-hidden": "true",
-		"data-voltro-nav-indicator": "",
-		style: {
-			position: "fixed",
-			right: 18,
-			bottom: 18,
-			zIndex: 2147483646,
-			pointerEvents: "none",
-			opacity: +!!t,
-			transform: t ? "translateY(0) scale(1)" : "translateY(4px) scale(0.96)",
-			transition: `opacity ${x}ms ease, transform ${x}ms ease`,
-			display: "grid",
-			placeItems: "center",
-			width: 34,
-			height: 34,
-			borderRadius: 999,
-			background: "color-mix(in oklch, canvas 78%, transparent)",
-			backdropFilter: "blur(6px)",
-			WebkitBackdropFilter: "blur(6px)",
-			border: "1px solid color-mix(in oklch, canvastext 12%, transparent)",
-			boxShadow: "0 4px 14px color-mix(in oklch, canvastext 16%, transparent)"
-		},
-		children: [/* @__PURE__ */ g("span", { "data-voltro-nav-spinner": "" }), /* @__PURE__ */ g("style", { children: C })]
-	});
-}, C = "\n@keyframes voltroNavSpin { to { transform: rotate(360deg); } }\n[data-voltro-nav-spinner] {\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 2px solid color-mix(in oklch, canvastext 22%, transparent);\n  border-top-color: color-mix(in oklch, canvastext 78%, transparent);\n  animation: voltroNavSpin 0.7s linear infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n  [data-voltro-nav-spinner] { animation-duration: 1.6s; }\n}\n", w = 2e3, T = () => typeof window < "u" && !1, E = () => typeof window > "u" ? null : `${window.location.origin}/`, D = 2e4, O = "voltro:wedge-reload-at", k = () => {
-	try {
-		let e = Number(window.sessionStorage.getItem(O) ?? "0"), t = Date.now();
-		if (t - e < D) return;
-		window.sessionStorage.setItem(O, String(t));
-	} catch {}
-	window.location.reload();
-}, A = () => {
-	if (T()) return {
-		afterFailures: 2,
-		arm: () => {
-			let e = E();
-			if (e === null) return () => {};
-			let t = setInterval(() => {
-				fetch(e, {
-					method: "GET",
-					cache: "no-store",
-					signal: AbortSignal.timeout(w)
-				}).then((e) => {
-					e.status < 500 && k();
-				}).catch(() => {});
-			}, w);
-			return () => clearInterval(t);
-		}
-	};
-}, j = {
-	log: console.log.bind(console),
-	info: console.info.bind(console),
-	warn: console.warn.bind(console),
-	error: console.error.bind(console),
-	debug: console.debug.bind(console)
-}, M = 200, oe = 400, se = 20, N = 1e3, P = (e) => {
-	if (typeof e == "string") return e;
-	if (e === void 0) return "undefined";
-	if (e === null) return "null";
-	if (e instanceof Error) return e.stack ?? e.message;
-	if (typeof e == "object") try {
-		return JSON.stringify(e, ce());
-	} catch {
-		return Object.prototype.toString.call(e);
-	}
-	return String(e);
-}, ce = () => {
-	let e = /* @__PURE__ */ new WeakSet();
-	return (t, n) => {
-		if (typeof n == "object" && n) {
-			if (e.has(n)) return "[Circular]";
-			e.add(n);
-		}
-		return n;
-	};
-}, F = (e, t) => e.length > t ? `${e.slice(0, t)}…` : e, I = /%[sdifoOc]/g, L = (e) => {
-	if (e.length === 0) return {
-		message: "",
-		rest: []
-	};
-	let t = e[0];
-	if (typeof t != "string" || !I.test(t)) return {
-		message: P(t),
-		rest: e.slice(1)
-	};
-	I.lastIndex = 0;
-	let n = 1;
-	return {
-		message: t.replace(I, (t) => {
-			if (t === "%c") return n++, "";
-			if (n >= e.length) return t;
-			let r = e[n++];
-			switch (t) {
-				case "%s": return r === void 0 ? "undefined" : r === null ? "null" : String(r);
-				case "%d":
-				case "%i": {
-					let e = typeof r == "number" ? Math.trunc(r) : parseInt(String(r), 10);
-					return Number.isFinite(e) ? String(e) : "NaN";
-				}
-				case "%f": {
-					let e = typeof r == "number" ? r : parseFloat(String(r));
-					return Number.isFinite(e) ? String(e) : "NaN";
-				}
-				case "%o":
-				case "%O": return P(r);
-				default: return t;
-			}
-		}),
-		rest: e.slice(n)
-	};
-}, R = (e) => {
-	let t = e.flushAfterMs ?? oe, n = `${e.baseUrl.replace(/\/+$/, "")}/_voltro/inspect/clientLog`, r = [], i = null, a = !1, o = () => {
-		if (i !== null && (clearTimeout(i), i = null), r.length === 0) return;
-		let t = r;
-		r = [];
-		let a = {
-			app: e.appName,
-			page: typeof window < "u" ? window.location.pathname : void 0,
-			ua: typeof navigator < "u" ? F(navigator.userAgent, 200) : void 0,
-			entries: t
-		};
-		try {
-			fetch(n, {
-				method: "POST",
-				headers: { "content-type": "application/json" },
-				body: JSON.stringify(a),
-				keepalive: !0,
-				credentials: "omit"
-			}).catch(() => {});
-		} catch {}
-	}, s = () => {
-		i === null && (i = setTimeout(o, t));
-	}, c = (e, t) => {
-		if (a) return;
-		r.length >= M && r.shift();
-		let n = t.find((e) => e instanceof Error), i = t.find((e) => typeof e == "object" && !!e && "componentStack" in e), c = typeof i?.componentStack == "string" ? i.componentStack : void 0, l = t[0] instanceof Error ? {
-			message: t[0].message,
-			rest: t.slice(1)
-		} : L(t), u = F(l.message, N), d = l.rest.filter((e) => e !== n && e !== i).map((e) => F(P(e), N)), f;
-		n ? (f = n.stack ?? n.message, c && (f += `\n\nComponent stack:${c}`)) : e === "error" && (f = (/* @__PURE__ */ Error()).stack);
-		let p = {
-			ts: Date.now(),
-			level: e,
-			message: u,
-			...d.length > 0 ? { args: d } : {},
-			...f === void 0 ? {} : { stack: f }
-		};
-		r.push(p), r.length >= se ? o() : s();
-	}, l = (e) => (...t) => {
-		j[e](...t), c(e, t);
-	};
-	console.log = l("log"), console.info = l("info"), console.warn = l("warn"), console.error = l("error"), console.debug = l("debug");
-	let u = () => {
-		o();
-	};
-	return typeof window < "u" && (window.addEventListener("beforeunload", u), window.addEventListener("pagehide", u)), { dispose: () => {
-		a = !0, o(), i !== null && (clearTimeout(i), i = null), console.log = j.log, console.info = j.info, console.warn = j.warn, console.error = j.error, console.debug = j.debug, typeof window < "u" && (window.removeEventListener("beforeunload", u), window.removeEventListener("pagehide", u));
-	} };
-}, le = 500, z = /* @__PURE__ */ new Set(), B = (e) => {
-	if (!z.has(e) && (z.add(e), z.size > le)) {
-		let e = z.values().next().value;
-		e !== void 0 && z.delete(e);
-	}
-}, V = /* @__PURE__ */ new Set(), H = (e) => (V.add(e), () => {
-	V.delete(e);
-}), U = (e) => {
-	for (let t of V) try {
-		t(e);
-	} catch {}
-}, ue = {
-	log: "log",
-	info: "info",
-	warn: "warn",
-	error: "error",
-	debug: "debug"
-}, W = {
-	log: "color: #888;",
-	info: "color: #2563eb;",
-	warn: "color: #c2410c;",
-	error: "color: #b91c1c; font-weight: 600;",
-	debug: "color: #6b7280;"
-}, G = (e) => {
-	if (typeof EventSource > "u") return { dispose: () => {} };
-	let t = `${e.baseUrl.replace(/\/+$/, "")}/_voltro/inspect/stream?live=1`, n = null, r = !1, i = null, a = () => {
-		r || (n = new EventSource(t), n.addEventListener("log", (t) => {
-			try {
-				let n = JSON.parse(t.data).payload;
-				if (!n || typeof n.message != "string" || n.scope === "client") return;
-				let r = n.level === void 0 ? "log" : ue[n.level], i = n.scope ? ` ${n.scope}` : "";
-				j[r](`%c[server ${e.originLabel}${i}]%c ${n.message}`, W[r], "", ...n.fields ? [n.fields] : []);
-			} catch {}
-		}), n.addEventListener("trace", (t) => {
-			try {
-				let n = JSON.parse(t.data).payload;
-				if (!n || n.status !== "error" || typeof n.traceId != "string" || !z.has(n.traceId)) return;
-				let r = n.name ?? "span", i = n.statusMessage && n.statusMessage.length > 0 ? n.statusMessage : `${r} failed`;
-				U({
-					traceId: n.traceId,
-					spanName: r,
-					api: e.originLabel,
-					message: i,
-					ts: Date.now()
-				}), j.error(`%c[trace ${e.originLabel}]%c ${r} failed — ${i} (trace ${n.traceId})`, W.error, "");
-			} catch {}
-		}), n.addEventListener("error", () => {
-			n && n.readyState === EventSource.CLOSED && (n = null, !r && i === null && (i = setTimeout(() => {
-				i = null, a();
-			}, 2e3)));
-		}));
-	};
-	return a(), { dispose: () => {
-		r = !0, i !== null && (clearTimeout(i), i = null), n?.close(), n = null;
-	} };
-}, K = {
-	card: "oklch(0.21 0.006 285)",
-	cardRaised: "oklch(0.25 0.007 285)",
-	border: "oklch(1 0 0 / 14%)",
-	fg: "oklch(0.98 0.005 285)",
-	muted: "oklch(0.65 0.012 285)",
-	danger: "oklch(0.7 0.21 22)",
-	dangerDim: "oklch(0.5 0.18 22 / 25%)"
-}, q = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", de = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", fe = 0, pe = () => {
-	let [e, t] = f([]);
-	if (l(() => H((e) => {
-		t((t) => {
-			if (t.some((t) => t.traceId === e.traceId && t.spanName === e.spanName)) return t;
-			let n = [...t, {
-				...e,
-				id: ++fe
-			}];
-			return n.length > 4 ? n.slice(n.length - 4) : n;
-		});
-	}), []), e.length === 0) return null;
-	let n = (e) => t((t) => t.filter((t) => t.id !== e));
-	return /* @__PURE__ */ g("div", {
-		style: {
-			position: "fixed",
-			right: 16,
-			bottom: 16,
-			zIndex: 2147483646,
-			display: "flex",
-			flexDirection: "column",
-			gap: 10,
-			maxWidth: 380,
-			fontFamily: de,
-			pointerEvents: "none"
-		},
-		children: e.map((e) => /* @__PURE__ */ g(me, {
-			toast: e,
-			onDismiss: () => n(e.id)
-		}, e.id))
-	});
-}, me = ({ toast: e, onDismiss: t }) => {
-	let [n, r] = f(!1), a = `voltro logs --trace ${e.traceId}`;
-	return /* @__PURE__ */ _("div", {
-		style: {
-			pointerEvents: "auto",
-			background: K.card,
-			border: `1px solid ${K.danger}`,
-			borderLeft: `3px solid ${K.danger}`,
-			borderRadius: 10,
-			padding: "12px 14px",
-			boxShadow: "0 8px 28px rgba(0,0,0,0.45)",
-			color: K.fg,
-			fontSize: 13,
-			lineHeight: 1.45
-		},
-		children: [
-			/* @__PURE__ */ _("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "space-between",
-					gap: 8
-				},
-				children: [/* @__PURE__ */ g("span", {
-					style: {
-						color: K.danger,
-						fontWeight: 600,
-						fontSize: 12,
-						letterSpacing: .3
-					},
-					children: "⚠ Backend error"
-				}), /* @__PURE__ */ g("button", {
-					onClick: t,
-					"aria-label": "Dismiss",
-					style: {
-						background: "transparent",
-						border: "none",
-						color: K.muted,
-						cursor: "pointer",
-						fontSize: 16,
-						lineHeight: 1,
-						padding: 0
-					},
-					children: "×"
-				})]
-			}),
-			/* @__PURE__ */ _("div", {
-				style: {
-					marginTop: 6,
-					color: K.muted,
-					fontSize: 11.5
-				},
-				children: [
-					/* @__PURE__ */ g("span", {
-						style: {
-							fontFamily: q,
-							color: K.fg
-						},
-						children: e.api
-					}),
-					" · ",
-					/* @__PURE__ */ g("span", {
-						style: { fontFamily: q },
-						children: e.spanName
-					})
-				]
-			}),
-			/* @__PURE__ */ g("div", {
-				style: {
-					marginTop: 4,
-					color: K.fg,
-					wordBreak: "break-word"
-				},
-				children: e.message
-			}),
-			/* @__PURE__ */ g("button", {
-				onClick: () => {
-					i(a).then((e) => {
-						e !== "failed" && (r(!0), setTimeout(() => r(!1), 1500));
-					});
-				},
-				title: "Copy command",
-				style: {
-					marginTop: 10,
-					display: "block",
-					width: "100%",
-					textAlign: "left",
-					background: K.cardRaised,
-					border: `1px solid ${K.border}`,
-					borderRadius: 6,
-					padding: "6px 8px",
-					color: K.muted,
-					fontFamily: q,
-					fontSize: 11,
-					cursor: "pointer"
-				},
-				children: n ? "✓ copied" : a
-			})
-		]
-	});
-}, he = (e) => {
-	try {
-		let t = new URL(e);
-		return `${t.protocol === "wss:" ? "https:" : "http:"}//${t.host}`;
-	} catch {
-		return "";
-	}
-}, J = (e, t) => /^wss?:\/\//i.test(e) || /^https?:\/\//i.test(e) ? he(e) : `/_voltro/api/${t}`, ge = typeof performance < "u" ? performance.now() : Date.now(), Y = () => {
-	if (typeof window > "u") return !1;
-	try {
-		if (window.localStorage?.getItem("framework_debug") === "1") return !0;
-	} catch {}
-	return {
-		BASE_URL: "/",
-		DEV: !1,
-		MODE: "production",
-		PROD: !0,
-		SSR: !1
-	}.DEV === !0;
-}, X = (e, ...t) => {
-	if (!Y()) return;
-	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - ge).toFixed(0).padStart(6, " ");
-	console.log(`[fw ${e} +${n}ms]`, ...t);
-}, Z = 3e3, _e = 0, Q = (e, t, n, r) => (i, a) => {
-	let o = ++_e;
-	X(e, `ws#${o} create gen=${t} url=${i}`);
-	let s = new globalThis.WebSocket(i, a), c = !1, l = !1, u = (e) => {
-		l || (l = !0, r(e));
-	}, d = (t) => (n) => {
-		let r = t === "close" ? `code=${n.code}` : "type=error";
-		X(e, `ws#${o} ${t} opened=${c} issued=${l} ${r}`), u(t);
-	};
-	return s.addEventListener("open", () => {
-		c = !0, X(e, `ws#${o} open gen=${t}`), n();
-	}), s.addEventListener("close", d("close")), s.addEventListener("error", d("error")), setTimeout(() => {
-		if (!c && !l) {
-			X(e, `ws#${o} connect-timeout gen=${t} (no open within ${Z}ms)`), u("connect-timeout");
-			try {
-				s.close();
-			} catch {}
-		}
-	}, Z), s;
-}, ve = async (e, t, n, r) => {
-	X(e.name, `build gen=${t}: making runtime`);
-	try {
-		let i = await m({
-			name: e.name,
-			wsUrl: e.wsUrl,
-			group: e.group,
-			headers: e.headers,
-			webSocketConstructor: Q(e.name, t, n, r)
-		});
-		return X(e.name, `build gen=${t}: runtime resolved`), i;
-	} catch (n) {
-		throw X(e.name, `build gen=${t}: runtime FAILED, disposing`, n.message ?? n), n;
-	}
-}, $ = ({ apis: e, children: n, chrome: i, connect: o = "eager" }) => {
-	let [c, p] = f(() => ({
-		initialized: e.length === 0,
-		clients: /* @__PURE__ */ new Map()
-	})), m = d(null), y = s(() => {
-		m.current?.reconnect();
-	}, []), [b, x] = f(!1);
-	l(() => {
-		x(!0);
-	}, []), l(() => {
-		let e = [...c.clients.values()].map((e) => ae(e.errorBus, () => {
-			m.current?.refreshAuth();
-		}));
-		return () => {
-			for (let t of e) t.dispose();
-		};
-	}, [c.clients]);
-	let [C, w] = f(() => new Set(o === "eager" ? e.map((e) => e.name) : [])), T = s((e) => {
-		w((t) => t.has(e) ? t : /* @__PURE__ */ new Set([...t, e]));
-	}, []);
-	l(() => {
-		o === "eager" && w((t) => {
-			let n = new Set(t), r = !1;
-			for (let t of e) n.has(t.name) || (n.add(t.name), r = !0);
-			return r ? n : t;
-		});
-	}, [e, o]);
-	let E = u(() => e.filter((e) => C.has(e.name)), [e, C]);
-	l(() => {
-		if (E.length === 0) {
-			p({
-				clients: /* @__PURE__ */ new Map(),
-				initialized: !0
-			});
-			return;
-		}
-		let e = A(), t = re({
-			apis: E,
-			buildClient: ve,
-			onChange: (e, t) => {
-				p({
-					clients: e,
-					initialized: t
-				});
-			},
-			onReconnecting: (e) => r({
-				id: `voltro:supervisor:${e}`,
-				kind: "reconnecting",
-				label: "Reconnecting…"
-			}),
-			...e ? { wedgeBackstop: e } : {}
-		});
-		return m.current = t, () => {
-			t.dispose(), m.current === t && (m.current = null);
-		};
-	}, [E]), l(() => {
-		if (!Y() || typeof window > "u") return;
-		let t = [], n = [], r = e[0]?.name ?? "web";
-		t.push(R({
-			baseUrl: window.location.origin,
-			appName: r
-		}));
-		for (let t of e) {
-			let e = J(t.wsUrl, t.name);
-			e.length !== 0 && n.push(G({
-				baseUrl: e,
-				originLabel: t.name
-			}));
-		}
-		let i = ie((e) => B(e.traceId));
-		return () => {
-			for (let e of t) e.dispose();
-			for (let e of n) e.dispose();
-			i();
-		};
-	}, [e]);
-	let D = new Map(e.map((e) => [e.name, c.clients.get(e.name)?.client ?? te])), O = new Map(e.map((e) => {
-		let t = c.clients.get(e.name);
-		return t ? [e.name, {
-			runtime: t.runtime,
-			cache: t.cache,
-			client: t.client,
-			descriptors: e.descriptors,
-			inspectBaseUrl: J(e.wsUrl, e.name),
-			errorBus: t.errorBus
-		}] : [e.name, {
-			...ne,
-			descriptors: e.descriptors
-		}];
-	}));
-	return /* @__PURE__ */ g(v.Provider, {
-		value: y,
-		children: /* @__PURE__ */ g(ee, {
-			apis: O,
-			...o === "lazy" ? { demand: T } : {},
-			children: /* @__PURE__ */ g(t.Provider, {
-				value: D,
-				children: /* @__PURE__ */ g(a, {
-					chrome: b ? /* @__PURE__ */ _(h, { children: [
-						/* @__PURE__ */ g(S, {}),
-						i,
-						Y() ? /* @__PURE__ */ g(pe, {}) : null
-					] }) : null,
-					children: n
-				})
-			})
-		})
-	});
-}, ye = ({ App: e, apis: t, Devtools: n, connect: r }) => /* @__PURE__ */ g($, {
-	apis: t,
-	chrome: n ? /* @__PURE__ */ g(n, {}) : null,
-	...r ? { connect: r } : {},
-	children: /* @__PURE__ */ g(e, {})
-});
-//#endregion
-export { G as a, S as c, R as i, v as l, $ as n, B as o, L as r, H as s, ye as t, y as u };