@voltro/web 0.39.1 → 0.40.0

package/CHANGELOG.md

@@ -39,6 +39,164 @@ _Changes staged for the next release accumulate here (rolled up from
 
 ---
 
+## [0.40.0] — 2026-08-16
+
+### ⚠ BREAKING
+
+- **@voltro/client, @voltro/web** — A subscription whose COLD START failed is its own state — `failed: true`, `loading: false` — so "it is loading" is a true statement again.
+
+  The old shape left `loading: true` for a subscription where nothing was in flight and nothing more was coming. The type's own comment predicted the consequence:
+
+  > A cold-start failure leaves `loading` TRUE … so a component that branches on > `loading` alone renders a skeleton forever. Check `error` to break out of it.
+
+  A consumer quoted that back with the right conclusion: **a comment that predicts the misbehaviour of its own field is an API resting on discipline.** `loading` means "something is coming" everywhere else; here it meant "something is coming OR never again", and the escape hatch was a second field that the natural shape of a wrapper — pass `{ data, loading }` through — silently drops. They had three such wrappers. The framework had six, in `useWorkflow.ts`, and the compiler named all six the moment the state existed.
+
+  `failed` is a positive discriminant, so the check reads as one:
+
+  ```tsx
+  if (s.loading) return <Skeleton/>
+  if (s.failed)  return <RetryPanel error={s.error}/>
+  return <Table rows={s.data}/>
+  ```
+
+  **BREAKING**: `!loading` no longer proves `data` is present, so every call site that reads `data` after a bare `loading` check is a type error naming file and line. Nothing fails silently. The codemod is `manual` on purpose — a transform could add `|| s.failed` everywhere and would be wrong about half of them, since an infinite skeleton is precisely what this removes.
+
+  **Measured blast radius**, because the estimate was worse than the reality: 20 errors inside `@voltro/client` (mostly its own `useWorkflow` wrapper and the type-tests) and **zero** in `@voltro/web`, `devtools-ui`, the devtools app, the cloud app, and all 45 templates. Most consumers were already using a `fallback` or a wrapper, which is what made the original defect so quiet.
+
+  Unchanged: a failure AFTER the first snapshot still leaves good data on screen with `error` set — only the cold start is `failed`. A `fallback` subscription still has `data` always present, so `failed` reports there rather than gating. `idle` stays opt-in by overload; `failed` is not opt-in, because any subscription's cold start can fail. And the state is terminal for one TRANSPORT: a reconnect discards the error and re-subscribes.
+- **@voltro/protocol, @voltro/runtime, @voltro/voltro** — A guard refusing a caller whose credential was REJECTED now answers `Unauthenticated`, not `ScopeError`.
+
+  Measured by a consumer: a user's tab outlived their IdP's token lifetime. The strategy logged it plainly —
+
+  ```
+  WARN auth strategy "supabase" rejected request: supabase jwt expired
+  WARN mutation.tasks.update failed: missing required scope 'task:u:o'
+  ```
+
+  — and the wire said the caller lacked a scope. Technically true (an anonymous caller holds none) and it sends everyone who reads it into the permissions system while the problem is an expired session. They did that round; the subject was their administrator, and the same call with a fresh token worked.
+
+  **The obvious fix would have broken more than it fixed**, which is why this shape and not that one. Failing hard when a strategy rejects would break every `openAccess` procedure for anyone holding a stale cookie — a public page that needs no session at all would start refusing. So the FACT travels instead: a rejected credential stamps `credentialRejected` on the anonymous subject it falls back to, and only a guard that actually refuses spends it. `openAccess` never reaches that point and is untouched.
+
+  Three details worth knowing if you touch it:
+
+  - **The stamp happens AFTER the app's `fallback`.** That callback builds its own anonymous subject and knows nothing about the rejection; stamping before it would be silently discarded — the shape of every "wired on one path" defect in this codebase. - **ONE conversion point** (`asRefusal`), at the exit rather than at each `return`. Every branch builds the `ScopeError` it always built; one place decides what it MEANS. - **`Unauthenticated` is merged into the wire union** for guarded procedures AND guarded events, beside `ScopeError`. Without that it would be a tagged error the descriptor cannot represent, and the server would collapse it to `InternalError` — the defect another consumer reported the same week.
+
+  A caller who presented NO credential still gets `ScopeError`. Collapsing both would send a genuinely under-privileged user to the login page.
+
+  **Why this is BREAKING although nothing was removed.** Three published results gained a union member:
+
+  ```ts
+  checkGuards(…)        // ScopeError | Unauthenticated | null   (was ScopeError | null)
+  checkGuardsEffect(…)  // Effect<ScopeError | Unauthenticated | null>
+  bindEvent(…)          // Stream<…, ScopeError | Unauthenticated, …>
+  ```
+
+  The test for breaking is not "did a symbol disappear", it is whether code that COMPILED can stop compiling — and a widened return does that wherever the old union is named (`const refusal: ScopeError | null = checkGuards(…)`), or narrowed exhaustively. It was filed as `Added` first; the golden diff is what showed otherwise, and the rule is worth more than the classification that felt right. `anonymousSubject`'s new second parameter is OPTIONAL and breaks nothing.
+
+  `voltro update` carries you across it — codemod `0.40.0/02_rejected-credential-widens-guard-results`, a written note. A transform would widen each annotation, which compiles and keeps the reported behaviour: the decision at each site is what an expired session should do that a missing permission should not.
+
+### Added
+
+- **@voltro/client, @voltro/web** — The client re-resolves `authHeaders` when the server says the credential was rejected — and `client.refreshAuth()` for an app that knows earlier.
+
+  `authHeaders` is resolved once per CONNECTION and attached per frame, so a tab open longer than the IdP's token lifetime keeps presenting a dead token until something reconnects. A consumer measured it: dragging a card on a board failed, their ADMINISTRATOR's token had simply expired while the page stood, and nothing in `@voltro/client` could force the re-resolve.
+
+  The trigger is the `Unauthenticated` error — which only became distinguishable from `ScopeError` in this same release. Before that the client could not have told "your session died" from "you lack a permission", and reconnecting on the second would have been wrong.
+
+  `refreshAuth()` is a SAME-SUBJECT rebuild, and the difference from `reconnect()` is one flag and a security boundary: `reconnect()` exists for a login / logout / tenant switch, where the next subject may be entitled to strictly LESS, so the cache must not be seeded from the old one. A token refresh is the same person with a fresh credential, so seeding is correct and the screen keeps its rows instead of blanking for the round trip. Getting that backwards is silent in both directions — seed on a subject change and you paint one user's rows into another's; refuse to seed on a refresh and every open screen blinks on every rotation.
+
+  The policy lives in ONE function (`wireAuthRefresh`) that every host wires, because "when do we reconnect on an auth error" is exactly the kind of decision this repo has watched drift when it was written twice. Two guards, answering different questions: a **rate** ceiling (one rebuild per window — a rejected mutation arrives alongside every rejected subscription on the page) and a **total** ceiling (stop after N refreshes with no successful call between, because at that point the credential is not stale, it is refused, and the answer is a sign-in screen rather than another socket).
+- **@voltro/cli** — `middleware.ts` — a web app's one server-only hook, for renewing a credential before the SSR render uses it.
+
+  Reported: a consumer's SSR detail pages arrived empty on the first request of every day. Their cookie token had outlived the IdP's lifetime, the api resolved the caller to anonymous, and every `preload` on the page failed. They could not fix it in the app, and the reason is structural: `ctx.query` and every `preload` entry are bound from ONE cookie string **before any loader runs**, so a layout loader that renews the session cannot reach them — and a `type: 'web'` app has no auth middleware.
+
+  ```ts
+  // middleware.ts — web app root, server-only
+  export default async (req) => {
+    const fresh = await refreshSession(req.cookies['sb-session'])
+    if (!fresh) return
+    return {
+      headers:    { authorization: `Bearer ${fresh.accessToken}` },
+      setCookies: [{ name: 'sb-session', value: fresh.cookie, maxAge: 3600 }],
+    }
+  }
+  ```
+
+  **Why not `app.config.ts`.** That file is imported into the CLIENT bundle, verbatim, the moment any api declares `authHeaders` — the thunk is a function, so it cannot be serialised. A hook that renews a session reaches for an IdP SDK by definition, so putting it there drags the server graph into the browser. The consumer proposed exactly that shape (`serverAuthHeaders` beside `authHeaders`) and it is the one place it cannot go.
+
+  **Why `setCookies` is not optional.** We asked whether writing cookies back was in scope, expecting the answer to be about a round trip. It was about correctness: Supabase ROTATES refresh tokens and detects reuse, so a hook that renews server-side and does not write the result back leaves the browser holding a consumed token. Without it the hook is not "slower but correct" — it can destroy the session.
+
+  **Deliberately not a general middleware.** It can replace credentials and set cookies. It cannot redirect, return a response, or rewrite a route — because authorization belongs on the API, which is the only thing that sees the data, and a web-side hook that can refuse a request becomes a second authorization layer beside the real one. A hook that cannot refuse also cannot be mistaken for a guard. For a login redirect, a loader already throws `RedirectError`.
+
+  Details worth knowing: only auth-shaped headers (`authorization`, `x-tenant`, `x-voltro-*`) are forwarded to the api, so a returned `host` or `content-length` cannot produce a failure that looks like anything but a header copy; cookies default to `HttpOnly` + `Path=/` + `SameSite=lax`; multiple cookies are written as separate header lines, never comma-joined (a cookie's `Expires` contains a comma); the file is loaded ONCE per boot; a failure to IMPORT is fatal rather than degrading to "no middleware", and a middleware that THROWS fails the request — the render must not proceed on the credential it was told to replace.
+
+  Wired on BOTH SSR boot paths (`voltro dev` and `voltro start`), with the cookies written on every response arm — streamed, buffered, redirect and 404. A partial application would renew a rotating token and drop it.
+- **@voltro/testing** — `makeTestContext` supplies `ctx.events`, so an executor that publishes can be unit-tested at all.
+
+  `ctx.events` is a field PRODUCTION puts on every `AppContext`, and the test harness did not — so any handler containing `ctx.events.publish(...)` died on `Cannot read properties of undefined (reading 'publish')` the moment it ran under test.
+
+  **The shipped `api-durable` template demonstrates exactly that pattern** (publish inside the mutation's transaction, so it fires on COMMIT and not on rollback), and its own test passed anyway — because it called the executor with `await` instead of running it. An executor written in the Effect style RETURNS an Effect, and awaiting a non-thenable hands the object straight back, unrun. The assertion then failed on `row.status` being `undefined` and pointed at the assertion rather than at the call. Two defects propping each other up: the harness could not have run that handler, and the test never asked it to.
+
+  It is the REAL `makeEventPublisher` over a real `EventBus`, not a stub. A fake would re-implement the payload validation and the tenant stamping and would be wrong the first time either gains a case — the lesson `plugin-broadcast` paid for twice. `ctx.eventBus` is the read side:
+
+  ```ts
+  const seen = ctx.eventBus.subscribe(orderPlaced, { orderId })
+  await invoke(placeOrder, executor, input, ctx)
+  expect(seen.received).toHaveLength(1)
+  ```
+
+  One bus for the whole harness so a `withSubject` / `withTenant` re-scope still publishes where the test is listening; the PUBLISHER is per-subject, because the tenant it stamps is the caller's.
+
+### Fixed
+
+- **@voltro/cli** — `voltro agents-md --force` no longer exits 0 when it wrote nothing.
+
+  Reported: a consumer's `agent-docs/` is owned by the pod (root). They ran the command as `admin`, and it **overwrote nothing, said nothing, and exited 0**. They read the unchanged file as "the framework has not fixed this yet" — it had — and lost a full round to it.
+
+  The cause was three `orElseSucceed`s in the agent-docs copy. `makeDirectory`, `readDirectory` and every `copyFile` degraded to success, so a destination the process could not write produced an empty run that reported itself as done. An unreadable source directory came back as `[]` and did the same.
+
+  Failures are collected and reported now, and the command **exits 1** when the seed is incomplete:
+
+  ```
+  agents-md: 12 file(s) could NOT be written — the seed is INCOMPLETE.
+  The commonest cause is ownership: a container wrote these as root and you are
+  running as someone else.
+  ```
+
+  `--force` is an explicit instruction to overwrite, so silently not overwriting is the one outcome that must never be reported as done. `stat` is the single remaining silent degrade, deliberately: a source entry that vanished mid-walk is not a write failure and must not fail the run.
+
+  Pinned in both directions — a real unwritable directory yields failures, a clean copy yields none, and a source guard asserts that `stat` is the ONLY call on that path allowed to swallow. Red-verified by restoring the original `orElseSucceed`.
+- **@voltro/cli** — Every server-side loader context is now checked by the compiler, and the static prerender stopped handing loaders a context missing `search` and `headers`.
+
+  `ctx.isServer` shipped with a source-reading guard, and that guard had the defect it exists to prevent: it matched context literals by shape (`loader({` / `ctx: {`) and therefore found ONE of the two in `build.ts`, missing the one built as a typed arrow return. Its tripwire — "at least 5 sites" — passed, because a floor cannot tell 5-of-8 from 5-of-5. The gap was found by a parallel report, not by the guard.
+
+  The invariant moved from "the literal mentions `isServer`" to "the literal is CHECKED BY THE COMPILER": every server loader context is now `satisfies SegmentLoaderContext`, whose `isServer` is required. A site that forgets it is a type error naming the file and line — strictly stronger than any regex over shapes, and verified by removing one.
+
+  **It caught a second defect immediately.** The static prerender built its page loader context with only `params`, `pathname`, `signal` — no `search`, no `headers`, no `query` — while `LoaderContext.search` is declared `string`. A static page's loader reading `ctx.search` got `undefined` where the type promised a value. The segment context twenty lines above it in the same file already passed `search: ''` with a comment explaining why.
+
+  Two smaller things worth knowing if you touch the guard: the closing brace is part of its pattern because the bare phrase also appears in the comment explaining the rule (the first version counted its own documentation), and the CLI's `SegmentLoaderContext` mirror keeping `isServer` non-optional is what the whole enforcement rests on — `isServer?:` would make every `satisfies` pass while a forgetful site reports itself as the browser.
+- **@voltro/protocol, @voltro/cli** — A guard's `ScopeError` reaches the client as `ScopeError` on a mutation, not as `InternalError`.
+
+  Measured by a consumer over the wire, same session, same foreign team:
+
+  | kind | declared `error:` | denial arrived as | |---|---|---| | query `webhooks.list` | `AccessDeniedError` | `_tag: 'ScopeError'` ✓ | | mutation `…updateReferenceLabels` | `AccessDeniedError` | `InternalError` ✗ | | the same mutation, after adding `ScopeError` to its union | | `_tag: 'ScopeError'` ✓ |
+
+  Their client maps `ScopeError` to *forbidden* and `InternalError` to *something went wrong*, so a permissions refusal looked like a crash — on every relationship-guarded write in the app.
+
+  **Their observation was exact; the mechanism was not, and the difference is where the fix goes.** They diagnosed it as "the merge only happens on the streaming path". `withGuardError` is called by every lifter, so the wire union carries `ScopeError` on both. What differs is a SECOND reader: the server refuses to ship a tagged error the descriptor cannot represent, collapsing it to `InternalError` rather than emitting a raw defect tree — and it was handed `descriptor.error`, the RAW declaration, while the union it protects is the WIDENED one. It judged against a narrower set than it had advertised. A query never reaches that check (it is delivered through `wireErrorFromCause`, which preserves the tag), which is exactly why the split fell along query/mutation.
+
+  `wireErrorUnion(descriptor, kind)` is now the single owner of "what can this procedure put on the wire", used by the lifters AND by both bind sites.
+
+  **Two more error classes were collapsed the same way, and neither was reported:**
+
+  - **`BusinessRuleViolation`** — unconditional for mutations. `withRuleError`'s own comment says it MUST be in the union "or the violation crosses the wire as an untyped defect". It was in the union, and collapsed before it got there. - **The `requiresApproval` refusals** — `ApprovalRequired` / `ApprovalExpired` / `ApprovalUnavailable`, so "parked for approval" was indistinguishable from "the server broke".
+
+  `openAccess:` still merges nothing: a procedure advertising a denial it cannot produce is what makes an error union stop meaning anything.
+
+  If you worked around this by declaring `ScopeError` yourself, the declaration is now redundant rather than wrong — the union is the same either way, and you can delete it whenever you like.
+
+---
+
 ## [0.39.1] — 2026-08-16
 
 ### Fixed

package/dist/{frameworkBoot-Tso-IjA7.js → frameworkBoot-CV_o2tIk.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 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";
+import { FrameworkRuntimesProvider as p, buildApiRuntime as m, ssrClientProxy as h, ssrStubHandle as ee, startApiSupervisor as g, subscribeClientTraces as te, wireAuthRefresh as ne } from "@voltro/client";
+import { Fragment as re, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/reconnect.ts
-var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S = () => {
+var y = e("reconnect", null), b = () => c(y) ?? (() => {}), x = 150, S = 220, C = () => {
 	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), b);
+		let t = setTimeout(() => r(!0), x);
 		return () => clearTimeout(t);
-	}, [e]), /* @__PURE__ */ _("div", {
+	}, [e]), /* @__PURE__ */ v("div", {
 		"aria-hidden": "true",
 		"data-voltro-nav-indicator": "",
 		style: {
@@ -25,7 +25,7 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			pointerEvents: "none",
 			opacity: +!!t,
 			transform: t ? "translateY(0) scale(1)" : "translateY(4px) scale(0.96)",
-			transition: `opacity ${x}ms ease, transform ${x}ms ease`,
+			transition: `opacity ${S}ms ease, transform ${S}ms ease`,
 			display: "grid",
 			placeItems: "center",
 			width: 34,
@@ -37,30 +37,30 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			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 })]
+		children: [/* @__PURE__ */ _("span", { "data-voltro-nav-spinner": "" }), /* @__PURE__ */ _("style", { children: w })]
 	});
-}, 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 = () => {
+}, w = "\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", T = 2e3, ie = () => typeof window < "u" && !1, ae = () => typeof window > "u" ? null : `${window.location.origin}/`, oe = 2e4, E = "voltro:wedge-reload-at", se = () => {
 	try {
-		let e = Number(window.sessionStorage.getItem(D) ?? "0"), t = Date.now();
-		if (t - e < E) return;
-		window.sessionStorage.setItem(D, String(t));
+		let e = Number(window.sessionStorage.getItem(E) ?? "0"), t = Date.now();
+		if (t - e < oe) return;
+		window.sessionStorage.setItem(E, String(t));
 	} catch {}
 	window.location.reload();
-}, oe = () => {
-	if (T()) return {
+}, D = () => {
+	if (ie()) return {
 		afterFailures: 2,
 		arm: () => {
-			let e = ie();
+			let e = ae();
 			if (e === null) return () => {};
 			let t = setInterval(() => {
 				fetch(e, {
 					method: "GET",
 					cache: "no-store",
-					signal: AbortSignal.timeout(w)
+					signal: AbortSignal.timeout(T)
 				}).then((e) => {
-					e.status < 500 && ae();
+					e.status < 500 && se();
 				}).catch(() => {});
-			}, w);
+			}, T);
 			return () => clearInterval(t);
 		}
 	};
@@ -70,18 +70,18 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 	warn: console.warn.bind(console),
 	error: console.error.bind(console),
 	debug: console.debug.bind(console)
-}, k = 200, A = 400, j = 20, M = 1e3, N = (e) => {
+}, k = 200, A = 400, ce = 20, j = 1e3, M = (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, se());
+		return JSON.stringify(e, le());
 	} catch {
 		return Object.prototype.toString.call(e);
 	}
 	return String(e);
-}, se = () => {
+}, le = () => {
 	let e = /* @__PURE__ */ new WeakSet();
 	return (t, n) => {
 		if (typeof n == "object" && n) {
@@ -90,20 +90,20 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 		}
 		return n;
 	};
-}, P = (e, t) => e.length > t ? `${e.slice(0, t)}…` : e, F = /%[sdifoOc]/g, I = (e) => {
+}, N = (e, t) => e.length > t ? `${e.slice(0, t)}…` : e, P = /%[sdifoOc]/g, F = (e) => {
 	if (e.length === 0) return {
 		message: "",
 		rest: []
 	};
 	let t = e[0];
-	if (typeof t != "string" || !F.test(t)) return {
-		message: N(t),
+	if (typeof t != "string" || !P.test(t)) return {
+		message: M(t),
 		rest: e.slice(1)
 	};
-	F.lastIndex = 0;
+	P.lastIndex = 0;
 	let n = 1;
 	return {
-		message: t.replace(F, (t) => {
+		message: t.replace(P, (t) => {
 			if (t === "%c") return n++, "";
 			if (n >= e.length) return t;
 			let r = e[n++];
@@ -119,13 +119,13 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 					return Number.isFinite(e) ? String(e) : "NaN";
 				}
 				case "%o":
-				case "%O": return N(r);
+				case "%O": return M(r);
 				default: return t;
 			}
 		}),
 		rest: e.slice(n)
 	};
-}, L = (e) => {
+}, I = (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;
@@ -133,7 +133,7 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 		let a = {
 			app: e.appName,
 			page: typeof window < "u" ? window.location.pathname : void 0,
-			ua: typeof navigator < "u" ? P(navigator.userAgent, 200) : void 0,
+			ua: typeof navigator < "u" ? N(navigator.userAgent, 200) : void 0,
 			entries: t
 		};
 		try {
@@ -153,7 +153,7 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 		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)
-		} : I(t), u = P(l.message, M), d = l.rest.filter((e) => e !== n && e !== i).map((e) => P(N(e), M)), f;
+		} : F(t), u = N(l.message, j), d = l.rest.filter((e) => e !== n && e !== i).map((e) => N(M(e), j)), f;
 		n ? (f = n.stack ?? n.message, c && (f += `\n\nComponent stack:${c}`)) : e === "error" && (f = (/* @__PURE__ */ Error()).stack);
 		let p = {
 			ts: Date.now(),
@@ -162,7 +162,7 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			...d.length > 0 ? { args: d } : {},
 			...f === void 0 ? {} : { stack: f }
 		};
-		r.push(p), r.length >= j ? o() : s();
+		r.push(p), r.length >= ce ? o() : s();
 	}, l = (e) => (...t) => {
 		O[e](...t), c(e, t);
 	};
@@ -173,51 +173,51 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 	return typeof window < "u" && (window.addEventListener("beforeunload", u), window.addEventListener("pagehide", u)), { dispose: () => {
 		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));
 	} };
-}, 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);
+}, L = 500, R = /* @__PURE__ */ new Set(), z = (e) => {
+	if (!R.has(e) && (R.add(e), R.size > L)) {
+		let e = R.values().next().value;
+		e !== void 0 && R.delete(e);
 	}
-}, V = /* @__PURE__ */ new Set(), H = (e) => (V.add(e), () => {
-	V.delete(e);
-}), U = (e) => {
-	for (let t of V) try {
+}, B = /* @__PURE__ */ new Set(), V = (e) => (B.add(e), () => {
+	B.delete(e);
+}), H = (e) => {
+	for (let t of B) try {
 		t(e);
 	} catch {}
-}, W = {
+}, U = {
 	log: "log",
 	info: "info",
 	warn: "warn",
 	error: "error",
 	debug: "debug"
-}, G = {
+}, W = {
 	log: "color: #888;",
 	info: "color: #2563eb;",
 	warn: "color: #c2410c;",
 	error: "color: #b91c1c; font-weight: 600;",
 	debug: "color: #6b7280;"
-}, K = (e) => {
+}, 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" : W[n.level], i = n.scope ? ` ${n.scope}` : "";
-				O[r](`%c[server ${e.originLabel}${i}]%c ${n.message}`, G[r], "", ...n.fields ? [n.fields] : []);
+				let r = n.level === void 0 ? "log" : U[n.level], i = n.scope ? ` ${n.scope}` : "";
+				O[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;
+				if (!n || n.status !== "error" || typeof n.traceId != "string" || !R.has(n.traceId)) return;
 				let r = n.name ?? "span", i = n.statusMessage && n.statusMessage.length > 0 ? n.statusMessage : `${r} failed`;
-				U({
+				H({
 					traceId: n.traceId,
 					spanName: r,
 					api: e.originLabel,
 					message: i,
 					ts: Date.now()
-				}), O.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})`, W.error, "");
 			} catch {}
 		}), n.addEventListener("error", () => {
 			n && n.readyState === EventSource.CLOSED && (n = null, !r && i === null && (i = setTimeout(() => {
@@ -228,7 +228,7 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 	return a(), { dispose: () => {
 		r = !0, i !== null && (clearTimeout(i), i = null), n?.close(), n = null;
 	} };
-}, q = {
+}, K = {
 	card: "oklch(0.21 0.006 285)",
 	cardRaised: "oklch(0.25 0.007 285)",
 	border: "oklch(1 0 0 / 14%)",
@@ -236,20 +236,20 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 	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", ce = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", le = 0, ue = () => {
+}, q = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", ue = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", de = 0, fe = () => {
 	let [e, t] = d([]);
-	if (l(() => H((e) => {
+	if (l(() => V((e) => {
 		t((t) => {
 			if (t.some((t) => t.traceId === e.traceId && t.spanName === e.spanName)) return t;
 			let n = [...t, {
 				...e,
-				id: ++le
+				id: ++de
 			}];
 			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", {
+	return /* @__PURE__ */ _("div", {
 		style: {
 			position: "fixed",
 			right: 16,
@@ -259,52 +259,52 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			flexDirection: "column",
 			gap: 10,
 			maxWidth: 380,
-			fontFamily: ce,
+			fontFamily: ue,
 			pointerEvents: "none"
 		},
-		children: e.map((e) => /* @__PURE__ */ g(de, {
+		children: e.map((e) => /* @__PURE__ */ _(pe, {
 			toast: e,
 			onDismiss: () => n(e.id)
 		}, e.id))
 	});
-}, de = ({ toast: e, onDismiss: t }) => {
+}, pe = ({ toast: e, onDismiss: t }) => {
 	let [n, r] = d(!1), a = `voltro logs --trace ${e.traceId}`;
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		style: {
 			pointerEvents: "auto",
-			background: q.card,
-			border: `1px solid ${q.danger}`,
-			borderLeft: `3px solid ${q.danger}`,
+			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: q.fg,
+			color: K.fg,
 			fontSize: 13,
 			lineHeight: 1.45
 		},
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ _("span", {
 					style: {
-						color: q.danger,
+						color: K.danger,
 						fontWeight: 600,
 						fontSize: 12,
 						letterSpacing: .3
 					},
 					children: "⚠ Backend error"
-				}), /* @__PURE__ */ g("button", {
+				}), /* @__PURE__ */ _("button", {
 					onClick: t,
 					"aria-label": "Dismiss",
 					style: {
 						background: "transparent",
 						border: "none",
-						color: q.muted,
+						color: K.muted,
 						cursor: "pointer",
 						fontSize: 16,
 						lineHeight: 1,
@@ -313,36 +313,36 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 					children: "×"
 				})]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				style: {
 					marginTop: 6,
-					color: q.muted,
+					color: K.muted,
 					fontSize: 11.5
 				},
 				children: [
-					/* @__PURE__ */ g("span", {
+					/* @__PURE__ */ _("span", {
 						style: {
-							fontFamily: J,
-							color: q.fg
+							fontFamily: q,
+							color: K.fg
 						},
 						children: e.api
 					}),
 					" · ",
-					/* @__PURE__ */ g("span", {
-						style: { fontFamily: J },
+					/* @__PURE__ */ _("span", {
+						style: { fontFamily: q },
 						children: e.spanName
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				style: {
 					marginTop: 4,
-					color: q.fg,
+					color: K.fg,
 					wordBreak: "break-word"
 				},
 				children: e.message
 			}),
-			/* @__PURE__ */ g("button", {
+			/* @__PURE__ */ _("button", {
 				onClick: () => {
 					i(a).then((e) => {
 						e !== "failed" && (r(!0), setTimeout(() => r(!1), 1500));
@@ -354,12 +354,12 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 					display: "block",
 					width: "100%",
 					textAlign: "left",
-					background: q.cardRaised,
-					border: `1px solid ${q.border}`,
+					background: K.cardRaised,
+					border: `1px solid ${K.border}`,
 					borderRadius: 6,
 					padding: "6px 8px",
-					color: q.muted,
-					fontFamily: J,
+					color: K.muted,
+					fontFamily: q,
 					fontSize: 11,
 					cursor: "pointer"
 				},
@@ -367,14 +367,14 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			})
 		]
 	});
-}, fe = (e) => {
+}, J = (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) ? fe(e) : `/_voltro/api/${t}`, pe = typeof performance < "u" ? performance.now() : Date.now(), X = () => {
+}, Y = (e, t) => /^wss?:\/\//i.test(e) || /^https?:\/\//i.test(e) ? J(e) : `/_voltro/api/${t}`, me = typeof performance < "u" ? performance.now() : Date.now(), X = () => {
 	if (typeof window > "u") return !1;
 	try {
 		if (window.localStorage?.getItem("framework_debug") === "1") return !0;
@@ -388,10 +388,10 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 	}.DEV === !0;
 }, Z = (e, ...t) => {
 	if (!X()) return;
-	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - pe).toFixed(0).padStart(6, " ");
+	let n = ((typeof performance < "u" ? performance.now() : Date.now()) - me).toFixed(0).padStart(6, " ");
 	console.log(`[fw ${e} +${n}ms]`, ...t);
-}, Q = 3e3, me = 0, he = (e, t, n, r) => (i, a) => {
-	let o = ++me;
+}, Q = 3e3, he = 0, ge = (e, t, n, r) => (i, a) => {
+	let o = ++he;
 	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));
@@ -409,7 +409,7 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			} catch {}
 		}
 	}, Q), s;
-}, ge = async (e, t, n, r) => {
+}, _e = async (e, t, n, r) => {
 	Z(e.name, `build gen=${t}: making runtime`);
 	try {
 		let i = await m({
@@ -417,7 +417,7 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			wsUrl: e.wsUrl,
 			group: e.group,
 			headers: e.headers,
-			webSocketConstructor: he(e.name, t, n, r)
+			webSocketConstructor: ge(e.name, t, n, r)
 		});
 		return Z(e.name, `build gen=${t}: runtime resolved`), i;
 	} catch (n) {
@@ -429,13 +429,20 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 		clients: /* @__PURE__ */ new Map()
 	})), f = u(null), m = s(() => {
 		f.current?.reconnect();
-	}, []), [y, b] = d(!1);
+	}, []), [b, x] = d(!1);
 	l(() => {
-		b(!0);
+		x(!0);
 	}, []), l(() => {
-		let t = oe(), n = h({
+		let e = [...o.clients.values()].map((e) => ne(e.errorBus, () => {
+			f.current?.refreshAuth();
+		}));
+		return () => {
+			for (let t of e) t.dispose();
+		};
+	}, [o.clients]), l(() => {
+		let t = D(), n = g({
 			apis: e,
-			buildClient: ge,
+			buildClient: _e,
 			onChange: (e, t) => {
 				c({
 					clients: e,
@@ -455,25 +462,25 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 	}, [e]), l(() => {
 		if (!X() || typeof window > "u") return;
 		let t = [], n = [], r = e[0]?.name ?? "web";
-		t.push(L({
+		t.push(I({
 			baseUrl: window.location.origin,
 			appName: r
 		}));
 		for (let t of e) {
 			let e = Y(t.wsUrl, t.name);
-			e.length !== 0 && n.push(K({
+			e.length !== 0 && n.push(G({
 				baseUrl: e,
 				originLabel: t.name
 			}));
 		}
-		let i = ne((e) => B(e.traceId));
+		let i = te((e) => z(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, o.clients.get(e.name)?.client ?? ee])), C = new Map(e.map((e) => {
+	let S = new Map(e.map((e) => [e.name, o.clients.get(e.name)?.client ?? h])), w = new Map(e.map((e) => {
 		let t = o.clients.get(e.name);
 		return t ? [e.name, {
 			runtime: t.runtime,
@@ -483,31 +490,31 @@ var v = e("reconnect", null), y = () => c(v) ?? (() => {}), b = 150, x = 220, S
 			inspectBaseUrl: Y(e.wsUrl, e.name),
 			errorBus: t.errorBus
 		}] : [e.name, {
-			...te,
+			...ee,
 			descriptors: e.descriptors
 		}];
 	}));
-	return /* @__PURE__ */ g(v.Provider, {
+	return /* @__PURE__ */ _(y.Provider, {
 		value: m,
-		children: /* @__PURE__ */ g(p, {
-			apis: C,
-			children: /* @__PURE__ */ g(t.Provider, {
-				value: x,
-				children: /* @__PURE__ */ g(a, {
-					chrome: y ? /* @__PURE__ */ _(re, { children: [
-						/* @__PURE__ */ g(S, {}),
+		children: /* @__PURE__ */ _(p, {
+			apis: w,
+			children: /* @__PURE__ */ _(t.Provider, {
+				value: S,
+				children: /* @__PURE__ */ _(a, {
+					chrome: b ? /* @__PURE__ */ v(re, { children: [
+						/* @__PURE__ */ _(C, {}),
 						i,
-						X() ? /* @__PURE__ */ g(ue, {}) : null
+						X() ? /* @__PURE__ */ _(fe, {}) : null
 					] }) : null,
 					children: n
 				})
 			})
 		})
 	});
-}, _e = ({ App: e, apis: t, Devtools: n }) => /* @__PURE__ */ g($, {
+}, ve = ({ App: e, apis: t, Devtools: n }) => /* @__PURE__ */ _($, {
 	apis: t,
-	chrome: n ? /* @__PURE__ */ g(n, {}) : null,
-	children: /* @__PURE__ */ g(e, {})
+	chrome: n ? /* @__PURE__ */ _(n, {}) : null,
+	children: /* @__PURE__ */ _(e, {})
 });
 //#endregion
-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 };
+export { G as a, C as c, I as i, y as l, $ as n, z as o, F as r, V as s, ve as t, b as u };

package/dist/frameworkBoot.js

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

package/dist/index.js

@@ -1,8 +1,8 @@
 import { t as e } from "./globalContext-d4A-ugDg.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-Tso-IjA7.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-CV_o2tIk.js";
 import { a as d, c as f, i as p, l as m, o as h, u as g } from "./defaultFallbacks-B4Ak-R6R.js";
-import { a as _, i as ee, n as te, r as ne, t as re } from "./mount-BTAQ-8Vl.js";
+import { a as _, i as ee, n as te, r as ne, t as re } from "./mount-nudb4UCl.js";
 import { c as ie, d as ae, h as oe, l as se, p as ce, u as le } from "./routerState-DAT472IC.js";
 import { A as ue, B as de, C as fe, D as pe, E as me, F as he, G as ge, H as _e, I as v, K as y, L as b, M as x, N as S, O as C, P as w, R as T, S as E, T as D, U as O, V as k, W as A, _ as j, a as M, b as N, c as P, d as F, f as I, g as ve, h as ye, i as be, j as xe, k as Se, l as Ce, m as we, n as Te, o as Ee, p as De, q as Oe, r as ke, s as Ae, t as je, u as Me, v as Ne, w as Pe, x as Fe, y as Ie, z as Le } from "./serverContext-38JTbYPa.js";
 import { Component as Re, Suspense as ze, createElement as L, use as Be, useCallback as Ve, useContext as He, useSyncExternalStore as Ue } from "react";

package/dist/{mount-BTAQ-8Vl.js → mount-nudb4UCl.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./frameworkBoot-Tso-IjA7.js";
+import { t as e } from "./frameworkBoot-CV_o2tIk.js";
 import { o as t, r as n, t as r } from "./routerState-DAT472IC.js";
 import { StrictMode as i, createElement as a } from "react";
 import { createRoot as o, hydrateRoot as s } from "react-dom/client";

package/dist/mount.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./mount-BTAQ-8Vl.js";
+import { n as e, t } from "./mount-nudb4UCl.js";
 export { t as mount, e as noticeIslandsShipTheFullBundle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voltro/web",
-  "version": "0.39.1",
+  "version": "0.40.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",
@@ -53,8 +53,8 @@
     "node": ">=24.0.0"
   },
   "dependencies": {
-    "@voltro/client": "0.39.1",
-    "@voltro/ui": "0.39.1"
+    "@voltro/client": "0.40.0",
+    "@voltro/ui": "0.40.0"
   },
   "peerDependencies": {
     "@effect/platform": "^0.97.0",