@voltro/web 0.38.0 → 0.39.0

package/dist/{frameworkBoot--fOA34nd.js → frameworkBoot-Tso-IjA7.js}

@@ -2,19 +2,19 @@ import { t as e } from "./globalContext-d4A-ugDg.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-B4Ak-R6R.js";
 import { useCallback as s, useContext as c, useEffect as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
-import { FrameworkRuntimesProvider as p, buildApiRuntime as m, ssrClientProxy as h, ssrStubHandle as g, subscribeClientTraces as ee } from "@voltro/client";
-import { Fragment as te, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { FrameworkRuntimesProvider as p, buildApiRuntime as m, ssrClientProxy as ee, ssrStubHandle as te, startApiSupervisor as h, subscribeClientTraces as ne } from "@voltro/client";
+import { Fragment as re, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/reconnect.ts
-var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C = () => {
+var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S = () => {
 	let e = f(o, n, n).some((e) => e.kind === "loading" || e.kind === "reconnecting"), [t, r] = d(!1);
 	return l(() => {
 		if (!e) {
 			r(!1);
 			return;
 		}
-		let t = setTimeout(() => r(!0), x);
+		let t = setTimeout(() => r(!0), b);
 		return () => clearTimeout(t);
-	}, [e]), /* @__PURE__ */ v("div", {
+	}, [e]), /* @__PURE__ */ _("div", {
 		"aria-hidden": "true",
 		"data-voltro-nav-indicator": "",
 		style: {
@@ -25,7 +25,7 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			pointerEvents: "none",
 			opacity: +!!t,
 			transform: t ? "translateY(0) scale(1)" : "translateY(4px) scale(0.96)",
-			transition: `opacity ${S}ms ease, transform ${S}ms ease`,
+			transition: `opacity ${x}ms ease, transform ${x}ms ease`,
 			display: "grid",
 			placeItems: "center",
 			width: 34,
@@ -37,137 +37,51 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			border: "1px solid color-mix(in oklch, canvastext 12%, transparent)",
 			boxShadow: "0 4px 14px color-mix(in oklch, canvastext 16%, transparent)"
 		},
-		children: [/* @__PURE__ */ _("span", { "data-voltro-nav-spinner": "" }), /* @__PURE__ */ _("style", { children: ne })]
+		children: [/* @__PURE__ */ g("span", { "data-voltro-nav-spinner": "" }), /* @__PURE__ */ g("style", { children: C })]
 	});
-}, ne = "\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", re = (e) => Math.min(500 * 2 ** Math.min(e - 1, 4), 5e3), w = 2, T = 2e3, ie = () => typeof window < "u" && !1, ae = () => typeof window > "u" ? null : `${window.location.origin}/`, oe = 2e4, E = "voltro:wedge-reload-at", se = () => {
+}, 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, ie = () => typeof window > "u" ? null : `${window.location.origin}/`, E = 2e4, D = "voltro:wedge-reload-at", ae = () => {
 	try {
-		let e = Number(window.sessionStorage.getItem(E) ?? "0"), t = Date.now();
-		if (t - e < oe) return;
-		window.sessionStorage.setItem(E, String(t));
+		let e = Number(window.sessionStorage.getItem(D) ?? "0"), t = Date.now();
+		if (t - e < E) return;
+		window.sessionStorage.setItem(D, String(t));
 	} catch {}
 	window.location.reload();
-}, D = () => ({
-	resolved: null,
-	retryToken: 0,
-	failureCount: 0,
-	generation: 0,
-	reconnectStatusDispose: null,
-	everOpened: !1,
-	healthPollHandle: null,
-	subjectMayHaveChanged: !1
-}), O = (e) => {
-	e.healthPollHandle !== null && (clearInterval(e.healthPollHandle), e.healthPollHandle = null);
-}, k = (e) => {
-	e.cache.destroy(e.runtime), e.runtime.dispose();
-}, ce = (e) => {
-	let t = e.apis, n = e.buildClient, i = e.onChange, a = e.retryDelayMs ?? re, o = e.stableWindowMs ?? 5e3, s = e.scheduler?.setTimeout ?? ((e, t) => setTimeout(e, t)), c = e.scheduler?.clearTimeout ?? ((e) => {
-		clearTimeout(e);
-	}), l = e.scheduler?.queueMicrotask ?? queueMicrotask, u = /* @__PURE__ */ new Map();
-	for (let e of t) u.set(e.name, D());
-	let d = !1, f = /* @__PURE__ */ new Set(), p = (e, t) => {
-		let n = s(() => {
-			f.delete(n), e();
-		}, t);
-		return f.add(n), n;
-	}, m = () => {
-		if (d) return;
-		let e = /* @__PURE__ */ new Map();
-		for (let [t, n] of u) n.resolved && e.set(t, n.resolved);
-		i(e, t.every((t) => e.has(t.name)));
-	}, h = (e) => {
-		if (d) return;
-		let t = u.get(e.name);
-		if (!t) return;
-		t.failureCount += 1;
-		let n = a(t.failureCount), i = ++t.retryToken;
-		if (t.reconnectStatusDispose ||= r({
-			id: `voltro:supervisor:${e.name}`,
-			kind: "reconnecting",
-			label: "Reconnecting…"
-		}), ie() && t.everOpened && t.failureCount >= w && t.healthPollHandle === null) {
-			let e = ae();
-			e && (t.healthPollHandle = setInterval(() => {
+}, oe = () => {
+	if (T()) return {
+		afterFailures: 2,
+		arm: () => {
+			let e = ie();
+			if (e === null) return () => {};
+			let t = setInterval(() => {
 				fetch(e, {
 					method: "GET",
 					cache: "no-store",
-					signal: AbortSignal.timeout(T)
+					signal: AbortSignal.timeout(w)
 				}).then((e) => {
-					e.status < 500 && se();
+					e.status < 500 && ae();
 				}).catch(() => {});
-			}, T));
-		}
-		p(() => {
-			d || t.retryToken === i && (t.generation += 1, g(e));
-		}, n);
-	}, g = async (e) => {
-		if (d) return;
-		let t = u.get(e.name);
-		if (!t) return;
-		let r = t.generation, i = () => {
-			if (d || t.generation !== r) return;
-			t.everOpened = !0, O(t), t.retryToken++;
-			let e = t.failureCount;
-			p(() => {
-				d || t.failureCount === e && (t.failureCount = 0);
-			}, o);
-		}, a = (n) => {
-			d || t.generation !== r || h(e);
-		};
-		try {
-			let o = await n(e, r, i, a);
-			if (d || t.generation !== r) {
-				k(o);
-				return;
-			}
-			let s = t.resolved;
-			s && !t.subjectMayHaveChanged && o.cache.seedStaleFrom(s.cache), t.subjectMayHaveChanged = !1, t.resolved = o, t.reconnectStatusDispose &&= (t.reconnectStatusDispose(), null), m(), s && k(s);
-		} catch {
-			if (d || t.generation !== r) return;
-			h(e);
+			}, w);
+			return () => clearInterval(t);
 		}
 	};
-	return t.length === 0 ? (i(/* @__PURE__ */ new Map(), !0), {
-		dispose: () => {
-			d = !0;
-		},
-		reconnect: () => {}
-	}) : (l(() => {
-		if (!d) for (let e of t) g(e);
-	}), {
-		dispose: () => {
-			if (!d) {
-				d = !0;
-				for (let e of f) c(e);
-				f.clear();
-				for (let [, e] of u) e.resolved && k(e.resolved), e.reconnectStatusDispose && e.reconnectStatusDispose(), O(e);
-				u.clear();
-			}
-		},
-		reconnect: () => {
-			if (!d) for (let e of t) {
-				let t = u.get(e.name);
-				t && (t.subjectMayHaveChanged = !0, t.retryToken += 1, t.generation += 1, t.failureCount = 0, O(t), g(e));
-			}
-		}
-	});
-}, A = {
+}, O = {
 	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)
-}, j = 200, M = 400, N = 20, P = 1e3, F = (e) => {
+}, k = 200, A = 400, j = 20, M = 1e3, N = (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, le());
+		return JSON.stringify(e, se());
 	} catch {
 		return Object.prototype.toString.call(e);
 	}
 	return String(e);
-}, le = () => {
+}, se = () => {
 	let e = /* @__PURE__ */ new WeakSet();
 	return (t, n) => {
 		if (typeof n == "object" && n) {
@@ -176,20 +90,20 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 		}
 		return n;
 	};
-}, I = (e, t) => e.length > t ? `${e.slice(0, t)}…` : e, L = /%[sdifoOc]/g, R = (e) => {
+}, P = (e, t) => e.length > t ? `${e.slice(0, t)}…` : e, F = /%[sdifoOc]/g, I = (e) => {
 	if (e.length === 0) return {
 		message: "",
 		rest: []
 	};
 	let t = e[0];
-	if (typeof t != "string" || !L.test(t)) return {
-		message: F(t),
+	if (typeof t != "string" || !F.test(t)) return {
+		message: N(t),
 		rest: e.slice(1)
 	};
-	L.lastIndex = 0;
+	F.lastIndex = 0;
 	let n = 1;
 	return {
-		message: t.replace(L, (t) => {
+		message: t.replace(F, (t) => {
 			if (t === "%c") return n++, "";
 			if (n >= e.length) return t;
 			let r = e[n++];
@@ -205,21 +119,21 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 					return Number.isFinite(e) ? String(e) : "NaN";
 				}
 				case "%o":
-				case "%O": return F(r);
+				case "%O": return N(r);
 				default: return t;
 			}
 		}),
 		rest: e.slice(n)
 	};
-}, z = (e) => {
-	let t = e.flushAfterMs ?? M, n = `${e.baseUrl.replace(/\/+$/, "")}/_voltro/inspect/clientLog`, r = [], i = null, a = !1, o = () => {
+}, L = (e) => {
+	let t = e.flushAfterMs ?? A, 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" ? I(navigator.userAgent, 200) : void 0,
+			ua: typeof navigator < "u" ? P(navigator.userAgent, 200) : void 0,
 			entries: t
 		};
 		try {
@@ -235,11 +149,11 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 		i === null && (i = setTimeout(o, t));
 	}, c = (e, t) => {
 		if (a) return;
-		r.length >= j && r.shift();
+		r.length >= k && 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)
-		} : R(t), u = I(l.message, P), d = l.rest.filter((e) => e !== n && e !== i).map((e) => I(F(e), P)), f;
+		} : I(t), u = P(l.message, M), d = l.rest.filter((e) => e !== n && e !== i).map((e) => P(N(e), M)), f;
 		n ? (f = n.stack ?? n.message, c && (f += `\n\nComponent stack:${c}`)) : e === "error" && (f = (/* @__PURE__ */ Error()).stack);
 		let p = {
 			ts: Date.now(),
@@ -248,29 +162,29 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			...d.length > 0 ? { args: d } : {},
 			...f === void 0 ? {} : { stack: f }
 		};
-		r.push(p), r.length >= N ? o() : s();
+		r.push(p), r.length >= j ? o() : s();
 	}, l = (e) => (...t) => {
-		A[e](...t), c(e, t);
+		O[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 = A.log, console.info = A.info, console.warn = A.warn, console.error = A.error, console.debug = A.debug, typeof window < "u" && (window.removeEventListener("beforeunload", u), window.removeEventListener("pagehide", u));
+		a = !0, o(), i !== null && (clearTimeout(i), i = null), console.log = O.log, console.info = O.info, console.warn = O.warn, console.error = O.error, console.debug = O.debug, typeof window < "u" && (window.removeEventListener("beforeunload", u), window.removeEventListener("pagehide", u));
 	} };
-}, B = 500, V = /* @__PURE__ */ new Set(), H = (e) => {
-	if (!V.has(e) && (V.add(e), V.size > B)) {
-		let e = V.values().next().value;
-		e !== void 0 && V.delete(e);
+}, R = 500, z = /* @__PURE__ */ new Set(), B = (e) => {
+	if (!z.has(e) && (z.add(e), z.size > R)) {
+		let e = z.values().next().value;
+		e !== void 0 && z.delete(e);
 	}
-}, U = /* @__PURE__ */ new Set(), W = (e) => (U.add(e), () => {
-	U.delete(e);
-}), ue = (e) => {
-	for (let t of U) try {
+}, V = /* @__PURE__ */ new Set(), H = (e) => (V.add(e), () => {
+	V.delete(e);
+}), U = (e) => {
+	for (let t of V) try {
 		t(e);
 	} catch {}
-}, de = {
+}, W = {
 	log: "log",
 	info: "info",
 	warn: "warn",
@@ -289,21 +203,21 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			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" : de[n.level], i = n.scope ? ` ${n.scope}` : "";
-				A[r](`%c[server ${e.originLabel}${i}]%c ${n.message}`, G[r], "", ...n.fields ? [n.fields] : []);
+				let r = n.level === void 0 ? "log" : W[n.level], i = n.scope ? ` ${n.scope}` : "";
+				O[r](`%c[server ${e.originLabel}${i}]%c ${n.message}`, G[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" || !V.has(n.traceId)) return;
+				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`;
-				ue({
+				U({
 					traceId: n.traceId,
 					spanName: r,
 					api: e.originLabel,
 					message: i,
 					ts: Date.now()
-				}), A.error(`%c[trace ${e.originLabel}]%c ${r} failed — ${i} (trace ${n.traceId})`, G.error, "");
+				}), O.error(`%c[trace ${e.originLabel}]%c ${r} failed — ${i} (trace ${n.traceId})`, G.error, "");
 			} catch {}
 		}), n.addEventListener("error", () => {
 			n && n.readyState === EventSource.CLOSED && (n = null, !r && i === null && (i = setTimeout(() => {
@@ -322,20 +236,20 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 	muted: "oklch(0.65 0.012 285)",
 	danger: "oklch(0.7 0.21 22)",
 	dangerDim: "oklch(0.5 0.18 22 / 25%)"
-}, J = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", fe = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", pe = 0, me = () => {
+}, J = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", ce = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", le = 0, ue = () => {
 	let [e, t] = d([]);
-	if (l(() => W((e) => {
+	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: ++pe
+				id: ++le
 			}];
 			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__ */ _("div", {
+	return /* @__PURE__ */ g("div", {
 		style: {
 			position: "fixed",
 			right: 16,
@@ -345,17 +259,17 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			flexDirection: "column",
 			gap: 10,
 			maxWidth: 380,
-			fontFamily: fe,
+			fontFamily: ce,
 			pointerEvents: "none"
 		},
-		children: e.map((e) => /* @__PURE__ */ _(he, {
+		children: e.map((e) => /* @__PURE__ */ g(de, {
 			toast: e,
 			onDismiss: () => n(e.id)
 		}, e.id))
 	});
-}, he = ({ toast: e, onDismiss: t }) => {
+}, de = ({ toast: e, onDismiss: t }) => {
 	let [n, r] = d(!1), a = `voltro logs --trace ${e.traceId}`;
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ _("div", {
 		style: {
 			pointerEvents: "auto",
 			background: q.card,
@@ -369,14 +283,14 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			lineHeight: 1.45
 		},
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ _("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ _("span", {
+				children: [/* @__PURE__ */ g("span", {
 					style: {
 						color: q.danger,
 						fontWeight: 600,
@@ -384,7 +298,7 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 						letterSpacing: .3
 					},
 					children: "⚠ Backend error"
-				}), /* @__PURE__ */ _("button", {
+				}), /* @__PURE__ */ g("button", {
 					onClick: t,
 					"aria-label": "Dismiss",
 					style: {
@@ -399,14 +313,14 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 					children: "×"
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ _("div", {
 				style: {
 					marginTop: 6,
 					color: q.muted,
 					fontSize: 11.5
 				},
 				children: [
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ g("span", {
 						style: {
 							fontFamily: J,
 							color: q.fg
@@ -414,13 +328,13 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 						children: e.api
 					}),
 					" · ",
-					/* @__PURE__ */ _("span", {
+					/* @__PURE__ */ g("span", {
 						style: { fontFamily: J },
 						children: e.spanName
 					})
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g("div", {
 				style: {
 					marginTop: 4,
 					color: q.fg,
@@ -428,7 +342,7 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 				},
 				children: e.message
 			}),
-			/* @__PURE__ */ _("button", {
+			/* @__PURE__ */ g("button", {
 				onClick: () => {
 					i(a).then((e) => {
 						e !== "failed" && (r(!0), setTimeout(() => r(!1), 1500));
@@ -453,14 +367,14 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			})
 		]
 	});
-}, ge = (e) => {
+}, fe = (e) => {
 	try {
 		let t = new URL(e);
 		return `${t.protocol === "wss:" ? "https:" : "http:"}//${t.host}`;
 	} catch {
 		return "";
 	}
-}, Y = (e, t) => /^wss?:\/\//i.test(e) || /^https?:\/\//i.test(e) ? ge(e) : `/_voltro/api/${t}`, _e = typeof performance < "u" ? performance.now() : Date.now(), X = () => {
+}, Y = (e, t) => /^wss?:\/\//i.test(e) || /^https?:\/\//i.test(e) ? fe(e) : `/_voltro/api/${t}`, pe = typeof performance < "u" ? performance.now() : Date.now(), X = () => {
 	if (typeof window > "u") return !1;
 	try {
 		if (window.localStorage?.getItem("framework_debug") === "1") return !0;
@@ -474,10 +388,10 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 	}.DEV === !0;
 }, Z = (e, ...t) => {
 	if (!X()) return;
-	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - _e).toFixed(0).padStart(6, " ");
+	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - pe).toFixed(0).padStart(6, " ");
 	console.log(`[fw ${e} +${n}ms]`, ...t);
-}, Q = 3e3, ve = 0, ye = (e, t, n, r) => (i, a) => {
-	let o = ++ve;
+}, Q = 3e3, me = 0, he = (e, t, n, r) => (i, a) => {
+	let o = ++me;
 	Z(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));
@@ -495,7 +409,7 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			} catch {}
 		}
 	}, Q), s;
-}, be = async (e, t, n, r) => {
+}, ge = async (e, t, n, r) => {
 	Z(e.name, `build gen=${t}: making runtime`);
 	try {
 		let i = await m({
@@ -503,39 +417,45 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			wsUrl: e.wsUrl,
 			group: e.group,
 			headers: e.headers,
-			webSocketConstructor: ye(e.name, t, n, r)
+			webSocketConstructor: he(e.name, t, n, r)
 		});
 		return Z(e.name, `build gen=${t}: runtime resolved`), i;
 	} catch (n) {
 		throw Z(e.name, `build gen=${t}: runtime FAILED, disposing`, n.message ?? n), n;
 	}
-}, $ = ({ apis: e, children: n, chrome: r }) => {
-	let [i, o] = d(() => ({
+}, $ = ({ apis: e, children: n, chrome: i }) => {
+	let [o, c] = d(() => ({
 		initialized: e.length === 0,
 		clients: /* @__PURE__ */ new Map()
-	})), c = u(null), f = s(() => {
-		c.current?.reconnect();
-	}, []), [m, b] = d(!1);
+	})), f = u(null), m = s(() => {
+		f.current?.reconnect();
+	}, []), [y, b] = d(!1);
 	l(() => {
 		b(!0);
 	}, []), l(() => {
-		let t = ce({
+		let t = oe(), n = h({
 			apis: e,
-			buildClient: be,
+			buildClient: ge,
 			onChange: (e, t) => {
-				o({
+				c({
 					clients: e,
 					initialized: t
 				});
-			}
+			},
+			onReconnecting: (e) => r({
+				id: `voltro:supervisor:${e}`,
+				kind: "reconnecting",
+				label: "Reconnecting…"
+			}),
+			...t ? { wedgeBackstop: t } : {}
 		});
-		return c.current = t, () => {
-			t.dispose(), c.current === t && (c.current = null);
+		return f.current = n, () => {
+			n.dispose(), f.current === n && (f.current = null);
 		};
 	}, [e]), l(() => {
 		if (!X() || typeof window > "u") return;
 		let t = [], n = [], r = e[0]?.name ?? "web";
-		t.push(z({
+		t.push(L({
 			baseUrl: window.location.origin,
 			appName: r
 		}));
@@ -546,15 +466,15 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 				originLabel: t.name
 			}));
 		}
-		let i = ee((e) => H(e.traceId));
+		let i = ne((e) => B(e.traceId));
 		return () => {
 			for (let e of t) e.dispose();
 			for (let e of n) e.dispose();
 			i();
 		};
 	}, [e]);
-	let x = new Map(e.map((e) => [e.name, i.clients.get(e.name)?.client ?? h])), S = new Map(e.map((e) => {
-		let t = i.clients.get(e.name);
+	let x = new Map(e.map((e) => [e.name, o.clients.get(e.name)?.client ?? ee])), C = new Map(e.map((e) => {
+		let t = o.clients.get(e.name);
 		return t ? [e.name, {
 			runtime: t.runtime,
 			cache: t.cache,
@@ -563,31 +483,31 @@ var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C
 			inspectBaseUrl: Y(e.wsUrl, e.name),
 			errorBus: t.errorBus
 		}] : [e.name, {
-			...g,
+			...te,
 			descriptors: e.descriptors
 		}];
 	}));
-	return /* @__PURE__ */ _(y.Provider, {
-		value: f,
-		children: /* @__PURE__ */ _(p, {
-			apis: S,
-			children: /* @__PURE__ */ _(t.Provider, {
+	return /* @__PURE__ */ g(v.Provider, {
+		value: m,
+		children: /* @__PURE__ */ g(p, {
+			apis: C,
+			children: /* @__PURE__ */ g(t.Provider, {
 				value: x,
-				children: /* @__PURE__ */ _(a, {
-					chrome: m ? /* @__PURE__ */ v(te, { children: [
-						/* @__PURE__ */ _(C, {}),
-						r,
-						X() ? /* @__PURE__ */ _(me, {}) : null
+				children: /* @__PURE__ */ g(a, {
+					chrome: y ? /* @__PURE__ */ _(re, { children: [
+						/* @__PURE__ */ g(S, {}),
+						i,
+						X() ? /* @__PURE__ */ g(ue, {}) : null
 					] }) : null,
 					children: n
 				})
 			})
 		})
 	});
-}, xe = ({ App: e, apis: t, Devtools: n }) => /* @__PURE__ */ _($, {
+}, _e = ({ App: e, apis: t, Devtools: n }) => /* @__PURE__ */ g($, {
 	apis: t,
-	chrome: n ? /* @__PURE__ */ _(n, {}) : null,
-	children: /* @__PURE__ */ _(e, {})
+	chrome: n ? /* @__PURE__ */ g(n, {}) : null,
+	children: /* @__PURE__ */ g(e, {})
 });
 //#endregion
-export { K as a, C as c, z as i, y as l, $ as n, H as o, R as r, W as s, xe as t, b as u };
+export { K as a, S as c, L as i, v as l, $ as n, B as o, I as r, H as s, _e as t, y as u };

package/dist/frameworkBoot.d.ts

@@ -1,20 +1,9 @@
+import { ClientDescriptorMap } from '@voltro/client';
 import { ComponentType } from 'react';
+import { MountedApi } from '@voltro/client';
 import { ReactNode } from 'react';
-import { ResolvableHeaders } from '@voltro/client';
-import { Rpc } from '@effect/rpc';
-import { RpcGroup } from '@effect/rpc';
 
-export declare interface ClientDescriptorMap {
-    readonly [rpcTag: string]: {
-        readonly kind: 'query' | 'mutation' | 'action' | 'stream' | 'workflow';
-        readonly source?: string;
-        readonly targets?: ReadonlyArray<{
-            readonly table: string;
-            readonly op: 'insert' | 'update' | 'delete';
-            readonly order?: 'prepend' | 'append';
-        }>;
-    };
-}
+export { ClientDescriptorMap }
 
 export declare const FrameworkBoot: ({ App, apis, Devtools }: FrameworkBootProps) => ReactNode;
 
@@ -28,24 +17,7 @@ export declare interface FrameworkBootProps {
     readonly Devtools?: ComponentType;
 }
 
-/**
- * Auth headers for an api's WS rpc client. @effect/rpc sends these in the
- * per-request MESSAGE frame (NOT the WS upgrade — a browser can't set upgrade
- * headers), so the server's AuthMiddleware sees them on every call; this is
- * what lets a cross-origin api authenticate WS subscriptions. A thunk is
- * resolved fresh on every (re)connect, so a rotating token (e.g. a Supabase
- * access token) is pulled anew per connect instead of freezing at first mount.
- *
- * `ResolvableHeaders` is re-exported from `@voltro/client` (the lower layer that
- * owns `buildApiRuntime`) so there is ONE definition, not a web-local copy.
- */
-export declare interface MountedApi {
-    readonly name: string;
-    readonly group: RpcGroup.RpcGroup<Rpc.Any>;
-    readonly descriptors: ClientDescriptorMap;
-    readonly wsUrl: string;
-    readonly headers?: ResolvableHeaders | undefined;
-}
+export { MountedApi }
 
 export declare const VoltroRuntimeProvider: ({ apis, children, chrome }: VoltroRuntimeProviderProps) => ReactNode;
 

package/dist/frameworkBoot.js

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